Editing Website
Uri
Name
Html
<!DOCTYPE html><html lang="fr_FR" hydrated=""><head><meta http-equiv="origin-trial" content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ=="><style class="vjs-styles-defaults"> .video-js { width: 300px; height: 150px; } .vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 56.25% } </style> <title>Home | Culture Batiscan</title> <meta charset="utf-8"><style data-styles="">slot-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}</style> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="generator" content="Square Online"> <link rel="shortcut icon" type="image/x-icon" href="/square.ico"> <link rel="preload" href="https://cdn3.editmysite.com/app/website/css/site.80dde82e64cd7e8a0309.css" as="style"> <style> .loading-view { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 100; } .loading-container { width: 62px; height: 54px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 12px; } @media (min-width: 840px) { .loading-container { width: 72px; height: 54px; grid-gap: 12px; } } .dot-container { width: 100%; height: 100%; background: linear-gradient(#21212120, #212121); /* Base64 encoded simple circle SVG /resources/assets/js/prime/src/site/components/ui/circle.svg */ mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDIgMiI+Cgk8Y2lyY2xlIHI9IjEiLz4KPC9zdmc+Cg=='); -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDIgMiI+Cgk8Y2lyY2xlIHI9IjEiLz4KPC9zdmc+Cg=='); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: 100% auto; -webkit-mask-size: 100% auto; mask-position: bottom; -webkit-mask-position: bottom; animation: loading-view-movement; animation-delay: 0s; animation-duration: 3750ms; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.8, 0, 0.8, 1); } .dot-container:nth-of-type(2) { animation-delay: 130ms; } .dot-container:nth-of-type(3) { animation-delay: 260ms; } @keyframes loading-view-movement { /* up and down for 3s, stop for 750ms */ 0%, 27%, 54% { mask-position: bottom; -webkit-mask-position: bottom; } 14%, 41%, 68% { mask-position: top; -webkit-mask-position: top; } 27%, 54%, 81%, 100% { mask-position: bottom; -webkit-mask-position: bottom; } } </style> <link rel="manifest" href="/manifest.webmanifest"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta name="apple-mobile-web-app-title" content="Culture Batiscan"> <meta name="theme-color" content="#212121"> <meta name="msapplication-TileColor" content="#212121"> <link rel="apple-touch-icon" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/icon_180x180_ios.png?width=180"> <meta name="msapplication-TileImage" content="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/icon_180x180_ios.png?width=144"> <link rel="apple-touch-icon" sizes="120x120" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/icon_180x180_ios.png?width=120"> <link rel="apple-touch-icon" sizes="152x152" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/icon_180x180_ios.png?width=152"> <link rel="apple-touch-icon" sizes="167x167" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/icon_180x180_ios.png?width=167"> <link rel="apple-touch-icon" sizes="180x180" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/icon_180x180_ios.png?width=180"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=750&height=1334&fit=crop" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1242&height=2208&fit=crop" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1125&height=2436&fit=crop" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=828&height=1792&fit=crop" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1242&height=2688&fit=crop" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1170&height=2532&fit=crop" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1284&height=2778&fit=crop" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1536&height=2048&fit=crop" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1620&height=2160&fit=crop" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1668&height=2224&fit=crop" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=1668&height=2388&fit=crop" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)"> <link rel="apple-touch-startup-image" href="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/splash_2048x4435.jpg?width=2048&height=2732&fit=crop" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"> <script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/gTpTIWhbKpxADzTzkcabhXN4/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-H/5bR8BVxoDZIIp1lThXvsuAj/gHvImPQ0kayVpCevmOrRalo0FwJubK3EoX8w37"></script><script id="snowday-script" async="" src="https://cdn3.editmysite.com/app/website/static/js/wsnbn/snowday262.js"></script><script defer="" src="https://cdn3.editmysite.com/app/checkout/assets/checkout/system.c3b89b0b94f4ef0671b1.js" data-cookieconsent="ignore"></script> <script type="systemjs-importmap" src="https://cdn3.editmysite.com/app/checkout/assets/checkout/imports.en.211452846cac7d68.js" data-cookieconsent="ignore"></script> <script type="systemjs-importmap" src="https://cdn3.editmysite.com/app/checkout/assets/checkout/locale-imports-map.50c5d398f297de56.json" data-cookieconsent="ignore"></script> <script defer="" type="text/javascript" src="https://cdn3.editmysite.com/app/website/js/runtime.d419cfb2e15fa317621b.js" data-cookieconsent="ignore"></script> <script defer="" type="text/javascript" src="https://cdn3.editmysite.com/app/website/js/vue-modules.4a41b3ba298bf4563d97.js" data-cookieconsent="ignore"></script> <script defer="" type="text/javascript" src="https://cdn3.editmysite.com/app/website/js/languages/fr_FR.37cd0e0bf13711eb0256.js" data-cookieconsent="ignore"></script> <script defer="" type="text/javascript" src="https://cdn3.editmysite.com/app/website/js/site.9890e2dac1932b5611b3.js" data-cookieconsent="ignore"></script> <meta property="og:title" content="Home | Culture Batiscan"> <meta property="og:site_name" content="Culture Batiscan"> <meta property="og:url" content="https://culturebatiscan.square.site"> <meta property="og:type" content="website"> <script data-cookieconsent="ignore"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); </script> <!--square-online-feature-flags--> <script type="application/javascript" data-cookieconsent="ignore" data-role="square-online-featureflags"> window.__DYNAMIC_BOOTSTRAP__ ??= {}; Object.assign(window.__DYNAMIC_BOOTSTRAP__, { 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.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.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}, }); </script> <!--end-square-online-feature-flags--> <script type="application/javascript" data-cookieconsent="ignore"> window.__BOOTSTRAP_STATE__ = {"siteData":{"site":{"id":"47160be0-9e2c-11f0-8d9f-f1583ae11416","properties":{"classicSiteID":"754535485539194788","catalogSiteId":"754535485539194788","selectedVertical":"other","verticalV4":"charity-event","language":"fr_FR","squareMerchantId":"ML78BXEK0JMST","siteCatalogVersion":"8d2bc759-073f-4527-bd6b-e0e054583f0e","appSiteCartNativePayControlGroup":false,"appSiteCartNativePayTestGroup":false,"isKioskSite":false,"squareSyncUserId":"ed613e6a-00f4-482d-b837-0536dc2f53fd","isServiceCutoverEnabled":true,"skippedItemSync":false,"migratedSquareOnlineSiteToMenus":false,"onboarded":{"guidance":{"version":"1","complete":false,"welcomeComplete":false},"isSiteDesignOnboarded":true,"isVideoBannerAnnouncementDismissed":true,"isCustomizationDiscoverabilityDismissed":true},"publishedAt":1770315019,"websiteNotices":{"siteSettingsTrial":true},"siteIconSettings":{"updatedAt":1759257349,"splash_images":{"config":{"size":"2048","radius":0,"fontPath":"\/var\/www\/public\/static\/fonts\/Inter\/inter-v13-latin-700.woff","iconType":"free","imageUrl":null,"language":"fr_FR","siteTitle":"Culture Batiscan","customColor":"#212121","primaryColor":"#212121","contrastColor":"#ffffff"},"2048x4435":"\/uploads\/b\/47160be0-9e2c-11f0-8d9f-f1583ae11416\/splash_2048x4435.jpg"},"ios_icon_images":{"config":{"size":"180","radius":0,"fontPath":"\/var\/www\/public\/static\/fonts\/Inter\/inter-v13-latin-700.woff","iconType":"free","imageUrl":null,"language":"fr_FR","siteTitle":"Culture Batiscan","customColor":"#212121","primaryColor":"#212121","contrastColor":"#ffffff"},"180x180":"\/uploads\/b\/47160be0-9e2c-11f0-8d9f-f1583ae11416\/icon_180x180_ios.png"},"android_icon_images":{"config":{"size":"512","radius":256,"fontPath":"\/var\/www\/public\/static\/fonts\/Inter\/inter-v13-latin-700.woff","iconType":"free","imageUrl":null,"language":"fr_FR","siteTitle":"Culture Batiscan","customColor":"#212121","primaryColor":"#212121","contrastColor":"#ffffff"},"512x512":"\/uploads\/b\/47160be0-9e2c-11f0-8d9f-f1583ae11416\/icon_512x512_android.png"}},"selectedDeviceView":"mobile","order_fulfillment_guides":"shipping","domain":{"custom_domain":"","subdomain":"culturebatiscan.square.site","site_id":754535485539194788}}},"pagesMeta":[{"id":"ee2794a0-02bd-11f1-a4aa-49e0b79c252f","name":"Home","route":"home","title":"Home","featureType":null,"description":"","hidden":false}],"customPagesMeta":[],"artifactsMeta":[],"snapshot":{"id":"ee26f110-02bd-11f1-b46a-1fcf5567fde6","site_id":"47160be0-9e2c-11f0-8d9f-f1583ae11416","properties":{"seo":{"page":{"ee2794a0-02bd-11f1-a4aa-49e0b79c252f":{"title":"Home","description":""}}},"logo":"","color":{"primaryColor":"#212121","colorProfiles":[{"id":"custom-profile","link":"--primary-color","name":"Custom","label":"--color-secondary-minimal-black-jcNIsx","title":"--color-secondary-minimal-black-jcNIsx","paragraph":"--color-secondary-minimal-black-jcNIsx","background":"--color-white","buttonOutline":"--primary-color","buttonFilledBg":"--primary-color","buttonFilledText":"--primary-contrast-color"}],"secondaryColors":[{"id":"--color-secondary-minimal-black-jcNIsx","value":"#141414"}],"siteColorProfile":"custom-profile"},"fonts":{"fontSize":{"scale":1.13,"baseSize":14}},"icons":{},"title":"Culture Batiscan","shapes":{"cardBorderRadius":"4px","imageBorderRadius":"16px","buttonBorderRadius":"8px","defaultBorderRadius":"8px"},"social":[],"fontset":{"name":"sourceserif","version":"0.1.0","overrides":{}},"spacing":{},"fontPair":{"id":"square-market"},"homepage":{"type":"page","typeID":"ee2794a0-02bd-11f1-a4aa-49e0b79c252f"},"routeMap":{"":"ee2794a0-02bd-11f1-a4aa-49e0b79c252f","home":"ee2794a0-02bd-11f1-a4aa-49e0b79c252f"},"styleset":{"name":"square","version":"0.1.0"},"framework":{"name":"birdseye","version":"0.1.0"},"onboarded":false,"openGraph":{"page":{"ee2794a0-02bd-11f1-a4aa-49e0b79c252f":{"title":"Home","description":""}}},"blocksMeta":{"37d54b91-02a9-11f1-b369-b9fc38e2f860":"xSoWmQ","471df2a0-9e2c-11f0-a744-f5f650974e46":"rePFRT","471df2a1-9e2c-11f0-a744-f5f650974e46":"XnjTRJ","471df2a2-9e2c-11f0-a744-f5f650974e46":"rEAfwe","471e19b0-9e2c-11f0-a744-f5f650974e46":"JLSiVl","47e05840-9e2c-11f0-a744-f5f650974e46":"KDsYUf","47f566e3-9e2c-11f0-a744-f5f650974e46":"KkXUmq","48f028e1-02b9-11f1-bcda-d78022bcc926":"iZYuPX","5c8f8fe0-c70d-11f0-9acb-17a46e2c3569":"nVgcjT","bf640ff0-eff4-11f0-ade8-2fde3ef4fb4b":"bmldQR"},"headerLogo":"\/uploads\/b\/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d\/Logo%20Culture%20Batiscan_1768250045.jpg","navigation":[{"link":{"shopAll":true},"type":"shopAll","title":"Tout afficher","expanded":false},{"link":{"page":{"pageID":"47f566ee-9e2c-11f0-a744-f5f650974e46"}},"type":"page","title":"\u00c0 propos","children":[],"expanded":false}],"textStyles":{"body":{"url":null,"fontId":"inter","weight":"400","fontName":"Inter","provider":"google","fontFormat":null},"label":{"url":null,"fontId":"inter","weight":"500","fontName":"Inter","provider":"google","fontFormat":null},"title":{"url":null,"fontId":"inter","weight":"700","fontName":"Inter","provider":"google","fontFormat":null},"headline":{"url":null,"fontId":"inter","weight":"700","fontName":"Inter","provider":"google","fontFormat":null}},"buttonstyle":"squared","customFonts":[],"featuresets":["retail"],"themePreset":{"id":"minimal-black","savedAt":1686833252891},"contentAreas":{"cart":{"id":"471e19b1-9e2c-11f0-a744-f5f650974e46","hidden":false,"content":{"id":"471df2a0-9e2c-11f0-a744-f5f650974e46","type":"block","layout":"cart-1","purpose":"cart@^1.3.6","elements":[{"id":"63471b58-0aef-11ee-9bda-8180174bf7ee","purpose":"text","properties":{}}],"properties":{"shortID":"rePFRT"}}},"footer":{"id":"47e05841-9e2c-11f0-a744-f5f650974e46","hidden":false,"content":{"id":"47e05840-9e2c-11f0-a744-f5f650974e46","type":"block","layout":"footer-7","purpose":"footer","elements":[{"id":"479c4a61-9e2c-11f0-a744-f5f650974e46","purpose":"newsletter","properties":{"type":"subscription","button":{"label":"S\u2019inscrire"},"fields":[{"id":"479c4a60-9e2c-11f0-a744-f5f650974e46","type":"action-input","label":"","required":true,"properties":{},"instructions":""}],"schema":{"id":"479c4a62-9e2c-11f0-a744-f5f650974e46","hash":"2d0f7d044af206499b14f3ecaab3a324"},"confirmation":"Merci d\u2019avoir explor\u00e9 ce th\u00e8me Vente en ligne Square\u00a0! Ce formulaire de contact est \u00e0 des fins de d\u00e9monstration uniquement, nous ne vous contacterons pas \u00e0 la suite de son envoi."}},{"id":"6396c1f0-0aef-11ee-9bda-8180174bf7ee","purpose":"logo","properties":{}},{"id":"6396c1f1-0aef-11ee-9bda-8180174bf7ee","purpose":"text","properties":{"hidden":false}},{"id":"6396c1f2-0aef-11ee-9bda-8180174bf7ee","purpose":"social","properties":{}},{"id":"63969ae3-0aef-11ee-9bda-8180174bf7ee","purpose":"cookie-management-settings","properties":{}}],"properties":{"shortID":"KDsYUf","background":{"type":"default"},"colorProfile":"","paymentMethods":{"hidden":false},"newsletterTitle":{"content":{"quill":{"ops":[{"insert":"Soyez inform\u00e9s des nouveaut\u00e9s\n"}]}}}}}},"header":{"id":"471e19b2-9e2c-11f0-a744-f5f650974e46","hidden":false,"content":{"id":"471df2a1-9e2c-11f0-a744-f5f650974e46","type":"block","hidden":false,"layout":"header-3","purpose":"header","elements":[{"id":"63471b50-0aef-11ee-9bda-8180174bf7ee","purpose":"logo","properties":{"name":"Logo Culture Batiscan.jpg","type":"logo-image-override","original":"\/uploads\/b\/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d\/Logo%20Culture%20Batiscan_1768250045.jpg","cropOptions":null,"logoDimensions":{"width":1258,"height":901}}},{"id":"63471b51-0aef-11ee-9bda-8180174bf7ee","purpose":"social","properties":{}},{"id":"63471b52-0aef-11ee-9bda-8180174bf7ee","purpose":"navigation","properties":{}},{"id":"63471b53-0aef-11ee-9bda-8180174bf7ee","purpose":"hamburger","properties":{}},{"id":"63471b54-0aef-11ee-9bda-8180174bf7ee","purpose":"cart","properties":{}}],"properties":{"shortID":"XnjTRJ","background":{"type":"default"},"actionButton":{"hidden":true,"presetStyle":"secondary"},"colorProfile":"","disableSearch":false}}},"navMobile":{"id":"471e19b3-9e2c-11f0-a744-f5f650974e46","hidden":false,"content":{"id":"471df2a2-9e2c-11f0-a744-f5f650974e46","type":"block","layout":"navigation-mobile","purpose":"nav-mobile@^1.2.1","elements":[{"id":"63471b55-0aef-11ee-9bda-8180174bf7ee","purpose":"navigation","properties":{}},{"id":"63471b56-0aef-11ee-9bda-8180174bf7ee","purpose":"close","properties":{}},{"id":"63471b57-0aef-11ee-9bda-8180174bf7ee","purpose":"social","properties":{}}],"properties":{"shortID":"rEAfwe"}}},"freeFooter":{"id":"471e19b4-9e2c-11f0-a744-f5f650974e46","hidden":false,"content":{"id":"471e19b0-9e2c-11f0-a744-f5f650974e46","type":"block","layout":"free-footer-1","purpose":"free-footer@^1.0.0","elements":[],"properties":{"shortID":"JLSiVl"}}}},"pageOverrides":{},"pageTemplates":{"product":"ee292200-02bd-11f1-9db8-89e06041a08e","shopAll":"ee296d30-02bd-11f1-9ec2-57f42747197d","category":"ee296d30-02bd-11f1-9ec2-57f42747197d","leaveReview":"ee28d170-02bd-11f1-a991-156a9d7abcfe","orderOnline":"ee283e40-02bd-11f1-95ff-079d9130e1b6","instagramFeed":"ee2884a0-02bd-11f1-8b5f-fba2ddc00e08","searchResults":"ee296d30-02bd-11f1-9ec2-57f42747197d"},"prebuiltPages":["d0183480-cc64-11ee-a237-1debd02a8c52"]},"version":8},"user":{"id":150782453,"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":false,"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":false,"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":"ee2794a0-02bd-11f1-a4aa-49e0b79c252f","site_snapshot_id":"ee26f110-02bd-11f1-b46a-1fcf5567fde6","properties":{"name":"Home","route":"home","title":"Home","description":"","contentAreas":{"banner":{"id":"47f566e8-9e2c-11f0-a744-f5f650974e46","hidden":false,"content":{"id":"47f566e3-9e2c-11f0-a744-f5f650974e46","type":"block","hidden":false,"layout":"banner-1","purpose":"banner","elements":[{"id":"63caa330-0aef-11ee-9bda-8180174bf7ee","purpose":"title-1","properties":{"title":{"quill":{"ops":[{"insert":"Alain Quessy "},{"insert":"\n","attributes":{"block":true}},{"insert":"et son Band"},{"insert":"\n\n","attributes":{"block":true}}]}},"allCaps":false,"fontSize":"step-6","textStyle":"headline"}},{"id":"63caa331-0aef-11ee-9bda-8180174bf7ee","purpose":"image-1","properties":{}},{"id":"63caa332-0aef-11ee-9bda-8180174bf7ee","purpose":"button-1","properties":{"link":{"tab":false,"link":{"shopAll":true},"type":"shopAll"}}}],"properties":{"text":{"hidden":false,"content":{"quill":{"ops":[{"insert":"Eglise de Batiscan\n26 avril 2026"},{"insert":"\n","attributes":{"block":true}},{"insert":"14h\n\nAdultes 30$"},{"insert":"\n","attributes":{"block":true}},{"insert":"15 ans et moins 15$\n"}]}},"fontSize":"step-1","textStyle":"body"},"label":{"hidden":true},"height":"large","shortID":"KkXUmq","textAlign":"center","background":{"type":"image","image":{"width":3500,"height":2356,"isDark":true,"source":"\/uploads\/b\/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d\/Alain%20Quessy%20et%20son%20band_1770305179.jpg","original":"\/uploads\/b\/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d\/Alain%20Quessy%20et%20son%20band_1770305179.jpg","sourceSet":{},"attribution":{}},"imageMobile":{"width":3500,"height":2356,"isDark":true,"source":"\/uploads\/b\/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d\/Alain%20Quessy%20et%20son%20band_1770305179.jpg","original":"\/uploads\/b\/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d\/Alain%20Quessy%20et%20son%20band_1770305179.jpg","sourceSet":{},"attribution":{}}},"bannerImage":{"image":{}},"colorProfile":"custom-profile","secondaryButton":{"label":"En savoir plus\n","hidden":true}}}},"userContent":{"id":"47f566ed-9e2c-11f0-a744-f5f650974e46","hidden":false,"content":{"id":"47f566eb-9e2c-11f0-a744-f5f650974e46","type":"container","cells":[{"id":"bf63e8e0-eff4-11f0-ade8-2fde3ef4fb4b","type":"cell","content":{"id":"bf640ff0-eff4-11f0-ade8-2fde3ef4fb4b","type":"block","layout":"about-us-mission","purpose":"about-us@^1.0.0","properties":{"shortID":"bmldQR","textConfig":{"content":{"quill":{"ops":[{"insert":"Pour contacter Culture Batiscan:\nDenis Goulet\ndenisgoulet310@gmail.com\nTexto: 418-325-6020\n"}]}}},"titleConfig":{"title":{"quill":{"ops":[{"insert":"Vous voulez plus d'informations? Contactez-nous"},{"insert":"\n","attributes":{"block":true}}]}}}}}},{"id":"37d54b90-02a9-11f1-b369-b9fc38e2f860","type":"cell","content":{"id":"37d54b91-02a9-11f1-b369-b9fc38e2f860","type":"block","layout":"embed-pdf-1","purpose":"embed-pdf@^1.0.0","properties":{"text":{"content":{"quill":{"ops":[{"insert":"\n"}]}}},"title":{"title":{"quill":{"ops":[{"insert":"Politique de vente en ligne"},{"insert":"\n","attributes":{"block":true}}]}}},"shortID":"xSoWmQ","pdfSource":"\/uploads\/b\/47160be0-9e2c-11f0-8d9f-f1583ae11416\/03fc5380-02aa-11f1-bcda-d78022bcc926.pdf","primaryButton":{"label":"\n","hidden":true},"secondaryButton":{"hidden":true}}}},{"id":"48f028e0-02b9-11f1-bcda-d78022bcc926","type":"cell","content":{"id":"48f028e1-02b9-11f1-bcda-d78022bcc926","type":"block","layout":"embed-pdf-1","purpose":"embed-pdf@^1.0.0","properties":{"text":{"content":{"quill":{"ops":[{"insert":"\n"}]}}},"title":{"title":{"quill":{"ops":[{"insert":"Politique de confidentialit\u00e9"},{"insert":"\n","attributes":{"block":true}}]}}},"shortID":"iZYuPX","pdfSource":"\/uploads\/b\/47160be0-9e2c-11f0-8d9f-f1583ae11416\/8e839770-02b9-11f1-bcda-d78022bcc926.pdf","primaryButton":{"hidden":true},"secondaryButton":{"hidden":true}}}},{"id":"5c8f68d0-c70d-11f0-9acb-17a46e2c3569","type":"cell","content":{"id":"5c8f8fe0-c70d-11f0-9acb-17a46e2c3569","type":"block","layout":"contact-us-1","purpose":"contact-us@^1.0.0","elements":[{"id":"5d1b5520-c70d-11f0-9e41-033e9aa7eb03","purpose":"title","properties":{"title":{"quill":{"ops":[{"insert":"\n","attributes":{"block":true}}]}}}},{"id":"5d1b5521-c70d-11f0-9e41-033e9aa7eb03","purpose":"text","properties":{"content":{"quill":{"ops":[{"insert":"\n"}]}}}},{"id":"5d1b5522-c70d-11f0-9e41-033e9aa7eb03","purpose":"contact-form","properties":{"name":"Nous contacter","type":"contact-form","fields":[{"id":"5d1b7c31-c70d-11f0-9e41-033e9aa7eb03","type":"input","label":"Adresse courriel","altLabel":"Adresse courriel","required":true,"properties":{"type":"email","field":"email"},"placeholder":"Adresse courriel"}],"schema":{"id":"4d1c97b0-02bd-11f1-80c4-17e70256f7d9","hash":"9db70f76dd928d1aa9619a2b15c77286"},"enableRecaptcha":true}}],"properties":{"shortID":"nVgcjT"}}}]}}}}}},"storeInfo":{"merchant_id":"ML78BXEK0JMST","buyer_customer_accounts_enabled":false,"currency":"CAD","locale":"fr_FR","language":"fr_FR","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":["LF9A4T5361ZS3"],"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":false,"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":{"shopAll":true},"type":"shopAll","title":"Tout afficher","expanded":false},{"link":{"page":{"pageID":"47f566ee-9e2c-11f0-a744-f5f650974e46"}},"type":"page","title":"\u00c0 propos","children":[],"expanded":false}],"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.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.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}}}}; </script> <script type="application/javascript" data-cookieconsent="ignore"> window.stopSiteLoadingAnimation = () => { const loadingElement = document.querySelector('.loading-view'); loadingElement?.remove(); }; </script> <script type="application/javascript" data-cookieconsent="ignore"> /** * PCI Compliance Flag * * This flag indicates if scripts have been filtered for PCI compliance (OpenTabs SSO Checkout route). * This value is set only for buyer dashboard/site view to prevent infinite loading loops. * * Do NOT include this file in editor-frame.blade.php as it affects seller dashboard. */ window.IS_PCI_SCRIPTS_FILTERED = false; </script> <script type="application/javascript" data-cookieconsent="ignore"> // used for editor-frame and pub site bootstrap window.APP_ENV = 'production'; window.APP_ORIGIN = 'https://square.online'; window.APP_URL = 'https://www.weebly.com'; window.ASSET_BASE = '/app/website'; window.ASSETS_PUBLIC_PATH = 'https://cdn3.editmysite.com/app/website/'; window.CMS_API_PATH ='/app/website/cms'; window.DEPRECATED_IMAGE_HOST = 'https://images.editor.website'; window.FRAME_ORIGIN = 'https://sandbox.square.online'; window.GENERATE_GOOGLE_MAP_BASE = 'https://www.editmysite.com'; window.IMAGE_HOST = 'https://d85edc729c5a0e80db4d.cdn6.editmysite.com'; window.IS_DRAFT = false; window.IS_MAGIC_MIRROR = false; window.IS_THEME_PREVIEW = false; window.IS_ENHANCED_PREVIEW = false; window.DRAFT_ORIGIN = 'https://drafts.editmysite.com'; window.PUBLISHED_CMS_API_PREFIX = '/app/cms'; window.SENTRY_DSN = 'https://13e49d785d8d4f828038b6136f3b48ba@sentry.io/1263158'; window.RELEASE = 'prime-d8d5cf0'; window.URL_BASE = ''; window.XSRF_COOKIE_NAME = 'publishedsite-xsrf'; window.FASTLY_URL_BASE = 'https://cdn5.editmysite.com'; window.SQUARE_WEB_PAYMENTS_SDK = 'https://web.squarecdn.com/v1/square.js' window.PUBLIC_SQUARE_URL_BASE = 'squareup.com'; window.PUBLIC_SQUARE_APPTS_URL_BASE = 'app.squareup.com'; window.ENABLE_FRONTEND_LOCAL_DEV_CACHE = ''; window.GOOGLE_TAG_DEVELOPER_ID = 'developer_id.dOTM2Yj'; window.IS_SQUARE_GO = false; window.IS_PUBLISHED_MAGIC_MIRROR = false; // state window.SUBDOMAIN_BASE = 'square.site'; </script> <!--square-online-snowplow--> <script data-cookieconsent="statistics"> (function (p, l, o, w, i, n, g) { var id = i + '-script'; if (!l.getElementById(i)) { n = l.createElement(o); g = l.getElementsByTagName(o)[0]; n.id = id; n.async = 1; n.src = w; g.parentNode.insertBefore(n, g); } })(window, document, "script", "https://cdn3.editmysite.com/app/website/static/js/wsnbn/snowday262.js", "snowday"); </script> <script data-cookieconsent="ignore" data-role="square-online-snowplow"> (function (p, l, o, w, i, n, g) { if (!p[i]) { p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || []; p.GlobalSnowplowNamespace.push(i); p[i] = function () { (p[i].q = p[i].q || []).push(arguments); }; p[i].q = p[i].q || []; } })(window, document, '', '', "snowday"); var 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]; var snPlObR = function(arr) { var s = ''; for (var i = 0 ; i < arr.length ; i++){ s = s + String.fromCharCode(arr[i]); } return s; }; var s = snPlObR(r); var regEx = new RegExp(s); window._W = { Analytics: { trackers: { wSP: snowday, }, user_id: '150782453', site_id: '754535485539194788', }, }; (function(app_id, ec_hostname, discover_root_domain) { var track = window._W.Analytics.trackers.wSP; if (!track) return; track('newTracker', app_id, ec_hostname, { appId: app_id, post: true, platform: 'web', discoverRootDomain: discover_root_domain, cookieDomain: document.location.hostname, cookieName: '_snow_', contexts: { webPage: true, performanceTiming: true, gaCookies: true }, crossDomainLinker: function (linkElement) { return regEx.test(linkElement.href); }, respectDoNotTrack: document.cookie.indexOf('gdpr-kb') === -1 }); track('trackPageView', _W.Analytics.user_id+':'+_W.Analytics.site_id); track('crossDomainLinker', function (linkElement) { return regEx.test(linkElement.href); }); })( '_wn', 'ec.editmysite.com', false ); </script> <!--end-square-online-snowplow--> <script id="sq-online-messages-plugin" src="https://conversations-production-f.squarecdn.com/sq-online-messages-plugin.js" data-seller-key="LF9A4T5361ZS3"> </script><style>messages-plugin { /** Set the variable on messages-plugin so it's available in its shadow DOM */ --sq-online-messages-plugin-distance-to-bottom-of-text-us-button: var( --core-metrics-spacing-200 ); } messages-plugin::part(popover) { z-index: 0; } messages-plugin::part(form-popover) { /* spacing-600 is the height of the Text us button, and both spacing-200 variables account for the top and bottom margin */ /* Should remain consistent with the base plugin styles https://github.com/squareup/conv-conversations/messages-plugin/src/styles/index.ts */ max-height: calc( 100vh - var(--sq-online-messages-plugin-distance-to-bottom-of-text-us-button) - var(--core-metrics-spacing-600) - var(--core-metrics-spacing-200) - var(--core-metrics-spacing-200) ); } </style> <link rel="stylesheet" href="https://cdn3.editmysite.com/app/website/css/site.80dde82e64cd7e8a0309.css"> <style>/* This file contains global styling. It applies to the light DOM only */ /* theme imports */ /* * Market Blue (legacy): default & light mode tokens scoped to :root */ /* This file is automatically generated. Do not edit. */ messages-plugin, :host, [data-market-features] { /* ======================================================================== * CORE * ======================================================================== */ /* ========== core ========== */ --core-animation-enter-transition-easing: cubic-bezier(0.26, 0.10, 0.48, 1.0); --core-animation-enter-transition-fast-speed-duration: 0.10s; --core-animation-enter-transition-moderate-speed-duration: 0.24s; --core-animation-enter-transition-slow-speed-duration: 0.40s; --core-animation-exit-transition-easing: cubic-bezier(0.52, 0.0, 0.74, 0.0); --core-animation-exit-transition-fast-speed-duration: 0.10s; --core-animation-exit-transition-moderate-speed-duration: 0.16s; --core-animation-exit-transition-slow-speed-duration: 0.30s; --core-animation-move-transition-easing: cubic-bezier(0.76, 0.0, 0.24, 1.0); --core-animation-move-transition-fast-speed-duration: 0.10s; --core-animation-move-transition-moderate-speed-duration: 0.24s; --core-animation-move-transition-slow-speed-duration: 0.40s; --core-base-size: 8px; --core-blue-10-color: var(--core-blue-10-light-mode-color); --core-blue-10-dark-mode-color: #0055CC; --core-blue-10-light-mode-color: #0055CC; --core-blue-20-color: var(--core-blue-20-light-mode-color); --core-blue-20-dark-mode-color: #005FE5; --core-blue-20-light-mode-color: #005FE5; --core-blue-30-color: var(--core-blue-30-light-mode-color); --core-blue-30-dark-mode-color: #002559; --core-blue-30-light-mode-color: #CCE1FF; --core-blue-40-color: var(--core-blue-40-light-mode-color); --core-blue-40-dark-mode-color: #001533; --core-blue-40-light-mode-color: #E6F0FF; --core-blue-fill-color: var(--core-blue-fill-light-mode-color); --core-blue-fill-dark-mode-color: #006AFF; --core-blue-fill-light-mode-color: #006AFF; --core-blue-text-color: var(--core-blue-text-light-mode-color); --core-blue-text-dark-mode-color: #4A95FF; --core-blue-text-light-mode-color: #005AD9; --core-border-10: 1px; --core-border-20: 2px; --core-border-80: 8px; --core-breakpoint-extra-wide-min-width: 1024px; --core-breakpoint-medium-max-width: 839px; --core-breakpoint-medium-min-width: 600px; --core-breakpoint-narrow-max-width: 599px; --core-breakpoint-narrow-min-width: 0px; --core-breakpoint-wide-max-width: 1023px; --core-breakpoint-wide-min-max-width: 1023px; --core-breakpoint-wide-min-width: 800px; --core-brown-10-color: var(--core-brown-10-light-mode-color); --core-brown-10-dark-mode-color: #33261A; --core-brown-10-light-mode-color: #332517; --core-brown-20-color: var(--core-brown-20-light-mode-color); --core-brown-20-dark-mode-color: #4D3926; --core-brown-20-light-mode-color: #4D3722; --core-brown-30-color: var(--core-brown-30-light-mode-color); --core-brown-30-dark-mode-color: #592D00; --core-brown-30-light-mode-color: #FFE6CC; --core-brown-40-color: var(--core-brown-40-light-mode-color); --core-brown-40-dark-mode-color: #331900; --core-brown-40-light-mode-color: #FFF2E6; --core-brown-fill-color: var(--core-brown-fill-light-mode-color); --core-brown-fill-dark-mode-color: #664D33; --core-brown-fill-light-mode-color: #664A2E; --core-brown-text-color: var(--core-brown-text-light-mode-color); --core-brown-text-dark-mode-color: #C99866; --core-brown-text-light-mode-color: #664A2E; --core-burgundy-10-color: var(--core-burgundy-10-light-mode-color); --core-burgundy-10-dark-mode-color: #660525; --core-burgundy-10-light-mode-color: #660525; --core-burgundy-20-color: var(--core-burgundy-20-light-mode-color); --core-burgundy-20-dark-mode-color: #80062F; --core-burgundy-20-light-mode-color: #80062F; --core-burgundy-30-color: var(--core-burgundy-30-light-mode-color); --core-burgundy-30-dark-mode-color: #59001E; --core-burgundy-30-light-mode-color: #FFCCDD; --core-burgundy-40-color: var(--core-burgundy-40-light-mode-color); --core-burgundy-40-dark-mode-color: #330011; --core-burgundy-40-light-mode-color: #FFE6EE; --core-burgundy-fill-color: var(--core-burgundy-fill-light-mode-color); --core-burgundy-fill-dark-mode-color: #990838; --core-burgundy-fill-light-mode-color: #990838; --core-burgundy-text-color: var(--core-burgundy-text-light-mode-color); --core-burgundy-text-dark-mode-color: #FF568E; --core-burgundy-text-light-mode-color: #990838; --core-constant-black-color: #000000; --core-constant-gray-10-color: #101010; --core-constant-gray-15-color: #1a1a1a; --core-constant-gray-20-color: #1e1e1e; --core-constant-gray-25-color: #232323; --core-constant-gray-30-color: #2a2a2a; --core-constant-gray-40-color: #333333; --core-constant-gray-45-color: #595959; --core-constant-gray-50-color: #666666; --core-constant-gray-60-color: #878787; --core-constant-gray-65-color: #959595; --core-constant-gray-80-color: #cccccc; --core-constant-gray-85-color: #dadada; --core-constant-gray-90-color: #e8e8e8; --core-constant-gray-95-color: #f0f0f0; --core-constant-gray-98-color: #F7F7F7; --core-constant-white-color: #ffffff; --core-control-size-height: 20px; --core-control-size-width: 20px; --core-critical-10-color: var(--core-critical-10-light-mode-color); --core-critical-10-dark-mode-color: var(--core-red-10-dark-mode-color); --core-critical-10-light-mode-color: var(--core-red-10-light-mode-color); --core-critical-20-color: var(--core-critical-20-light-mode-color); --core-critical-20-dark-mode-color: var(--core-red-20-dark-mode-color); --core-critical-20-light-mode-color: var(--core-red-20-light-mode-color); --core-critical-30-color: var(--core-critical-30-light-mode-color); --core-critical-30-dark-mode-color: var(--core-red-30-dark-mode-color); --core-critical-30-light-mode-color: var(--core-red-30-light-mode-color); --core-critical-40-color: var(--core-critical-40-light-mode-color); --core-critical-40-dark-mode-color: var(--core-red-40-dark-mode-color); --core-critical-40-light-mode-color: var(--core-red-40-light-mode-color); --core-critical-fill-color: var(--core-critical-fill-light-mode-color); --core-critical-fill-dark-mode-color: var(--core-red-fill-dark-mode-color); --core-critical-fill-light-mode-color: var(--core-red-fill-light-mode-color); --core-critical-text-color: var(--core-critical-text-light-mode-color); --core-critical-text-dark-mode-color: var(--core-red-text-dark-mode-color); --core-critical-text-light-mode-color: var(--core-red-text-light-mode-color); --core-divider-10-color: var(--core-divider-10-light-mode-color); --core-divider-10-dark-mode-color: rgba(255,255,255,0.3); --core-divider-10-light-mode-color: rgba(0,0,0,0.3); --core-divider-20-color: var(--core-divider-20-light-mode-color); --core-divider-20-dark-mode-color: rgba(255,255,255,0.08); --core-divider-20-light-mode-color: rgba(0,0,0,0.05); --core-emphasis-10-color: var(--core-emphasis-10-light-mode-color); --core-emphasis-10-dark-mode-color: var(--core-blue-10-dark-mode-color); --core-emphasis-10-light-mode-color: var(--core-blue-10-light-mode-color); --core-emphasis-20-color: var(--core-emphasis-20-light-mode-color); --core-emphasis-20-dark-mode-color: var(--core-blue-20-dark-mode-color); --core-emphasis-20-light-mode-color: var(--core-blue-20-light-mode-color); --core-emphasis-30-color: var(--core-emphasis-30-light-mode-color); --core-emphasis-30-dark-mode-color: var(--core-blue-30-dark-mode-color); --core-emphasis-30-light-mode-color: var(--core-blue-30-light-mode-color); --core-emphasis-40-color: var(--core-emphasis-40-light-mode-color); --core-emphasis-40-dark-mode-color: var(--core-blue-40-dark-mode-color); --core-emphasis-40-light-mode-color: var(--core-blue-40-light-mode-color); --core-emphasis-fill-color: var(--core-emphasis-fill-light-mode-color); --core-emphasis-fill-dark-mode-color: var(--core-blue-fill-dark-mode-color); --core-emphasis-fill-light-mode-color: var(--core-blue-fill-light-mode-color); --core-emphasis-text-color: var(--core-emphasis-text-light-mode-color); --core-emphasis-text-dark-mode-color: var(--core-blue-text-dark-mode-color); --core-emphasis-text-light-mode-color: var(--core-blue-text-light-mode-color); --core-extra-wide-viewport-grid-column-count: 4; --core-extra-wide-viewport-grid-horizontal-spacing: var(--core-metrics-spacing-200); --core-extra-wide-viewport-grid-item-full-size-column-span: 4; --core-extra-wide-viewport-grid-item-large-size-column-span: 3; --core-extra-wide-viewport-grid-item-medium-size-column-span: 2; --core-extra-wide-viewport-grid-item-small-size-column-span: 1; --core-extra-wide-viewport-grid-vertical-spacing: var(--core-metrics-spacing-200); --core-fill-10-color: var(--core-fill-10-light-mode-color); --core-fill-10-dark-mode-color: rgba(255,255,255,0.95); --core-fill-10-light-mode-color: rgba(0,0,0,0.9); --core-fill-20-color: var(--core-fill-20-light-mode-color); --core-fill-20-dark-mode-color: rgba(255,255,255,0.35); --core-fill-20-light-mode-color: rgba(0,0,0,0.42); --core-fill-30-color: var(--core-fill-30-light-mode-color); --core-fill-30-dark-mode-color: rgba(255,255,255,0.15); --core-fill-30-light-mode-color: rgba(0,0,0,0.15); --core-fill-40-color: var(--core-fill-40-light-mode-color); --core-fill-40-dark-mode-color: rgba(255,255,255,0.08); --core-fill-40-light-mode-color: rgba(0,0,0,0.05); --core-fill-50-color: var(--core-fill-50-light-mode-color); --core-fill-50-dark-mode-color: rgba(255,255,255,0.05); --core-fill-50-light-mode-color: rgba(0,0,0,0.03); --core-fill-black-color: var(--core-fill-black-light-mode-color); --core-fill-black-dark-mode-color: rgba(0,0,0,0.9); --core-fill-black-light-mode-color: rgba(0,0,0,0.9); --core-fill-inverse-color: var(--core-fill-inverse-light-mode-color); --core-fill-inverse-dark-mode-color: rgba(0,0,0,0.9); --core-fill-inverse-light-mode-color: rgba(255,255,255,0.95); --core-fill-white-color: var(--core-fill-white-light-mode-color); --core-fill-white-dark-mode-color: rgba(255,255,255,1); --core-fill-white-light-mode-color: rgba(255,255,255,1); --core-fixed-large-size: 64px; --core-fixed-medium-size: 48px; --core-fixed-small-size: 40px; --core-fixed-x-large-size: 80px; --core-fixed-x-small-size: 32px; --core-fixed-xx-small-size: 24px; --core-fixed-xxx-small-size: 16px; --core-focus-color: var(--core-focus-light-mode-color); --core-focus-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --core-focus-light-mode-color: var(--core-emphasis-fill-light-mode-color); --core-focus-ring-border-size: var(--core-border-20); --core-focus-ring-buffer-size: var(--core-metrics-spacing-25); --core-focus-ring-color: var(--core-focus-ring-light-mode-color); --core-focus-ring-dark-mode-color: var(--core-focus-dark-mode-color); --core-focus-ring-light-mode-color: var(--core-focus-light-mode-color); --core-forest-10-color: var(--core-forest-10-light-mode-color); --core-forest-10-dark-mode-color: #0F4D19; --core-forest-10-light-mode-color: #0F4D19; --core-forest-20-color: var(--core-forest-20-light-mode-color); --core-forest-20-dark-mode-color: #146622; --core-forest-20-light-mode-color: #146622; --core-forest-30-color: var(--core-forest-30-light-mode-color); --core-forest-30-dark-mode-color: #00590F; --core-forest-30-light-mode-color: #CCFFD5; --core-forest-40-color: var(--core-forest-40-light-mode-color); --core-forest-40-dark-mode-color: #003308; --core-forest-40-light-mode-color: #E6FFEA; --core-forest-fill-color: var(--core-forest-fill-light-mode-color); --core-forest-fill-dark-mode-color: #19802A; --core-forest-fill-light-mode-color: #19802A; --core-forest-text-color: var(--core-forest-text-light-mode-color); --core-forest-text-dark-mode-color: #16D956; --core-forest-text-light-mode-color: #007D2A; --core-gold-10-color: var(--core-gold-10-light-mode-color); --core-gold-10-dark-mode-color: #CC8033; --core-gold-10-light-mode-color: #CC8033; --core-gold-20-color: var(--core-gold-20-light-mode-color); --core-gold-20-dark-mode-color: #E68F39; --core-gold-20-light-mode-color: #E68F39; --core-gold-30-color: var(--core-gold-30-light-mode-color); --core-gold-30-dark-mode-color: #592D00; --core-gold-30-light-mode-color: #FFE6CC; --core-gold-40-color: var(--core-gold-40-light-mode-color); --core-gold-40-dark-mode-color: #331A00; --core-gold-40-light-mode-color: #FFF2E6; --core-gold-fill-color: var(--core-gold-fill-light-mode-color); --core-gold-fill-dark-mode-color: #FF9F40; --core-gold-fill-light-mode-color: #FF9F40; --core-gold-text-color: var(--core-gold-text-light-mode-color); --core-gold-text-dark-mode-color: #FF9F40; --core-gold-text-light-mode-color: #945C25; --core-green-10-color: var(--core-green-10-light-mode-color); --core-green-10-dark-mode-color: #00802A; --core-green-10-light-mode-color: #00802A; --core-green-20-color: var(--core-green-20-light-mode-color); --core-green-20-dark-mode-color: #009933; --core-green-20-light-mode-color: #009933; --core-green-30-color: var(--core-green-30-light-mode-color); --core-green-30-dark-mode-color: #00591E; --core-green-30-light-mode-color: #CCFFDD; --core-green-40-color: var(--core-green-40-light-mode-color); --core-green-40-dark-mode-color: #003311; --core-green-40-light-mode-color: #E5FFEE; --core-green-fill-color: var(--core-green-fill-light-mode-color); --core-green-fill-dark-mode-color: #00B33B; --core-green-fill-light-mode-color: #00B23B; --core-green-text-color: var(--core-green-text-light-mode-color); --core-green-text-dark-mode-color: #16D956; --core-green-text-light-mode-color: #007D2A; --core-grid-column-count: var(--core-narrow-viewport-grid-column-count); --core-grid-horizontal-spacing: var(--core-narrow-viewport-grid-horizontal-spacing); --core-grid-item-full-size-column-span: var(--core-narrow-viewport-grid-item-full-size-column-span); --core-grid-item-large-size-column-span: var(--core-narrow-viewport-grid-item-large-size-column-span); --core-grid-item-medium-size-column-span: var(--core-narrow-viewport-grid-item-medium-size-column-span); --core-grid-item-small-size-column-span: var(--core-narrow-viewport-grid-item-small-size-column-span); --core-grid-vertical-spacing: var(--core-narrow-viewport-grid-vertical-spacing); --core-horizontal-size-class-regular-threshold: 600px; --core-horizontal-size-class-wide-threshold: 1200px; --core-icon-large-size-height: 40px; --core-icon-large-size-width: 40px; --core-icon-medium-size-height: 24px; --core-icon-medium-size-width: 24px; --core-icon-small-size-height: 16px; --core-icon-small-size-width: 16px; --core-large-size-minimum-height: var(--core-minimum-height-300); --core-medium-size-minimum-height: var(--core-minimum-height-200); --core-medium-viewport-grid-column-count: 2; --core-medium-viewport-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing); --core-medium-viewport-grid-item-full-size-column-span: 2; --core-medium-viewport-grid-item-large-size-column-span: 1; --core-medium-viewport-grid-item-medium-size-column-span: 1; --core-medium-viewport-grid-item-small-size-column-span: 1; --core-medium-viewport-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing); --core-metrics-spacing-100: 8px; --core-metrics-spacing-1000: 80px; --core-metrics-spacing-150: 12px; --core-metrics-spacing-1500: 120px; --core-metrics-spacing-200: 16px; --core-metrics-spacing-2000: 160px; --core-metrics-spacing-25: 2px; --core-metrics-spacing-250: 20px; --core-metrics-spacing-300: 24px; --core-metrics-spacing-400: 32px; --core-metrics-spacing-50: 4px; --core-metrics-spacing-500: 40px; --core-metrics-spacing-600: 48px; --core-metrics-spacing-800: 64px; --core-minimum-height-100: 40px; --core-minimum-height-200: 48px; --core-minimum-height-300: 64px; --core-minimum-height-400: 80px; --core-minimum-height-50: 24px; --core-minimum-height-75: 32px; --core-narrow-viewport-grid-column-count: 1; --core-narrow-viewport-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing); --core-narrow-viewport-grid-item-full-size-column-span: 1; --core-narrow-viewport-grid-item-large-size-column-span: 1; --core-narrow-viewport-grid-item-medium-size-column-span: 1; --core-narrow-viewport-grid-item-small-size-column-span: 1; --core-narrow-viewport-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing); --core-opacity-disabled-state: 0.4; --core-opacity-hover-state: 1; --core-opacity-normal-state: 1; --core-opacity-pressed-state: 1; --core-orange-10-color: var(--core-orange-10-light-mode-color); --core-orange-10-dark-mode-color: #BF4830; --core-orange-10-light-mode-color: #BF4830; --core-orange-20-color: var(--core-orange-20-light-mode-color); --core-orange-20-dark-mode-color: #DB5237; --core-orange-20-light-mode-color: #DB5237; --core-orange-30-color: var(--core-orange-30-light-mode-color); --core-orange-30-dark-mode-color: #590F00; --core-orange-30-light-mode-color: #FFD5CC; --core-orange-40-color: var(--core-orange-40-light-mode-color); --core-orange-40-dark-mode-color: #330800; --core-orange-40-light-mode-color: #FFEAE6; --core-orange-fill-color: var(--core-orange-fill-light-mode-color); --core-orange-fill-dark-mode-color: #F25B3D; --core-orange-fill-light-mode-color: #F25B3D; --core-orange-text-color: var(--core-orange-text-light-mode-color); --core-orange-text-dark-mode-color: #FF5F3F; --core-orange-text-light-mode-color: #A83F2A; --core-padding-set-even-large: var(--core-metrics-spacing-250); --core-padding-set-even-medium: var(--core-metrics-spacing-150); --core-padding-set-even-small: var(--core-metrics-spacing-100); --core-padding-set-wide-large-horizontal: var(--core-metrics-spacing-400); --core-padding-set-wide-large-vertical: var(--core-metrics-spacing-250); --core-padding-set-wide-medium-horizontal: var(--core-metrics-spacing-300); --core-padding-set-wide-medium-vertical: var(--core-metrics-spacing-150); --core-padding-set-wide-small-horizontal: var(--core-metrics-spacing-250); --core-padding-set-wide-small-vertical: var(--core-metrics-spacing-100); --core-pink-10-color: var(--core-pink-10-light-mode-color); --core-pink-10-dark-mode-color: #A62987; --core-pink-10-light-mode-color: #A62987; --core-pink-20-color: var(--core-pink-20-light-mode-color); --core-pink-20-dark-mode-color: #BF309B; --core-pink-20-light-mode-color: #BF309B; --core-pink-30-color: var(--core-pink-30-light-mode-color); --core-pink-30-dark-mode-color: #590043; --core-pink-30-light-mode-color: #FFCCF2; --core-pink-40-color: var(--core-pink-40-light-mode-color); --core-pink-40-dark-mode-color: #330026; --core-pink-40-light-mode-color: #FFE6F9; --core-pink-fill-color: var(--core-pink-fill-light-mode-color); --core-pink-fill-dark-mode-color: #D936B0; --core-pink-fill-light-mode-color: #D936B0; --core-pink-text-color: var(--core-pink-text-light-mode-color); --core-pink-text-dark-mode-color: #FF43D0; --core-pink-text-light-mode-color: #A82A88; --core-purple-10-color: var(--core-purple-10-light-mode-color); --core-purple-10-dark-mode-color: #6811A6; --core-purple-10-light-mode-color: #6811A6; --core-purple-20-color: var(--core-purple-20-light-mode-color); --core-purple-20-dark-mode-color: #7813BF; --core-purple-20-light-mode-color: #7813BF; --core-purple-30-color: var(--core-purple-30-light-mode-color); --core-purple-30-dark-mode-color: #340059; --core-purple-30-light-mode-color: #EACCFF; --core-purple-40-color: var(--core-purple-40-light-mode-color); --core-purple-40-dark-mode-color: #1E0033; --core-purple-40-light-mode-color: #F4E6FF; --core-purple-fill-color: var(--core-purple-fill-light-mode-color); --core-purple-fill-dark-mode-color: #8716D9; --core-purple-fill-light-mode-color: #8716D9; --core-purple-text-color: var(--core-purple-text-light-mode-color); --core-purple-text-dark-mode-color: #C26EFF; --core-purple-text-light-mode-color: #8716D9; --core-radius-10: 6px; --core-radius-100: 6px; --core-radius-20: 12px; --core-radius-200: 12px; --core-radius-266: 16px; --core-radius-33: 2px; --core-radius-400: 24px; --core-radius-533: 32px; --core-radius-6: 4px; --core-radius-66: 4px; --core-radius-circle: 1000px; --core-radius-forms: var(--core-radius-100); --core-radius-modals: var(--core-radius-200); --core-radius-none: 0px; --core-red-10-color: var(--core-red-10-light-mode-color); --core-red-10-dark-mode-color: #99001A; --core-red-10-light-mode-color: #99001A; --core-red-20-color: var(--core-red-20-light-mode-color); --core-red-20-dark-mode-color: #B2001E; --core-red-20-light-mode-color: #B2001E; --core-red-30-color: var(--core-red-30-light-mode-color); --core-red-30-dark-mode-color: #59000F; --core-red-30-light-mode-color: #FFCCD5; --core-red-40-color: var(--core-red-40-light-mode-color); --core-red-40-dark-mode-color: #330009; --core-red-40-light-mode-color: #FFE5EA; --core-red-fill-color: var(--core-red-fill-light-mode-color); --core-red-fill-dark-mode-color: #CC0023; --core-red-fill-light-mode-color: #CC0023; --core-red-text-color: var(--core-red-text-light-mode-color); --core-red-text-dark-mode-color: #FF5A76; --core-red-text-light-mode-color: #BF0020; --core-sky-10-color: var(--core-sky-10-light-mode-color); --core-sky-10-dark-mode-color: #1F75CC; --core-sky-10-light-mode-color: #1F75CC; --core-sky-20-color: var(--core-sky-20-light-mode-color); --core-sky-20-dark-mode-color: #2284E6; --core-sky-20-light-mode-color: #2284E6; --core-sky-30-color: var(--core-sky-30-light-mode-color); --core-sky-30-dark-mode-color: #002D59; --core-sky-30-light-mode-color: #CCE6FF; --core-sky-40-color: var(--core-sky-40-light-mode-color); --core-sky-40-dark-mode-color: #001A33; --core-sky-40-light-mode-color: #E6F2FF; --core-sky-fill-color: var(--core-sky-fill-light-mode-color); --core-sky-fill-dark-mode-color: #2693FF; --core-sky-fill-light-mode-color: #2693FF; --core-sky-text-color: var(--core-sky-text-light-mode-color); --core-sky-text-dark-mode-color: #2E97FF; --core-sky-text-light-mode-color: #0F65BA; --core-small-size-minimum-height: var(--core-minimum-height-100); --core-space-10-size: var(--core-base-size); --core-success-10-color: var(--core-success-10-light-mode-color); --core-success-10-dark-mode-color: var(--core-green-10-dark-mode-color); --core-success-10-light-mode-color: var(--core-green-10-light-mode-color); --core-success-20-color: var(--core-success-20-light-mode-color); --core-success-20-dark-mode-color: var(--core-green-20-dark-mode-color); --core-success-20-light-mode-color: var(--core-green-20-light-mode-color); --core-success-30-color: var(--core-success-30-light-mode-color); --core-success-30-dark-mode-color: var(--core-green-30-dark-mode-color); --core-success-30-light-mode-color: var(--core-green-30-light-mode-color); --core-success-40-color: var(--core-success-40-light-mode-color); --core-success-40-dark-mode-color: var(--core-green-40-dark-mode-color); --core-success-40-light-mode-color: var(--core-green-40-light-mode-color); --core-success-fill-color: var(--core-success-fill-light-mode-color); --core-success-fill-dark-mode-color: var(--core-green-fill-dark-mode-color); --core-success-fill-light-mode-color: var(--core-green-fill-light-mode-color); --core-success-text-color: var(--core-success-text-light-mode-color); --core-success-text-dark-mode-color: var(--core-green-text-dark-mode-color); --core-success-text-light-mode-color: var(--core-green-text-light-mode-color); --core-surface-10-color: var(--core-surface-10-light-mode-color); --core-surface-10-dark-mode-color: rgba(20,20,20,1); --core-surface-10-light-mode-color: rgba(255,255,255,1); --core-surface-20-color: var(--core-surface-20-light-mode-color); --core-surface-20-dark-mode-color: rgba(28,28,28,1); --core-surface-20-light-mode-color: rgba(255,255,255,1); --core-surface-30-color: var(--core-surface-30-light-mode-color); --core-surface-30-dark-mode-color: rgba(45,45,45,1); --core-surface-30-light-mode-color: rgba(255,255,255,1); --core-surface-5-color: var(--core-surface-5-light-mode-color); --core-surface-5-dark-mode-color: rgba(8,8,8,1); --core-surface-5-light-mode-color: rgba(255,255,255,1); --core-surface-inverse-color: var(--core-surface-inverse-light-mode-color); --core-surface-inverse-dark-mode-color: rgba(255,255,255,1); --core-surface-inverse-light-mode-color: rgba(26,26,26,1); --core-surface-overlay-color: var(--core-surface-overlay-light-mode-color); --core-surface-overlay-dark-mode-color: rgba(0,0,0,0.8); --core-surface-overlay-light-mode-color: rgba(0,0,0,0.8); --core-taupe-10-color: var(--core-taupe-10-light-mode-color); --core-taupe-10-dark-mode-color: #735639; --core-taupe-10-light-mode-color: #735639; --core-taupe-20-color: var(--core-taupe-20-light-mode-color); --core-taupe-20-dark-mode-color: #8C6946; --core-taupe-20-light-mode-color: #8C6946; --core-taupe-30-color: var(--core-taupe-30-light-mode-color); --core-taupe-30-dark-mode-color: #592D00; --core-taupe-30-light-mode-color: #FFE6CC; --core-taupe-40-color: var(--core-taupe-40-light-mode-color); --core-taupe-40-dark-mode-color: #331A00; --core-taupe-40-light-mode-color: #FFF2E6; --core-taupe-fill-color: var(--core-taupe-fill-light-mode-color); --core-taupe-fill-dark-mode-color: #A67C53; --core-taupe-fill-light-mode-color: #A67C53; --core-taupe-text-color: var(--core-taupe-text-light-mode-color); --core-taupe-text-dark-mode-color: #C99866; --core-taupe-text-light-mode-color: #826141; --core-teal-10-color: var(--core-teal-10-light-mode-color); --core-teal-10-dark-mode-color: #0D8C6D; --core-teal-10-light-mode-color: #0D8C6D; --core-teal-20-color: var(--core-teal-20-light-mode-color); --core-teal-20-dark-mode-color: #10A680; --core-teal-20-light-mode-color: #10A680; --core-teal-30-color: var(--core-teal-30-light-mode-color); --core-teal-30-dark-mode-color: #005943; --core-teal-30-light-mode-color: #CCFFF2; --core-teal-40-color: var(--core-teal-40-light-mode-color); --core-teal-40-dark-mode-color: #003326; --core-teal-40-light-mode-color: #E6FFF9; --core-teal-fill-color: var(--core-teal-fill-light-mode-color); --core-teal-fill-dark-mode-color: #12BF94; --core-teal-fill-light-mode-color: #12BF94; --core-teal-text-color: var(--core-teal-text-light-mode-color); --core-teal-text-dark-mode-color: #16D8A7; --core-teal-text-light-mode-color: #0C785D; --core-text-10-color: var(--core-text-10-light-mode-color); --core-text-10-dark-mode-color: rgba(255,255,255,0.95); --core-text-10-light-mode-color: rgba(0,0,0,0.9); --core-text-20-color: var(--core-text-20-light-mode-color); --core-text-20-dark-mode-color: rgba(255,255,255,0.55); --core-text-20-light-mode-color: rgba(0,0,0,0.55); --core-text-30-color: var(--core-text-30-light-mode-color); --core-text-30-dark-mode-color: rgba(255,255,255,0.3); --core-text-30-light-mode-color: rgba(0,0,0,0.3); --core-text-black-color: var(--core-text-black-light-mode-color); --core-text-black-dark-mode-color: rgba(0,0,0,0.9); --core-text-black-light-mode-color: rgba(0,0,0,0.9); --core-text-inverse-color: var(--core-text-inverse-light-mode-color); --core-text-inverse-dark-mode-color: rgba(0,0,0,0.9); --core-text-inverse-light-mode-color: rgba(255,255,255,0.95); --core-text-size: 16px; --core-text-white-color: var(--core-text-white-light-mode-color); --core-text-white-dark-mode-color: rgba(255,255,255,1); --core-text-white-light-mode-color: rgba(255,255,255,1); --core-transparent-color: var(--core-transparent-light-mode-color); --core-transparent-dark-mode-color: transparent; --core-transparent-light-mode-color: transparent; --core-type-bold-weight: 700; --core-type-display-10-case: none; --core-type-display-10-font-family: var(--core-type-display-font-family); --core-type-display-10-leading: 40px; --core-type-display-10-number-spacing: 'default'; --core-type-display-10-scale: heading-30; --core-type-display-10-size: 32px; --core-type-display-10-tracking: 0; --core-type-display-10-weight: var(--core-type-bold-weight); --core-type-display-20-case: none; --core-type-display-20-font-family: var(--core-type-display-font-family); --core-type-display-20-leading: 56px; --core-type-display-20-number-spacing: 'default'; --core-type-display-20-scale: heading-30; --core-type-display-20-size: 48px; --core-type-display-20-tracking: 0; --core-type-display-20-weight: var(--core-type-medium-weight); --core-type-display-font-family: 'Square Sans Display VF', 'Square Sans Display', Helvetica, Arial, sans-serif; --core-type-font-family: 'Square Sans Text VF', 'Square Sans Text', Helvetica, Arial, sans-serif; --core-type-heading-10-case: none; --core-type-heading-10-font-family: var(--core-type-font-family); --core-type-heading-10-leading: 22px; --core-type-heading-10-number-spacing: 'default'; --core-type-heading-10-scale: heading-10; --core-type-heading-10-size: 14px; --core-type-heading-10-tracking: 0; --core-type-heading-10-weight: var(--core-type-bold-weight); --core-type-heading-20-case: none; --core-type-heading-20-font-family: var(--core-type-display-font-family); --core-type-heading-20-leading: 26px; --core-type-heading-20-number-spacing: 'default'; --core-type-heading-20-scale: heading-20; --core-type-heading-20-size: 19px; --core-type-heading-20-tracking: 0; --core-type-heading-20-weight: var(--core-type-bold-weight); --core-type-heading-30-case: none; --core-type-heading-30-font-family: var(--core-type-display-font-family); --core-type-heading-30-leading: 32px; --core-type-heading-30-number-spacing: 'default'; --core-type-heading-30-scale: heading-30; --core-type-heading-30-size: 25px; --core-type-heading-30-tracking: 0; --core-type-heading-30-weight: var(--core-type-bold-weight); --core-type-heading-5-case: uppercase; --core-type-heading-5-font-family: var(--core-type-font-family); --core-type-heading-5-leading: 20px; --core-type-heading-5-number-spacing: 'default'; --core-type-heading-5-scale: heading-5; --core-type-heading-5-size: 12px; --core-type-heading-5-tracking: 0.050em; --core-type-heading-5-weight: var(--core-type-medium-weight); --core-type-medium-10-case: var(--core-type-paragraph-10-case); --core-type-medium-10-font-family: var(--core-type-paragraph-10-font-family); --core-type-medium-10-leading: var(--core-type-paragraph-10-leading); --core-type-medium-10-number-spacing: var(--core-type-paragraph-10-number-spacing); --core-type-medium-10-scale: var(--core-type-paragraph-10-scale); --core-type-medium-10-size: var(--core-type-paragraph-10-size); --core-type-medium-10-tracking: var(--core-type-paragraph-10-tracking); --core-type-medium-10-weight: var(--core-type-medium-weight); --core-type-medium-20-case: var(--core-type-paragraph-20-case); --core-type-medium-20-font-family: var(--core-type-paragraph-20-font-family); --core-type-medium-20-leading: var(--core-type-paragraph-20-leading); --core-type-medium-20-number-spacing: var(--core-type-paragraph-20-number-spacing); --core-type-medium-20-scale: var(--core-type-paragraph-20-scale); --core-type-medium-20-size: var(--core-type-paragraph-20-size); --core-type-medium-20-tracking: var(--core-type-paragraph-20-tracking); --core-type-medium-20-weight: var(--core-type-medium-weight); --core-type-medium-30-case: var(--core-type-paragraph-30-case); --core-type-medium-30-font-family: var(--core-type-paragraph-30-font-family); --core-type-medium-30-leading: var(--core-type-paragraph-30-leading); --core-type-medium-30-number-spacing: var(--core-type-paragraph-30-number-spacing); --core-type-medium-30-scale: var(--core-type-paragraph-30-scale); --core-type-medium-30-size: var(--core-type-paragraph-30-size); --core-type-medium-30-tracking: var(--core-type-paragraph-30-tracking); --core-type-medium-30-weight: var(--core-type-medium-weight); --core-type-medium-weight: 500; --core-type-mono-display-10-case: var(--core-type-display-10-case); --core-type-mono-display-10-font-family: var(--core-type-mono-font-family); --core-type-mono-display-10-leading: var(--core-type-display-10-leading); --core-type-mono-display-10-number-spacing: var(--core-type-display-10-number-spacing); --core-type-mono-display-10-scale: var(--core-type-display-10-scale); --core-type-mono-display-10-size: var(--core-type-display-10-size); --core-type-mono-display-10-tracking: var(--core-type-display-10-tracking); --core-type-mono-display-10-weight: var(--core-type-display-10-weight); --core-type-mono-display-20-case: var(--core-type-display-20-case); --core-type-mono-display-20-font-family: var(--core-type-mono-font-family); --core-type-mono-display-20-leading: var(--core-type-display-20-leading); --core-type-mono-display-20-number-spacing: var(--core-type-display-20-number-spacing); --core-type-mono-display-20-scale: var(--core-type-display-20-scale); --core-type-mono-display-20-size: var(--core-type-display-20-size); --core-type-mono-display-20-tracking: var(--core-type-display-20-tracking); --core-type-mono-display-20-weight: var(--core-type-display-20-weight); --core-type-mono-font-family: 'Square Sans Mono VF', 'Square Sans Mono', 'Roboto Mono', Roboto, monospace; --core-type-mono-heading-10-case: var(--core-type-heading-10-case); --core-type-mono-heading-10-font-family: var(--core-type-mono-font-family); --core-type-mono-heading-10-leading: var(--core-type-heading-10-leading); --core-type-mono-heading-10-number-spacing: var(--core-type-heading-10-number-spacing); --core-type-mono-heading-10-scale: var(--core-type-heading-10-scale); --core-type-mono-heading-10-size: var(--core-type-heading-10-size); --core-type-mono-heading-10-tracking: var(--core-type-heading-10-tracking); --core-type-mono-heading-10-weight: var(--core-type-heading-10-weight); --core-type-mono-heading-20-case: var(--core-type-heading-20-case); --core-type-mono-heading-20-font-family: var(--core-type-mono-font-family); --core-type-mono-heading-20-leading: var(--core-type-heading-20-leading); --core-type-mono-heading-20-number-spacing: var(--core-type-heading-20-number-spacing); --core-type-mono-heading-20-scale: var(--core-type-heading-20-scale); --core-type-mono-heading-20-size: var(--core-type-heading-20-size); --core-type-mono-heading-20-tracking: var(--core-type-heading-20-tracking); --core-type-mono-heading-20-weight: var(--core-type-heading-20-weight); --core-type-mono-heading-30-case: var(--core-type-heading-30-case); --core-type-mono-heading-30-font-family: var(--core-type-mono-font-family); --core-type-mono-heading-30-leading: var(--core-type-heading-30-leading); --core-type-mono-heading-30-number-spacing: var(--core-type-heading-30-number-spacing); --core-type-mono-heading-30-scale: var(--core-type-heading-30-scale); --core-type-mono-heading-30-size: var(--core-type-heading-30-size); --core-type-mono-heading-30-tracking: var(--core-type-heading-30-tracking); --core-type-mono-heading-30-weight: var(--core-type-heading-30-weight); --core-type-mono-medium-10-case: var(--core-type-medium-10-case); --core-type-mono-medium-10-font-family: var(--core-type-mono-font-family); --core-type-mono-medium-10-leading: var(--core-type-medium-10-leading); --core-type-mono-medium-10-number-spacing: var(--core-type-medium-10-number-spacing); --core-type-mono-medium-10-scale: var(--core-type-medium-10-scale); --core-type-mono-medium-10-size: var(--core-type-medium-10-size); --core-type-mono-medium-10-tracking: var(--core-type-medium-10-tracking); --core-type-mono-medium-10-weight: var(--core-type-medium-10-weight); --core-type-mono-medium-20-case: var(--core-type-medium-20-case); --core-type-mono-medium-20-font-family: var(--core-type-mono-font-family); --core-type-mono-medium-20-leading: var(--core-type-medium-20-leading); --core-type-mono-medium-20-number-spacing: var(--core-type-medium-20-number-spacing); --core-type-mono-medium-20-scale: var(--core-type-medium-20-scale); --core-type-mono-medium-20-size: var(--core-type-medium-20-size); --core-type-mono-medium-20-tracking: var(--core-type-medium-20-tracking); --core-type-mono-medium-20-weight: var(--core-type-medium-20-weight); --core-type-mono-medium-30-case: var(--core-type-medium-30-case); --core-type-mono-medium-30-font-family: var(--core-type-mono-font-family); --core-type-mono-medium-30-leading: var(--core-type-medium-30-leading); --core-type-mono-medium-30-number-spacing: var(--core-type-medium-30-number-spacing); --core-type-mono-medium-30-scale: var(--core-type-medium-30-scale); --core-type-mono-medium-30-size: var(--core-type-medium-30-size); --core-type-mono-medium-30-tracking: var(--core-type-medium-30-tracking); --core-type-mono-medium-30-weight: var(--core-type-medium-30-weight); --core-type-mono-paragraph-10-case: var(--core-type-paragraph-10-case); --core-type-mono-paragraph-10-font-family: var(--core-type-mono-font-family); --core-type-mono-paragraph-10-leading: var(--core-type-paragraph-10-leading); --core-type-mono-paragraph-10-number-spacing: var(--core-type-paragraph-10-number-spacing); --core-type-mono-paragraph-10-scale: var(--core-type-paragraph-10-scale); --core-type-mono-paragraph-10-size: var(--core-type-paragraph-10-size); --core-type-mono-paragraph-10-tracking: var(--core-type-paragraph-10-tracking); --core-type-mono-paragraph-10-weight: var(--core-type-paragraph-10-weight); --core-type-mono-paragraph-20-case: var(--core-type-paragraph-20-case); --core-type-mono-paragraph-20-font-family: var(--core-type-mono-font-family); --core-type-mono-paragraph-20-leading: var(--core-type-paragraph-20-leading); --core-type-mono-paragraph-20-number-spacing: var(--core-type-paragraph-20-number-spacing); --core-type-mono-paragraph-20-scale: var(--core-type-paragraph-20-scale); --core-type-mono-paragraph-20-size: var(--core-type-paragraph-20-size); --core-type-mono-paragraph-20-tracking: var(--core-type-paragraph-20-tracking); --core-type-mono-paragraph-20-weight: var(--core-type-paragraph-20-weight); --core-type-mono-paragraph-30-case: var(--core-type-paragraph-30-case); --core-type-mono-paragraph-30-font-family: var(--core-type-mono-font-family); --core-type-mono-paragraph-30-leading: var(--core-type-paragraph-30-leading); --core-type-mono-paragraph-30-number-spacing: var(--core-type-paragraph-30-number-spacing); --core-type-mono-paragraph-30-scale: var(--core-type-paragraph-30-scale); --core-type-mono-paragraph-30-size: var(--core-type-paragraph-30-size); --core-type-mono-paragraph-30-tracking: var(--core-type-paragraph-30-tracking); --core-type-mono-paragraph-30-weight: var(--core-type-paragraph-30-weight); --core-type-mono-semibold-10-case: var(--core-type-semibold-10-case); --core-type-mono-semibold-10-font-family: var(--core-type-mono-font-family); --core-type-mono-semibold-10-leading: var(--core-type-semibold-10-leading); --core-type-mono-semibold-10-number-spacing: var(--core-type-semibold-10-number-spacing); --core-type-mono-semibold-10-scale: var(--core-type-semibold-10-scale); --core-type-mono-semibold-10-size: var(--core-type-semibold-10-size); --core-type-mono-semibold-10-tracking: var(--core-type-semibold-10-tracking); --core-type-mono-semibold-10-weight: var(--core-type-semibold-10-weight); --core-type-mono-semibold-20-case: var(--core-type-semibold-20-case); --core-type-mono-semibold-20-font-family: var(--core-type-mono-font-family); --core-type-mono-semibold-20-leading: var(--core-type-semibold-20-leading); --core-type-mono-semibold-20-number-spacing: var(--core-type-semibold-20-number-spacing); --core-type-mono-semibold-20-scale: var(--core-type-semibold-20-scale); --core-type-mono-semibold-20-size: var(--core-type-semibold-20-size); --core-type-mono-semibold-20-tracking: var(--core-type-semibold-20-tracking); --core-type-mono-semibold-20-weight: var(--core-type-semibold-20-weight); --core-type-mono-semibold-30-case: var(--core-type-semibold-30-case); --core-type-mono-semibold-30-font-family: var(--core-type-mono-font-family); --core-type-mono-semibold-30-leading: var(--core-type-semibold-30-leading); --core-type-mono-semibold-30-number-spacing: var(--core-type-semibold-30-number-spacing); --core-type-mono-semibold-30-scale: var(--core-type-semibold-30-scale); --core-type-mono-semibold-30-size: var(--core-type-semibold-30-size); --core-type-mono-semibold-30-tracking: var(--core-type-semibold-30-tracking); --core-type-mono-semibold-30-weight: var(--core-type-semibold-30-weight); --core-type-paragraph-10-case: none; --core-type-paragraph-10-font-family: var(--core-type-font-family); --core-type-paragraph-10-leading: 18px; --core-type-paragraph-10-number-spacing: 'default'; --core-type-paragraph-10-scale: paragraph-10; --core-type-paragraph-10-size: 12px; --core-type-paragraph-10-tracking: 0; --core-type-paragraph-10-weight: var(--core-type-regular-weight); --core-type-paragraph-20-case: none; --core-type-paragraph-20-font-family: var(--core-type-font-family); --core-type-paragraph-20-leading: 22px; --core-type-paragraph-20-number-spacing: 'default'; --core-type-paragraph-20-scale: paragraph-20; --core-type-paragraph-20-size: 14px; --core-type-paragraph-20-tracking: 0; --core-type-paragraph-20-weight: var(--core-type-regular-weight); --core-type-paragraph-30-case: none; --core-type-paragraph-30-font-family: var(--core-type-font-family); --core-type-paragraph-30-leading: 24px; --core-type-paragraph-30-number-spacing: 'default'; --core-type-paragraph-30-scale: paragraph-30; --core-type-paragraph-30-size: 16px; --core-type-paragraph-30-tracking: 0; --core-type-paragraph-30-weight: var(--core-type-regular-weight); --core-type-regular-weight: 400; --core-type-semibold-10-case: var(--core-type-paragraph-10-case); --core-type-semibold-10-font-family: var(--core-type-paragraph-10-font-family); --core-type-semibold-10-leading: var(--core-type-paragraph-10-leading); --core-type-semibold-10-number-spacing: var(--core-type-paragraph-10-number-spacing); --core-type-semibold-10-scale: var(--core-type-paragraph-10-scale); --core-type-semibold-10-size: var(--core-type-paragraph-10-size); --core-type-semibold-10-tracking: var(--core-type-paragraph-10-tracking); --core-type-semibold-10-weight: var(--core-type-semibold-weight); --core-type-semibold-20-case: var(--core-type-paragraph-20-case); --core-type-semibold-20-font-family: var(--core-type-paragraph-20-font-family); --core-type-semibold-20-leading: var(--core-type-paragraph-20-leading); --core-type-semibold-20-number-spacing: var(--core-type-paragraph-20-number-spacing); --core-type-semibold-20-scale: var(--core-type-paragraph-20-scale); --core-type-semibold-20-size: var(--core-type-paragraph-20-size); --core-type-semibold-20-tracking: var(--core-type-paragraph-20-tracking); --core-type-semibold-20-weight: var(--core-type-semibold-weight); --core-type-semibold-30-case: var(--core-type-paragraph-30-case); --core-type-semibold-30-font-family: var(--core-type-paragraph-30-font-family); --core-type-semibold-30-leading: var(--core-type-paragraph-30-leading); --core-type-semibold-30-number-spacing: var(--core-type-paragraph-30-number-spacing); --core-type-semibold-30-scale: var(--core-type-paragraph-30-scale); --core-type-semibold-30-size: var(--core-type-paragraph-30-size); --core-type-semibold-30-tracking: var(--core-type-paragraph-30-tracking); --core-type-semibold-30-weight: var(--core-type-semibold-weight); --core-type-semibold-weight: 600; --core-vertical-size-class-regular-threshold: 600px; --core-vertical-size-class-tall-threshold: 864px; --core-warning-10-color: var(--core-warning-10-light-mode-color); --core-warning-10-dark-mode-color: var(--core-gold-10-dark-mode-color); --core-warning-10-light-mode-color: var(--core-gold-10-light-mode-color); --core-warning-20-color: var(--core-warning-20-light-mode-color); --core-warning-20-dark-mode-color: var(--core-gold-20-dark-mode-color); --core-warning-20-light-mode-color: var(--core-gold-20-light-mode-color); --core-warning-30-color: var(--core-warning-30-light-mode-color); --core-warning-30-dark-mode-color: var(--core-gold-30-dark-mode-color); --core-warning-30-light-mode-color: var(--core-gold-30-light-mode-color); --core-warning-40-color: var(--core-warning-40-light-mode-color); --core-warning-40-dark-mode-color: var(--core-gold-40-dark-mode-color); --core-warning-40-light-mode-color: var(--core-gold-40-light-mode-color); --core-warning-fill-color: var(--core-warning-fill-light-mode-color); --core-warning-fill-dark-mode-color: var(--core-gold-fill-dark-mode-color); --core-warning-fill-light-mode-color: var(--core-gold-fill-light-mode-color); --core-warning-text-color: var(--core-warning-text-light-mode-color); --core-warning-text-dark-mode-color: var(--core-gold-text-dark-mode-color); --core-warning-text-light-mode-color: var(--core-gold-text-light-mode-color); --core-wide-viewport-grid-column-count: var(--core-extra-wide-viewport-grid-column-count); --core-wide-viewport-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing); --core-wide-viewport-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span); --core-wide-viewport-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span); --core-wide-viewport-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span); --core-wide-viewport-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span); --core-wide-viewport-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing); --core-yellow-10-color: var(--core-yellow-10-light-mode-color); --core-yellow-10-dark-mode-color: #CC9900; --core-yellow-10-light-mode-color: #CC9900; --core-yellow-20-color: var(--core-yellow-20-light-mode-color); --core-yellow-20-dark-mode-color: #E5AC00; --core-yellow-20-light-mode-color: #E5AC00; --core-yellow-30-color: var(--core-yellow-30-light-mode-color); --core-yellow-30-dark-mode-color: #594300; --core-yellow-30-light-mode-color: #FFF2CC; --core-yellow-40-color: var(--core-yellow-40-light-mode-color); --core-yellow-40-dark-mode-color: #332600; --core-yellow-40-light-mode-color: #FFF9E5; --core-yellow-fill-color: var(--core-yellow-fill-light-mode-color); --core-yellow-fill-dark-mode-color: #FFBF00; --core-yellow-fill-light-mode-color: #FFBF00; --core-yellow-text-color: var(--core-yellow-text-light-mode-color); --core-yellow-text-dark-mode-color: #FFBF00; --core-yellow-text-light-mode-color: #876500; /* ======================================================================== * COMPONENT * ======================================================================== */ /* ========== accessory ========== */ --accessory-background-color: var(--accessory-background-light-mode-color); --accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --accessory-background-light-mode-color: var(--core-fill-40-light-mode-color); --accessory-background-radius: var(--accessory-medium-size-radius); --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-light-mode-color); --accessory-disabled-state-background-dark-mode-color: var(--accessory-normal-state-background-dark-mode-color); --accessory-disabled-state-background-light-mode-color: var(--accessory-normal-state-background-light-mode-color); --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-light-mode-color); --accessory-disabled-state-icon-dark-mode-color: var(--accessory-normal-state-icon-dark-mode-color); --accessory-disabled-state-icon-light-mode-color: var(--accessory-normal-state-icon-light-mode-color); --accessory-disabled-state-opacity: var(--core-opacity-disabled-state); --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-light-mode-color); --accessory-disabled-state-text-dark-mode-color: var(--accessory-normal-state-text-dark-mode-color); --accessory-disabled-state-text-light-mode-color: var(--accessory-normal-state-text-light-mode-color); --accessory-icon-variant-color: var(--accessory-icon-variant-light-mode-color); --accessory-icon-variant-dark-mode-color: var(--core-fill-10-dark-mode-color); --accessory-icon-variant-large-size-height: 40px; --accessory-icon-variant-large-size-width: 40px; --accessory-icon-variant-light-mode-color: var(--core-fill-10-light-mode-color); --accessory-icon-variant-medium-size-height: 24px; --accessory-icon-variant-medium-size-width: 24px; --accessory-initials-variant-color: var(--accessory-initials-variant-light-mode-color); --accessory-initials-variant-dark-mode-color: var(--core-text-20-dark-mode-color); --accessory-initials-variant-large-size-text-case: var(--core-type-display-10-case); --accessory-initials-variant-large-size-text-font-family: var(--core-type-display-10-font-family); --accessory-initials-variant-large-size-text-leading: var(--core-type-display-10-leading); --accessory-initials-variant-large-size-text-number-spacing: var(--core-type-display-10-number-spacing); --accessory-initials-variant-large-size-text-scale: var(--core-type-display-10-scale); --accessory-initials-variant-large-size-text-size: 28px; --accessory-initials-variant-large-size-text-tracking: var(--core-type-display-10-tracking); --accessory-initials-variant-large-size-text-weight: var(--core-type-medium-weight); --accessory-initials-variant-light-mode-color: var(--core-text-20-light-mode-color); --accessory-initials-variant-medium-size-text-case: var(--core-type-semibold-30-case); --accessory-initials-variant-medium-size-text-font-family: var(--core-type-semibold-30-font-family); --accessory-initials-variant-medium-size-text-leading: var(--core-type-semibold-30-leading); --accessory-initials-variant-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --accessory-initials-variant-medium-size-text-scale: var(--core-type-semibold-30-scale); --accessory-initials-variant-medium-size-text-size: var(--core-type-semibold-30-size); --accessory-initials-variant-medium-size-text-tracking: var(--core-type-semibold-30-tracking); --accessory-initials-variant-medium-size-text-weight: var(--core-type-semibold-30-weight); --accessory-large-size-height: var(--core-large-size-minimum-height); --accessory-large-size-icon-height: var(--core-icon-large-size-height); --accessory-large-size-icon-width: var(--accessory-large-size-icon-height); --accessory-large-size-radius: var(--core-radius-100); --accessory-large-size-text-case: var(--core-type-display-10-case); --accessory-large-size-text-font-family: var(--core-type-display-10-font-family); --accessory-large-size-text-leading: var(--accessory-large-size-text-size); --accessory-large-size-text-number-spacing: var(--core-type-display-10-number-spacing); --accessory-large-size-text-scale: var(--core-type-display-10-scale); --accessory-large-size-text-size: 28px; --accessory-large-size-text-tracking: var(--core-type-display-10-tracking); --accessory-large-size-text-weight: var(--core-type-medium-weight); --accessory-large-size-width: var(--accessory-large-size-height); --accessory-medium-size-height: var(--core-small-size-minimum-height); --accessory-medium-size-icon-height: var(--core-icon-medium-size-height); --accessory-medium-size-icon-width: var(--accessory-medium-size-icon-height); --accessory-medium-size-radius: var(--core-radius-100); --accessory-medium-size-text-case: var(--core-type-semibold-30-case); --accessory-medium-size-text-font-family: var(--core-type-semibold-30-font-family); --accessory-medium-size-text-leading: var(--core-type-semibold-30-leading); --accessory-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --accessory-medium-size-text-scale: var(--core-type-semibold-30-scale); --accessory-medium-size-text-size: var(--core-type-semibold-30-size); --accessory-medium-size-text-tracking: var(--core-type-semibold-30-tracking); --accessory-medium-size-text-weight: var(--core-type-semibold-30-weight); --accessory-medium-size-width: var(--accessory-medium-size-height); --accessory-normal-state-background-color: var(--accessory-normal-state-background-light-mode-color); --accessory-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --accessory-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-light-mode-color); --accessory-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --accessory-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color); --accessory-normal-state-opacity: var(--core-opacity-normal-state); --accessory-normal-state-text-color: var(--accessory-normal-state-text-light-mode-color); --accessory-normal-state-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accessory-normal-state-text-light-mode-color: var(--core-text-20-light-mode-color); /* ========== accordion ========== */ --accordion-disabled-state-accessory-opacity: 0.5; --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-light-mode-color); --accordion-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color); --accordion-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color); --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-light-mode-color); --accordion-disabled-state-side-text-dark-mode-color: var(--core-text-30-dark-mode-color); --accordion-disabled-state-side-text-light-mode-color: var(--core-text-30-light-mode-color); --accordion-focus-state-accessory-opacity: 1; --accordion-focus-state-content-color: var(--accordion-focus-state-content-light-mode-color); --accordion-focus-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --accordion-focus-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-light-mode-color); --accordion-focus-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accordion-focus-state-side-text-light-mode-color: var(--core-text-20-light-mode-color); --accordion-heading-10-variant-collapsed-phase-icon-height: var(--accordion-small-size-collapsed-phase-icon-height); --accordion-heading-10-variant-collapsed-phase-icon-width: var(--accordion-small-size-collapsed-phase-icon-width); --accordion-heading-10-variant-content-spacing: var(--accordion-small-size-content-spacing); --accordion-heading-10-variant-expanded-phase-icon-height: var(--accordion-small-size-expanded-phase-icon-height); --accordion-heading-10-variant-expanded-phase-icon-width: var(--accordion-small-size-expanded-phase-icon-width); --accordion-heading-10-variant-expanded-phase-spacing: var(--accordion-small-size-expanded-phase-spacing); --accordion-heading-10-variant-horizontal-padding: var(--accordion-small-size-horizontal-padding); --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-light-mode-color); --accordion-heading-10-variant-separator-dark-mode-color: var(--accordion-small-size-separator-dark-mode-color); --accordion-heading-10-variant-separator-light-mode-color: var(--accordion-small-size-separator-light-mode-color); --accordion-heading-10-variant-separator-size: var(--accordion-small-size-separator-size); --accordion-heading-10-variant-side-text-case: var(--accordion-small-size-side-text-case); --accordion-heading-10-variant-side-text-font-family: var(--accordion-small-size-side-text-font-family); --accordion-heading-10-variant-side-text-leading: var(--accordion-small-size-side-text-leading); --accordion-heading-10-variant-side-text-number-spacing: var(--accordion-small-size-side-text-number-spacing); --accordion-heading-10-variant-side-text-scale: var(--accordion-small-size-side-text-scale); --accordion-heading-10-variant-side-text-size: var(--accordion-small-size-side-text-size); --accordion-heading-10-variant-side-text-tracking: var(--accordion-small-size-side-text-tracking); --accordion-heading-10-variant-side-text-weight: var(--accordion-small-size-side-text-weight); --accordion-heading-10-variant-text-case: var(--accordion-small-size-text-case); --accordion-heading-10-variant-text-font-family: var(--accordion-small-size-text-font-family); --accordion-heading-10-variant-text-leading: var(--accordion-small-size-text-leading); --accordion-heading-10-variant-text-number-spacing: var(--accordion-small-size-text-number-spacing); --accordion-heading-10-variant-text-scale: var(--accordion-small-size-text-scale); --accordion-heading-10-variant-text-size: var(--accordion-small-size-text-size); --accordion-heading-10-variant-text-tracking: var(--accordion-small-size-text-tracking); --accordion-heading-10-variant-text-weight: var(--accordion-small-size-text-weight); --accordion-heading-10-variant-vertical-padding: var(--accordion-small-size-vertical-padding); --accordion-heading-20-variant-collapsed-phase-icon-height: var(--accordion-medium-size-collapsed-phase-icon-height); --accordion-heading-20-variant-collapsed-phase-icon-width: var(--accordion-medium-size-collapsed-phase-icon-width); --accordion-heading-20-variant-content-spacing: var(--accordion-medium-size-content-spacing); --accordion-heading-20-variant-expanded-phase-icon-height: var(--accordion-medium-size-expanded-phase-icon-height); --accordion-heading-20-variant-expanded-phase-icon-width: var(--accordion-medium-size-expanded-phase-icon-width); --accordion-heading-20-variant-expanded-phase-spacing: var(--accordion-medium-size-expanded-phase-spacing); --accordion-heading-20-variant-horizontal-padding: var(--accordion-medium-size-horizontal-padding); --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-light-mode-color); --accordion-heading-20-variant-separator-dark-mode-color: var(--accordion-medium-size-separator-dark-mode-color); --accordion-heading-20-variant-separator-light-mode-color: var(--accordion-medium-size-separator-light-mode-color); --accordion-heading-20-variant-separator-size: var(--accordion-medium-size-separator-size); --accordion-heading-20-variant-side-text-case: var(--accordion-medium-size-side-text-case); --accordion-heading-20-variant-side-text-font-family: var(--accordion-medium-size-side-text-font-family); --accordion-heading-20-variant-side-text-leading: var(--accordion-medium-size-side-text-leading); --accordion-heading-20-variant-side-text-number-spacing: var(--accordion-medium-size-side-text-number-spacing); --accordion-heading-20-variant-side-text-scale: var(--accordion-medium-size-side-text-scale); --accordion-heading-20-variant-side-text-size: var(--accordion-medium-size-side-text-size); --accordion-heading-20-variant-side-text-tracking: var(--accordion-medium-size-side-text-tracking); --accordion-heading-20-variant-side-text-weight: var(--accordion-medium-size-side-text-weight); --accordion-heading-20-variant-text-case: var(--accordion-medium-size-text-case); --accordion-heading-20-variant-text-font-family: var(--accordion-medium-size-text-font-family); --accordion-heading-20-variant-text-leading: var(--accordion-medium-size-text-leading); --accordion-heading-20-variant-text-number-spacing: var(--accordion-medium-size-text-number-spacing); --accordion-heading-20-variant-text-scale: var(--accordion-medium-size-text-scale); --accordion-heading-20-variant-text-size: var(--accordion-medium-size-text-size); --accordion-heading-20-variant-text-tracking: var(--accordion-medium-size-text-tracking); --accordion-heading-20-variant-text-weight: var(--accordion-medium-size-text-weight); --accordion-heading-20-variant-vertical-padding: var(--accordion-medium-size-vertical-padding); --accordion-heading-30-variant-collapsed-phase-icon-height: var(--accordion-large-size-collapsed-phase-icon-height); --accordion-heading-30-variant-collapsed-phase-icon-width: var(--accordion-large-size-collapsed-phase-icon-width); --accordion-heading-30-variant-content-spacing: var(--accordion-large-size-content-spacing); --accordion-heading-30-variant-expanded-phase-icon-height: var(--accordion-large-size-expanded-phase-icon-height); --accordion-heading-30-variant-expanded-phase-icon-width: var(--accordion-large-size-expanded-phase-icon-width); --accordion-heading-30-variant-expanded-phase-spacing: var(--accordion-large-size-expanded-phase-spacing); --accordion-heading-30-variant-horizontal-padding: var(--accordion-large-size-horizontal-padding); --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-light-mode-color); --accordion-heading-30-variant-separator-dark-mode-color: var(--accordion-large-size-separator-dark-mode-color); --accordion-heading-30-variant-separator-light-mode-color: var(--accordion-large-size-separator-light-mode-color); --accordion-heading-30-variant-separator-size: var(--accordion-large-size-separator-size); --accordion-heading-30-variant-side-text-case: var(--accordion-large-size-side-text-case); --accordion-heading-30-variant-side-text-font-family: var(--accordion-large-size-side-text-font-family); --accordion-heading-30-variant-side-text-leading: var(--accordion-large-size-side-text-leading); --accordion-heading-30-variant-side-text-number-spacing: var(--accordion-large-size-side-text-number-spacing); --accordion-heading-30-variant-side-text-scale: var(--accordion-large-size-side-text-scale); --accordion-heading-30-variant-side-text-size: var(--accordion-large-size-side-text-size); --accordion-heading-30-variant-side-text-tracking: var(--accordion-large-size-side-text-tracking); --accordion-heading-30-variant-side-text-weight: var(--accordion-large-size-side-text-weight); --accordion-heading-30-variant-text-case: var(--accordion-large-size-text-case); --accordion-heading-30-variant-text-font-family: var(--accordion-large-size-text-font-family); --accordion-heading-30-variant-text-leading: var(--accordion-large-size-text-leading); --accordion-heading-30-variant-text-number-spacing: var(--accordion-large-size-text-number-spacing); --accordion-heading-30-variant-text-scale: var(--accordion-large-size-text-scale); --accordion-heading-30-variant-text-size: var(--accordion-large-size-text-size); --accordion-heading-30-variant-text-tracking: var(--accordion-large-size-text-tracking); --accordion-heading-30-variant-text-weight: var(--accordion-large-size-text-weight); --accordion-heading-30-variant-vertical-padding: var(--accordion-large-size-vertical-padding); --accordion-hover-state-accessory-opacity: 1; --accordion-hover-state-content-color: var(--accordion-hover-state-content-light-mode-color); --accordion-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --accordion-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-light-mode-color); --accordion-hover-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accordion-hover-state-side-text-light-mode-color: var(--core-text-20-light-mode-color); --accordion-large-size-collapsed-phase-icon-height: 24px; --accordion-large-size-collapsed-phase-icon-width: 24px; --accordion-large-size-content-spacing: var(--core-metrics-spacing-200); --accordion-large-size-expanded-phase-icon-height: 24px; --accordion-large-size-expanded-phase-icon-width: 24px; --accordion-large-size-expanded-phase-spacing: var(--core-metrics-spacing-100); --accordion-large-size-horizontal-padding: 0px; --accordion-large-size-separator-color: var(--accordion-large-size-separator-light-mode-color); --accordion-large-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --accordion-large-size-separator-light-mode-color: var(--core-divider-20-light-mode-color); --accordion-large-size-separator-size: 1px; --accordion-large-size-side-text-case: var(--core-type-paragraph-30-case); --accordion-large-size-side-text-font-family: var(--core-type-paragraph-30-font-family); --accordion-large-size-side-text-leading: var(--core-type-paragraph-30-leading); --accordion-large-size-side-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --accordion-large-size-side-text-scale: var(--core-type-paragraph-30-scale); --accordion-large-size-side-text-size: var(--core-type-paragraph-30-size); --accordion-large-size-side-text-tracking: var(--core-type-paragraph-30-tracking); --accordion-large-size-side-text-weight: var(--core-type-paragraph-30-weight); --accordion-large-size-text-case: var(--core-type-heading-30-case); --accordion-large-size-text-font-family: var(--core-type-heading-30-font-family); --accordion-large-size-text-leading: var(--core-type-heading-30-leading); --accordion-large-size-text-number-spacing: var(--core-type-heading-30-number-spacing); --accordion-large-size-text-scale: var(--core-type-heading-30-scale); --accordion-large-size-text-size: var(--core-type-heading-30-size); --accordion-large-size-text-tracking: var(--core-type-heading-30-tracking); --accordion-large-size-text-weight: var(--core-type-heading-30-weight); --accordion-large-size-vertical-padding: 24px; --accordion-medium-size-collapsed-phase-icon-height: 20px; --accordion-medium-size-collapsed-phase-icon-width: 20px; --accordion-medium-size-content-spacing: var(--core-metrics-spacing-200); --accordion-medium-size-expanded-phase-icon-height: 20px; --accordion-medium-size-expanded-phase-icon-width: 20px; --accordion-medium-size-expanded-phase-spacing: var(--core-metrics-spacing-100); --accordion-medium-size-horizontal-padding: 0px; --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-light-mode-color); --accordion-medium-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --accordion-medium-size-separator-light-mode-color: var(--core-divider-20-light-mode-color); --accordion-medium-size-separator-size: 1px; --accordion-medium-size-side-text-case: var(--core-type-paragraph-20-case); --accordion-medium-size-side-text-font-family: var(--core-type-paragraph-20-font-family); --accordion-medium-size-side-text-leading: var(--core-type-paragraph-20-leading); --accordion-medium-size-side-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --accordion-medium-size-side-text-scale: var(--core-type-paragraph-20-scale); --accordion-medium-size-side-text-size: var(--core-type-paragraph-20-size); --accordion-medium-size-side-text-tracking: var(--core-type-paragraph-20-tracking); --accordion-medium-size-side-text-weight: var(--core-type-paragraph-20-weight); --accordion-medium-size-text-case: var(--core-type-heading-20-case); --accordion-medium-size-text-font-family: var(--core-type-heading-20-font-family); --accordion-medium-size-text-leading: var(--core-type-heading-20-leading); --accordion-medium-size-text-number-spacing: var(--core-type-heading-20-number-spacing); --accordion-medium-size-text-scale: var(--core-type-heading-20-scale); --accordion-medium-size-text-size: var(--core-type-heading-20-size); --accordion-medium-size-text-tracking: var(--core-type-heading-20-tracking); --accordion-medium-size-text-weight: var(--core-type-heading-20-weight); --accordion-medium-size-vertical-padding: 19px; --accordion-normal-state-accessory-opacity: 1; --accordion-normal-state-content-color: var(--accordion-normal-state-content-light-mode-color); --accordion-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --accordion-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color); --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-light-mode-color); --accordion-normal-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accordion-normal-state-side-text-light-mode-color: var(--core-text-20-light-mode-color); --accordion-pressed-state-accessory-opacity: 1; --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-light-mode-color); --accordion-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --accordion-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-light-mode-color); --accordion-pressed-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accordion-pressed-state-side-text-light-mode-color: var(--core-text-20-light-mode-color); --accordion-small-size-collapsed-phase-icon-height: 16px; --accordion-small-size-collapsed-phase-icon-width: 16px; --accordion-small-size-content-spacing: var(--core-metrics-spacing-200); --accordion-small-size-expanded-phase-icon-height: 16px; --accordion-small-size-expanded-phase-icon-width: 16px; --accordion-small-size-expanded-phase-spacing: var(--core-metrics-spacing-100); --accordion-small-size-horizontal-padding: 0px; --accordion-small-size-separator-color: var(--accordion-small-size-separator-light-mode-color); --accordion-small-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --accordion-small-size-separator-light-mode-color: var(--core-divider-20-light-mode-color); --accordion-small-size-separator-size: 1px; --accordion-small-size-side-text-case: var(--core-type-paragraph-10-case); --accordion-small-size-side-text-font-family: var(--core-type-paragraph-10-font-family); --accordion-small-size-side-text-leading: var(--core-type-paragraph-10-leading); --accordion-small-size-side-text-number-spacing: var(--core-type-paragraph-10-number-spacing); --accordion-small-size-side-text-scale: var(--core-type-paragraph-10-scale); --accordion-small-size-side-text-size: var(--core-type-paragraph-10-size); --accordion-small-size-side-text-tracking: var(--core-type-paragraph-10-tracking); --accordion-small-size-side-text-weight: var(--core-type-paragraph-10-weight); --accordion-small-size-text-case: var(--core-type-heading-10-case); --accordion-small-size-text-font-family: var(--core-type-heading-10-font-family); --accordion-small-size-text-leading: var(--core-type-heading-10-leading); --accordion-small-size-text-number-spacing: var(--core-type-heading-10-number-spacing); --accordion-small-size-text-scale: var(--core-type-heading-10-scale); --accordion-small-size-text-size: var(--core-type-heading-10-size); --accordion-small-size-text-tracking: var(--core-type-heading-10-tracking); --accordion-small-size-text-weight: var(--core-type-heading-10-weight); --accordion-small-size-vertical-padding: 13px; /* ========== actionCard ========== */ --action-card-active-state-content-opacity: var(--action-card-active-state-unselected-value-content-opacity); --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-light-mode-color); --action-card-active-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-active-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-light-mode-color); --action-card-active-state-selected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color); --action-card-active-state-selected-value-border-light-mode-color: var(--core-fill-10-light-mode-color); --action-card-active-state-selected-value-border-width: var(--core-border-20); --action-card-active-state-selected-value-content-opacity: var(--core-opacity-pressed-state); --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-light-mode-color); --action-card-active-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-active-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-light-mode-color); --action-card-active-state-unselected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --action-card-active-state-unselected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --action-card-active-state-unselected-value-border-width: var(--core-border-10); --action-card-active-state-unselected-value-content-opacity: var(--core-opacity-pressed-state); --action-card-background-color: var(--action-card-background-light-mode-color); --action-card-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-light-mode-color); --action-card-border-disabled-state-dark-mode-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color); --action-card-border-disabled-state-light-mode-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color); --action-card-border-disabled-state-width: var(--action-card-disabled-state-unselected-value-border-width); --action-card-border-hover-state-color: var(--action-card-border-hover-state-light-mode-color); --action-card-border-hover-state-dark-mode-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color); --action-card-border-hover-state-light-mode-color: var(--action-card-hover-state-unselected-value-border-light-mode-color); --action-card-border-hover-state-width: var(--action-card-hover-state-unselected-value-border-width); --action-card-border-radius: var(--core-radius-100); --action-card-border-selected-state-color: var(--action-card-border-selected-state-light-mode-color); --action-card-border-selected-state-dark-mode-color: var(--action-card-normal-state-selected-value-border-dark-mode-color); --action-card-border-selected-state-light-mode-color: var(--action-card-normal-state-selected-value-border-light-mode-color); --action-card-border-selected-state-width: var(--action-card-normal-state-selected-value-border-width); --action-card-disabled-state-content-opacity: var(--action-card-disabled-state-unselected-value-content-opacity); --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-light-mode-color); --action-card-disabled-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-disabled-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-light-mode-color); --action-card-disabled-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --action-card-disabled-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --action-card-disabled-state-selected-value-border-width: var(--core-border-20); --action-card-disabled-state-selected-value-content-opacity: var(--core-opacity-disabled-state); --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-light-mode-color); --action-card-disabled-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-disabled-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color); --action-card-disabled-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --action-card-disabled-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color); --action-card-disabled-state-unselected-value-border-width: var(--core-border-10); --action-card-disabled-state-unselected-value-content-opacity: var(--core-opacity-disabled-state); --action-card-focus-ring-border-size: var(--core-focus-ring-border-size); --action-card-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --action-card-focus-ring-color: var(--action-card-focus-ring-light-mode-color); --action-card-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color); --action-card-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color); --action-card-horizontal-gap: var(--core-metrics-spacing-100); --action-card-horizontal-padding: var(--core-metrics-spacing-200); --action-card-hover-state-content-opacity: var(--action-card-hover-state-unselected-value-content-opacity); --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-light-mode-color); --action-card-hover-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-hover-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-light-mode-color); --action-card-hover-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --action-card-hover-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --action-card-hover-state-selected-value-border-width: var(--core-border-20); --action-card-hover-state-selected-value-content-opacity: var(--core-opacity-hover-state); --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-light-mode-color); --action-card-hover-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-hover-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-light-mode-color); --action-card-hover-state-unselected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color); --action-card-hover-state-unselected-value-border-light-mode-color: var(--core-fill-10-light-mode-color); --action-card-hover-state-unselected-value-border-width: var(--core-border-10); --action-card-hover-state-unselected-value-content-opacity: var(--core-opacity-hover-state); --action-card-normal-state-content-opacity: var(--action-card-normal-state-unselected-value-content-opacity); --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-light-mode-color); --action-card-normal-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-normal-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-light-mode-color); --action-card-normal-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --action-card-normal-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --action-card-normal-state-selected-value-border-width: var(--core-border-20); --action-card-normal-state-selected-value-content-opacity: var(--core-opacity-normal-state); --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-light-mode-color); --action-card-normal-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-normal-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-light-mode-color); --action-card-normal-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color); --action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color); --action-card-normal-state-unselected-value-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color); --action-card-normal-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color); --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color); --action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color); --action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color); --action-card-normal-state-unselected-value-border-width: var(--core-border-10); --action-card-normal-state-unselected-value-content-opacity: var(--core-opacity-normal-state); --action-card-padding-horizontal-size: var(--action-card-horizontal-padding); --action-card-padding-vertical-size: var(--action-card-vertical-padding); --action-card-spacing: var(--action-card-horizontal-gap); --action-card-vertical-gap: var(--core-metrics-spacing-100); --action-card-vertical-padding: var(--core-metrics-spacing-200); /* ========== activityIndicator ========== */ --activity-indicator-bar-height: 4px; --activity-indicator-bar-radius: 2px; --activity-indicator-bar-width: 120px; --activity-indicator-radial-large-size-diameter-size: 60px; --activity-indicator-radial-large-size-stroke-size: 6px; --activity-indicator-radial-medium-size-diameter-size: 36px; --activity-indicator-radial-medium-size-stroke-size: 4px; --activity-indicator-radial-small-size-diameter-size: 20px; --activity-indicator-radial-small-size-stroke-size: 2px; --activity-indicator-radial-xlarge-size-diameter-size: 120px; --activity-indicator-radial-xlarge-size-stroke-size: 10px; /* ========== badge ========== */ --badge-alert-variant-icon-height: var(--core-icon-small-size-height); --badge-alert-variant-icon-width: var(--core-icon-small-size-width); --badge-border-radius: var(--core-radius-circle); --badge-border-width: var(--core-border-20); --badge-critical-style-background-color: var(--badge-critical-style-background-light-mode-color); --badge-critical-style-background-dark-mode-color: var(--core-critical-fill-dark-mode-color); --badge-critical-style-background-light-mode-color: var(--core-critical-fill-light-mode-color); --badge-indicator-variant-dot-diameter-ratio: 0.556; --badge-info-style-background-color: var(--badge-info-style-background-light-mode-color); --badge-info-style-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --badge-info-style-background-light-mode-color: var(--core-emphasis-fill-light-mode-color); --badge-label-variant-text-case: var(--core-type-semibold-10-case); --badge-label-variant-text-font-family: var(--core-type-semibold-10-font-family); --badge-label-variant-text-leading: var(--core-type-semibold-10-leading); --badge-label-variant-text-number-spacing: var(--core-type-semibold-10-number-spacing); --badge-label-variant-text-scale: var(--core-type-semibold-10-scale); --badge-label-variant-text-size: var(--core-type-semibold-10-size); --badge-label-variant-text-tracking: var(--core-type-semibold-10-tracking); --badge-label-variant-text-weight: var(--core-type-semibold-10-weight); --badge-minimum-height: 18px; --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-light-mode-color); --badge-modal-blade-context-border-dark-mode-color: var(--modal-blade-background-dark-mode-color); --badge-modal-blade-context-border-light-mode-color: var(--modal-blade-background-light-mode-color); --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-light-mode-color); --badge-modal-dialog-context-border-dark-mode-color: var(--modal-dialog-background-dark-mode-color); --badge-modal-dialog-context-border-light-mode-color: var(--modal-dialog-background-light-mode-color); --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-light-mode-color); --badge-modal-full-context-border-dark-mode-color: var(--modal-full-background-dark-mode-color); --badge-modal-full-context-border-light-mode-color: var(--modal-full-background-light-mode-color); --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-light-mode-color); --badge-modal-partial-context-border-dark-mode-color: var(--modal-partial-background-dark-mode-color); --badge-modal-partial-context-border-light-mode-color: var(--modal-partial-background-light-mode-color); --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-light-mode-color); --badge-modal-popover-context-border-dark-mode-color: var(--modal-popover-background-dark-mode-color); --badge-modal-popover-context-border-light-mode-color: var(--modal-popover-background-light-mode-color); --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-light-mode-color); --badge-modal-sheet-context-border-dark-mode-color: var(--modal-sheet-background-dark-mode-color); --badge-modal-sheet-context-border-light-mode-color: var(--modal-sheet-background-light-mode-color); --badge-numeric-variant-horizontal-padding: var(--core-metrics-spacing-50); --badge-numeric-variant-maximum-count: 99; --badge-numeric-variant-maximum-width: 30px; --badge-numeric-variant-text-case: var(--core-type-semibold-10-case); --badge-numeric-variant-text-font-family: var(--core-type-semibold-10-font-family); --badge-numeric-variant-text-leading: var(--core-type-semibold-10-leading); --badge-numeric-variant-text-number-spacing: 'monospaced'; --badge-numeric-variant-text-scale: var(--core-type-semibold-10-scale); --badge-numeric-variant-text-size: var(--core-type-semibold-10-size); --badge-numeric-variant-text-tracking: var(--core-type-semibold-10-tracking); --badge-numeric-variant-text-weight: var(--core-type-semibold-10-weight); /* ========== banner ========== */ --banner-border-radius: var(--core-radius-100); --banner-border-width: var(--core-border-10); --banner-button-separator-color: var(--banner-button-separator-light-mode-color); --banner-button-separator-dark-mode-color: var(--banner-text-link-group-separator-dark-mode-color); --banner-button-separator-height: var(--banner-text-link-group-separator-height); --banner-button-separator-light-mode-color: var(--banner-text-link-group-separator-light-mode-color); --banner-button-separator-opacity: var(--banner-text-link-group-separator-opacity); --banner-button-separator-width: var(--banner-text-link-group-separator-width); --banner-button-spacing: var(--banner-text-link-group-gap); --banner-button-text-case: var(--banner-text-link-text-case); --banner-button-text-font-family: var(--banner-text-link-text-font-family); --banner-button-text-leading: var(--banner-text-link-text-leading); --banner-button-text-number-spacing: var(--banner-text-link-text-number-spacing); --banner-button-text-scale: var(--banner-text-link-text-scale); --banner-button-text-size: var(--banner-text-link-text-size); --banner-button-text-tracking: var(--banner-text-link-text-tracking); --banner-button-text-weight: var(--banner-text-link-text-weight); --banner-content-gap: var(--core-metrics-spacing-150); --banner-content-spacing: var(--banner-content-gap); --banner-critical-variant-background-color: var(--banner-critical-variant-background-light-mode-color); --banner-critical-variant-background-dark-mode-color: var(--core-critical-40-dark-mode-color); --banner-critical-variant-background-light-mode-color: var(--core-critical-40-light-mode-color); --banner-critical-variant-border-color: var(--banner-critical-variant-border-light-mode-color); --banner-critical-variant-border-dark-mode-color: var(--core-critical-30-dark-mode-color); --banner-critical-variant-border-light-mode-color: var(--core-critical-30-light-mode-color); --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-light-mode-color); --banner-critical-variant-button-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --banner-critical-variant-button-text-light-mode-color: var(--core-critical-text-light-mode-color); --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-light-mode-color); --banner-critical-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-critical-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-light-mode-color); --banner-critical-variant-focused-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color); --banner-critical-variant-focused-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color); --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-light-mode-color); --banner-critical-variant-hover-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color); --banner-critical-variant-hover-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color); --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-light-mode-color); --banner-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color); --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-light-mode-color); --banner-critical-variant-icon-high-contrast-dark-mode-color: var(--core-critical-text-dark-mode-color); --banner-critical-variant-icon-high-contrast-light-mode-color: var(--core-critical-text-light-mode-color); --banner-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color); --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-light-mode-color); --banner-critical-variant-icon-normal-contrast-dark-mode-color: var(--core-critical-fill-dark-mode-color); --banner-critical-variant-icon-normal-contrast-light-mode-color: var(--core-critical-fill-light-mode-color); --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-light-mode-color); --banner-critical-variant-normal-state-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --banner-critical-variant-normal-state-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color); --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-light-mode-color); --banner-critical-variant-pressed-state-text-link-text-dark-mode-color: var(--core-critical-10-dark-mode-color); --banner-critical-variant-pressed-state-text-link-text-light-mode-color: var(--core-critical-10-light-mode-color); --banner-critical-variant-text-color: var(--banner-critical-variant-text-light-mode-color); --banner-critical-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-critical-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-light-mode-color); --banner-critical-variant-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --banner-critical-variant-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color); --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-light-mode-color); --banner-dismiss-button-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --banner-dismiss-button-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-light-mode-color); --banner-dismiss-button-pressed-state-dark-mode-color: var(--core-fill-20-dark-mode-color); --banner-dismiss-button-pressed-state-light-mode-color: var(--core-text-20-light-mode-color); --banner-horizontal-padding: var(--core-metrics-spacing-200); --banner-icon-gap: var(--core-metrics-spacing-150); --banner-icon-spacing: var(--banner-icon-gap); --banner-info-variant-background-color: var(--banner-info-variant-background-light-mode-color); --banner-info-variant-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --banner-info-variant-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --banner-info-variant-border-color: var(--banner-info-variant-border-light-mode-color); --banner-info-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --banner-info-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color); --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-light-mode-color); --banner-info-variant-button-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --banner-info-variant-button-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-light-mode-color); --banner-info-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-info-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-light-mode-color); --banner-info-variant-focused-state-text-link-text-dark-mode-color: var(--core-emphasis-20-dark-mode-color); --banner-info-variant-focused-state-text-link-text-light-mode-color: var(--core-emphasis-20-light-mode-color); --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-light-mode-color); --banner-info-variant-hover-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color); --banner-info-variant-hover-state-text-link-text-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color); --banner-info-variant-icon-color: var(--banner-info-variant-icon-light-mode-color); --banner-info-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-light-mode-color); --banner-info-variant-icon-high-contrast-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --banner-info-variant-icon-high-contrast-light-mode-color: var(--core-emphasis-text-light-mode-color); --banner-info-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color); --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-light-mode-color); --banner-info-variant-icon-normal-contrast-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --banner-info-variant-icon-normal-contrast-light-mode-color: var(--core-emphasis-fill-light-mode-color); --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-light-mode-color); --banner-info-variant-normal-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color); --banner-info-variant-normal-state-text-link-text-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color); --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-light-mode-color); --banner-info-variant-pressed-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color); --banner-info-variant-pressed-state-text-link-text-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color); --banner-info-variant-text-color: var(--banner-info-variant-text-light-mode-color); --banner-info-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-info-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-light-mode-color); --banner-info-variant-text-link-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --banner-info-variant-text-link-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --banner-insight-variant-background-color: var(--banner-insight-variant-background-light-mode-color); --banner-insight-variant-background-dark-mode-color: var(--core-purple-40-dark-mode-color); --banner-insight-variant-background-light-mode-color: var(--core-purple-40-light-mode-color); --banner-insight-variant-border-color: var(--banner-insight-variant-border-light-mode-color); --banner-insight-variant-border-dark-mode-color: var(--core-purple-30-dark-mode-color); --banner-insight-variant-border-light-mode-color: var(--core-purple-30-light-mode-color); --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-light-mode-color); --banner-insight-variant-button-text-dark-mode-color: var(--core-purple-text-dark-mode-color); --banner-insight-variant-button-text-light-mode-color: var(--core-purple-text-light-mode-color); --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-light-mode-color); --banner-insight-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-insight-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-light-mode-color); --banner-insight-variant-focused-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color); --banner-insight-variant-focused-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color); --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-light-mode-color); --banner-insight-variant-hover-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color); --banner-insight-variant-hover-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color); --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-light-mode-color); --banner-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color); --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-light-mode-color); --banner-insight-variant-icon-high-contrast-dark-mode-color: var(--core-purple-text-dark-mode-color); --banner-insight-variant-icon-high-contrast-light-mode-color: var(--core-purple-text-light-mode-color); --banner-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color); --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-light-mode-color); --banner-insight-variant-icon-normal-contrast-dark-mode-color: var(--core-purple-fill-dark-mode-color); --banner-insight-variant-icon-normal-contrast-light-mode-color: var(--core-purple-fill-light-mode-color); --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-light-mode-color); --banner-insight-variant-normal-state-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color); --banner-insight-variant-normal-state-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color); --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-light-mode-color); --banner-insight-variant-pressed-state-text-link-text-dark-mode-color: var(--core-purple-10-dark-mode-color); --banner-insight-variant-pressed-state-text-link-text-light-mode-color: var(--core-purple-10-light-mode-color); --banner-insight-variant-text-color: var(--banner-insight-variant-text-light-mode-color); --banner-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-light-mode-color); --banner-insight-variant-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color); --banner-insight-variant-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color); --banner-multiline-gap: var(--core-metrics-spacing-150); --banner-multiline-spacing: var(--banner-multiline-gap); --banner-success-variant-background-color: var(--banner-success-variant-background-light-mode-color); --banner-success-variant-background-dark-mode-color: var(--core-success-40-dark-mode-color); --banner-success-variant-background-light-mode-color: var(--core-success-40-light-mode-color); --banner-success-variant-border-color: var(--banner-success-variant-border-light-mode-color); --banner-success-variant-border-dark-mode-color: var(--core-success-30-dark-mode-color); --banner-success-variant-border-light-mode-color: var(--core-success-30-light-mode-color); --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-light-mode-color); --banner-success-variant-button-text-dark-mode-color: var(--core-success-text-dark-mode-color); --banner-success-variant-button-text-light-mode-color: var(--core-success-text-light-mode-color); --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-light-mode-color); --banner-success-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-success-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-light-mode-color); --banner-success-variant-focused-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color); --banner-success-variant-focused-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color); --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-light-mode-color); --banner-success-variant-hover-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color); --banner-success-variant-hover-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color); --banner-success-variant-icon-color: var(--banner-success-variant-icon-light-mode-color); --banner-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color); --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-light-mode-color); --banner-success-variant-icon-high-contrast-dark-mode-color: var(--core-success-text-dark-mode-color); --banner-success-variant-icon-high-contrast-light-mode-color: var(--core-success-text-light-mode-color); --banner-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color); --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-light-mode-color); --banner-success-variant-icon-normal-contrast-dark-mode-color: var(--core-success-fill-dark-mode-color); --banner-success-variant-icon-normal-contrast-light-mode-color: var(--core-success-fill-light-mode-color); --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-light-mode-color); --banner-success-variant-normal-state-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color); --banner-success-variant-normal-state-text-link-text-light-mode-color: var(--core-success-text-light-mode-color); --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-light-mode-color); --banner-success-variant-pressed-state-text-link-text-dark-mode-color: var(--core-success-10-dark-mode-color); --banner-success-variant-pressed-state-text-link-text-light-mode-color: var(--core-success-10-light-mode-color); --banner-success-variant-text-color: var(--banner-success-variant-text-light-mode-color); --banner-success-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-success-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-light-mode-color); --banner-success-variant-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color); --banner-success-variant-text-link-text-light-mode-color: var(--core-success-text-light-mode-color); --banner-text-case: var(--core-type-paragraph-30-case); --banner-text-font-family: var(--core-type-paragraph-30-font-family); --banner-text-leading: var(--core-type-paragraph-30-leading); --banner-text-link-group-gap: var(--text-link-group-horizontal-spacing); --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-light-mode-color); --banner-text-link-group-separator-dark-mode-color: var(--text-link-group-separator-dark-mode-color); --banner-text-link-group-separator-height: var(--text-link-group-separator-height); --banner-text-link-group-separator-light-mode-color: var(--text-link-group-separator-light-mode-color); --banner-text-link-group-separator-opacity: var(--text-link-group-separator-opacity); --banner-text-link-group-separator-width: var(--text-link-group-separator-width); --banner-text-link-text-case: var(--text-link-medium-size-text-case); --banner-text-link-text-font-family: var(--text-link-medium-size-text-font-family); --banner-text-link-text-leading: var(--text-link-medium-size-text-leading); --banner-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing); --banner-text-link-text-scale: var(--text-link-medium-size-text-scale); --banner-text-link-text-size: var(--text-link-medium-size-text-size); --banner-text-link-text-tracking: var(--text-link-medium-size-text-tracking); --banner-text-link-text-weight: var(--text-link-medium-size-text-weight); --banner-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --banner-text-scale: var(--core-type-paragraph-30-scale); --banner-text-size: var(--core-type-paragraph-30-size); --banner-text-tracking: var(--core-type-paragraph-30-tracking); --banner-text-weight: var(--core-type-paragraph-30-weight); --banner-title-case: var(--core-type-semibold-30-case); --banner-title-font-family: var(--core-type-semibold-30-font-family); --banner-title-leading: var(--core-type-semibold-30-leading); --banner-title-number-spacing: var(--core-type-semibold-30-number-spacing); --banner-title-scale: var(--core-type-semibold-30-scale); --banner-title-size: var(--core-type-semibold-30-size); --banner-title-tracking: var(--core-type-semibold-30-tracking); --banner-title-weight: var(--core-type-semibold-30-weight); --banner-vertical-padding: var(--core-metrics-spacing-200); --banner-warning-variant-background-color: var(--banner-warning-variant-background-light-mode-color); --banner-warning-variant-background-dark-mode-color: var(--core-warning-40-dark-mode-color); --banner-warning-variant-background-light-mode-color: var(--core-warning-40-light-mode-color); --banner-warning-variant-border-color: var(--banner-warning-variant-border-light-mode-color); --banner-warning-variant-border-dark-mode-color: var(--core-warning-30-dark-mode-color); --banner-warning-variant-border-light-mode-color: var(--core-warning-30-light-mode-color); --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-light-mode-color); --banner-warning-variant-button-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --banner-warning-variant-button-text-light-mode-color: var(--core-warning-text-light-mode-color); --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-light-mode-color); --banner-warning-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-warning-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-light-mode-color); --banner-warning-variant-focused-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color); --banner-warning-variant-focused-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color); --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-light-mode-color); --banner-warning-variant-hover-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color); --banner-warning-variant-hover-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color); --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-light-mode-color); --banner-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color); --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-light-mode-color); --banner-warning-variant-icon-high-contrast-dark-mode-color: var(--core-warning-text-dark-mode-color); --banner-warning-variant-icon-high-contrast-light-mode-color: var(--core-warning-text-light-mode-color); --banner-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color); --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-light-mode-color); --banner-warning-variant-icon-normal-contrast-dark-mode-color: var(--core-warning-fill-dark-mode-color); --banner-warning-variant-icon-normal-contrast-light-mode-color: var(--core-warning-fill-light-mode-color); --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-light-mode-color); --banner-warning-variant-normal-state-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --banner-warning-variant-normal-state-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color); --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-light-mode-color); --banner-warning-variant-pressed-state-text-link-text-dark-mode-color: var(--core-warning-10-dark-mode-color); --banner-warning-variant-pressed-state-text-link-text-light-mode-color: var(--core-warning-10-light-mode-color); --banner-warning-variant-text-color: var(--banner-warning-variant-text-light-mode-color); --banner-warning-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-warning-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-light-mode-color); --banner-warning-variant-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --banner-warning-variant-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color); /* ========== button-group ========== */ --button-group-overflow-button-border-radius: var(--icon-button-border-radius); --button-group-overflow-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height); --button-group-overflow-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size); --button-group-overflow-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width); --button-group-overflow-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color); --button-group-overflow-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color); --button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color); --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color); --button-group-overflow-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color); --button-group-overflow-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color); --button-group-overflow-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size); --button-group-overflow-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size); --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color); --button-group-overflow-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color); --button-group-overflow-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color); --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color); --button-group-overflow-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color); --button-group-overflow-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color); --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color); --button-group-overflow-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color); --button-group-overflow-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color); --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color); --button-group-overflow-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color); --button-group-overflow-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color); --button-group-overflow-button-large-size-icon-height: var(--icon-button-large-size-icon-height); --button-group-overflow-button-large-size-icon-width: var(--icon-button-large-size-icon-width); --button-group-overflow-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height); --button-group-overflow-button-large-size-padding-size: var(--icon-button-large-size-padding-size); --button-group-overflow-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier); --button-group-overflow-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size); --button-group-overflow-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height); --button-group-overflow-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width); --button-group-overflow-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height); --button-group-overflow-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size); --button-group-overflow-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier); --button-group-overflow-button-minimum-height: var(--icon-button-minimum-height); --button-group-overflow-button-minimum-width: var(--icon-button-minimum-width); --button-group-overflow-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height); --button-group-overflow-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width); --button-group-overflow-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size); --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color); --button-group-overflow-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color); --button-group-overflow-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color); --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color); --button-group-overflow-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color); --button-group-overflow-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --button-group-overflow-button-padding-size: var(--icon-button-padding-size); --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color); --button-group-overflow-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color); --button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color); --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color); --button-group-overflow-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color); --button-group-overflow-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-size-multiplier: 1; --button-group-overflow-button-small-size-icon-height: var(--icon-button-small-size-icon-height); --button-group-overflow-button-small-size-icon-width: var(--icon-button-small-size-icon-width); --button-group-overflow-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height); --button-group-overflow-button-small-size-padding-size: var(--icon-button-small-size-padding-size); --button-group-overflow-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier); --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color); --button-group-spacing: var(--core-metrics-spacing-200); /* ========== button ========== */ --button-border-radius: 6px; --button-compact-horizontal-size-class-sample-token: 100px; --button-compact-vertical-size-class-sample-token-2: 10px; --button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-background-color); --button-destructive-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-label-color); --button-destructive-variant-primary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color); --button-destructive-variant-primary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color); --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color); --button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color); --button-destructive-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-label-color); --button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color); --button-destructive-variant-primary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color); --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-background-color); --button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color); --button-destructive-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color); --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color); --button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color); --button-destructive-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color); --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color); --button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color); --button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color); --button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color); --button-destructive-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color); --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color); --button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color); --button-destructive-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color); --button-destructive-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color); --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color); --button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color); --button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color); --button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color); --button-destructive-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color); --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color); --button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color); --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color); --button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --button-destructive-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color); --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color); --button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color); --button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color); --button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color); --button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent; --button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color); --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent; --button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color); --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color); --button-focus-ring-border-size: var(--core-focus-ring-border-size); --button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --button-focus-ring-color: var(--button-light-mode-focus-ring-color); --button-large-size-border-radius: var(--core-radius-100); --button-large-size-content-spacing: var(--core-metrics-spacing-100); --button-large-size-minimum-height: var(--core-large-size-minimum-height); --button-large-size-minimum-width-multiplier: 1.5; --button-large-size-primary-rank-horizontal-padding: 20px; --button-large-size-primary-rank-vertical-padding: 20px; --button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding); --button-large-size-secondary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding); --button-large-size-tertiary-rank-horizontal-padding: 8px; --button-large-size-tertiary-rank-vertical-padding: 20px; --button-large-size-text-case: var(--core-type-semibold-30-case); --button-large-size-text-font-family: var(--core-type-semibold-30-font-family); --button-large-size-text-leading: var(--core-type-semibold-30-leading); --button-large-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --button-large-size-text-scale: var(--core-type-semibold-30-scale); --button-large-size-text-size: var(--core-type-semibold-30-size); --button-large-size-text-tracking: var(--core-type-semibold-30-tracking); --button-large-size-text-weight: var(--core-type-semibold-30-weight); --button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --button-medium-size-border-radius: var(--core-radius-100); --button-medium-size-content-spacing: var(--core-metrics-spacing-100); --button-medium-size-minimum-height: var(--core-medium-size-minimum-height); --button-medium-size-minimum-width-multiplier: 1.5; --button-medium-size-primary-rank-horizontal-padding: 16px; --button-medium-size-primary-rank-vertical-padding: 12px; --button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding); --button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding); --button-medium-size-tertiary-rank-horizontal-padding: 8px; --button-medium-size-tertiary-rank-vertical-padding: 12px; --button-medium-size-text-case: var(--core-type-semibold-30-case); --button-medium-size-text-font-family: var(--core-type-semibold-30-font-family); --button-medium-size-text-leading: var(--core-type-semibold-30-leading); --button-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --button-medium-size-text-scale: var(--core-type-semibold-30-scale); --button-medium-size-text-size: var(--core-type-semibold-30-size); --button-medium-size-text-tracking: var(--core-type-semibold-30-tracking); --button-medium-size-text-weight: var(--core-type-semibold-30-weight); --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color); --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color); --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color); --button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color); --button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color); --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color); --button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color); --button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color); --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color); --button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color); --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color); --button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color); --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color); --button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color); --button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color); --button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color); --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color); --button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color); --button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color); --button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color); --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color); --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color); --button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color); --button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color); --button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color); --button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color); --button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color); --button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color); --button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent; --button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color); --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: transparent; --button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color); --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color); --button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color); --button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --button-regular-horizontal-size-class-sample-token: 200px; --button-regular-vertical-size-class-sample-token-2: 20px; --button-small-size-border-radius: var(--core-radius-100); --button-small-size-content-spacing: var(--core-metrics-spacing-100); --button-small-size-minimum-height: var(--core-small-size-minimum-height); --button-small-size-minimum-width-multiplier: 1.5; --button-small-size-primary-rank-horizontal-padding: 12px; --button-small-size-primary-rank-vertical-padding: 9px; --button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding); --button-small-size-secondary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding); --button-small-size-tertiary-rank-horizontal-padding: 8px; --button-small-size-tertiary-rank-vertical-padding: 9px; --button-small-size-text-case: var(--core-type-semibold-20-case); --button-small-size-text-font-family: var(--core-type-semibold-20-font-family); --button-small-size-text-leading: var(--core-type-semibold-20-leading); --button-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing); --button-small-size-text-scale: var(--core-type-semibold-20-scale); --button-small-size-text-size: var(--core-type-semibold-20-size); --button-small-size-text-tracking: var(--core-type-semibold-20-tracking); --button-small-size-text-weight: var(--core-type-semibold-20-weight); --button-tall-vertical-size-class-sample-token-2: 30px; --button-tertiary-rank-underline: 0px; --button-wide-horizontal-size-class-sample-token: 300px; /* ========== calculator ========== */ --calculator-below-display-spacing: var(--core-metrics-spacing-200); --calculator-button-border-radius-size: 6px; --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-light-mode-color); --calculator-button-default-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --calculator-button-default-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color); --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-light-mode-color); --calculator-button-default-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --calculator-button-default-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color); --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-light-mode-color); --calculator-button-default-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --calculator-button-default-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-light-mode-color); --calculator-button-default-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --calculator-button-default-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color); --calculator-button-default-variant-foreground-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --calculator-button-default-variant-foreground-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-light-mode-color); --calculator-button-default-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color); --calculator-button-default-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color); --calculator-button-icon-large-calculator-size: 32px; --calculator-button-icon-small-calculator-size: 24px; --calculator-button-large-calculator-height: 80px; --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color); --calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --calculator-button-primary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color); --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-light-mode-color); --calculator-button-primary-operator-variant-background-normal-state-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --calculator-button-primary-operator-variant-background-normal-state-light-mode-color: var(--core-emphasis-fill-light-mode-color); --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color); --calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color); --calculator-button-primary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color); --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color); --calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color); --calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-text-white-dark-mode-color); --calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color: var(--core-text-white-light-mode-color); --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color); --calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color); --calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color); --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color); --calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color); --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color); --calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --calculator-button-secondary-operator-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color); --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color); --calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color); --calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color); --calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color); --calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color); --calculator-button-small-calculator-height: 48px; --calculator-button-text-large-calculator-case: var(--core-type-display-10-case); --calculator-button-text-large-calculator-font-family: var(--core-type-display-10-font-family); --calculator-button-text-large-calculator-leading: var(--core-type-display-10-leading); --calculator-button-text-large-calculator-number-spacing: var(--core-type-display-10-number-spacing); --calculator-button-text-large-calculator-scale: var(--core-type-display-10-scale); --calculator-button-text-large-calculator-size: var(--core-type-display-10-size); --calculator-button-text-large-calculator-tracking: var(--core-type-display-10-tracking); --calculator-button-text-large-calculator-weight: var(--core-type-display-10-weight); --calculator-button-text-small-calculator-case: var(--core-type-heading-30-case); --calculator-button-text-small-calculator-font-family: var(--core-type-heading-30-font-family); --calculator-button-text-small-calculator-leading: var(--core-type-heading-30-leading); --calculator-button-text-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing); --calculator-button-text-small-calculator-scale: var(--core-type-heading-30-scale); --calculator-button-text-small-calculator-size: var(--core-type-heading-30-size); --calculator-button-text-small-calculator-tracking: var(--core-type-heading-30-tracking); --calculator-button-text-small-calculator-weight: var(--core-type-heading-30-weight); --calculator-display-border-color: var(--calculator-display-border-light-mode-color); --calculator-display-border-corner-radius: 6px; --calculator-display-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --calculator-display-border-light-mode-color: var(--core-fill-30-light-mode-color); --calculator-display-border-stroke-width: 1px; --calculator-display-large-size-horizontal-padding: 20px; --calculator-display-large-size-large-calculator-case: var(--core-type-display-20-case); --calculator-display-large-size-large-calculator-font-family: var(--core-type-display-20-font-family); --calculator-display-large-size-large-calculator-height: 136px; --calculator-display-large-size-large-calculator-leading: var(--core-type-display-20-leading); --calculator-display-large-size-large-calculator-number-spacing: var(--core-type-display-20-number-spacing); --calculator-display-large-size-large-calculator-scale: var(--core-type-display-20-scale); --calculator-display-large-size-large-calculator-size: var(--core-type-display-20-size); --calculator-display-large-size-large-calculator-tracking: var(--core-type-display-20-tracking); --calculator-display-large-size-large-calculator-weight: var(--core-type-display-20-weight); --calculator-display-large-size-small-calculator-case: var(--core-type-display-10-case); --calculator-display-large-size-small-calculator-font-family: var(--core-type-display-10-font-family); --calculator-display-large-size-small-calculator-height: 80px; --calculator-display-large-size-small-calculator-leading: var(--core-type-display-10-leading); --calculator-display-large-size-small-calculator-number-spacing: var(--core-type-display-10-number-spacing); --calculator-display-large-size-small-calculator-scale: var(--core-type-display-10-scale); --calculator-display-large-size-small-calculator-size: var(--core-type-display-10-size); --calculator-display-large-size-small-calculator-tracking: var(--core-type-display-10-tracking); --calculator-display-large-size-small-calculator-weight: var(--core-type-display-10-weight); --calculator-display-large-size-vertical-padding: 20px; --calculator-display-small-size-horizontal-padding: 20px; --calculator-display-small-size-large-calculator-case: var(--core-type-display-10-case); --calculator-display-small-size-large-calculator-font-family: var(--core-type-display-10-font-family); --calculator-display-small-size-large-calculator-height: 80px; --calculator-display-small-size-large-calculator-leading: var(--core-type-display-10-leading); --calculator-display-small-size-large-calculator-number-spacing: var(--core-type-display-10-number-spacing); --calculator-display-small-size-large-calculator-scale: var(--core-type-display-10-scale); --calculator-display-small-size-large-calculator-size: var(--core-type-display-10-size); --calculator-display-small-size-large-calculator-tracking: var(--core-type-display-10-tracking); --calculator-display-small-size-large-calculator-weight: var(--core-type-display-10-weight); --calculator-display-small-size-small-calculator-case: var(--core-type-heading-30-case); --calculator-display-small-size-small-calculator-font-family: var(--core-type-heading-30-font-family); --calculator-display-small-size-small-calculator-height: 48px; --calculator-display-small-size-small-calculator-leading: var(--core-type-heading-30-leading); --calculator-display-small-size-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing); --calculator-display-small-size-small-calculator-scale: var(--core-type-heading-30-scale); --calculator-display-small-size-small-calculator-size: var(--core-type-heading-30-size); --calculator-display-small-size-small-calculator-tracking: var(--core-type-heading-30-tracking); --calculator-display-small-size-small-calculator-weight: var(--core-type-heading-30-weight); --calculator-display-small-size-vertical-padding: 0px; --calculator-display-text-color: var(--calculator-display-text-light-mode-color); --calculator-display-text-dark-mode-color: var(--core-text-10-dark-mode-color); --calculator-display-text-light-mode-color: var(--core-text-10-light-mode-color); --calculator-inter-button-horizontal-spacing: var(--core-metrics-spacing-200); --calculator-inter-button-vertical-spacing: var(--core-metrics-spacing-200); /* ========== carousel ========== */ --carousel-content-compact-horizontal-size-class-page-spacing: var(--core-metrics-spacing-100); --carousel-content-regular-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200); --carousel-content-wide-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200); --carousel-control-bar-vertical-padding: var(--core-metrics-spacing-100); /* ========== checkbox ========== */ --checkbox-border-radius: var(--core-radius-66); --checkbox-border-size: var(--core-border-20); --checkbox-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color); --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color); --checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color: transparent; --checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color: var(--core-fill-20-light-mode-color); --checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color: transparent; --checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color); --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-fill-20-dark-mode-color); --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-50-light-mode-color); --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-fill-20-light-mode-color); --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color); --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color); --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color); --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-30-light-mode-color); --checkbox-focus-ring-border-size: var(--core-focus-ring-border-size); --checkbox-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --checkbox-focus-ring-color: var(--checkbox-light-mode-focus-ring-color); --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color); --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-focus-state-normal-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color); --checkbox-focus-state-normal-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-height: var(--checkbox-width); --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color); --checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color: transparent; --checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-20-light-mode-color); --checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color: transparent; --checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color); --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-20-dark-mode-color); --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-20-light-mode-color); --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-20-light-mode-color); --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color); --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-20-light-mode-color); --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color); --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color); --checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color: transparent; --checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-hover-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --checkbox-hover-state-normal-validity-checked-value-light-mode-border-color: transparent; --checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color); --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --checkbox-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color); --checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color: transparent; --checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-fill-light-mode-color); --checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color: transparent; --checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color); --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-fill-dark-mode-color); --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-fill-light-mode-color); --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-fill-light-mode-color); --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color); --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-fill-light-mode-color); --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color); --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color); --checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color: transparent; --checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-normal-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --checkbox-normal-state-normal-validity-checked-value-light-mode-border-color: transparent; --checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color); --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-20-light-mode-color); --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color); --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color); --checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-20-light-mode-color); --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color); --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color: transparent; --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-10-light-mode-color); --checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color: transparent; --checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-10-dark-mode-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-10-light-mode-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-10-light-mode-color); --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color); --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-10-light-mode-color); --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color); --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color); --checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color); --checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color: transparent; --checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color: transparent; --checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-10-dark-mode-color); --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-10-light-mode-color); --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --checkbox-width: var(--core-control-size-width); /* ========== choice-button ========== */ --choice-button-border-radius: var(--core-radius-100); --choice-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --choice-button-focus-ring-border-size: var(--core-focus-ring-border-size); --choice-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --choice-button-focus-ring-color: var(--choice-button-light-mode-focus-ring-color); --choice-button-large-size-content-spacing: var(--core-metrics-spacing-100); --choice-button-large-size-horizontal-padding: var(--core-metrics-spacing-250); --choice-button-large-size-minimum-height: var(--core-large-size-minimum-height); --choice-button-large-size-text-primary-case: var(--core-type-semibold-30-case); --choice-button-large-size-text-primary-font-family: var(--core-type-semibold-30-font-family); --choice-button-large-size-text-primary-leading: var(--core-type-semibold-30-leading); --choice-button-large-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing); --choice-button-large-size-text-primary-scale: var(--core-type-semibold-30-scale); --choice-button-large-size-text-primary-size: var(--core-type-semibold-30-size); --choice-button-large-size-text-primary-tracking: var(--core-type-semibold-30-tracking); --choice-button-large-size-text-primary-weight: var(--core-type-semibold-30-weight); --choice-button-large-size-text-secondary-case: var(--core-type-paragraph-30-case); --choice-button-large-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family); --choice-button-large-size-text-secondary-leading: var(--core-type-paragraph-30-leading); --choice-button-large-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing); --choice-button-large-size-text-secondary-scale: var(--core-type-paragraph-30-scale); --choice-button-large-size-text-secondary-size: var(--core-type-paragraph-30-size); --choice-button-large-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking); --choice-button-large-size-text-secondary-weight: var(--core-type-paragraph-30-weight); --choice-button-large-size-vertical-padding: var(--core-metrics-spacing-250); --choice-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --choice-button-medium-size-content-spacing: var(--core-metrics-spacing-100); --choice-button-medium-size-horizontal-padding: var(--core-metrics-spacing-200); --choice-button-medium-size-minimum-height: var(--core-medium-size-minimum-height); --choice-button-medium-size-text-primary-case: var(--core-type-semibold-30-case); --choice-button-medium-size-text-primary-font-family: var(--core-type-semibold-30-font-family); --choice-button-medium-size-text-primary-leading: var(--core-type-semibold-30-leading); --choice-button-medium-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing); --choice-button-medium-size-text-primary-scale: var(--core-type-semibold-30-scale); --choice-button-medium-size-text-primary-size: var(--core-type-semibold-30-size); --choice-button-medium-size-text-primary-tracking: var(--core-type-semibold-30-tracking); --choice-button-medium-size-text-primary-weight: var(--core-type-semibold-30-weight); --choice-button-medium-size-text-secondary-case: var(--core-type-paragraph-30-case); --choice-button-medium-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family); --choice-button-medium-size-text-secondary-leading: var(--core-type-paragraph-30-leading); --choice-button-medium-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing); --choice-button-medium-size-text-secondary-scale: var(--core-type-paragraph-30-scale); --choice-button-medium-size-text-secondary-size: var(--core-type-paragraph-30-size); --choice-button-medium-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking); --choice-button-medium-size-text-secondary-weight: var(--core-type-paragraph-30-weight); --choice-button-medium-size-vertical-padding: var(--core-metrics-spacing-150); --choice-button-minimum-width-multipler: var(--choice-button-minimum-width-multiplier); --choice-button-minimum-width-multiplier: 1.5; --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-light-mode-background-color); --choice-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color); --choice-button-selected-value-disabled-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-light-mode-label-color); --choice-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color); --choice-button-selected-value-disabled-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-light-mode-background-color); --choice-button-selected-value-hover-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color); --choice-button-selected-value-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-light-mode-label-color); --choice-button-selected-value-hover-state-light-mode-background-color: var(--core-fill-10-light-mode-color); --choice-button-selected-value-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-light-mode-background-color); --choice-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color); --choice-button-selected-value-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-light-mode-label-color); --choice-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color); --choice-button-selected-value-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-light-mode-background-color); --choice-button-selected-value-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --choice-button-selected-value-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-light-mode-label-color); --choice-button-selected-value-pressed-state-light-mode-background-color: var(--core-fill-20-light-mode-color); --choice-button-selected-value-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --choice-button-small-size-content-spacing: var(--core-metrics-spacing-100); --choice-button-small-size-horizontal-padding: var(--core-metrics-spacing-150); --choice-button-small-size-minimum-height: var(--core-small-size-minimum-height); --choice-button-small-size-text-primary-case: var(--core-type-semibold-20-case); --choice-button-small-size-text-primary-font-family: var(--core-type-semibold-20-font-family); --choice-button-small-size-text-primary-leading: var(--core-type-semibold-20-leading); --choice-button-small-size-text-primary-number-spacing: var(--core-type-semibold-20-number-spacing); --choice-button-small-size-text-primary-scale: var(--core-type-semibold-20-scale); --choice-button-small-size-text-primary-size: var(--core-type-semibold-20-size); --choice-button-small-size-text-primary-tracking: var(--core-type-semibold-20-tracking); --choice-button-small-size-text-primary-weight: var(--core-type-semibold-20-weight); --choice-button-small-size-text-secondary-case: var(--core-type-paragraph-20-case); --choice-button-small-size-text-secondary-font-family: var(--core-type-paragraph-20-font-family); --choice-button-small-size-text-secondary-leading: var(--core-type-paragraph-20-leading); --choice-button-small-size-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing); --choice-button-small-size-text-secondary-scale: var(--core-type-paragraph-20-scale); --choice-button-small-size-text-secondary-size: var(--core-type-paragraph-20-size); --choice-button-small-size-text-secondary-tracking: var(--core-type-paragraph-20-tracking); --choice-button-small-size-text-secondary-weight: var(--core-type-paragraph-20-weight); --choice-button-small-size-vertical-padding: var(--core-metrics-spacing-100); --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-light-mode-background-color); --choice-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --choice-button-unselected-value-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color); --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-light-mode-label-color); --choice-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --choice-button-unselected-value-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color); --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-light-mode-background-color); --choice-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --choice-button-unselected-value-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-light-mode-label-color); --choice-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --choice-button-unselected-value-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color); --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-light-mode-background-color); --choice-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --choice-button-unselected-value-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-light-mode-label-color); --choice-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --choice-button-unselected-value-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color); --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-light-mode-background-color); --choice-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --choice-button-unselected-value-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-light-mode-label-color); --choice-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --choice-button-unselected-value-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color); /* ========== choice-icon-button ========== */ --choice-icon-button-border-radius: var(--core-radius-100); --choice-icon-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --choice-icon-button-focus-ring-border-size: var(--core-focus-ring-border-size); --choice-icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --choice-icon-button-focus-ring-color: var(--choice-icon-button-light-mode-focus-ring-color); --choice-icon-button-large-size-horizontal-padding: var(--core-metrics-spacing-200); --choice-icon-button-large-size-minimum-height: var(--core-large-size-minimum-height); --choice-icon-button-large-size-vertical-padding: var(--core-metrics-spacing-200); --choice-icon-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --choice-icon-button-medium-size-horizontal-padding: var(--core-metrics-spacing-150); --choice-icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height); --choice-icon-button-medium-size-vertical-padding: var(--core-metrics-spacing-150); --choice-icon-button-minimum-width-multipler: var(--choice-icon-button-minimum-width-multiplier); --choice-icon-button-minimum-width-multiplier: 1; --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-background-color); --choice-icon-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color); --choice-icon-button-selected-value-disabled-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-icon-color); --choice-icon-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color); --choice-icon-button-selected-value-disabled-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-light-mode-background-color); --choice-icon-button-selected-value-hover-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color); --choice-icon-button-selected-value-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-light-mode-icon-color); --choice-icon-button-selected-value-hover-state-light-mode-background-color: var(--core-fill-10-light-mode-color); --choice-icon-button-selected-value-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-light-mode-background-color); --choice-icon-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color); --choice-icon-button-selected-value-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-light-mode-icon-color); --choice-icon-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color); --choice-icon-button-selected-value-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-background-color); --choice-icon-button-selected-value-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --choice-icon-button-selected-value-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-icon-color); --choice-icon-button-selected-value-pressed-state-light-mode-background-color: var(--core-fill-20-light-mode-color); --choice-icon-button-selected-value-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --choice-icon-button-small-size-horizontal-padding: var(--core-metrics-spacing-100); --choice-icon-button-small-size-minimum-height: var(--core-small-size-minimum-height); --choice-icon-button-small-size-vertical-padding: var(--core-metrics-spacing-100); --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-background-color); --choice-icon-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color); --choice-icon-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --choice-icon-button-unselected-value-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-background-color); --choice-icon-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --choice-icon-button-unselected-value-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-icon-color); --choice-icon-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --choice-icon-button-unselected-value-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-background-color); --choice-icon-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --choice-icon-button-unselected-value-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-icon-color); --choice-icon-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --choice-icon-button-unselected-value-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-background-color); --choice-icon-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color); --choice-icon-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --choice-icon-button-unselected-value-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); /* ========== coachmark ========== */ --coachmark-background-color: var(--coachmark-background-light-mode-color); --coachmark-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color); --coachmark-background-light-mode-color: var(--core-surface-inverse-light-mode-color); --coachmark-border-radius: var(--core-radius-100); --coachmark-heading-case: var(--core-type-semibold-20-case); --coachmark-heading-color: var(--coachmark-heading-light-mode-color); --coachmark-heading-dark-mode-color: var(--core-text-inverse-dark-mode-color); --coachmark-heading-font-family: var(--core-type-semibold-20-font-family); --coachmark-heading-leading: var(--core-type-semibold-20-leading); --coachmark-heading-light-mode-color: var(--core-text-inverse-light-mode-color); --coachmark-heading-number-spacing: var(--core-type-semibold-20-number-spacing); --coachmark-heading-scale: var(--core-type-semibold-20-scale); --coachmark-heading-size: var(--core-type-semibold-20-size); --coachmark-heading-tracking: var(--core-type-semibold-20-tracking); --coachmark-heading-weight: var(--core-type-semibold-20-weight); --coachmark-horizontal-padding: var(--core-metrics-spacing-200); --coachmark-icon-button-border-radius: var(--icon-button-border-radius); --coachmark-icon-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height); --coachmark-icon-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size); --coachmark-icon-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width); --coachmark-icon-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-light-mode-background-color); --coachmark-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color); --coachmark-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color); --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-light-mode-icon-color); --coachmark-icon-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color); --coachmark-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color); --coachmark-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size); --coachmark-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size); --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-light-mode-background-color); --coachmark-icon-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color); --coachmark-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color); --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-light-mode-icon-color); --coachmark-icon-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color); --coachmark-icon-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color); --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-light-mode-background-color); --coachmark-icon-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color); --coachmark-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color); --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-light-mode-icon-color); --coachmark-icon-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color); --coachmark-icon-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color); --coachmark-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height); --coachmark-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width); --coachmark-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height); --coachmark-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size); --coachmark-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier); --coachmark-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size); --coachmark-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height); --coachmark-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width); --coachmark-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height); --coachmark-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size); --coachmark-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier); --coachmark-icon-button-minimum-height: var(--icon-button-minimum-height); --coachmark-icon-button-minimum-width: var(--icon-button-minimum-width); --coachmark-icon-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height); --coachmark-icon-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width); --coachmark-icon-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size); --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-light-mode-background-color); --coachmark-icon-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color); --coachmark-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color); --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-light-mode-icon-color); --coachmark-icon-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color); --coachmark-icon-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --coachmark-icon-button-padding-size: var(--icon-button-padding-size); --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-light-mode-background-color); --coachmark-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color); --coachmark-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color); --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-light-mode-icon-color); --coachmark-icon-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color); --coachmark-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height); --coachmark-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width); --coachmark-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height); --coachmark-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size); --coachmark-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier); --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color); --coachmark-paragraph-case: var(--core-type-paragraph-20-case); --coachmark-paragraph-color: var(--coachmark-paragraph-light-mode-color); --coachmark-paragraph-dark-mode-color: var(--core-text-inverse-dark-mode-color); --coachmark-paragraph-font-family: var(--core-type-paragraph-20-font-family); --coachmark-paragraph-leading: var(--core-type-paragraph-20-leading); --coachmark-paragraph-light-mode-color: var(--core-text-inverse-light-mode-color); --coachmark-paragraph-number-spacing: var(--core-type-paragraph-20-number-spacing); --coachmark-paragraph-scale: var(--core-type-paragraph-20-scale); --coachmark-paragraph-size: var(--core-type-paragraph-20-size); --coachmark-paragraph-tracking: var(--core-type-paragraph-20-tracking); --coachmark-paragraph-weight: var(--core-type-paragraph-20-weight); --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-light-mode-color); --coachmark-pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-background-dark-mode-color); --coachmark-pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-background-light-mode-color); --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-light-mode-color); --coachmark-pill-alpha-variant-icon-dark-mode-color: var(--pill-alpha-variant-icon-dark-mode-color); --coachmark-pill-alpha-variant-icon-light-mode-color: var(--pill-alpha-variant-icon-light-mode-color); --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-light-mode-color); --coachmark-pill-alpha-variant-normal-state-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color); --coachmark-pill-alpha-variant-normal-state-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color); --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color); --coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color); --coachmark-pill-alpha-variant-pressed-state-background-light-mode-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color); --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-light-mode-color); --coachmark-pill-alpha-variant-text-dark-mode-color: var(--pill-alpha-variant-text-dark-mode-color); --coachmark-pill-alpha-variant-text-light-mode-color: var(--pill-alpha-variant-text-light-mode-color); --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-light-mode-color); --coachmark-pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-background-dark-mode-color); --coachmark-pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-background-light-mode-color); --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-light-mode-color); --coachmark-pill-beta-variant-icon-dark-mode-color: var(--pill-beta-variant-icon-dark-mode-color); --coachmark-pill-beta-variant-icon-light-mode-color: var(--pill-beta-variant-icon-light-mode-color); --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-light-mode-color); --coachmark-pill-beta-variant-normal-state-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color); --coachmark-pill-beta-variant-normal-state-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color); --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-light-mode-color); --coachmark-pill-beta-variant-pressed-state-background-dark-mode-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color); --coachmark-pill-beta-variant-pressed-state-background-light-mode-color: var(--pill-beta-variant-pressed-state-background-light-mode-color); --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-light-mode-color); --coachmark-pill-beta-variant-text-dark-mode-color: var(--pill-beta-variant-text-dark-mode-color); --coachmark-pill-beta-variant-text-light-mode-color: var(--pill-beta-variant-text-light-mode-color); --coachmark-pill-border-color: var(--coachmark-pill-border-light-mode-color); --coachmark-pill-border-dark-mode-color: var(--pill-border-dark-mode-color); --coachmark-pill-border-light-mode-color: var(--pill-border-light-mode-color); --coachmark-pill-border-width: var(--pill-border-width); --coachmark-pill-compact-size-border-radius: var(--pill-compact-size-border-radius); --coachmark-pill-compact-size-corner-radius: var(--pill-compact-size-corner-radius); --coachmark-pill-compact-size-horizontal-padding: var(--pill-compact-size-horizontal-padding); --coachmark-pill-compact-size-icon-dot-radius: var(--pill-compact-size-icon-dot-radius); --coachmark-pill-compact-size-icon-left-padding: var(--pill-compact-size-icon-left-padding); --coachmark-pill-compact-size-icon-size: var(--pill-compact-size-icon-size); --coachmark-pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-icon-to-text-spacing); --coachmark-pill-compact-size-indicator-dot-horizontal-padding-left: var(--pill-compact-size-indicator-dot-horizontal-padding-left); --coachmark-pill-compact-size-indicator-dot-horizontal-padding-right: var(--pill-compact-size-indicator-dot-horizontal-padding-right); --coachmark-pill-compact-size-indicator-dot-radius: var(--pill-compact-size-indicator-dot-radius); --coachmark-pill-compact-size-indicator-icon-horizontal-padding-left: var(--pill-compact-size-indicator-icon-horizontal-padding-left); --coachmark-pill-compact-size-indicator-icon-horizontal-padding-right: var(--pill-compact-size-indicator-icon-horizontal-padding-right); --coachmark-pill-compact-size-indicator-icon-size: var(--pill-compact-size-indicator-icon-size); --coachmark-pill-compact-size-padding-horizontal-size: var(--pill-compact-size-padding-horizontal-size); --coachmark-pill-compact-size-padding-vertical-size: var(--pill-compact-size-padding-vertical-size); --coachmark-pill-compact-size-spacing-horizontal: var(--pill-compact-size-spacing-horizontal); --coachmark-pill-compact-size-text-case: var(--pill-compact-size-text-case); --coachmark-pill-compact-size-text-edge-padding: var(--pill-compact-size-text-edge-padding); --coachmark-pill-compact-size-text-font-family: var(--pill-compact-size-text-font-family); --coachmark-pill-compact-size-text-horizontal-padding-left: var(--pill-compact-size-text-horizontal-padding-left); --coachmark-pill-compact-size-text-leading: var(--pill-compact-size-text-leading); --coachmark-pill-compact-size-text-number-spacing: var(--pill-compact-size-text-number-spacing); --coachmark-pill-compact-size-text-scale: var(--pill-compact-size-text-scale); --coachmark-pill-compact-size-text-size: var(--pill-compact-size-text-size); --coachmark-pill-compact-size-text-tracking: var(--pill-compact-size-text-tracking); --coachmark-pill-compact-size-text-weight: var(--pill-compact-size-text-weight); --coachmark-pill-compact-size-vertical-padding: var(--pill-compact-size-vertical-padding); --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-light-mode-color); --coachmark-pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-background-dark-mode-color); --coachmark-pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-background-light-mode-color); --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-light-mode-color); --coachmark-pill-critical-variant-icon-dark-mode-color: var(--pill-critical-variant-icon-dark-mode-color); --coachmark-pill-critical-variant-icon-light-mode-color: var(--pill-critical-variant-icon-light-mode-color); --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-light-mode-color); --coachmark-pill-critical-variant-normal-state-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color); --coachmark-pill-critical-variant-normal-state-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color); --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-light-mode-color); --coachmark-pill-critical-variant-pressed-state-background-dark-mode-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color); --coachmark-pill-critical-variant-pressed-state-background-light-mode-color: var(--pill-critical-variant-pressed-state-background-light-mode-color); --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-light-mode-color); --coachmark-pill-critical-variant-text-dark-mode-color: var(--pill-critical-variant-text-dark-mode-color); --coachmark-pill-critical-variant-text-light-mode-color: var(--pill-critical-variant-text-light-mode-color); --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-light-mode-color); --coachmark-pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-background-dark-mode-color); --coachmark-pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-background-light-mode-color); --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-light-mode-color); --coachmark-pill-emphasis-variant-icon-dark-mode-color: var(--pill-emphasis-variant-icon-dark-mode-color); --coachmark-pill-emphasis-variant-icon-light-mode-color: var(--pill-emphasis-variant-icon-light-mode-color); --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color); --coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color); --coachmark-pill-emphasis-variant-normal-state-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color); --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color); --coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color); --coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color); --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-light-mode-color); --coachmark-pill-emphasis-variant-text-dark-mode-color: var(--pill-emphasis-variant-text-dark-mode-color); --coachmark-pill-emphasis-variant-text-light-mode-color: var(--pill-emphasis-variant-text-light-mode-color); --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-light-mode-color); --coachmark-pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-background-dark-mode-color); --coachmark-pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-background-light-mode-color); --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-light-mode-color); --coachmark-pill-insight-variant-icon-dark-mode-color: var(--pill-insight-variant-icon-dark-mode-color); --coachmark-pill-insight-variant-icon-light-mode-color: var(--pill-insight-variant-icon-light-mode-color); --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-light-mode-color); --coachmark-pill-insight-variant-normal-state-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color); --coachmark-pill-insight-variant-normal-state-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color); --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-light-mode-color); --coachmark-pill-insight-variant-pressed-state-background-dark-mode-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color); --coachmark-pill-insight-variant-pressed-state-background-light-mode-color: var(--pill-insight-variant-pressed-state-background-light-mode-color); --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-light-mode-color); --coachmark-pill-insight-variant-text-dark-mode-color: var(--pill-insight-variant-text-dark-mode-color); --coachmark-pill-insight-variant-text-light-mode-color: var(--pill-insight-variant-text-light-mode-color); --coachmark-pill-normal-size-border-radius: var(--pill-normal-size-border-radius); --coachmark-pill-normal-size-corner-radius: var(--pill-normal-size-corner-radius); --coachmark-pill-normal-size-horizontal-padding: var(--pill-normal-size-horizontal-padding); --coachmark-pill-normal-size-icon-dot-radius: var(--pill-normal-size-icon-dot-radius); --coachmark-pill-normal-size-icon-left-padding: var(--pill-normal-size-icon-left-padding); --coachmark-pill-normal-size-icon-size: var(--pill-normal-size-icon-size); --coachmark-pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-icon-to-text-spacing); --coachmark-pill-normal-size-indicator-dot-horizontal-padding-left: var(--pill-normal-size-indicator-dot-horizontal-padding-left); --coachmark-pill-normal-size-indicator-dot-horizontal-padding-right: var(--pill-normal-size-indicator-dot-horizontal-padding-right); --coachmark-pill-normal-size-indicator-dot-radius: var(--pill-normal-size-indicator-dot-radius); --coachmark-pill-normal-size-indicator-icon-horizontal-padding-left: var(--pill-normal-size-indicator-icon-horizontal-padding-left); --coachmark-pill-normal-size-indicator-icon-horizontal-padding-right: var(--pill-normal-size-indicator-icon-horizontal-padding-right); --coachmark-pill-normal-size-indicator-icon-size: var(--pill-normal-size-indicator-icon-size); --coachmark-pill-normal-size-padding-horizontal-size: var(--pill-normal-size-padding-horizontal-size); --coachmark-pill-normal-size-padding-vertical-size: var(--pill-normal-size-padding-vertical-size); --coachmark-pill-normal-size-spacing-horizontal: var(--pill-normal-size-spacing-horizontal); --coachmark-pill-normal-size-text-case: var(--pill-normal-size-text-case); --coachmark-pill-normal-size-text-edge-padding: var(--pill-normal-size-text-edge-padding); --coachmark-pill-normal-size-text-font-family: var(--pill-normal-size-text-font-family); --coachmark-pill-normal-size-text-horizontal-padding-left: var(--pill-normal-size-text-horizontal-padding-left); --coachmark-pill-normal-size-text-leading: var(--pill-normal-size-text-leading); --coachmark-pill-normal-size-text-number-spacing: var(--pill-normal-size-text-number-spacing); --coachmark-pill-normal-size-text-scale: var(--pill-normal-size-text-scale); --coachmark-pill-normal-size-text-size: var(--pill-normal-size-text-size); --coachmark-pill-normal-size-text-tracking: var(--pill-normal-size-text-tracking); --coachmark-pill-normal-size-text-weight: var(--pill-normal-size-text-weight); --coachmark-pill-normal-size-vertical-padding: var(--pill-normal-size-vertical-padding); --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-light-mode-color); --coachmark-pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-background-dark-mode-color); --coachmark-pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-background-light-mode-color); --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-light-mode-color); --coachmark-pill-normal-variant-icon-dark-mode-color: var(--pill-normal-variant-icon-dark-mode-color); --coachmark-pill-normal-variant-icon-light-mode-color: var(--pill-normal-variant-icon-light-mode-color); --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-light-mode-color); --coachmark-pill-normal-variant-normal-state-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color); --coachmark-pill-normal-variant-normal-state-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color); --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-light-mode-color); --coachmark-pill-normal-variant-pressed-state-background-dark-mode-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color); --coachmark-pill-normal-variant-pressed-state-background-light-mode-color: var(--pill-normal-variant-pressed-state-background-light-mode-color); --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-light-mode-color); --coachmark-pill-normal-variant-text-dark-mode-color: var(--pill-normal-variant-text-dark-mode-color); --coachmark-pill-normal-variant-text-light-mode-color: var(--pill-normal-variant-text-light-mode-color); --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-light-mode-color); --coachmark-pill-success-variant-background-dark-mode-color: var(--pill-success-variant-background-dark-mode-color); --coachmark-pill-success-variant-background-light-mode-color: var(--pill-success-variant-background-light-mode-color); --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-light-mode-color); --coachmark-pill-success-variant-icon-dark-mode-color: var(--pill-success-variant-icon-dark-mode-color); --coachmark-pill-success-variant-icon-light-mode-color: var(--pill-success-variant-icon-light-mode-color); --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-light-mode-color); --coachmark-pill-success-variant-normal-state-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color); --coachmark-pill-success-variant-normal-state-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color); --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-light-mode-color); --coachmark-pill-success-variant-pressed-state-background-dark-mode-color: var(--pill-success-variant-pressed-state-background-dark-mode-color); --coachmark-pill-success-variant-pressed-state-background-light-mode-color: var(--pill-success-variant-pressed-state-background-light-mode-color); --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-light-mode-color); --coachmark-pill-success-variant-text-dark-mode-color: var(--pill-success-variant-text-dark-mode-color); --coachmark-pill-success-variant-text-light-mode-color: var(--pill-success-variant-text-light-mode-color); --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-light-mode-color); --coachmark-pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-background-dark-mode-color); --coachmark-pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-background-light-mode-color); --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-light-mode-color); --coachmark-pill-warning-variant-icon-dark-mode-color: var(--pill-warning-variant-icon-dark-mode-color); --coachmark-pill-warning-variant-icon-light-mode-color: var(--pill-warning-variant-icon-light-mode-color); --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-light-mode-color); --coachmark-pill-warning-variant-normal-state-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color); --coachmark-pill-warning-variant-normal-state-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color); --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-light-mode-color); --coachmark-pill-warning-variant-pressed-state-background-dark-mode-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color); --coachmark-pill-warning-variant-pressed-state-background-light-mode-color: var(--pill-warning-variant-pressed-state-background-light-mode-color); --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-light-mode-color); --coachmark-pill-warning-variant-text-dark-mode-color: var(--pill-warning-variant-text-dark-mode-color); --coachmark-pill-warning-variant-text-light-mode-color: var(--pill-warning-variant-text-light-mode-color); --coachmark-step-indicator-case: var(--core-type-paragraph-20-case); --coachmark-step-indicator-color: var(--coachmark-step-indicator-light-mode-color); --coachmark-step-indicator-dark-mode-color: var(--core-text-inverse-dark-mode-color); --coachmark-step-indicator-font-family: var(--core-type-paragraph-20-font-family); --coachmark-step-indicator-leading: var(--core-type-paragraph-20-leading); --coachmark-step-indicator-light-mode-color: var(--core-text-inverse-light-mode-color); --coachmark-step-indicator-number-spacing: var(--core-type-paragraph-20-number-spacing); --coachmark-step-indicator-scale: var(--core-type-paragraph-20-scale); --coachmark-step-indicator-size: var(--core-type-paragraph-20-size); --coachmark-step-indicator-tracking: var(--core-type-paragraph-20-tracking); --coachmark-step-indicator-weight: var(--core-type-paragraph-20-weight); --coachmark-text-link-color: var(--coachmark-text-link-light-mode-color); --coachmark-text-link-dark-mode-color: var(--core-text-inverse-dark-mode-color); --coachmark-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity); --coachmark-text-link-hover-state-opacity: var(--text-link-hover-state-opacity); --coachmark-text-link-light-mode-color: var(--core-text-inverse-light-mode-color); --coachmark-text-link-normal-state-opacity: var(--text-link-normal-state-opacity); --coachmark-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity); --coachmark-text-link-text-case: var(--text-link-small-size-text-case); --coachmark-text-link-text-font-family: var(--text-link-small-size-text-font-family); --coachmark-text-link-text-leading: var(--text-link-small-size-text-leading); --coachmark-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing); --coachmark-text-link-text-scale: var(--text-link-small-size-text-scale); --coachmark-text-link-text-size: var(--text-link-small-size-text-size); --coachmark-text-link-text-tracking: var(--text-link-small-size-text-tracking); --coachmark-text-link-text-weight: var(--text-link-small-size-text-weight); --coachmark-text-link-vertical-padding: 0px; --coachmark-vertical-padding: var(--core-metrics-spacing-200); /* ========== codeDisplay ========== */ --code-display-border-radius: var(--core-radius-100); /* ========== colorPicker ========== */ --color-picker-adjustments-hue-min-height: var(--core-small-size-minimum-height); --color-picker-adjustments-hue-radius: var(--core-radius-100); --color-picker-adjustments-saturation-brightness-min-height: 200; --color-picker-adjustments-saturation-brightness-radius: var(--core-radius-200); --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-light-mode-color); --color-picker-adjustments-scrubber-border-inner-dark-mode-color: var(--core-fill-white-dark-mode-color); --color-picker-adjustments-scrubber-border-inner-light-mode-color: var(--core-fill-white-light-mode-color); --color-picker-adjustments-scrubber-border-inner-width: 2px; --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-light-mode-color); --color-picker-adjustments-scrubber-border-outer-dark-mode-color: var(--core-fill-20-dark-mode-color); --color-picker-adjustments-scrubber-border-outer-light-mode-color: var(--core-fill-20-light-mode-color); --color-picker-adjustments-scrubber-border-outer-width: 1px; --color-picker-adjustments-scrubber-multiplier: 1.25; --color-picker-adjustments-scrubber-padding: var(--core-metrics-spacing-50); --color-picker-adjustments-scrubber-size: 16px; --color-picker-adjustments-scrubber-width: 2px; --color-picker-dots-horizontal-spacing: 14px; --color-picker-dots-icon-color: var(--color-picker-dots-icon-light-mode-color); --color-picker-dots-icon-dark-background-color: var(--core-fill-white-light-mode-color); --color-picker-dots-icon-dark-mode-color: rgba(255,255,255,1); --color-picker-dots-icon-light-background-color: var(--core-fill-black-light-mode-color); --color-picker-dots-icon-light-mode-color: rgba(255,255,255,1); --color-picker-dots-icon-size: 24px; --color-picker-dots-size: var(--core-small-size-minimum-height); --color-picker-dots-vertical-spacing: 16px; --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-light-mode-color); --color-picker-grid-color-palette-gray-dark-mode-color: #D9D9D9; --color-picker-grid-color-palette-gray-light-mode-color: #D9D9D9; --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-light-mode-border-color); --color-picker-swatch-selected-state-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --color-picker-swatch-selected-state-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --color-picker-vertical-spacing: 16px; /* ========== combobox ========== */ --combobox-tags-horizontal-spacing: var(--core-metrics-spacing-100); /* ========== content-area-width ========== */ --content-area-width-regular-width: 600px; --content-area-width-wide-width: 1248px; /* ========== contentCard ========== */ --content-card-background-color: var(--content-card-background-light-mode-color); --content-card-background-dark-mode-color: var(--content-card-default-variant-background-dark-mode-color); --content-card-background-light-mode-color: var(--content-card-default-variant-background-light-mode-color); --content-card-border-color: var(--content-card-border-light-mode-color); --content-card-border-dark-mode-color: var(--content-card-default-variant-border-dark-mode-color); --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-light-mode-color); --content-card-border-high-contrast-dark-mode-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color); --content-card-border-high-contrast-light-mode-color: var(--content-card-default-variant-border-high-contrast-light-mode-color); --content-card-border-light-mode-color: var(--content-card-default-variant-border-light-mode-color); --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-light-mode-color); --content-card-border-normal-contrast-dark-mode-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color); --content-card-border-normal-contrast-light-mode-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color); --content-card-border-radius: var(--content-card-default-variant-border-radius); --content-card-border-width: var(--content-card-default-variant-border-width); --content-card-default-variant-background-color: var(--content-card-default-variant-background-light-mode-color); --content-card-default-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --content-card-default-variant-background-light-mode-color: var(--core-surface-10-light-mode-color); --content-card-default-variant-border-color: var(--content-card-default-variant-border-light-mode-color); --content-card-default-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-light-mode-color); --content-card-default-variant-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color); --content-card-default-variant-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color); --content-card-default-variant-border-light-mode-color: var(--core-fill-30-light-mode-color); --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color); --content-card-default-variant-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color); --content-card-default-variant-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color); --content-card-default-variant-border-radius: var(--core-radius-100); --content-card-default-variant-border-width: var(--core-border-10); --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-light-mode-color); --content-card-emphasis-variant-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --content-card-emphasis-variant-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-light-mode-color); --content-card-emphasis-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --content-card-emphasis-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color); --content-card-horizontal-padding: var(--core-metrics-spacing-200); --content-card-padding-horizontal-size: var(--content-card-horizontal-padding); --content-card-padding-vertical-size: var(--content-card-vertical-padding); --content-card-vertical-padding: var(--core-metrics-spacing-200); /* ========== content-expander ========== */ --content-expander-animation-duration: var(--core-animation-move-transition-moderate-speed-duration); --content-expander-animation-easing: var(--core-animation-move-transition-easing); --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color); --content-expander-collapsed-display-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --content-expander-collapsed-display-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --content-expander-collapsed-display-disabled-state-underline-size: var(--content-expander-underline-size); --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-light-mode-color); --content-expander-collapsed-display-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color); --content-expander-collapsed-display-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color); --content-expander-collapsed-display-hover-state-underline-size: var(--content-expander-underline-size); --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-light-mode-color); --content-expander-collapsed-display-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --content-expander-collapsed-display-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --content-expander-collapsed-display-normal-state-underline-size: var(--content-expander-underline-size); --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color); --content-expander-collapsed-display-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color); --content-expander-collapsed-display-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color); --content-expander-collapsed-display-pressed-state-underline-size: var(--content-expander-underline-size); --content-expander-disabled-state-color: var(--content-expander-disabled-state-light-mode-color); --content-expander-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --content-expander-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-light-mode-color); --content-expander-expanded-display-disabled-state-dark-mode-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color); --content-expander-expanded-display-disabled-state-light-mode-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color); --content-expander-expanded-display-disabled-state-underline-size: var(--content-expander-collapsed-display-disabled-state-underline-size); --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-light-mode-color); --content-expander-expanded-display-hover-state-dark-mode-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color); --content-expander-expanded-display-hover-state-light-mode-color: var(--content-expander-collapsed-display-hover-state-light-mode-color); --content-expander-expanded-display-hover-state-underline-size: var(--content-expander-collapsed-display-hover-state-underline-size); --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-light-mode-color); --content-expander-expanded-display-normal-state-dark-mode-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color); --content-expander-expanded-display-normal-state-light-mode-color: var(--content-expander-collapsed-display-normal-state-light-mode-color); --content-expander-expanded-display-normal-state-underline-size: var(--content-expander-collapsed-display-normal-state-underline-size); --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-light-mode-color); --content-expander-expanded-display-pressed-state-dark-mode-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color); --content-expander-expanded-display-pressed-state-light-mode-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color); --content-expander-expanded-display-pressed-state-underline-size: var(--content-expander-collapsed-display-pressed-state-underline-size); --content-expander-hover-state-color: var(--content-expander-hover-state-light-mode-color); --content-expander-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color); --content-expander-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color); --content-expander-icon-height: var(--core-icon-small-size-height); --content-expander-icon-width: var(--core-icon-small-size-width); --content-expander-normal-state-color: var(--content-expander-normal-state-light-mode-color); --content-expander-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --content-expander-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --content-expander-pressed-state-color: var(--content-expander-pressed-state-light-mode-color); --content-expander-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color); --content-expander-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color); --content-expander-spacing: var(--core-metrics-spacing-100); --content-expander-text-case: var(--core-type-semibold-30-case); --content-expander-text-font-family: var(--core-type-semibold-30-font-family); --content-expander-text-leading: var(--core-type-semibold-30-leading); --content-expander-text-number-spacing: var(--core-type-semibold-30-number-spacing); --content-expander-text-scale: var(--core-type-semibold-30-scale); --content-expander-text-size: var(--core-type-semibold-30-size); --content-expander-text-tracking: var(--core-type-semibold-30-tracking); --content-expander-text-weight: var(--core-type-semibold-30-weight); --content-expander-underline-size: 0px; /* ========== datePicker ========== */ --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-light-mode-color); --date-picker-date-background-range-first-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-date-background-range-first-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-light-mode-color); --date-picker-date-background-range-first-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-range-first-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-light-mode-color); --date-picker-date-background-range-first-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --date-picker-date-background-range-first-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color); --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-light-mode-color); --date-picker-date-background-range-first-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-range-first-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-light-mode-color); --date-picker-date-background-range-last-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-date-background-range-last-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-light-mode-color); --date-picker-date-background-range-last-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-range-last-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-light-mode-color); --date-picker-date-background-range-last-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --date-picker-date-background-range-last-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color); --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-light-mode-color); --date-picker-date-background-range-last-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-range-last-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color); --date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --date-picker-date-background-range-middle-selection-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color); --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-light-mode-color); --date-picker-date-background-range-middle-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-range-middle-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-light-mode-color); --date-picker-date-background-range-middle-selection-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --date-picker-date-background-range-middle-selection-normal-state-light-mode-color: var(--core-fill-40-light-mode-color); --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color); --date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-range-middle-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-light-mode-color); --date-picker-date-background-single-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-date-background-single-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-light-mode-color); --date-picker-date-background-single-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-single-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-light-mode-color); --date-picker-date-background-single-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --date-picker-date-background-single-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color); --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-light-mode-color); --date-picker-date-background-single-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-single-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-light-mode-color); --date-picker-date-background-unselected-selection-disabled-state-dark-mode-color: var(--core-surface-5-dark-mode-color); --date-picker-date-background-unselected-selection-disabled-state-light-mode-color: var(--core-surface-5-light-mode-color); --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-light-mode-color); --date-picker-date-background-unselected-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-unselected-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-light-mode-color); --date-picker-date-background-unselected-selection-normal-state-dark-mode-color: var(--core-surface-5-dark-mode-color); --date-picker-date-background-unselected-selection-normal-state-light-mode-color: var(--core-surface-5-light-mode-color); --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-light-mode-color); --date-picker-date-background-unselected-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-unselected-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-light-mode-color); --date-picker-date-border-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-date-border-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-date-border-focused-state-border: 2; --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-light-mode-color); --date-picker-date-border-focused-state-color-dark-mode-color: var(--core-focus-dark-mode-color); --date-picker-date-border-focused-state-color-light-mode-color: var(--core-focus-light-mode-color); --date-picker-date-border-focused-state-opacity: 1; --date-picker-date-border-normal-state-border: 2; --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-light-mode-color); --date-picker-date-border-normal-state-color-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --date-picker-date-border-normal-state-color-light-mode-color: var(--core-emphasis-fill-light-mode-color); --date-picker-date-border-normal-state-opacity: 0; --date-picker-date-border-radius: var(--core-radius-100); --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-light-mode-color); --date-picker-date-text-range-first-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-range-first-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-light-mode-color); --date-picker-date-text-range-first-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-first-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-light-mode-color); --date-picker-date-text-range-first-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-range-first-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-light-mode-color); --date-picker-date-text-range-first-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-first-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-light-mode-color); --date-picker-date-text-range-last-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-range-last-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-light-mode-color); --date-picker-date-text-range-last-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-last-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-light-mode-color); --date-picker-date-text-range-last-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-range-last-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-light-mode-color); --date-picker-date-text-range-last-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-last-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color); --date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --date-picker-date-text-range-middle-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-light-mode-color); --date-picker-date-text-range-middle-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-middle-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-light-mode-color); --date-picker-date-text-range-middle-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-middle-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color); --date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-middle-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-light-mode-color); --date-picker-date-text-single-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-single-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-light-mode-color); --date-picker-date-text-single-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-single-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-light-mode-color); --date-picker-date-text-single-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-single-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-light-mode-color); --date-picker-date-text-single-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-single-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-light-mode-color); --date-picker-date-text-unselected-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --date-picker-date-text-unselected-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-light-mode-color); --date-picker-date-text-unselected-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-unselected-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-light-mode-color); --date-picker-date-text-unselected-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-unselected-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-light-mode-color); --date-picker-date-text-unselected-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-unselected-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-grid-item-height: var(--core-small-size-minimum-height); --date-picker-grid-item-horizontal-padding: 0px; --date-picker-grid-item-vertical-padding: var(--core-metrics-spacing-100); --date-picker-grid-item-width: var(--core-small-size-minimum-height); --date-picker-header-button-background-color: var(--date-picker-header-button-background-light-mode-color); --date-picker-header-button-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --date-picker-header-button-background-light-mode-color: var(--core-fill-40-light-mode-color); --date-picker-header-button-border-radius: var(--core-radius-10); --date-picker-header-button-color: var(--date-picker-header-button-light-mode-color); --date-picker-header-button-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-header-button-horizontal-spacing: var(--core-metrics-spacing-200); --date-picker-header-button-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-header-button-padding: var(--core-metrics-spacing-100); --date-picker-header-color-color: var(--date-picker-header-color-light-mode-color); --date-picker-header-color-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-header-color-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-header-font-case: var(--core-type-heading-30-case); --date-picker-header-font-font-family: var(--core-type-heading-30-font-family); --date-picker-header-font-leading: var(--core-type-heading-30-leading); --date-picker-header-font-number-spacing: var(--core-type-heading-30-number-spacing); --date-picker-header-font-scale: var(--core-type-heading-30-scale); --date-picker-header-font-size: var(--core-type-heading-30-size); --date-picker-header-font-tracking: var(--core-type-heading-30-tracking); --date-picker-header-font-weight: var(--core-type-heading-30-weight); --date-picker-header-minimum-height: 40px; --date-picker-header-vertical-spacing: var(--core-metrics-spacing-200); --date-picker-menu-horizontal-spacing: var(--core-metrics-spacing-400); --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-light-mode-color); --date-picker-menu-row-background-selected-state-color-dark-mode-color: var(--core-emphasis-10-dark-mode-color); --date-picker-menu-row-background-selected-state-color-light-mode-color: var(--core-emphasis-10-light-mode-color); --date-picker-menu-row-height: 48px; --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-light-mode-color); --date-picker-menu-row-label-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --date-picker-menu-row-label-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --date-picker-menu-row-width: 111px; --date-picker-menu-text-case: var(--core-type-semibold-30-case); --date-picker-menu-text-font-family: var(--core-type-semibold-30-font-family); --date-picker-menu-text-leading: var(--core-type-semibold-30-leading); --date-picker-menu-text-number-spacing: var(--core-type-semibold-30-number-spacing); --date-picker-menu-text-scale: var(--core-type-semibold-30-scale); --date-picker-menu-text-size: var(--core-type-semibold-30-size); --date-picker-menu-text-tracking: var(--core-type-semibold-30-tracking); --date-picker-menu-text-weight: var(--core-type-semibold-30-weight); --date-picker-menu-vertical-spacing: var(--core-metrics-spacing-300); --date-picker-minimum-width: 280px; --date-picker-month-minimum-width: 50px; --date-picker-today-border-color-color: var(--date-picker-today-border-color-light-mode-color); --date-picker-today-border-color-dark-mode-color: var(--core-fill-10-dark-mode-color); --date-picker-today-border-color-light-mode-color: var(--core-fill-10-light-mode-color); --date-picker-today-border-width: var(--core-border-10); --date-picker-today-font-case: var(--core-type-semibold-30-case); --date-picker-today-font-font-family: var(--core-type-semibold-30-font-family); --date-picker-today-font-leading: var(--core-type-semibold-30-leading); --date-picker-today-font-number-spacing: var(--core-type-semibold-30-number-spacing); --date-picker-today-font-scale: var(--core-type-semibold-30-scale); --date-picker-today-font-size: var(--core-type-semibold-30-size); --date-picker-today-font-tracking: var(--core-type-semibold-30-tracking); --date-picker-today-font-weight: var(--core-type-semibold-30-weight); --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-light-mode-color); --date-picker-today-label-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-today-label-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-light-mode-color); --date-picker-weekdays-color-dark-mode-color: var(--core-text-20-dark-mode-color); --date-picker-weekdays-color-light-mode-color: var(--core-text-20-light-mode-color); --date-picker-weekdays-font-case: var(--core-type-paragraph-30-case); --date-picker-weekdays-font-font-family: var(--core-type-paragraph-30-font-family); --date-picker-weekdays-font-leading: var(--core-type-paragraph-30-leading); --date-picker-weekdays-font-number-spacing: var(--core-type-paragraph-30-number-spacing); --date-picker-weekdays-font-scale: var(--core-type-paragraph-30-scale); --date-picker-weekdays-font-size: var(--core-type-paragraph-30-size); --date-picker-weekdays-font-tracking: var(--core-type-paragraph-30-tracking); --date-picker-weekdays-font-weight: var(--core-type-paragraph-30-weight); /* ========== divider ========== */ --divider-extra-small-variant-vertical-padding: 0px; --divider-fill-color: var(--divider-fill-light-mode-color); --divider-fill-dark-mode-color: var(--core-divider-20-dark-mode-color); --divider-fill-light-mode-color: var(--core-divider-20-light-mode-color); --divider-height: var(--core-base-size); --divider-large-variant-vertical-padding: var(--core-metrics-spacing-400); --divider-medium-variant-vertical-padding: var(--core-metrics-spacing-200); --divider-radius: var(--core-radius-33); --divider-small-variant-vertical-padding: var(--core-metrics-spacing-100); --divider-thick-size-height: var(--core-border-80); --divider-thin-size-height: var(--core-border-10); /* ========== dropdown-button ========== */ --dropdown-button-border-radius: var(--button-border-radius); --dropdown-button-focus-ring-border-size: var(--button-focus-ring-border-size); --dropdown-button-focus-ring-buffer-size: var(--button-focus-ring-buffer-size); --dropdown-button-large-size-border-radius: var(--button-large-size-border-radius); --dropdown-button-large-size-content-spacing: var(--button-large-size-content-spacing); --dropdown-button-large-size-minimum-height: var(--button-large-size-minimum-height); --dropdown-button-large-size-minimum-width-multiplier: var(--button-large-size-minimum-width-multiplier); --dropdown-button-large-size-primary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding); --dropdown-button-large-size-primary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding); --dropdown-button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-secondary-rank-horizontal-padding); --dropdown-button-large-size-secondary-rank-vertical-padding: var(--button-large-size-secondary-rank-vertical-padding); --dropdown-button-large-size-tertiary-rank-horizontal-padding: var(--button-large-size-tertiary-rank-horizontal-padding); --dropdown-button-large-size-tertiary-rank-vertical-padding: var(--button-large-size-tertiary-rank-vertical-padding); --dropdown-button-large-size-text-case: var(--button-large-size-text-case); --dropdown-button-large-size-text-font-family: var(--button-large-size-text-font-family); --dropdown-button-large-size-text-leading: var(--button-large-size-text-leading); --dropdown-button-large-size-text-number-spacing: var(--button-large-size-text-number-spacing); --dropdown-button-large-size-text-scale: var(--button-large-size-text-scale); --dropdown-button-large-size-text-size: var(--button-large-size-text-size); --dropdown-button-large-size-text-tracking: var(--button-large-size-text-tracking); --dropdown-button-large-size-text-weight: var(--button-large-size-text-weight); --dropdown-button-medium-size-border-radius: var(--button-medium-size-border-radius); --dropdown-button-medium-size-content-spacing: var(--button-medium-size-content-spacing); --dropdown-button-medium-size-minimum-height: var(--button-medium-size-minimum-height); --dropdown-button-medium-size-minimum-width-multiplier: var(--button-medium-size-minimum-width-multiplier); --dropdown-button-medium-size-primary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding); --dropdown-button-medium-size-primary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding); --dropdown-button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-secondary-rank-horizontal-padding); --dropdown-button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-secondary-rank-vertical-padding); --dropdown-button-medium-size-tertiary-rank-horizontal-padding: var(--button-medium-size-tertiary-rank-horizontal-padding); --dropdown-button-medium-size-tertiary-rank-vertical-padding: var(--button-medium-size-tertiary-rank-vertical-padding); --dropdown-button-medium-size-text-case: var(--button-medium-size-text-case); --dropdown-button-medium-size-text-font-family: var(--button-medium-size-text-font-family); --dropdown-button-medium-size-text-leading: var(--button-medium-size-text-leading); --dropdown-button-medium-size-text-number-spacing: var(--button-medium-size-text-number-spacing); --dropdown-button-medium-size-text-scale: var(--button-medium-size-text-scale); --dropdown-button-medium-size-text-size: var(--button-medium-size-text-size); --dropdown-button-medium-size-text-tracking: var(--button-medium-size-text-tracking); --dropdown-button-medium-size-text-weight: var(--button-medium-size-text-weight); --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color); --dropdown-button-small-size-border-radius: var(--button-small-size-border-radius); --dropdown-button-small-size-content-spacing: var(--button-small-size-content-spacing); --dropdown-button-small-size-minimum-height: var(--button-small-size-minimum-height); --dropdown-button-small-size-minimum-width-multiplier: var(--button-small-size-minimum-width-multiplier); --dropdown-button-small-size-primary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding); --dropdown-button-small-size-primary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding); --dropdown-button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-secondary-rank-horizontal-padding); --dropdown-button-small-size-secondary-rank-vertical-padding: var(--button-small-size-secondary-rank-vertical-padding); --dropdown-button-small-size-tertiary-rank-horizontal-padding: var(--button-small-size-tertiary-rank-horizontal-padding); --dropdown-button-small-size-tertiary-rank-vertical-padding: var(--button-small-size-tertiary-rank-vertical-padding); --dropdown-button-small-size-text-case: var(--button-small-size-text-case); --dropdown-button-small-size-text-font-family: var(--button-small-size-text-font-family); --dropdown-button-small-size-text-leading: var(--button-small-size-text-leading); --dropdown-button-small-size-text-number-spacing: var(--button-small-size-text-number-spacing); --dropdown-button-small-size-text-scale: var(--button-small-size-text-scale); --dropdown-button-small-size-text-size: var(--button-small-size-text-size); --dropdown-button-small-size-text-tracking: var(--button-small-size-text-tracking); --dropdown-button-small-size-text-weight: var(--button-small-size-text-weight); --dropdown-button-tertiary-rank-underline: var(--button-tertiary-rank-underline); /* ========== dropdown-icon-button ========== */ --dropdown-icon-button-border-radius: var(--icon-button-border-radius); --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-light-mode-background-color); --dropdown-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --dropdown-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-light-mode-icon-color); --dropdown-icon-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --dropdown-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --dropdown-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size); --dropdown-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size); --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-light-mode-background-color); --dropdown-icon-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --dropdown-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-light-mode-icon-color); --dropdown-icon-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --dropdown-icon-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-light-mode-background-color); --dropdown-icon-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --dropdown-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-light-mode-icon-color); --dropdown-icon-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --dropdown-icon-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --dropdown-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height); --dropdown-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width); --dropdown-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height); --dropdown-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size); --dropdown-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier); --dropdown-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size); --dropdown-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height); --dropdown-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width); --dropdown-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height); --dropdown-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size); --dropdown-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier); --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-light-mode-background-color); --dropdown-icon-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --dropdown-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-light-mode-icon-color); --dropdown-icon-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --dropdown-icon-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-light-mode-background-color); --dropdown-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --dropdown-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-light-mode-icon-color); --dropdown-icon-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --dropdown-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --dropdown-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height); --dropdown-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width); --dropdown-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height); --dropdown-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size); --dropdown-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier); /* ========== empty-state ========== */ --empty-state-background-color: var(--empty-state-background-light-mode-color); --empty-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --empty-state-background-light-mode-color: var(--core-surface-10-light-mode-color); --empty-state-border-color: var(--empty-state-border-light-mode-color); --empty-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --empty-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --empty-state-border-radius: var(--core-radius-100); --empty-state-border-width: var(--core-border-10); --empty-state-button-group-overflow-button-border-radius: var(--button-group-overflow-button-border-radius); --empty-state-button-group-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height); --empty-state-button-group-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size); --empty-state-button-group-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width); --empty-state-button-group-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color); --empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color); --empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color); --empty-state-button-group-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color); --empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color); --empty-state-button-group-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size); --empty-state-button-group-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size); --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-background-color); --empty-state-button-group-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color); --empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color); --empty-state-button-group-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color); --empty-state-button-group-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color); --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-background-color); --empty-state-button-group-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color); --empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color); --empty-state-button-group-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color); --empty-state-button-group-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color); --empty-state-button-group-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height); --empty-state-button-group-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width); --empty-state-button-group-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height); --empty-state-button-group-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size); --empty-state-button-group-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier); --empty-state-button-group-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size); --empty-state-button-group-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height); --empty-state-button-group-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width); --empty-state-button-group-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height); --empty-state-button-group-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size); --empty-state-button-group-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier); --empty-state-button-group-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height); --empty-state-button-group-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width); --empty-state-button-group-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height); --empty-state-button-group-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width); --empty-state-button-group-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size); --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-background-color); --empty-state-button-group-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color); --empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color); --empty-state-button-group-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color); --empty-state-button-group-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-padding-size: var(--button-group-overflow-button-padding-size); --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color); --empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color); --empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color); --empty-state-button-group-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color); --empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier); --empty-state-button-group-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height); --empty-state-button-group-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width); --empty-state-button-group-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height); --empty-state-button-group-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size); --empty-state-button-group-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-spacing: var(--button-group-spacing); --empty-state-button-group-vertical-spacing: var(--core-metrics-spacing-400); --empty-state-heading-color: var(--empty-state-heading-light-mode-color); --empty-state-heading-dark-mode-color: var(--core-text-10-dark-mode-color); --empty-state-heading-light-mode-color: var(--core-text-10-light-mode-color); --empty-state-heading-text-case: var(--core-type-heading-20-case); --empty-state-heading-text-color: var(--empty-state-heading-text-light-mode-color); --empty-state-heading-text-dark-mode-color: var(--core-text-10-dark-mode-color); --empty-state-heading-text-font-family: var(--core-type-heading-20-font-family); --empty-state-heading-text-leading: var(--core-type-heading-20-leading); --empty-state-heading-text-light-mode-color: var(--core-text-10-light-mode-color); --empty-state-heading-text-number-spacing: var(--core-type-heading-20-number-spacing); --empty-state-heading-text-scale: var(--core-type-heading-20-scale); --empty-state-heading-text-size: var(--core-type-heading-20-size); --empty-state-heading-text-tracking: var(--core-type-heading-20-tracking); --empty-state-heading-text-weight: var(--core-type-heading-20-weight); --empty-state-horizontal-padding: var(--core-metrics-spacing-400); --empty-state-icon-size: 80px; --empty-state-illustration-size: 96px; --empty-state-paragraph-text-case: var(--core-type-paragraph-30-case); --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-light-mode-color); --empty-state-paragraph-text-dark-mode-color: var(--core-text-10-dark-mode-color); --empty-state-paragraph-text-font-family: var(--core-type-paragraph-30-font-family); --empty-state-paragraph-text-leading: var(--core-type-paragraph-30-leading); --empty-state-paragraph-text-light-mode-color: var(--core-text-10-light-mode-color); --empty-state-paragraph-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --empty-state-paragraph-text-scale: var(--core-type-paragraph-30-scale); --empty-state-paragraph-text-size: var(--core-type-paragraph-30-size); --empty-state-paragraph-text-tracking: var(--core-type-paragraph-30-tracking); --empty-state-paragraph-text-weight: var(--core-type-paragraph-30-weight); --empty-state-paragraph-vertical-spacing: var(--core-metrics-spacing-100); --empty-state-vertical-padding: var(--core-metrics-spacing-400); /* ========== field ========== */ --field-action-text-case: var(--core-type-semibold-20-case); --field-action-text-color: var(--field-light-mode-action-text-color); --field-action-text-font-family: var(--core-type-semibold-20-font-family); --field-action-text-leading: var(--core-type-semibold-20-leading); --field-action-text-number-spacing: var(--core-type-semibold-20-number-spacing); --field-action-text-scale: var(--core-type-semibold-20-scale); --field-action-text-size: var(--core-type-semibold-20-size); --field-action-text-tracking: var(--core-type-semibold-20-tracking); --field-action-text-weight: var(--core-type-semibold-20-weight); --field-action-vertical-padding-size: 8px; --field-border-radius: var(--core-radius-forms); --field-border-size: 1px; --field-dark-mode-action-text-color: var(--core-emphasis-fill-dark-mode-color); --field-dark-mode-error-message-text-color: var(--core-critical-text-dark-mode-color); --field-dark-mode-helper-text-text-color: var(--core-text-20-dark-mode-color); --field-dark-mode-placeholder-text-color: var(--core-text-20-dark-mode-color); --field-dark-mode-selection-caret-color: var(--field-dark-mode-selection-text-cursor-color); --field-dark-mode-selection-highlight-color: var(--core-emphasis-30-dark-mode-color); --field-dark-mode-selection-text-cursor-color: var(--core-emphasis-fill-dark-mode-color); --field-disabled-state-background-color: var(--field-disabled-state-light-mode-background-color); --field-disabled-state-border-color: var(--field-disabled-state-light-mode-border-color); --field-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --field-disabled-state-dark-mode-border-color: var(--core-fill-40-dark-mode-color); --field-disabled-state-dark-mode-input-color: var(--field-disabled-state-empty-phase-dark-mode-label-color); --field-disabled-state-empty-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color); --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-light-mode-label-color); --field-disabled-state-empty-phase-light-mode-label-color: var(--core-text-30-light-mode-color); --field-disabled-state-float-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color); --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-light-mode-label-color); --field-disabled-state-float-phase-light-mode-label-color: var(--core-text-30-light-mode-color); --field-disabled-state-input-color: var(--field-disabled-state-light-mode-input-color); --field-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --field-disabled-state-light-mode-border-color: var(--core-fill-40-light-mode-color); --field-disabled-state-light-mode-input-color: var(--field-disabled-state-empty-phase-light-mode-label-color); --field-empty-phase-horizontal-padding-size: 16px; --field-empty-phase-label-text-case: var(--core-type-paragraph-30-case); --field-empty-phase-label-text-font-family: var(--core-type-paragraph-30-font-family); --field-empty-phase-label-text-leading: var(--core-type-paragraph-30-leading); --field-empty-phase-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --field-empty-phase-label-text-scale: var(--core-type-paragraph-30-scale); --field-empty-phase-label-text-size: var(--core-type-paragraph-30-size); --field-empty-phase-label-text-tracking: var(--core-type-paragraph-30-tracking); --field-empty-phase-label-text-weight: var(--core-type-paragraph-30-weight); --field-empty-phase-vertical-padding-size: 20px; --field-error-message-icon-buffer-size: 8px; --field-error-message-icon-height: 8px; --field-error-message-icon-vertical-spacing: 8px; --field-error-message-icon-width: var(--field-error-message-icon-height); --field-error-message-text-case: var(--core-type-paragraph-20-case); --field-error-message-text-color: var(--field-light-mode-error-message-text-color); --field-error-message-text-font-family: var(--core-type-paragraph-20-font-family); --field-error-message-text-leading: var(--core-type-paragraph-20-leading); --field-error-message-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --field-error-message-text-scale: var(--core-type-paragraph-20-scale); --field-error-message-text-size: var(--core-type-paragraph-20-size); --field-error-message-text-tracking: var(--core-type-paragraph-20-tracking); --field-error-message-text-vertical-spacing: 8px; --field-error-message-text-weight: var(--core-type-paragraph-20-weight); --field-float-phase-horizontal-padding-size: var(--field-empty-phase-horizontal-padding-size); --field-float-phase-label-margin-bottom-size: 2px; --field-float-phase-label-margin-top-size: 8px; --field-float-phase-label-text-case: var(--core-type-semibold-20-case); --field-float-phase-label-text-font-family: var(--core-type-semibold-20-font-family); --field-float-phase-label-text-leading: var(--core-type-semibold-20-leading); --field-float-phase-label-text-number-spacing: var(--core-type-semibold-20-number-spacing); --field-float-phase-label-text-scale: var(--core-type-semibold-20-scale); --field-float-phase-label-text-size: var(--core-type-semibold-20-size); --field-float-phase-label-text-tracking: var(--core-type-semibold-20-tracking); --field-float-phase-label-text-weight: 500; --field-float-phase-vertical-padding-size: 8px; --field-focus-state-background-color: var(--field-focus-state-light-mode-background-color); --field-focus-state-border-size: 2px; --field-focus-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color); --field-focus-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color); --field-focus-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color); --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-light-mode-label-color); --field-focus-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color); --field-focus-state-input-color: var(--field-focus-state-light-mode-input-color); --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-light-mode-border-color); --field-focus-state-invalid-validity-dark-mode-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color); --field-focus-state-invalid-validity-light-mode-border-color: var(--field-focus-state-normal-validity-light-mode-border-color); --field-focus-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color); --field-focus-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color); --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-light-mode-border-color); --field-focus-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --field-focus-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --field-helper-text-case: var(--core-type-paragraph-20-case); --field-helper-text-font-family: var(--core-type-paragraph-20-font-family); --field-helper-text-horizontal-spacing: 0px; --field-helper-text-leading: var(--core-type-paragraph-20-leading); --field-helper-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --field-helper-text-scale: var(--core-type-paragraph-20-scale); --field-helper-text-size: var(--core-type-paragraph-20-size); --field-helper-text-text-color: var(--field-light-mode-helper-text-text-color); --field-helper-text-tracking: var(--core-type-paragraph-20-tracking); --field-helper-text-vertical-spacing: 8px; --field-helper-text-weight: var(--core-type-paragraph-20-weight); --field-hover-state-background-color: var(--field-hover-state-light-mode-background-color); --field-hover-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color); --field-hover-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color); --field-hover-state-empty-phase-dark-mode-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color); --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-light-mode-label-color); --field-hover-state-empty-phase-light-mode-label-color: var(--field-normal-state-empty-phase-light-mode-label-color); --field-hover-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color); --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-light-mode-label-color); --field-hover-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color); --field-hover-state-input-color: var(--field-hover-state-light-mode-input-color); --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-light-mode-border-color); --field-hover-state-invalid-validity-dark-mode-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color); --field-hover-state-invalid-validity-light-mode-border-color: var(--field-hover-state-normal-validity-light-mode-border-color); --field-hover-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color); --field-hover-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color); --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-light-mode-border-color); --field-hover-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --field-hover-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --field-icon-buffer-size: 16px; --field-icon-height: 24px; --field-icon-width: var(--field-icon-height); --field-image-accessory-spacing-left-size: 12px; --field-input-case: var(--core-type-paragraph-30-case); --field-input-font-family: var(--core-type-paragraph-30-font-family); --field-input-leading: var(--core-type-paragraph-30-leading); --field-input-number-spacing: var(--core-type-paragraph-30-number-spacing); --field-input-scale: var(--core-type-paragraph-30-scale); --field-input-size: var(--core-type-paragraph-30-size); --field-input-tracking: var(--core-type-paragraph-30-tracking); --field-input-weight: var(--core-type-paragraph-30-weight); --field-light-mode-action-text-color: var(--core-emphasis-fill-light-mode-color); --field-light-mode-error-message-text-color: var(--core-critical-text-light-mode-color); --field-light-mode-helper-text-text-color: var(--core-text-20-light-mode-color); --field-light-mode-placeholder-text-color: var(--core-text-20-light-mode-color); --field-light-mode-selection-caret-color: var(--field-light-mode-selection-text-cursor-color); --field-light-mode-selection-highlight-color: var(--core-emphasis-30-light-mode-color); --field-light-mode-selection-text-cursor-color: var(--core-emphasis-fill-light-mode-color); --field-normal-state-background-color: var(--field-normal-state-light-mode-background-color); --field-normal-state-dark-mode-background-color: var(--core-surface-5-dark-mode-color); --field-normal-state-dark-mode-input-color: var(--core-text-10-dark-mode-color); --field-normal-state-empty-phase-dark-mode-label-color: var(--core-text-20-dark-mode-color); --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-light-mode-label-color); --field-normal-state-empty-phase-light-mode-label-color: var(--core-text-20-light-mode-color); --field-normal-state-float-phase-dark-mode-label-color: var(--core-text-10-dark-mode-color); --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-light-mode-label-color); --field-normal-state-float-phase-light-mode-label-color: var(--core-text-10-light-mode-color); --field-normal-state-input-color: var(--field-normal-state-light-mode-input-color); --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-light-mode-border-color); --field-normal-state-invalid-validity-dark-mode-border-color: var(--core-critical-fill-dark-mode-color); --field-normal-state-invalid-validity-light-mode-border-color: var(--core-critical-fill-light-mode-color); --field-normal-state-light-mode-background-color: var(--core-surface-5-light-mode-color); --field-normal-state-light-mode-input-color: var(--core-text-10-light-mode-color); --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-light-mode-border-color); --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-high-contrast-color); --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-normal-contrast-color); --field-normal-state-normal-validity-dark-mode-border-color: var(--core-fill-30-dark-mode-color); --field-normal-state-normal-validity-dark-mode-border-high-contrast-color: var(--core-fill-20-dark-mode-color); --field-normal-state-normal-validity-dark-mode-border-normal-contrast-color: var(--core-fill-30-dark-mode-color); --field-normal-state-normal-validity-light-mode-border-color: var(--core-fill-30-light-mode-color); --field-normal-state-normal-validity-light-mode-border-high-contrast-color: var(--core-fill-20-light-mode-color); --field-normal-state-normal-validity-light-mode-border-normal-contrast-color: var(--core-fill-30-light-mode-color); --field-placeholder-text-color: var(--field-light-mode-placeholder-text-color); --field-selection-caret-color: var(--field-light-mode-selection-caret-color); --field-selection-highlight-color: var(--field-light-mode-selection-highlight-color); --field-selection-text-cursor-color: var(--field-light-mode-selection-text-cursor-color); --field-trailing-accessory-buffer-size: 16px; --field-trailing-accessory-disabled-state-opacity: var(--core-opacity-disabled-state); --field-trailing-accessory-height: 48px; --field-trailing-accessory-position-bottom-size: 8px; --field-trailing-accessory-position-right-size: 0px; --field-trailing-accessory-width: var(--field-trailing-accessory-height); /* ========== file-upload ========== */ --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-light-mode-color); --file-upload-dropzone-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --file-upload-dropzone-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-light-mode-color); --file-upload-dropzone-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color); --file-upload-dropzone-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color); --file-upload-dropzone-disabled-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius); --file-upload-dropzone-disabled-state-border-width: var(--file-upload-dropzone-normal-state-border-width); --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-light-mode-color); --file-upload-dropzone-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color); --file-upload-dropzone-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color); --file-upload-dropzone-disabled-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case); --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-light-mode-color); --file-upload-dropzone-disabled-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color); --file-upload-dropzone-disabled-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family); --file-upload-dropzone-disabled-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading); --file-upload-dropzone-disabled-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color); --file-upload-dropzone-disabled-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing); --file-upload-dropzone-disabled-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale); --file-upload-dropzone-disabled-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size); --file-upload-dropzone-disabled-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking); --file-upload-dropzone-disabled-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight); --file-upload-dropzone-disabled-state-text-case: var(--file-upload-dropzone-normal-state-text-case); --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-light-mode-color); --file-upload-dropzone-disabled-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color); --file-upload-dropzone-disabled-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family); --file-upload-dropzone-disabled-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading); --file-upload-dropzone-disabled-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color); --file-upload-dropzone-disabled-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing); --file-upload-dropzone-disabled-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale); --file-upload-dropzone-disabled-state-text-size: var(--file-upload-dropzone-normal-state-text-size); --file-upload-dropzone-disabled-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking); --file-upload-dropzone-disabled-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight); --file-upload-dropzone-horizontal-padding: var(--core-metrics-spacing-400); --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-light-mode-color); --file-upload-dropzone-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --file-upload-dropzone-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-light-mode-color); --file-upload-dropzone-hover-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --file-upload-dropzone-hover-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --file-upload-dropzone-hover-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius); --file-upload-dropzone-hover-state-border-width: var(--file-upload-dropzone-normal-state-border-width); --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-light-mode-color); --file-upload-dropzone-hover-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color); --file-upload-dropzone-hover-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color); --file-upload-dropzone-hover-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case); --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-light-mode-color); --file-upload-dropzone-hover-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color); --file-upload-dropzone-hover-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family); --file-upload-dropzone-hover-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading); --file-upload-dropzone-hover-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color); --file-upload-dropzone-hover-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing); --file-upload-dropzone-hover-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale); --file-upload-dropzone-hover-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size); --file-upload-dropzone-hover-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking); --file-upload-dropzone-hover-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight); --file-upload-dropzone-hover-state-text-case: var(--file-upload-dropzone-normal-state-text-case); --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-light-mode-color); --file-upload-dropzone-hover-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color); --file-upload-dropzone-hover-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family); --file-upload-dropzone-hover-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading); --file-upload-dropzone-hover-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color); --file-upload-dropzone-hover-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing); --file-upload-dropzone-hover-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale); --file-upload-dropzone-hover-state-text-size: var(--file-upload-dropzone-normal-state-text-size); --file-upload-dropzone-hover-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking); --file-upload-dropzone-hover-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight); --file-upload-dropzone-minimum-height: 400px; --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-light-mode-color); --file-upload-dropzone-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --file-upload-dropzone-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color); --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-light-mode-color); --file-upload-dropzone-normal-state-border-dark-mode-color: var(--core-fill-20-dark-mode-color); --file-upload-dropzone-normal-state-border-light-mode-color: var(--core-fill-20-light-mode-color); --file-upload-dropzone-normal-state-border-radius: var(--core-radius-100); --file-upload-dropzone-normal-state-border-width: var(--core-border-10); --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color); --file-upload-dropzone-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --file-upload-dropzone-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color); --file-upload-dropzone-normal-state-subtext-case: var(--core-type-paragraph-20-case); --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color); --file-upload-dropzone-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color); --file-upload-dropzone-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family); --file-upload-dropzone-normal-state-subtext-leading: var(--core-type-paragraph-20-leading); --file-upload-dropzone-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color); --file-upload-dropzone-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing); --file-upload-dropzone-normal-state-subtext-scale: var(--core-type-paragraph-20-scale); --file-upload-dropzone-normal-state-subtext-size: var(--core-type-paragraph-20-size); --file-upload-dropzone-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking); --file-upload-dropzone-normal-state-subtext-weight: var(--core-type-paragraph-20-weight); --file-upload-dropzone-normal-state-text-case: var(--core-type-paragraph-30-case); --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-light-mode-color); --file-upload-dropzone-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --file-upload-dropzone-normal-state-text-font-family: var(--core-type-paragraph-30-font-family); --file-upload-dropzone-normal-state-text-leading: var(--core-type-paragraph-30-leading); --file-upload-dropzone-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color); --file-upload-dropzone-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --file-upload-dropzone-normal-state-text-scale: var(--core-type-paragraph-30-scale); --file-upload-dropzone-normal-state-text-size: var(--core-type-paragraph-30-size); --file-upload-dropzone-normal-state-text-tracking: var(--core-type-paragraph-30-tracking); --file-upload-dropzone-normal-state-text-weight: var(--core-type-paragraph-30-weight); --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-light-mode-color); --file-upload-dropzone-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --file-upload-dropzone-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-light-mode-color); --file-upload-dropzone-pressed-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --file-upload-dropzone-pressed-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --file-upload-dropzone-pressed-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius); --file-upload-dropzone-pressed-state-border-width: var(--file-upload-dropzone-normal-state-border-width); --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-light-mode-color); --file-upload-dropzone-pressed-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color); --file-upload-dropzone-pressed-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color); --file-upload-dropzone-pressed-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case); --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-light-mode-color); --file-upload-dropzone-pressed-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color); --file-upload-dropzone-pressed-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family); --file-upload-dropzone-pressed-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading); --file-upload-dropzone-pressed-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color); --file-upload-dropzone-pressed-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing); --file-upload-dropzone-pressed-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale); --file-upload-dropzone-pressed-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size); --file-upload-dropzone-pressed-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking); --file-upload-dropzone-pressed-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight); --file-upload-dropzone-pressed-state-text-case: var(--file-upload-dropzone-normal-state-text-case); --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-light-mode-color); --file-upload-dropzone-pressed-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color); --file-upload-dropzone-pressed-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family); --file-upload-dropzone-pressed-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading); --file-upload-dropzone-pressed-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color); --file-upload-dropzone-pressed-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing); --file-upload-dropzone-pressed-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale); --file-upload-dropzone-pressed-state-text-size: var(--file-upload-dropzone-normal-state-text-size); --file-upload-dropzone-pressed-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking); --file-upload-dropzone-pressed-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight); --file-upload-dropzone-vertical-padding: var(--file-upload-dropzone-horizontal-padding); --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-light-mode-color); --file-upload-upload-item-error-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-error-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-error-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-height: var(--core-metrics-spacing-300); --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-width: var(--file-upload-upload-item-error-state-leading-accessory-height); --file-upload-upload-item-error-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case); --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-light-mode-color); --file-upload-upload-item-error-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color); --file-upload-upload-item-error-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family); --file-upload-upload-item-error-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading); --file-upload-upload-item-error-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color); --file-upload-upload-item-error-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing); --file-upload-upload-item-error-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale); --file-upload-upload-item-error-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size); --file-upload-upload-item-error-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking); --file-upload-upload-item-error-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight); --file-upload-upload-item-error-state-text-case: var(--file-upload-upload-item-normal-state-text-case); --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-light-mode-color); --file-upload-upload-item-error-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-error-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family); --file-upload-upload-item-error-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading); --file-upload-upload-item-error-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-error-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing); --file-upload-upload-item-error-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale); --file-upload-upload-item-error-state-text-size: var(--file-upload-upload-item-normal-state-text-size); --file-upload-upload-item-error-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking); --file-upload-upload-item-error-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight); --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color); --file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color); --file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color: var(--core-critical-fill-light-mode-color); --file-upload-upload-item-horizontal-gap: var(--core-metrics-spacing-200); --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-light-mode-color); --file-upload-upload-item-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --file-upload-upload-item-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color); --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); --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); --file-upload-upload-item-hover-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height); --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color); --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); --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); --file-upload-upload-item-hover-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width); --file-upload-upload-item-hover-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case); --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-light-mode-color); --file-upload-upload-item-hover-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color); --file-upload-upload-item-hover-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family); --file-upload-upload-item-hover-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading); --file-upload-upload-item-hover-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color); --file-upload-upload-item-hover-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing); --file-upload-upload-item-hover-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale); --file-upload-upload-item-hover-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size); --file-upload-upload-item-hover-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking); --file-upload-upload-item-hover-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight); --file-upload-upload-item-hover-state-text-case: var(--file-upload-upload-item-normal-state-text-case); --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-light-mode-color); --file-upload-upload-item-hover-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-hover-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family); --file-upload-upload-item-hover-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading); --file-upload-upload-item-hover-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-hover-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing); --file-upload-upload-item-hover-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale); --file-upload-upload-item-hover-state-text-size: var(--file-upload-upload-item-normal-state-text-size); --file-upload-upload-item-hover-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking); --file-upload-upload-item-hover-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight); --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color); --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); --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); --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-light-mode-color); --file-upload-upload-item-loading-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-loading-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-height: var(--core-metrics-spacing-300); --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-width: var(--file-upload-upload-item-loading-state-leading-accessory-height); --file-upload-upload-item-loading-state-subtext-case: var(--core-type-paragraph-20-case); --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-light-mode-color); --file-upload-upload-item-loading-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color); --file-upload-upload-item-loading-state-subtext-font-family: var(--core-type-paragraph-20-font-family); --file-upload-upload-item-loading-state-subtext-leading: var(--core-type-paragraph-20-leading); --file-upload-upload-item-loading-state-subtext-light-mode-color: var(--core-text-20-light-mode-color); --file-upload-upload-item-loading-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing); --file-upload-upload-item-loading-state-subtext-scale: var(--core-type-paragraph-20-scale); --file-upload-upload-item-loading-state-subtext-size: var(--core-type-paragraph-20-size); --file-upload-upload-item-loading-state-subtext-tracking: var(--core-type-paragraph-20-tracking); --file-upload-upload-item-loading-state-subtext-weight: var(--core-type-paragraph-20-weight); --file-upload-upload-item-loading-state-text-case: var(--core-type-paragraph-30-case); --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-light-mode-color); --file-upload-upload-item-loading-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --file-upload-upload-item-loading-state-text-font-family: var(--core-type-paragraph-30-font-family); --file-upload-upload-item-loading-state-text-leading: var(--core-type-paragraph-30-leading); --file-upload-upload-item-loading-state-text-light-mode-color: var(--core-text-10-light-mode-color); --file-upload-upload-item-loading-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --file-upload-upload-item-loading-state-text-scale: var(--core-type-paragraph-30-scale); --file-upload-upload-item-loading-state-text-size: var(--core-type-paragraph-30-size); --file-upload-upload-item-loading-state-text-tracking: var(--core-type-paragraph-30-tracking); --file-upload-upload-item-loading-state-text-weight: var(--core-type-paragraph-30-weight); --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color); --file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color); --file-upload-upload-item-multiple-value-border-radius: var(--file-upload-upload-item-single-value-border-radius); --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-light-mode-color); --file-upload-upload-item-multiple-value-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --file-upload-upload-item-multiple-value-separator-light-mode-color: var(--core-divider-20-light-mode-color); --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --file-upload-upload-item-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color: var(--core-fill-40-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-height: var(--core-metrics-spacing-300); --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-height); --file-upload-upload-item-normal-state-subtext-case: var(--core-type-paragraph-20-case); --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color); --file-upload-upload-item-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color); --file-upload-upload-item-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family); --file-upload-upload-item-normal-state-subtext-leading: var(--core-type-paragraph-20-leading); --file-upload-upload-item-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color); --file-upload-upload-item-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing); --file-upload-upload-item-normal-state-subtext-scale: var(--core-type-paragraph-20-scale); --file-upload-upload-item-normal-state-subtext-size: var(--core-type-paragraph-20-size); --file-upload-upload-item-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking); --file-upload-upload-item-normal-state-subtext-weight: var(--core-type-paragraph-20-weight); --file-upload-upload-item-normal-state-text-case: var(--core-type-paragraph-30-case); --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --file-upload-upload-item-normal-state-text-font-family: var(--core-type-paragraph-30-font-family); --file-upload-upload-item-normal-state-text-leading: var(--core-type-paragraph-30-leading); --file-upload-upload-item-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color); --file-upload-upload-item-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --file-upload-upload-item-normal-state-text-scale: var(--core-type-paragraph-30-scale); --file-upload-upload-item-normal-state-text-size: var(--core-type-paragraph-30-size); --file-upload-upload-item-normal-state-text-tracking: var(--core-type-paragraph-30-tracking); --file-upload-upload-item-normal-state-text-weight: var(--core-type-paragraph-30-weight); --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color); --file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color); --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-light-mode-color); --file-upload-upload-item-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --file-upload-upload-item-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color); --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); --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); --file-upload-upload-item-pressed-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height); --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color); --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); --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); --file-upload-upload-item-pressed-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width); --file-upload-upload-item-pressed-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case); --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-light-mode-color); --file-upload-upload-item-pressed-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color); --file-upload-upload-item-pressed-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family); --file-upload-upload-item-pressed-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading); --file-upload-upload-item-pressed-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color); --file-upload-upload-item-pressed-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing); --file-upload-upload-item-pressed-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale); --file-upload-upload-item-pressed-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size); --file-upload-upload-item-pressed-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking); --file-upload-upload-item-pressed-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight); --file-upload-upload-item-pressed-state-text-case: var(--file-upload-upload-item-normal-state-text-case); --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-light-mode-color); --file-upload-upload-item-pressed-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-pressed-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family); --file-upload-upload-item-pressed-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading); --file-upload-upload-item-pressed-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-pressed-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing); --file-upload-upload-item-pressed-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale); --file-upload-upload-item-pressed-state-text-size: var(--file-upload-upload-item-normal-state-text-size); --file-upload-upload-item-pressed-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking); --file-upload-upload-item-pressed-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight); --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color); --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); --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); --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-light-mode-color); --file-upload-upload-item-single-value-border-color-dark-mode-color: var(--core-fill-30-dark-mode-color); --file-upload-upload-item-single-value-border-color-light-mode-color: var(--core-fill-30-light-mode-color); --file-upload-upload-item-single-value-border-radius: var(--core-radius-100); --file-upload-upload-item-single-value-border-width: var(--core-border-10); --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-light-mode-color); --file-upload-upload-item-success-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-success-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-success-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-height: var(--core-metrics-spacing-300); --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-width: var(--file-upload-upload-item-success-state-leading-accessory-height); --file-upload-upload-item-success-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case); --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-light-mode-color); --file-upload-upload-item-success-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color); --file-upload-upload-item-success-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family); --file-upload-upload-item-success-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading); --file-upload-upload-item-success-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color); --file-upload-upload-item-success-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing); --file-upload-upload-item-success-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale); --file-upload-upload-item-success-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size); --file-upload-upload-item-success-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking); --file-upload-upload-item-success-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight); --file-upload-upload-item-success-state-text-case: var(--file-upload-upload-item-normal-state-text-case); --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-light-mode-color); --file-upload-upload-item-success-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-success-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family); --file-upload-upload-item-success-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading); --file-upload-upload-item-success-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-success-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing); --file-upload-upload-item-success-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale); --file-upload-upload-item-success-state-text-size: var(--file-upload-upload-item-normal-state-text-size); --file-upload-upload-item-success-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking); --file-upload-upload-item-success-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight); --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color); --file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color: var(--core-success-fill-dark-mode-color); --file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color: var(--core-success-fill-light-mode-color); --file-upload-upload-item-vertical-padding: var(--core-metrics-spacing-200); /* ========== filter-button ========== */ --filter-button-border-radius: 6px; --filter-button-border-size: 1px; --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-light-mode-color); --filter-button-disabled-state-background-dark-mode-color: transparent; --filter-button-disabled-state-background-light-mode-color: transparent; --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-light-mode-color); --filter-button-disabled-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --filter-button-disabled-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --filter-button-disabled-state-border-size: var(--core-border-10); --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-light-mode-color); --filter-button-disabled-state-feedback-dark-mode-color: var(--core-text-30-dark-mode-color); --filter-button-disabled-state-feedback-light-mode-color: var(--core-text-30-light-mode-color); --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-light-mode-color); --filter-button-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color); --filter-button-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color); --filter-button-feedback-maximum: 99; --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-light-mode-color); --filter-button-hover-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --filter-button-hover-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-light-mode-color); --filter-button-hover-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --filter-button-hover-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --filter-button-hover-state-border-size: var(--core-border-10); --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-light-mode-color); --filter-button-hover-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color); --filter-button-hover-state-feedback-light-mode-color: var(--core-text-10-light-mode-color); --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-light-mode-color); --filter-button-hover-state-label-dark-mode-color: var(--core-text-20-dark-mode-color); --filter-button-hover-state-label-light-mode-color: var(--core-text-20-light-mode-color); --filter-button-icon-content-spacing: var(--core-metrics-spacing-50); --filter-button-icon-feedback-trailing-padding: 2px; --filter-button-label-content-spacing: var(--core-metrics-spacing-100); --filter-button-medium-size-feedback-text-case: var(--core-type-semibold-30-case); --filter-button-medium-size-feedback-text-font-family: var(--core-type-semibold-30-font-family); --filter-button-medium-size-feedback-text-leading: var(--core-type-semibold-30-leading); --filter-button-medium-size-feedback-text-number-spacing: var(--core-type-semibold-30-number-spacing); --filter-button-medium-size-feedback-text-scale: var(--core-type-semibold-30-scale); --filter-button-medium-size-feedback-text-size: var(--core-type-semibold-30-size); --filter-button-medium-size-feedback-text-tracking: var(--core-type-semibold-30-tracking); --filter-button-medium-size-feedback-text-weight: var(--core-type-semibold-30-weight); --filter-button-medium-size-icon-horizontal-padding: 12px; --filter-button-medium-size-icon-text-case: var(--core-type-semibold-30-case); --filter-button-medium-size-icon-text-font-family: var(--core-type-semibold-30-font-family); --filter-button-medium-size-icon-text-leading: var(--core-type-semibold-30-leading); --filter-button-medium-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing); --filter-button-medium-size-icon-text-scale: var(--core-type-semibold-30-scale); --filter-button-medium-size-icon-text-size: var(--core-type-semibold-30-size); --filter-button-medium-size-icon-text-tracking: var(--core-type-semibold-30-tracking); --filter-button-medium-size-icon-text-weight: var(--core-type-semibold-30-weight); --filter-button-medium-size-icon-vertical-padding: 12px; --filter-button-medium-size-label-horizontal-padding: 16px; --filter-button-medium-size-label-text-case: var(--core-type-paragraph-30-case); --filter-button-medium-size-label-text-font-family: var(--core-type-paragraph-30-font-family); --filter-button-medium-size-label-text-leading: var(--core-type-paragraph-30-leading); --filter-button-medium-size-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --filter-button-medium-size-label-text-scale: var(--core-type-paragraph-30-scale); --filter-button-medium-size-label-text-size: var(--core-type-paragraph-30-size); --filter-button-medium-size-label-text-tracking: var(--core-type-paragraph-30-tracking); --filter-button-medium-size-label-text-weight: var(--core-type-paragraph-30-weight); --filter-button-medium-size-label-vertical-padding: 12px; --filter-button-medium-size-minimum-height: 48px; --filter-button-medium-size-minimum-width-multiplier: 1; --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-light-mode-color); --filter-button-normal-state-background-dark-mode-color: transparent; --filter-button-normal-state-background-light-mode-color: transparent; --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-light-mode-color); --filter-button-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-light-mode-color); --filter-button-normal-state-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color); --filter-button-normal-state-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color); --filter-button-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-light-mode-color); --filter-button-normal-state-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color); --filter-button-normal-state-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color); --filter-button-normal-state-border-size: var(--core-border-10); --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-light-mode-color); --filter-button-normal-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color); --filter-button-normal-state-feedback-light-mode-color: var(--core-text-10-light-mode-color); --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-light-mode-color); --filter-button-normal-state-label-dark-mode-color: var(--core-text-20-dark-mode-color); --filter-button-normal-state-label-light-mode-color: var(--core-text-20-light-mode-color); --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-light-mode-color); --filter-button-pressed-state-background-dark-mode-color: transparent; --filter-button-pressed-state-background-light-mode-color: transparent; --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-light-mode-color); --filter-button-pressed-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color); --filter-button-pressed-state-border-light-mode-color: var(--core-fill-10-light-mode-color); --filter-button-pressed-state-border-size: var(--core-border-10); --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-light-mode-color); --filter-button-pressed-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color); --filter-button-pressed-state-feedback-light-mode-color: var(--core-text-10-light-mode-color); --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-light-mode-color); --filter-button-pressed-state-label-dark-mode-color: var(--core-text-20-dark-mode-color); --filter-button-pressed-state-label-light-mode-color: var(--core-text-20-light-mode-color); --filter-button-small-size-feedback-text-case: var(--core-type-semibold-20-case); --filter-button-small-size-feedback-text-font-family: var(--core-type-semibold-20-font-family); --filter-button-small-size-feedback-text-leading: var(--core-type-semibold-20-leading); --filter-button-small-size-feedback-text-number-spacing: var(--core-type-semibold-20-number-spacing); --filter-button-small-size-feedback-text-scale: var(--core-type-semibold-20-scale); --filter-button-small-size-feedback-text-size: var(--core-type-semibold-20-size); --filter-button-small-size-feedback-text-tracking: var(--core-type-semibold-20-tracking); --filter-button-small-size-feedback-text-weight: var(--core-type-semibold-20-weight); --filter-button-small-size-icon-horizontal-padding: 8px; --filter-button-small-size-icon-text-case: var(--core-type-semibold-30-case); --filter-button-small-size-icon-text-font-family: var(--core-type-semibold-30-font-family); --filter-button-small-size-icon-text-leading: var(--core-type-semibold-30-leading); --filter-button-small-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing); --filter-button-small-size-icon-text-scale: var(--core-type-semibold-30-scale); --filter-button-small-size-icon-text-size: var(--core-type-semibold-30-size); --filter-button-small-size-icon-text-tracking: var(--core-type-semibold-30-tracking); --filter-button-small-size-icon-text-weight: var(--core-type-semibold-30-weight); --filter-button-small-size-icon-vertical-padding: 8px; --filter-button-small-size-label-horizontal-padding: 12px; --filter-button-small-size-label-text-case: var(--core-type-paragraph-20-case); --filter-button-small-size-label-text-font-family: var(--core-type-paragraph-20-font-family); --filter-button-small-size-label-text-leading: var(--core-type-paragraph-20-leading); --filter-button-small-size-label-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --filter-button-small-size-label-text-scale: var(--core-type-paragraph-20-scale); --filter-button-small-size-label-text-size: var(--core-type-paragraph-20-size); --filter-button-small-size-label-text-tracking: var(--core-type-paragraph-20-tracking); --filter-button-small-size-label-text-weight: var(--core-type-paragraph-20-weight); --filter-button-small-size-label-vertical-padding: 9px; --filter-button-small-size-minimum-height: 40px; --filter-button-small-size-minimum-width-multiplier: 1; /* ========== footer ========== */ --footer-vertical-padding-size: 16px; /* ========== hardware-slider ========== */ --hardware-slider-icon-size: 24px; --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-light-mode-color); --hardware-slider-icon-tint-dark-mode-color: var(--core-fill-white-dark-mode-color); --hardware-slider-icon-tint-light-mode-color: var(--core-fill-white-light-mode-color); --hardware-slider-minimum-height: 48px; --hardware-slider-minimum-width: 48px; --hardware-slider-track-active-corner-radius: 40px; --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-light-mode-color); --hardware-slider-track-active-disabled-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --hardware-slider-track-active-disabled-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --hardware-slider-track-active-height: 40px; --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-light-mode-color); --hardware-slider-track-active-normal-state-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --hardware-slider-track-active-normal-state-background-light-mode-color: var(--core-emphasis-fill-light-mode-color); --hardware-slider-track-active-padding-horizontal-size: 8px; --hardware-slider-track-inactive-corner-radius: 16px; --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-light-mode-color); --hardware-slider-track-inactive-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --hardware-slider-track-inactive-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --hardware-slider-track-inactive-height: 16px; --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-light-mode-color); --hardware-slider-track-inactive-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --hardware-slider-track-inactive-normal-state-background-light-mode-color: var(--core-fill-30-light-mode-color); /* ========== header ========== */ --header-bottom-padding-compact-size-class-size: var(--core-metrics-spacing-200); --header-bottom-padding-normal-size-class-size: var(--header-top-padding-compact-size-class-size); --header-bottom-padding-size: var(--core-metrics-spacing-200); --header-bottom-padding-wide-size-class-size: var(--header-top-padding-compact-size-class-size); --header-compact-content-style-heading-container-minimum-height: var(--core-medium-size-minimum-height); --header-compact-content-style-secondary-title-case: var(--core-type-paragraph-20-case); --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-light-mode-color); --header-compact-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color); --header-compact-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family); --header-compact-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading); --header-compact-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color); --header-compact-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing); --header-compact-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale); --header-compact-content-style-secondary-title-size: var(--core-type-paragraph-20-size); --header-compact-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking); --header-compact-content-style-secondary-title-vertical-title-gap: 0px; --header-compact-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight); --header-compact-content-style-title-case: var(--core-type-heading-20-case); --header-compact-content-style-title-color: var(--header-compact-content-style-title-light-mode-color); --header-compact-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color); --header-compact-content-style-title-font-family: var(--core-type-heading-20-font-family); --header-compact-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100); --header-compact-content-style-title-leading: var(--core-type-heading-20-leading); --header-compact-content-style-title-light-mode-color: var(--core-text-10-light-mode-color); --header-compact-content-style-title-number-spacing: var(--core-type-heading-20-number-spacing); --header-compact-content-style-title-scale: var(--core-type-heading-20-scale); --header-compact-content-style-title-size: var(--core-type-heading-20-size); --header-compact-content-style-title-tracking: var(--core-type-heading-20-tracking); --header-compact-content-style-title-weight: var(--core-type-heading-20-weight); --header-compact-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-150); --header-compact-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-150); --header-compact-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-200); --header-compact-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-150); --header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100); --header-compact-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-150); --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); --header-compact-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-100); --header-divider-color: var(--header-divider-light-mode-color); --header-divider-dark-mode-color: var(--core-divider-20-dark-mode-color); --header-divider-light-mode-color: var(--core-divider-20-light-mode-color); --header-divider-size: var(--core-border-10); --header-horizontal-padding-compact-size-class-size: var(--core-metrics-spacing-200); --header-horizontal-padding-normal-size-class-size: var(--core-metrics-spacing-300); --header-horizontal-padding-size: var(--core-metrics-spacing-200); --header-horizontal-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size); --header-large-content-style-secondary-title-case: var(--core-type-paragraph-20-case); --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-light-mode-color); --header-large-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color); --header-large-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family); --header-large-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading); --header-large-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color); --header-large-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing); --header-large-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale); --header-large-content-style-secondary-title-size: var(--core-type-paragraph-20-size); --header-large-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking); --header-large-content-style-secondary-title-vertical-title-gap: var(--core-metrics-spacing-100); --header-large-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight); --header-large-content-style-title-case: var(--core-type-heading-30-case); --header-large-content-style-title-color: var(--header-large-content-style-title-light-mode-color); --header-large-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color); --header-large-content-style-title-font-family: var(--core-type-heading-30-font-family); --header-large-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100); --header-large-content-style-title-leading: var(--core-type-heading-30-leading); --header-large-content-style-title-light-mode-color: var(--core-text-10-light-mode-color); --header-large-content-style-title-number-spacing: var(--core-type-heading-30-number-spacing); --header-large-content-style-title-scale: var(--core-type-heading-30-scale); --header-large-content-style-title-size: var(--core-type-heading-30-size); --header-large-content-style-title-tracking: var(--core-type-heading-30-tracking); --header-large-content-style-title-weight: var(--core-type-heading-30-weight); --header-main-text-dark-mode-text-color: var(--core-text-10-dark-mode-color); --header-main-text-horizontal-spacing: var(--core-metrics-spacing-200); --header-main-text-light-mode-text-color: var(--core-text-10-light-mode-color); --header-main-text-minimum-width: 64px; --header-main-text-normal-phase-spacing-top-size: var(--core-metrics-spacing-100); --header-main-text-text-color: var(--header-main-text-light-mode-text-color); --header-main-text-transition-duration: 0.16s; --header-modal-blade-context-vertical-end-gap: var(--core-metrics-spacing-300); --header-modal-full-context-vertical-end-gap: var(--core-metrics-spacing-300); --header-modal-partial-context-vertical-end-gap: var(--core-metrics-spacing-300); --header-nav-icon-button-spacing-bottom-size: var(--core-metrics-spacing-300); --header-nav-icon-button-spacing-buttom-size: var(--core-metrics-spacing-300); --header-paragraph-case: var(--core-type-paragraph-30-case); --header-paragraph-color: var(--header-paragraph-light-mode-color); --header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color); --header-paragraph-font-family: var(--core-type-paragraph-30-font-family); --header-paragraph-leading: var(--core-type-paragraph-30-leading); --header-paragraph-light-mode-color: var(--core-text-10-light-mode-color); --header-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing); --header-paragraph-scale: var(--core-type-paragraph-30-scale); --header-paragraph-size: var(--core-type-paragraph-30-size); --header-paragraph-tracking: var(--core-type-paragraph-30-tracking); --header-paragraph-weight: var(--core-type-paragraph-30-weight); --header-regular-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-200); --header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-200); --header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-300); --header-regular-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-200); --header-regular-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-200); --header-regular-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-200); --header-regular-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100); --header-regular-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-200); --header-sub-text-dark-mode-text-color: var(--core-text-20-dark-mode-color); --header-sub-text-light-mode-text-color: var(--core-text-20-light-mode-color); --header-sub-text-spacing-bottom-size: var(--core-metrics-spacing-100); --header-sub-text-text-color: var(--header-sub-text-light-mode-text-color); --header-top-padding-compact-size-class-size: var(--core-metrics-spacing-200); --header-top-padding-normal-size-class-size: var(--core-metrics-spacing-300); --header-top-padding-size: var(--core-metrics-spacing-300); --header-top-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size); --header-wide-horizontal-size-class-heading-container-horizontal-gap: var(--header-regular-horizontal-size-class-heading-container-horizontal-gap); --header-wide-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap); --header-wide-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap); --header-wide-horizontal-size-class-trailing-buttons-horizontal-gap: var(--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap); /* ========== icon-button ========== */ --icon-button-border-radius: var(--button-border-radius); --icon-button-compact-size-minimum-height: 40px; --icon-button-compact-size-minimum-padding-size: 12px; --icon-button-compact-size-minimum-width: 40px; --icon-button-compact-size-padding-size: 12px; --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color); --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color); --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color); --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color); --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color); --icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color); --icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color); --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color); --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color); --icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color); --icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color); --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color); --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color); --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color); --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color); --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color); --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color); --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color); --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color); --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color); --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color); --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color); --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color); --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color); --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color); --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color); --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: transparent; --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: transparent; --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color); --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color); --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color); --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent; --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent; --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-light-mode-background-color); --icon-button-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-light-mode-icon-color); --icon-button-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-focus-ring-border-size: var(--core-focus-ring-border-size); --icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --icon-button-focus-state-background-color: var(--icon-button-focus-state-light-mode-background-color); --icon-button-focus-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color); --icon-button-focus-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color); --icon-button-focus-state-icon-color: var(--icon-button-focus-state-light-mode-icon-color); --icon-button-focus-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color); --icon-button-focus-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color); --icon-button-hover-state-background-color: var(--icon-button-hover-state-light-mode-background-color); --icon-button-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --icon-button-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-hover-state-icon-color: var(--icon-button-hover-state-light-mode-icon-color); --icon-button-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --icon-button-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-large-size-icon-height: var(--core-icon-medium-size-height); --icon-button-large-size-icon-width: var(--core-icon-medium-size-width); --icon-button-large-size-minimum-height: var(--core-large-size-minimum-height); --icon-button-large-size-padding-size: 20px; --icon-button-large-size-width-multiplier: 1; --icon-button-medium-size-horizontal-spacing-size: var(--core-metrics-spacing-100); --icon-button-medium-size-icon-height: var(--core-icon-medium-size-height); --icon-button-medium-size-icon-width: var(--core-icon-medium-size-width); --icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height); --icon-button-medium-size-padding-size: 12px; --icon-button-medium-size-width-multiplier: 1; --icon-button-minimum-height: 48px; --icon-button-minimum-width: 48px; --icon-button-normal-size-minimum-height: 48px; --icon-button-normal-size-minimum-width: 48px; --icon-button-normal-size-padding-size: 16px; --icon-button-normal-state-background-color: var(--icon-button-normal-state-light-mode-background-color); --icon-button-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-normal-state-icon-color: var(--icon-button-normal-state-light-mode-icon-color); --icon-button-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color); --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color); --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color); --icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color); --icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color); --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-padding-size: 16px; --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-light-mode-background-color); --icon-button-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --icon-button-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-light-mode-icon-color); --icon-button-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --icon-button-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color); --icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color); --icon-button-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color); --icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color); --icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color); --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color); --icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color); --icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color); --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color); --icon-button-primary-rank-hover-state-dark-mode-background-color: var(--core-blue-20-dark-mode-color); --icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color); --icon-button-primary-rank-hover-state-light-mode-background-color: var(--core-blue-20-light-mode-color); --icon-button-primary-rank-hover-state-light-mode-icon-color: var(--core-fill-white-light-mode-color); --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color); --icon-button-primary-rank-normal-state-dark-mode-background-color: var(--core-blue-fill-dark-mode-color); --icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color); --icon-button-primary-rank-normal-state-light-mode-background-color: var(--core-blue-fill-light-mode-color); --icon-button-primary-rank-normal-state-light-mode-icon-color: var(--core-fill-white-light-mode-color); --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color); --icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--core-blue-10-dark-mode-color); --icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color); --icon-button-primary-rank-pressed-state-light-mode-background-color: var(--core-blue-10-light-mode-color); --icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--core-fill-white-light-mode-color); --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --icon-button-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --icon-button-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-small-size-icon-height: var(--core-icon-medium-size-height); --icon-button-small-size-icon-width: var(--core-icon-medium-size-width); --icon-button-small-size-minimum-height: var(--core-small-size-minimum-height); --icon-button-small-size-padding-size: 8px; --icon-button-small-size-width-multiplier: 1; --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color); --icon-button-tertiary-rank-disabled-state-dark-mode-background-color: transparent; --icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color); --icon-button-tertiary-rank-disabled-state-light-mode-background-color: transparent; --icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color); --icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color); --icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color); --icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color); --icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color); --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color); --icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color); --icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color); --icon-button-tertiary-rank-normal-state-dark-mode-background-color: transparent; --icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color); --icon-button-tertiary-rank-normal-state-light-mode-background-color: transparent; --icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color); --icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color); --icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); /* ========== inline-section-header ========== */ --inline-section-header-10-heading-case: var(--core-type-heading-10-case); --inline-section-header-10-heading-font-family: var(--core-type-heading-10-font-family); --inline-section-header-10-heading-leading: var(--core-type-heading-10-leading); --inline-section-header-10-heading-minimum-height: var(--core-small-size-minimum-height); --inline-section-header-10-heading-number-spacing: var(--core-type-heading-10-number-spacing); --inline-section-header-10-heading-scale: var(--core-type-heading-10-scale); --inline-section-header-10-heading-size: var(--core-type-heading-10-size); --inline-section-header-10-heading-tracking: var(--core-type-heading-10-tracking); --inline-section-header-10-heading-vertical-padding: 9px; --inline-section-header-10-heading-weight: var(--core-type-heading-10-weight); --inline-section-header-10-paragraph-case: var(--core-type-paragraph-30-case); --inline-section-header-10-paragraph-font-family: var(--core-type-paragraph-30-font-family); --inline-section-header-10-paragraph-leading: var(--core-type-paragraph-30-leading); --inline-section-header-10-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing); --inline-section-header-10-paragraph-scale: var(--core-type-paragraph-30-scale); --inline-section-header-10-paragraph-size: var(--core-type-paragraph-30-size); --inline-section-header-10-paragraph-top-padding: 0px; --inline-section-header-10-paragraph-tracking: var(--core-type-paragraph-30-tracking); --inline-section-header-10-paragraph-weight: var(--core-type-paragraph-30-weight); --inline-section-header-10-text-link-text-case: var(--text-link-small-size-text-case); --inline-section-header-10-text-link-text-font-family: var(--text-link-small-size-text-font-family); --inline-section-header-10-text-link-text-leading: var(--text-link-small-size-text-leading); --inline-section-header-10-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing); --inline-section-header-10-text-link-text-scale: var(--text-link-small-size-text-scale); --inline-section-header-10-text-link-text-size: var(--text-link-small-size-text-size); --inline-section-header-10-text-link-text-tracking: var(--text-link-small-size-text-tracking); --inline-section-header-10-text-link-text-weight: var(--text-link-small-size-text-weight); --inline-section-header-10-text-link-vertical-padding: 0px; --inline-section-header-10-vertical-gap: 0px; --inline-section-header-20-heading-case: var(--core-type-heading-20-case); --inline-section-header-20-heading-font-family: var(--core-type-heading-20-font-family); --inline-section-header-20-heading-leading: var(--core-type-heading-20-leading); --inline-section-header-20-heading-minimum-height: var(--core-small-size-minimum-height); --inline-section-header-20-heading-number-spacing: var(--core-type-heading-20-number-spacing); --inline-section-header-20-heading-scale: var(--core-type-heading-20-scale); --inline-section-header-20-heading-size: var(--core-type-heading-20-size); --inline-section-header-20-heading-tracking: var(--core-type-heading-20-tracking); --inline-section-header-20-heading-vertical-padding: 7px; --inline-section-header-20-heading-weight: var(--core-type-heading-20-weight); --inline-section-header-20-paragraph-case: var(--core-type-paragraph-30-case); --inline-section-header-20-paragraph-font-family: var(--core-type-paragraph-30-font-family); --inline-section-header-20-paragraph-leading: var(--core-type-paragraph-30-leading); --inline-section-header-20-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing); --inline-section-header-20-paragraph-scale: var(--core-type-paragraph-30-scale); --inline-section-header-20-paragraph-size: var(--core-type-paragraph-30-size); --inline-section-header-20-paragraph-top-padding: 5px; --inline-section-header-20-paragraph-tracking: var(--core-type-paragraph-30-tracking); --inline-section-header-20-paragraph-weight: var(--core-type-paragraph-30-weight); --inline-section-header-20-text-link-text-case: var(--text-link-medium-size-text-case); --inline-section-header-20-text-link-text-font-family: var(--text-link-medium-size-text-font-family); --inline-section-header-20-text-link-text-leading: var(--text-link-medium-size-text-leading); --inline-section-header-20-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing); --inline-section-header-20-text-link-text-scale: var(--text-link-medium-size-text-scale); --inline-section-header-20-text-link-text-size: var(--text-link-medium-size-text-size); --inline-section-header-20-text-link-text-tracking: var(--text-link-medium-size-text-tracking); --inline-section-header-20-text-link-text-weight: var(--text-link-medium-size-text-weight); --inline-section-header-20-text-link-vertical-padding: 0px; --inline-section-header-20-vertical-gap: var(--core-metrics-spacing-50); --inline-section-header-30-heading-case: var(--core-type-heading-30-case); --inline-section-header-30-heading-font-family: var(--core-type-heading-30-font-family); --inline-section-header-30-heading-leading: var(--core-type-heading-30-leading); --inline-section-header-30-heading-minimum-height: var(--core-small-size-minimum-height); --inline-section-header-30-heading-number-spacing: var(--core-type-heading-30-number-spacing); --inline-section-header-30-heading-scale: var(--core-type-heading-30-scale); --inline-section-header-30-heading-size: var(--core-type-heading-30-size); --inline-section-header-30-heading-tracking: var(--core-type-heading-30-tracking); --inline-section-header-30-heading-vertical-padding: 4px; --inline-section-header-30-heading-weight: var(--core-type-heading-30-weight); --inline-section-header-30-paragraph-case: var(--core-type-paragraph-30-case); --inline-section-header-30-paragraph-font-family: var(--core-type-paragraph-30-font-family); --inline-section-header-30-paragraph-leading: var(--core-type-paragraph-30-leading); --inline-section-header-30-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing); --inline-section-header-30-paragraph-scale: var(--core-type-paragraph-30-scale); --inline-section-header-30-paragraph-size: var(--core-type-paragraph-30-size); --inline-section-header-30-paragraph-top-padding: 12px; --inline-section-header-30-paragraph-tracking: var(--core-type-paragraph-30-tracking); --inline-section-header-30-paragraph-weight: var(--core-type-paragraph-30-weight); --inline-section-header-30-text-link-text-case: var(--text-link-medium-size-text-case); --inline-section-header-30-text-link-text-font-family: var(--text-link-medium-size-text-font-family); --inline-section-header-30-text-link-text-leading: var(--text-link-medium-size-text-leading); --inline-section-header-30-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing); --inline-section-header-30-text-link-text-scale: var(--text-link-medium-size-text-scale); --inline-section-header-30-text-link-text-size: var(--text-link-medium-size-text-size); --inline-section-header-30-text-link-text-tracking: var(--text-link-medium-size-text-tracking); --inline-section-header-30-text-link-text-weight: var(--text-link-medium-size-text-weight); --inline-section-header-30-text-link-vertical-padding: 0px; --inline-section-header-30-vertical-gap: var(--core-metrics-spacing-150); --inline-section-header-heading-color: var(--inline-section-header-heading-light-mode-color); --inline-section-header-heading-dark-mode-color: var(--core-text-10-dark-mode-color); --inline-section-header-heading-light-mode-color: var(--core-text-10-light-mode-color); --inline-section-header-horizontal-spacing: var(--core-metrics-spacing-100); --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-light-mode-color); --inline-section-header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color); --inline-section-header-paragraph-light-mode-color: var(--core-text-10-light-mode-color); --inline-section-header-text-link-color: var(--inline-section-header-text-link-light-mode-color); --inline-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --inline-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity); --inline-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity); --inline-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color); --inline-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity); --inline-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity); /* ========== inline-status ========== */ --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-light-mode-color); --inline-status-error-variant-icon-dark-mode-color: var(--core-critical-text-dark-mode-color); --inline-status-error-variant-icon-light-mode-color: var(--core-critical-text-light-mode-color); --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-light-mode-color); --inline-status-error-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --inline-status-error-variant-text-light-mode-color: var(--core-critical-text-light-mode-color); --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-light-mode-color); --inline-status-info-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --inline-status-info-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color); --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-light-mode-color); --inline-status-info-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color); --inline-status-info-variant-text-light-mode-color: var(--core-text-20-light-mode-color); --inline-status-normal-size-icon-size: 20px; --inline-status-normal-size-spacing-horizontal: var(--core-metrics-spacing-50); --inline-status-normal-size-text-case: var(--core-type-paragraph-20-case); --inline-status-normal-size-text-font-family: var(--core-type-paragraph-20-font-family); --inline-status-normal-size-text-leading: var(--core-type-paragraph-20-leading); --inline-status-normal-size-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --inline-status-normal-size-text-scale: var(--core-type-paragraph-20-scale); --inline-status-normal-size-text-size: var(--core-type-paragraph-20-size); --inline-status-normal-size-text-tracking: var(--core-type-paragraph-20-tracking); --inline-status-normal-size-text-weight: var(--core-type-paragraph-20-weight); --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-light-mode-color); --inline-status-success-variant-icon-dark-mode-color: var(--core-success-text-dark-mode-color); --inline-status-success-variant-icon-light-mode-color: var(--core-success-text-light-mode-color); --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-light-mode-color); --inline-status-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color); --inline-status-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color); --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-light-mode-color); --inline-status-warning-variant-icon-dark-mode-color: var(--core-warning-text-dark-mode-color); --inline-status-warning-variant-icon-light-mode-color: var(--core-warning-text-light-mode-color); --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-light-mode-color); --inline-status-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --inline-status-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color); /* ========== keyboard-bar ========== */ --keyboard-bar-background-color: var(--keyboard-bar-light-mode-background-color); --keyboard-bar-dark-mode-background-color: var(--core-fill-50-dark-mode-color); --keyboard-bar-dark-mode-separator-color: var(--core-fill-40-dark-mode-color); --keyboard-bar-dark-mode-surface-color: var(--core-surface-5-dark-mode-color); --keyboard-bar-horizontal-padding: var(--core-metrics-spacing-100); --keyboard-bar-light-mode-background-color: var(--core-fill-50-light-mode-color); --keyboard-bar-light-mode-separator-color: var(--core-fill-40-light-mode-color); --keyboard-bar-light-mode-surface-color: var(--core-surface-5-light-mode-color); --keyboard-bar-separator-color: var(--keyboard-bar-light-mode-separator-color); --keyboard-bar-spacing: var(--core-metrics-spacing-100); --keyboard-bar-surface-color: var(--keyboard-bar-light-mode-surface-color); --keyboard-bar-vertical-padding: var(--core-metrics-spacing-150); /* ========== menu ========== */ --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-light-mode-color); --menu-item-selected-value-disabled-state-accordion-dark-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color); --menu-item-selected-value-disabled-state-accordion-light-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color); --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-light-mode-color); --menu-item-selected-value-disabled-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --menu-item-selected-value-disabled-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-light-mode-color); --menu-item-selected-value-disabled-state-drill-dark-mode-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color); --menu-item-selected-value-disabled-state-drill-light-mode-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color); --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-light-mode-color); --menu-item-selected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color); --menu-item-selected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color); --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-light-mode-color); --menu-item-selected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color); --menu-item-selected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color); --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-light-mode-color); --menu-item-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --menu-item-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-light-mode-color); --menu-item-selected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color); --menu-item-selected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color); --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-light-mode-color); --menu-item-selected-value-hover-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --menu-item-selected-value-hover-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-light-mode-color); --menu-item-selected-value-normal-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color); --menu-item-selected-value-normal-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color); --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-light-mode-color); --menu-item-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --menu-item-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-light-mode-color); --menu-item-selected-value-normal-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color); --menu-item-selected-value-normal-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color); --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-light-mode-color); --menu-item-selected-value-normal-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --menu-item-selected-value-normal-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-light-mode-color); --menu-item-selected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color); --menu-item-selected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color); --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-light-mode-color); --menu-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --menu-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-light-mode-color); --menu-item-selected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color); --menu-item-selected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color); --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-light-mode-color); --menu-item-selected-value-pressed-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --menu-item-selected-value-pressed-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color); --menu-item-unselected-value-disabled-state-accordion-dark-mode-color: var(--core-text-30-dark-mode-color); --menu-item-unselected-value-disabled-state-accordion-light-mode-color: var(--core-text-30-light-mode-color); --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-light-mode-color); --menu-item-unselected-value-disabled-state-background-dark-mode-color: transparent; --menu-item-unselected-value-disabled-state-background-light-mode-color: transparent; --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color); --menu-item-unselected-value-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color); --menu-item-unselected-value-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color); --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-light-mode-color); --menu-item-unselected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color); --menu-item-unselected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color); --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color); --menu-item-unselected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color); --menu-item-unselected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color); --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-light-mode-color); --menu-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --menu-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color); --menu-item-unselected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color); --menu-item-unselected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color); --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-light-mode-color); --menu-item-unselected-value-hover-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --menu-item-unselected-value-hover-state-text-light-mode-color: var(--core-text-10-light-mode-color); --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color); --menu-item-unselected-value-normal-state-accordion-dark-mode-color: var(--core-text-10-dark-mode-color); --menu-item-unselected-value-normal-state-accordion-light-mode-color: var(--core-text-10-light-mode-color); --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-light-mode-color); --menu-item-unselected-value-normal-state-background-dark-mode-color: transparent; --menu-item-unselected-value-normal-state-background-light-mode-color: transparent; --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color); --menu-item-unselected-value-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color); --menu-item-unselected-value-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color); --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-light-mode-color); --menu-item-unselected-value-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --menu-item-unselected-value-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color); --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color); --menu-item-unselected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color); --menu-item-unselected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color); --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-light-mode-color); --menu-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --menu-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color); --menu-item-unselected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color); --menu-item-unselected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color); --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-light-mode-color); --menu-item-unselected-value-pressed-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --menu-item-unselected-value-pressed-state-text-light-mode-color: var(--core-text-10-light-mode-color); /* ========== modalBlade ========== */ --modal-blade-background-color: var(--modal-blade-background-light-mode-color); --modal-blade-background-dark-mode-color: var(--core-surface-20-dark-mode-color); --modal-blade-background-light-mode-color: var(--core-surface-20-light-mode-color); --modal-blade-compact-horizontal-size-class-horizontal-padding: var(--modal-full-compact-horizontal-size-class-horizontal-padding); --modal-blade-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-blade-corner-radius: var(--core-radius-modals); --modal-blade-maximum-width-size: 464px; --modal-blade-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-blade-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-blade-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-blade-wide-viewport-padding-bottom-size: 0px; --modal-blade-wide-viewport-padding-left-size: var(--core-metrics-spacing-400); --modal-blade-wide-viewport-padding-right-size: var(--core-metrics-spacing-400); --modal-blade-wide-viewport-padding-top-size: var(--core-metrics-spacing-400); --modal-blade-wide-viewport-width-size: 464px; /* ========== modalDialog ========== */ --modal-dialog-actions-overflow-button-border-radius: var(--button-group-overflow-button-border-radius); --modal-dialog-actions-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height); --modal-dialog-actions-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size); --modal-dialog-actions-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width); --modal-dialog-actions-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color); --modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color); --modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size); --modal-dialog-actions-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size); --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color); --modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color); --modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color); --modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color); --modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height); --modal-dialog-actions-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width); --modal-dialog-actions-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height); --modal-dialog-actions-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size); --modal-dialog-actions-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier); --modal-dialog-actions-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size); --modal-dialog-actions-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height); --modal-dialog-actions-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width); --modal-dialog-actions-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height); --modal-dialog-actions-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size); --modal-dialog-actions-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier); --modal-dialog-actions-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height); --modal-dialog-actions-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width); --modal-dialog-actions-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height); --modal-dialog-actions-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width); --modal-dialog-actions-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size); --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color); --modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color); --modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-padding-size: var(--button-group-overflow-button-padding-size); --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color); --modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color); --modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier); --modal-dialog-actions-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height); --modal-dialog-actions-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width); --modal-dialog-actions-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height); --modal-dialog-actions-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size); --modal-dialog-actions-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-spacing: var(--button-group-spacing); --modal-dialog-actions-top-gap: var(--core-metrics-spacing-400); --modal-dialog-animation-duration: 0.50s; --modal-dialog-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration); --modal-dialog-animation-enter-transition-easing: var(--core-animation-exit-transition-easing); --modal-dialog-animation-enter-transition-opacity: 0; --modal-dialog-animation-enter-transition-scale: 0.9; --modal-dialog-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration); --modal-dialog-animation-exit-transition-easing: var(--core-animation-exit-transition-easing); --modal-dialog-animation-exit-transition-opacity: 0; --modal-dialog-animation-exit-transition-scale: 0.9; --modal-dialog-background-color: var(--modal-dialog-background-light-mode-color); --modal-dialog-background-dark-mode-color: var(--core-surface-20-dark-mode-color); --modal-dialog-background-light-mode-color: var(--core-surface-20-light-mode-color); --modal-dialog-border-radius: var(--core-radius-modals); --modal-dialog-compact-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-compact-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-dialog-compact-horizontal-size-class-maximum-width: 464px; --modal-dialog-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400); --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-light-mode-color); --modal-dialog-content-heading-dark-mode-color: var(--core-text-10-dark-mode-color); --modal-dialog-content-heading-light-mode-color: var(--core-text-10-light-mode-color); --modal-dialog-content-heading-text-case: var(--core-type-heading-30-case); --modal-dialog-content-heading-text-font-family: var(--core-type-heading-30-font-family); --modal-dialog-content-heading-text-leading: var(--core-type-heading-30-leading); --modal-dialog-content-heading-text-number-spacing: var(--core-type-heading-30-number-spacing); --modal-dialog-content-heading-text-scale: var(--core-type-heading-30-scale); --modal-dialog-content-heading-text-size: var(--core-type-heading-30-size); --modal-dialog-content-heading-text-tracking: var(--core-type-heading-30-tracking); --modal-dialog-content-heading-text-weight: var(--core-type-heading-30-weight); --modal-dialog-content-spinner-diameter-size: var(--activity-indicator-radial-large-size-diameter-size); --modal-dialog-content-spinner-stroke-size: var(--activity-indicator-radial-large-size-stroke-size); --modal-dialog-content-vertical-header-gap: var(--core-metrics-spacing-400); --modal-dialog-content-vertical-space: var(--core-metrics-spacing-200); --modal-dialog-horizontal-padding-size: var(--modal-dialog-narrow-viewport-horizontal-padding-size); --modal-dialog-maximum-width-size: 480px; --modal-dialog-medium-viewport-horizontal-padding-size: 40px; --modal-dialog-medium-viewport-vertical-padding-size: 24px; --modal-dialog-medium-viewport-width: 480px; --modal-dialog-narrow-viewport-horizontal-padding-size: 24px; --modal-dialog-narrow-viewport-vertical-padding-size: 24px; --modal-dialog-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-dialog-regular-horizontal-size-class-maximum-width: 464px; --modal-dialog-regular-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-regular-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400); --modal-dialog-veil-color: var(--modal-dialog-veil-light-mode-color); --modal-dialog-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color); --modal-dialog-veil-light-mode-color: var(--core-surface-overlay-light-mode-color); --modal-dialog-vertical-padding-size: var(--modal-dialog-narrow-viewport-vertical-padding-size); --modal-dialog-wide-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-wide-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-dialog-wide-horizontal-size-class-maximum-width: 464px; --modal-dialog-wide-viewport-horizontal-padding-size: 32px; --modal-dialog-wide-viewport-vertical-padding-size: 24px; --modal-dialog-wide-viewport-width: 480px; /* ========== modalFull ========== */ --modal-full-animation-duration: var(--modal-full-narrow-viewport-animation-duration); --modal-full-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration); --modal-full-animation-enter-transition-easing: var(--core-animation-exit-transition-easing); --modal-full-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration); --modal-full-animation-exit-transition-easing: var(--core-animation-exit-transition-easing); --modal-full-background-color: var(--modal-full-background-light-mode-color); --modal-full-background-dark-mode-color: var(--core-surface-5-dark-mode-color); --modal-full-background-light-mode-color: var(--core-surface-5-light-mode-color); --modal-full-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200); --modal-full-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-150); --modal-full-fixed-layout-width: 600px; --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size); --modal-full-medium-viewport-animation-duration: var(--modal-full-narrow-viewport-animation-duration); --modal-full-medium-viewport-horizontal-padding-size: 24px; --modal-full-medium-viewport-vertical-padding-size: 24px; --modal-full-narrow-viewport-animation-duration: 0.50s; --modal-full-narrow-viewport-horizontal-padding-size: 16px; --modal-full-narrow-viewport-vertical-padding-size: 16px; --modal-full-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300); --modal-full-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200); --modal-full-veil-color: var(--modal-full-veil-light-mode-color); --modal-full-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color); --modal-full-veil-light-mode-color: var(--core-surface-overlay-light-mode-color); --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size); --modal-full-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300); --modal-full-wide-viewport-animation-duration: var(--modal-full-medium-viewport-animation-duration); --modal-full-wide-viewport-horizontal-padding-size: 32px; --modal-full-wide-viewport-vertical-padding-size: 16px; /* ========== modalPartial ========== */ --modal-partial-animation-duration: var(--modal-partial-narrow-viewport-animation-duration); --modal-partial-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration); --modal-partial-animation-enter-transition-easing: var(--core-animation-exit-transition-easing); --modal-partial-animation-enter-transition-opacity: 0; --modal-partial-animation-enter-transition-scale: 0.9; --modal-partial-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration); --modal-partial-animation-exit-transition-easing: var(--core-animation-exit-transition-easing); --modal-partial-animation-exit-transition-opacity: 0; --modal-partial-animation-exit-transition-scale: 0.9; --modal-partial-background-color: var(--modal-partial-background-light-mode-color); --modal-partial-background-dark-mode-color: var(--core-surface-20-dark-mode-color); --modal-partial-background-light-mode-color: var(--core-surface-20-light-mode-color); --modal-partial-border-radius: var(--core-radius-modals); --modal-partial-compact-horizontal-size-class-horizontal-inner-padding: var(--modal-full-regular-horizontal-size-class-horizontal-padding); --modal-partial-compact-horizontal-size-class-horizontal-outer-padding: 0px; --modal-partial-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-partial-compact-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width); --modal-partial-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-300); --modal-partial-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-300); --modal-partial-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-partial-horizontal-padding-size: var(--modal-partial-narrow-viewport-horizontal-padding-size); --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-narrow-viewport-horizontal-screen-buffer-size); --modal-partial-medium-viewport-animation-duration: var(--modal-partial-narrow-viewport-animation-duration); --modal-partial-medium-viewport-horizontal-padding-size: var(--core-metrics-spacing-400); --modal-partial-medium-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300); --modal-partial-medium-viewport-vertical-padding-size: var(--core-metrics-spacing-400); --modal-partial-medium-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300); --modal-partial-medium-viewport-width: 664px; --modal-partial-narrow-viewport-animation-duration: 0.50s; --modal-partial-narrow-viewport-horizontal-padding-size: var(--core-metrics-spacing-200); --modal-partial-narrow-viewport-horizontal-screen-buffer-size: 0px; --modal-partial-narrow-viewport-vertical-padding-size: var(--core-metrics-spacing-200); --modal-partial-narrow-viewport-vertical-screen-buffer-size: 0px; --modal-partial-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400); --modal-partial-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200); --modal-partial-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-partial-regular-horizontal-size-class-maximum-width: 664px; --modal-partial-regular-vertical-size-class-vertical-inner-padding: var(--modal-partial-compact-vertical-size-class-vertical-inner-padding); --modal-partial-regular-vertical-size-class-vertical-outer-padding: var(--modal-partial-compact-vertical-size-class-vertical-outer-padding); --modal-partial-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-partial-veil-color: var(--modal-partial-veil-light-mode-color); --modal-partial-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color); --modal-partial-veil-light-mode-color: var(--core-surface-overlay-light-mode-color); --modal-partial-vertical-padding-size: var(--modal-partial-narrow-viewport-vertical-padding-size); --modal-partial-vertical-screen-buffer-size: var(--modal-partial-narrow-viewport-vertical-screen-buffer-size); --modal-partial-wide-horizontal-size-class-horizontal-inner-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-inner-padding); --modal-partial-wide-horizontal-size-class-horizontal-outer-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-outer-padding); --modal-partial-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-partial-wide-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width); --modal-partial-wide-viewport-animation-duration: var(--modal-partial-medium-viewport-animation-duration); --modal-partial-wide-viewport-horizontal-padding-size: var(--core-metrics-spacing-400); --modal-partial-wide-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300); --modal-partial-wide-viewport-vertical-padding-size: var(--core-metrics-spacing-400); --modal-partial-wide-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300); --modal-partial-wide-viewport-width: 664px; /* ========== modalPopover ========== */ --modal-popover-anchor-space-horizontal-size: var(--core-metrics-spacing-100); --modal-popover-anchor-space-vertical-size: var(--core-metrics-spacing-100); --modal-popover-appear-animation-percentage: 70px; --modal-popover-background-color: var(--modal-popover-background-light-mode-color); --modal-popover-background-dark-mode-color: var(--core-surface-30-dark-mode-color); --modal-popover-background-light-mode-color: var(--core-surface-30-light-mode-color); --modal-popover-border-radius: var(--core-radius-100); --modal-popover-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200); --modal-popover-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200); --modal-popover-regular-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding); --modal-popover-regular-vertical-size-class-vertical-padding: var(--modal-popover-compact-vertical-size-class-vertical-padding); --modal-popover-size-maximum-height: 464px; --modal-popover-size-minimum-width: 200px; --modal-popover-wide-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding); --modal-popover-wide-viewport-max-height-size: 500px; --modal-popover-wide-viewport-min-width-size: 200px; --modal-popover-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-100); --modal-popover-wide-viewport-padding-left-size: var(--core-metrics-spacing-300); --modal-popover-wide-viewport-padding-right-size: var(--core-metrics-spacing-300); --modal-popover-wide-viewport-padding-top-size: var(--core-metrics-spacing-100); /* ========== modalSheet ========== */ --modal-sheet-background-color: var(--modal-sheet-background-light-mode-color); --modal-sheet-background-dark-mode-color: var(--core-surface-20-dark-mode-color); --modal-sheet-background-light-mode-color: var(--core-surface-20-light-mode-color); --modal-sheet-border-radius: var(--core-radius-modals); --modal-sheet-compact-horizontal-size-class-bottom-gap: 0px; --modal-sheet-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200); --modal-sheet-compact-horizontal-size-class-maximum-width: 464px; --modal-sheet-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200); --modal-sheet-handle-background-color: var(--modal-sheet-handle-light-mode-background-color); --modal-sheet-handle-border-radius: var(--core-radius-circle); --modal-sheet-handle-dark-mode-background-color: rgba(255, 255, 255, 0.2); --modal-sheet-handle-dark-mode-fill-color: rgba(255, 255, 255, 0.4); --modal-sheet-handle-fill-color: var(--modal-sheet-handle-light-mode-fill-color); --modal-sheet-handle-height: 6px; --modal-sheet-handle-light-mode-background-color: rgba(255, 255, 255, 0.4); --modal-sheet-handle-light-mode-fill-color: rgba(255, 255, 255, 0.4); --modal-sheet-handle-padding-bottom-size: 8px; --modal-sheet-handle-padding-top-size: 26px; --modal-sheet-handle-top-buffer-size: 10px; --modal-sheet-handle-width: 56px; --modal-sheet-margin-bottom-size: var(--modal-sheet-narrow-viewport-margin-bottom-size); --modal-sheet-narrow-viewport-margin-bottom-size: 0px; --modal-sheet-narrow-viewport-padding-bottom-size: var(--core-metrics-spacing-200); --modal-sheet-narrow-viewport-padding-left-size: var(--core-metrics-spacing-200); --modal-sheet-narrow-viewport-padding-right-size: var(--core-metrics-spacing-200); --modal-sheet-narrow-viewport-padding-top-size: var(--core-metrics-spacing-200); --modal-sheet-padding-bottom-size: var(--modal-sheet-narrow-viewport-padding-bottom-size); --modal-sheet-padding-left-size: var(--modal-sheet-narrow-viewport-padding-left-size); --modal-sheet-padding-right-size: var(--modal-sheet-narrow-viewport-padding-right-size); --modal-sheet-padding-top-size: var(--modal-sheet-narrow-viewport-padding-top-size); --modal-sheet-regular-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200); --modal-sheet-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300); --modal-sheet-regular-horizontal-size-class-maximum-width: 464px; --modal-sheet-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-sheet-veil-color: var(--modal-sheet-veil-light-mode-color); --modal-sheet-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color); --modal-sheet-veil-light-mode-color: var(--core-surface-overlay-light-mode-color); --modal-sheet-wide-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200); --modal-sheet-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300); --modal-sheet-wide-horizontal-size-class-maximum-width: 464px; --modal-sheet-wide-viewport-margin-bottom-size: 16px; --modal-sheet-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-400); --modal-sheet-wide-viewport-padding-left-size: var(--core-metrics-spacing-400); --modal-sheet-wide-viewport-padding-right-size: var(--core-metrics-spacing-400); --modal-sheet-wide-viewport-padding-top-size: var(--core-metrics-spacing-400); /* ========== numpad ========== */ --numpad-tall-layout-button-border-radius: var(--button-border-radius); /* ========== pageIndicator ========== */ --page-indicator-dark-mode-dot-color: var(--core-text-20-dark-mode-color); --page-indicator-dark-mode-selected-color: var(--core-emphasis-fill-dark-mode-color); --page-indicator-dot-color: var(--page-indicator-light-mode-dot-color); --page-indicator-dot-size: 6px; --page-indicator-light-mode-dot-color: var(--core-text-20-light-mode-color); --page-indicator-light-mode-selected-color: var(--core-emphasis-fill-light-mode-color); --page-indicator-selected-color: var(--page-indicator-light-mode-selected-color); --page-indicator-selected-size: 8px; --page-indicator-spacing-size: 6px; /* ========== pagination ========== */ --pagination-nav-content-spacing: var(--core-metrics-spacing-100); --pagination-nav-horizontal-margin: var(--core-metrics-spacing-100); --pagination-nav-vertical-margin: var(--core-metrics-spacing-200); /* ========== pagingIndicator ========== */ --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-light-mode-color); --paging-indicator-selected-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --paging-indicator-selected-state-height: var(--core-metrics-spacing-50); --paging-indicator-selected-state-light-mode-color: var(--core-fill-10-light-mode-color); --paging-indicator-selected-state-width: var(--core-metrics-spacing-300); --paging-indicator-spacing: var(--core-metrics-spacing-25); --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-light-mode-color); --paging-indicator-unselected-state-dark-mode-color: var(--core-fill-20-dark-mode-color); --paging-indicator-unselected-state-height: var(--core-metrics-spacing-25); --paging-indicator-unselected-state-light-mode-color: var(--core-fill-20-light-mode-color); --paging-indicator-unselected-state-width: var(--core-metrics-spacing-300); /* ========== pill ========== */ --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-light-mode-color); --pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color); --pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color); --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-light-mode-color); --pill-alpha-variant-icon-dark-mode-color: var(--core-pink-fill-dark-mode-color); --pill-alpha-variant-icon-light-mode-color: var(--core-pink-fill-light-mode-color); --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-light-mode-color); --pill-alpha-variant-normal-state-background-dark-mode-color: var(--core-pink-40-dark-mode-color); --pill-alpha-variant-normal-state-background-light-mode-color: var(--core-pink-40-light-mode-color); --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color); --pill-alpha-variant-pressed-state-background-dark-mode-color: var(--core-pink-30-dark-mode-color); --pill-alpha-variant-pressed-state-background-light-mode-color: var(--core-pink-30-light-mode-color); --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-light-mode-color); --pill-alpha-variant-text-dark-mode-color: var(--core-pink-text-dark-mode-color); --pill-alpha-variant-text-light-mode-color: var(--core-pink-text-light-mode-color); --pill-beta-variant-background-color: var(--pill-beta-variant-background-light-mode-color); --pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color); --pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color); --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-light-mode-color); --pill-beta-variant-icon-dark-mode-color: var(--core-teal-fill-dark-mode-color); --pill-beta-variant-icon-light-mode-color: var(--core-teal-fill-light-mode-color); --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-light-mode-color); --pill-beta-variant-normal-state-background-dark-mode-color: var(--core-teal-40-dark-mode-color); --pill-beta-variant-normal-state-background-light-mode-color: var(--core-teal-40-light-mode-color); --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-light-mode-color); --pill-beta-variant-pressed-state-background-dark-mode-color: var(--core-teal-30-dark-mode-color); --pill-beta-variant-pressed-state-background-light-mode-color: var(--core-teal-30-light-mode-color); --pill-beta-variant-text-color: var(--pill-beta-variant-text-light-mode-color); --pill-beta-variant-text-dark-mode-color: var(--core-teal-text-dark-mode-color); --pill-beta-variant-text-light-mode-color: var(--core-teal-text-light-mode-color); --pill-border-color: var(--pill-border-light-mode-color); --pill-border-dark-mode-color: var(--core-surface-5-dark-mode-color); --pill-border-light-mode-color: var(--core-surface-5-light-mode-color); --pill-border-width: var(--core-border-20); --pill-compact-size-border-radius: var(--core-radius-circle); --pill-compact-size-corner-radius: var(--pill-compact-size-border-radius); --pill-compact-size-horizontal-padding: var(--core-metrics-spacing-100); --pill-compact-size-icon-dot-radius: var(--pill-compact-size-indicator-dot-radius); --pill-compact-size-icon-left-padding: var(--pill-compact-size-indicator-icon-horizontal-padding-left); --pill-compact-size-icon-size: var(--pill-compact-size-indicator-icon-size); --pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-indicator-icon-horizontal-padding-right); --pill-compact-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-50); --pill-compact-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50); --pill-compact-size-indicator-dot-radius: var(--core-metrics-spacing-50); --pill-compact-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-50); --pill-compact-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50); --pill-compact-size-indicator-icon-size: var(--core-metrics-spacing-200); --pill-compact-size-padding-horizontal-size: var(--pill-compact-size-horizontal-padding); --pill-compact-size-padding-vertical-size: var(--pill-compact-size-vertical-padding); --pill-compact-size-spacing-horizontal: var(--pill-compact-size-indicator-dot-horizontal-padding-right); --pill-compact-size-text-case: var(--core-type-semibold-10-case); --pill-compact-size-text-edge-padding: var(--pill-compact-size-text-horizontal-padding-left); --pill-compact-size-text-font-family: var(--core-type-semibold-10-font-family); --pill-compact-size-text-horizontal-padding-left: var(--core-metrics-spacing-100); --pill-compact-size-text-leading: var(--core-type-semibold-10-leading); --pill-compact-size-text-number-spacing: var(--core-type-semibold-10-number-spacing); --pill-compact-size-text-scale: var(--core-type-semibold-10-scale); --pill-compact-size-text-size: var(--core-type-semibold-10-size); --pill-compact-size-text-tracking: var(--core-type-semibold-10-tracking); --pill-compact-size-text-weight: var(--core-type-semibold-10-weight); --pill-compact-size-vertical-padding: var(--core-metrics-spacing-25); --pill-critical-variant-background-color: var(--pill-critical-variant-background-light-mode-color); --pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color); --pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color); --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-light-mode-color); --pill-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color); --pill-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color); --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-light-mode-color); --pill-critical-variant-normal-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color); --pill-critical-variant-normal-state-background-light-mode-color: var(--core-critical-40-light-mode-color); --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-light-mode-color); --pill-critical-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color); --pill-critical-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color); --pill-critical-variant-text-color: var(--pill-critical-variant-text-light-mode-color); --pill-critical-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --pill-critical-variant-text-light-mode-color: var(--core-critical-text-light-mode-color); --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-light-mode-color); --pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color); --pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color); --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-light-mode-color); --pill-emphasis-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --pill-emphasis-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color); --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color); --pill-emphasis-variant-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --pill-emphasis-variant-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color); --pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --pill-emphasis-variant-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-light-mode-color); --pill-emphasis-variant-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --pill-emphasis-variant-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --pill-insight-variant-background-color: var(--pill-insight-variant-background-light-mode-color); --pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color); --pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color); --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-light-mode-color); --pill-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color); --pill-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color); --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-light-mode-color); --pill-insight-variant-normal-state-background-dark-mode-color: var(--core-purple-40-dark-mode-color); --pill-insight-variant-normal-state-background-light-mode-color: var(--core-purple-40-light-mode-color); --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-light-mode-color); --pill-insight-variant-pressed-state-background-dark-mode-color: var(--core-purple-30-dark-mode-color); --pill-insight-variant-pressed-state-background-light-mode-color: var(--core-purple-30-light-mode-color); --pill-insight-variant-text-color: var(--pill-insight-variant-text-light-mode-color); --pill-insight-variant-text-dark-mode-color: var(--core-purple-text-dark-mode-color); --pill-insight-variant-text-light-mode-color: var(--core-purple-text-light-mode-color); --pill-normal-size-border-radius: var(--core-radius-circle); --pill-normal-size-corner-radius: var(--pill-normal-size-border-radius); --pill-normal-size-horizontal-padding: var(--core-metrics-spacing-150); --pill-normal-size-icon-dot-radius: var(--pill-normal-size-indicator-dot-radius); --pill-normal-size-icon-left-padding: var(--pill-normal-size-indicator-icon-horizontal-padding-left); --pill-normal-size-icon-size: var(--pill-normal-size-indicator-icon-size); --pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-indicator-icon-horizontal-padding-right); --pill-normal-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-100); --pill-normal-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50); --pill-normal-size-indicator-dot-radius: 5px; --pill-normal-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-100); --pill-normal-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50); --pill-normal-size-indicator-icon-size: var(--core-metrics-spacing-200); --pill-normal-size-padding-horizontal-size: var(--pill-normal-size-horizontal-padding); --pill-normal-size-padding-vertical-size: var(--pill-normal-size-vertical-padding); --pill-normal-size-spacing-horizontal: var(--pill-normal-size-indicator-dot-horizontal-padding-right); --pill-normal-size-text-case: var(--core-type-semibold-20-case); --pill-normal-size-text-edge-padding: var(--pill-normal-size-text-horizontal-padding-left); --pill-normal-size-text-font-family: var(--core-type-semibold-20-font-family); --pill-normal-size-text-horizontal-padding-left: var(--core-metrics-spacing-150); --pill-normal-size-text-leading: var(--core-type-semibold-20-leading); --pill-normal-size-text-number-spacing: var(--core-type-semibold-20-number-spacing); --pill-normal-size-text-scale: var(--core-type-semibold-20-scale); --pill-normal-size-text-size: var(--core-type-semibold-20-size); --pill-normal-size-text-tracking: var(--core-type-semibold-20-tracking); --pill-normal-size-text-weight: var(--core-type-semibold-20-weight); --pill-normal-size-vertical-padding: var(--core-metrics-spacing-50); --pill-normal-variant-background-color: var(--pill-normal-variant-background-light-mode-color); --pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color); --pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color); --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-light-mode-color); --pill-normal-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --pill-normal-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color); --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-light-mode-color); --pill-normal-variant-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --pill-normal-variant-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-light-mode-color); --pill-normal-variant-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --pill-normal-variant-pressed-state-background-light-mode-color: var(--core-fill-30-light-mode-color); --pill-normal-variant-text-color: var(--pill-normal-variant-text-light-mode-color); --pill-normal-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color); --pill-normal-variant-text-light-mode-color: var(--core-text-20-light-mode-color); --pill-success-variant-background-color: var(--pill-success-variant-background-light-mode-color); --pill-success-variant-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color); --pill-success-variant-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color); --pill-success-variant-icon-color: var(--pill-success-variant-icon-light-mode-color); --pill-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color); --pill-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color); --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-light-mode-color); --pill-success-variant-normal-state-background-dark-mode-color: var(--core-success-40-dark-mode-color); --pill-success-variant-normal-state-background-light-mode-color: var(--core-success-40-light-mode-color); --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-light-mode-color); --pill-success-variant-pressed-state-background-dark-mode-color: var(--core-success-30-dark-mode-color); --pill-success-variant-pressed-state-background-light-mode-color: var(--core-success-30-light-mode-color); --pill-success-variant-text-color: var(--pill-success-variant-text-light-mode-color); --pill-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color); --pill-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color); --pill-warning-variant-background-color: var(--pill-warning-variant-background-light-mode-color); --pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color); --pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color); --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-light-mode-color); --pill-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color); --pill-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color); --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-light-mode-color); --pill-warning-variant-normal-state-background-dark-mode-color: var(--core-warning-40-dark-mode-color); --pill-warning-variant-normal-state-background-light-mode-color: var(--core-warning-40-light-mode-color); --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-light-mode-color); --pill-warning-variant-pressed-state-background-dark-mode-color: var(--core-warning-30-dark-mode-color); --pill-warning-variant-pressed-state-background-light-mode-color: var(--core-warning-30-light-mode-color); --pill-warning-variant-text-color: var(--pill-warning-variant-text-light-mode-color); --pill-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --pill-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color); /* ========== progressMeter ========== */ --progress-meter-bar-height: 4px; --progress-meter-bar-radius: 2px; --progress-meter-bar-width: 120px; --progress-meter-radial-large-size-diameter-size: 60px; --progress-meter-radial-large-size-stroke-size: 6px; --progress-meter-radial-small-size-diameter-size: 20px; --progress-meter-radial-small-size-stroke-size: 2px; /* ========== qrcode ========== */ --qrcode-border-color: var(--qrcode-border-light-mode-color); --qrcode-border-dark-mode-color: var(--core-divider-10-dark-mode-color); --qrcode-border-light-mode-color: var(--core-divider-10-light-mode-color); --qrcode-border-radius: var(--core-radius-266); --qrcode-border-width: 1px; --qrcode-gap: var(--core-metrics-spacing-200); --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-light-mode-color); --qrcode-monochrome-variant-background-dark-mode-color: var(--qrcode-normal-variant-background-dark-mode-color); --qrcode-monochrome-variant-background-light-mode-color: var(--qrcode-normal-variant-background-light-mode-color); --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-light-mode-color); --qrcode-monochrome-variant-foreground-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color); --qrcode-monochrome-variant-foreground-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color); --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-light-mode-color); --qrcode-monochrome-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color); --qrcode-monochrome-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color); --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-light-mode-color); --qrcode-normal-variant-background-dark-mode-color: var(--core-fill-black-dark-mode-color); --qrcode-normal-variant-background-light-mode-color: var(--core-fill-white-light-mode-color); --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-light-mode-color); --qrcode-normal-variant-foreground-dark-mode-color: var(--core-fill-white-dark-mode-color); --qrcode-normal-variant-foreground-light-mode-color: var(--core-fill-black-light-mode-color); --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-light-mode-color); --qrcode-normal-variant-icon-dark-mode-color: var(--core-blue-fill-dark-mode-color); --qrcode-normal-variant-icon-light-mode-color: var(--core-blue-fill-light-mode-color); --qrcode-padding: var(--core-metrics-spacing-600); /* ========== quantity-input-field ========== */ --quantity-input-field-display-color: var(--quantity-input-field-display-light-mode-color); --quantity-input-field-display-dark-mode-color: var(--core-text-10-dark-mode-color); --quantity-input-field-display-horizontal-padding: var(--core-metrics-spacing-100); --quantity-input-field-display-light-mode-color: var(--core-text-10-light-mode-color); --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-light-mode-color); --quantity-input-field-display-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color); --quantity-input-field-display-placeholder-light-mode-color: var(--core-text-20-light-mode-color); --quantity-input-field-display-primary-value-text-case: var(--core-type-display-20-case); --quantity-input-field-display-primary-value-text-font-family: var(--core-type-display-20-font-family); --quantity-input-field-display-primary-value-text-leading: var(--core-type-display-20-leading); --quantity-input-field-display-primary-value-text-number-spacing: 'monospaced'; --quantity-input-field-display-primary-value-text-scale: var(--core-type-display-20-scale); --quantity-input-field-display-primary-value-text-size: var(--core-type-display-20-size); --quantity-input-field-display-primary-value-text-tracking: var(--core-type-display-20-tracking); --quantity-input-field-display-primary-value-text-weight: var(--core-type-display-20-weight); --quantity-input-field-display-unit-text-case: var(--core-type-heading-30-case); --quantity-input-field-display-unit-text-font-family: var(--core-type-heading-30-font-family); --quantity-input-field-display-unit-text-leading: var(--core-type-heading-30-leading); --quantity-input-field-display-unit-text-number-spacing: var(--core-type-heading-30-number-spacing); --quantity-input-field-display-unit-text-scale: var(--core-type-heading-30-scale); --quantity-input-field-display-unit-text-size: var(--core-type-heading-30-size); --quantity-input-field-display-unit-text-tracking: var(--core-type-heading-30-tracking); --quantity-input-field-display-unit-text-weight: var(--core-type-heading-30-weight); --quantity-input-field-value-text-case: var(--core-type-display-20-case); --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-light-mode-color); --quantity-input-field-value-text-dark-mode-color: var(--core-text-10-dark-mode-color); --quantity-input-field-value-text-font-family: var(--core-type-display-20-font-family); --quantity-input-field-value-text-leading: var(--core-type-display-20-leading); --quantity-input-field-value-text-light-mode-color: var(--core-text-10-light-mode-color); --quantity-input-field-value-text-number-spacing: 'monospaced'; --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-light-mode-color); --quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color); --quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color); --quantity-input-field-value-text-scale: var(--core-type-display-20-scale); --quantity-input-field-value-text-size: var(--core-type-display-20-size); --quantity-input-field-value-text-tracking: var(--core-type-display-20-tracking); --quantity-input-field-value-text-weight: var(--core-type-display-20-weight); /* ========== radio ========== */ --radio-border-radius: 100px; --radio-border-size: var(--core-border-20); --radio-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color); --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color); --radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color); --radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color); --radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color); --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color); --radio-disabled-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color); --radio-disabled-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color); --radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color); --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color); --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color); --radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color); --radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color); --radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color); --radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color); --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color); --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color); --radio-disabled-state-normal-validity-selected-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --radio-disabled-state-normal-validity-selected-value-dark-mode-border-color: transparent; --radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color); --radio-disabled-state-normal-validity-selected-value-light-mode-background-color: var(--core-fill-20-light-mode-color); --radio-disabled-state-normal-validity-selected-value-light-mode-border-color: transparent; --radio-disabled-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color); --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color); --radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color); --radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color); --radio-disabled-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color); --radio-disabled-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-30-light-mode-color); --radio-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --radio-focus-ring-color: var(--radio-light-mode-focus-ring-color); --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-background-color); --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-border-color); --radio-focus-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color); --radio-focus-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color); --radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color); --radio-focus-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color); --radio-focus-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color); --radio-focus-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color); --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color); --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color); --radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-focus-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color); --radio-focus-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color); --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-background-color); --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-border-color); --radio-focus-state-normal-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color); --radio-focus-state-normal-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color); --radio-focus-state-normal-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color); --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-icon-color); --radio-focus-state-normal-validity-selected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color); --radio-focus-state-normal-validity-selected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color); --radio-focus-state-normal-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color); --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-background-color); --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-border-color); --radio-focus-state-normal-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color); --radio-focus-state-normal-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color); --radio-focus-state-normal-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color); --radio-focus-state-normal-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color); --radio-height: var(--radio-width); --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color); --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color); --radio-hover-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color); --radio-hover-state-invalid-validity-selected-value-dark-mode-border-color: transparent; --radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color); --radio-hover-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-20-light-mode-color); --radio-hover-state-invalid-validity-selected-value-light-mode-border-color: transparent; --radio-hover-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color); --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color); --radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color: transparent; --radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color); --radio-hover-state-invalid-validity-unselected-value-light-mode-background-color: transparent; --radio-hover-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-20-light-mode-color); --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color); --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color); --radio-hover-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --radio-hover-state-normal-validity-selected-value-dark-mode-border-color: transparent; --radio-hover-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color); --radio-hover-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --radio-hover-state-normal-validity-selected-value-light-mode-border-color: transparent; --radio-hover-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color); --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color); --radio-hover-state-normal-validity-unselected-value-dark-mode-background-color: transparent; --radio-hover-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --radio-hover-state-normal-validity-unselected-value-light-mode-background-color: transparent; --radio-hover-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --radio-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-background-color); --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-border-color); --radio-normal-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color); --radio-normal-state-invalid-validity-selected-value-dark-mode-border-color: transparent; --radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color); --radio-normal-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-fill-light-mode-color); --radio-normal-state-invalid-validity-selected-value-light-mode-border-color: transparent; --radio-normal-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color); --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color); --radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color: transparent; --radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color); --radio-normal-state-invalid-validity-unselected-value-light-mode-background-color: transparent; --radio-normal-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-fill-light-mode-color); --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-background-color); --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-border-color); --radio-normal-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --radio-normal-state-normal-validity-selected-value-dark-mode-border-color: transparent; --radio-normal-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-icon-color); --radio-normal-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --radio-normal-state-normal-validity-selected-value-light-mode-border-color: transparent; --radio-normal-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-background-color); --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-border-color); --radio-normal-state-normal-validity-unselected-value-dark-mode-background-color: transparent; --radio-normal-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color); --radio-normal-state-normal-validity-unselected-value-light-mode-background-color: transparent; --radio-normal-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color); --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color); --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color); --radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color); --radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color: transparent; --radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color); --radio-pressed-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-10-light-mode-color); --radio-pressed-state-invalid-validity-selected-value-light-mode-border-color: transparent; --radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color); --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color); --radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color: transparent; --radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color); --radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color: transparent; --radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-10-light-mode-color); --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-background-color); --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-border-color); --radio-pressed-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color); --radio-pressed-state-normal-validity-selected-value-dark-mode-border-color: transparent; --radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color); --radio-pressed-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --radio-pressed-state-normal-validity-selected-value-light-mode-border-color: transparent; --radio-pressed-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color); --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color); --radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color: transparent; --radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --radio-pressed-state-normal-validity-unselected-value-light-mode-background-color: transparent; --radio-pressed-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --radio-selected-value-border-radius: var(--core-radius-circle); --radio-selected-value-border-size: 0px; --radio-selected-value-dot-size: 0.3; --radio-svg-radius: 3px; --radio-unselected-value-border-radius: var(--core-radius-circle); --radio-unselected-value-border-size: var(--core-border-20); --radio-unselected-value-dot-size: 0; --radio-width: var(--core-control-size-width); /* ========== rich-text ========== */ --rich-text-link-edit-popover-spacing-vertical: var(--core-metrics-spacing-200); --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-light-mode-color); --rich-text-toolbar-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --rich-text-toolbar-background-light-mode-color: var(--core-fill-50-light-mode-color); --rich-text-toolbar-background-radius: var(--field-border-radius); --rich-text-toolbar-button-icon-height: var(--icon-button-small-size-icon-height); --rich-text-toolbar-button-icon-width: var(--icon-button-small-size-icon-width); --rich-text-toolbar-button-minimum-height: var(--core-metrics-spacing-400); --rich-text-toolbar-button-padding-size: var(--core-metrics-spacing-50); --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color); --rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color); --rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color); --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color); --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); --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); --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color); --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); --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); --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color); --rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color); --rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color); --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color); --rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color); --rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color: var(--core-text-10-light-mode-color); --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color); --rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color); --rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color); --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color); --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); --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); --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color); --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); --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); --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color: var(--core-text-10-light-mode-color); --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color); --rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color); --rich-text-toolbar-button-width-multiplier: 1; --rich-text-toolbar-divider-vertical-padding: var(--divider-extra-small-variant-vertical-padding); --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-light-mode-color); --rich-text-toolbar-overflow-gradient-dark-mode-color: var(--core-fill-40-dark-mode-color); --rich-text-toolbar-overflow-gradient-light-mode-color: var(--core-fill-40-light-mode-color); --rich-text-toolbar-overflow-gradient-width: var(--core-metrics-spacing-200); --rich-text-toolbar-padding-horizontal: var(--core-metrics-spacing-50); --rich-text-toolbar-padding-vertical: var(--core-metrics-spacing-50); --rich-text-toolbar-spacing-horizontal: var(--core-metrics-spacing-150); /* ========== row ========== */ --row-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding); --row-background-radius: var(--row-normal-variant-background-radius); --row-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding); --row-dark-mode-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color); --row-destructive-variant-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding); --row-destructive-variant-background-radius: var(--row-normal-variant-background-radius); --row-destructive-variant-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding); --row-destructive-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-light-mode-color); --row-destructive-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color); --row-destructive-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color); --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-light-mode-color); --row-destructive-variant-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color); --row-destructive-variant-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color); --row-destructive-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity); --row-destructive-variant-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity); --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-light-mode-color); --row-destructive-variant-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color); --row-destructive-variant-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color); --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-light-mode-color); --row-destructive-variant-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color); --row-destructive-variant-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color); --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color); --row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color); --row-destructive-variant-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color); --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-light-mode-color); --row-destructive-variant-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color); --row-destructive-variant-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color); --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-light-mode-color); --row-destructive-variant-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color); --row-destructive-variant-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color); --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-light-mode-color); --row-destructive-variant-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color); --row-destructive-variant-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color); --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-light-mode-focus-ring-color); --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-light-mode-color); --row-destructive-variant-focus-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color); --row-destructive-variant-focus-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color); --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-light-mode-color); --row-destructive-variant-focus-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color); --row-destructive-variant-focus-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color); --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-light-mode-color); --row-destructive-variant-focus-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color); --row-destructive-variant-focus-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color); --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-light-mode-color); --row-destructive-variant-focus-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color); --row-destructive-variant-focus-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color); --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-light-mode-color); --row-destructive-variant-focus-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color); --row-destructive-variant-focus-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color); --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-light-mode-color); --row-destructive-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color); --row-destructive-variant-focus-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color); --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-light-mode-color); --row-destructive-variant-focus-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color); --row-destructive-variant-focus-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color); --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-light-mode-color); --row-destructive-variant-focus-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color); --row-destructive-variant-focus-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color); --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-light-mode-color); --row-destructive-variant-focus-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color); --row-destructive-variant-focus-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color); --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-light-mode-color); --row-destructive-variant-hover-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color); --row-destructive-variant-hover-state-background-light-mode-color: var(--core-critical-40-light-mode-color); --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-light-mode-color); --row-destructive-variant-hover-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color); --row-destructive-variant-hover-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color); --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-light-mode-color); --row-destructive-variant-hover-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color); --row-destructive-variant-hover-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color); --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-light-mode-color); --row-destructive-variant-hover-state-separator-dark-mode-color: transparent; --row-destructive-variant-hover-state-separator-light-mode-color: transparent; --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color); --row-destructive-variant-hover-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color); --row-destructive-variant-hover-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color); --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color); --row-destructive-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color); --row-destructive-variant-hover-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color); --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color); --row-destructive-variant-hover-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color); --row-destructive-variant-hover-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color); --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color); --row-destructive-variant-hover-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color); --row-destructive-variant-hover-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color); --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-light-mode-color); --row-destructive-variant-hover-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color); --row-destructive-variant-hover-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color); --row-destructive-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-light-mode-color); --row-destructive-variant-normal-state-background-dark-mode-color: transparent; --row-destructive-variant-normal-state-background-light-mode-color: transparent; --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-light-mode-color); --row-destructive-variant-normal-state-drill-dark-mode-color: var(--core-critical-20-dark-mode-color); --row-destructive-variant-normal-state-drill-light-mode-color: var(--core-critical-20-light-mode-color); --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-light-mode-color); --row-destructive-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --row-destructive-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color); --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-light-mode-color); --row-destructive-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --row-destructive-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color); --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color); --row-destructive-variant-normal-state-side-text-primary-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-side-text-primary-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color); --row-destructive-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-side-text-secondary-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color); --row-destructive-variant-normal-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color); --row-destructive-variant-normal-state-tertiary-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-tertiary-text-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-light-mode-color); --row-destructive-variant-normal-state-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-text-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-light-mode-color); --row-destructive-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color); --row-destructive-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color); --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-light-mode-color); --row-destructive-variant-pressed-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color); --row-destructive-variant-pressed-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color); --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-light-mode-color); --row-destructive-variant-pressed-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color); --row-destructive-variant-pressed-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color); --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-light-mode-color); --row-destructive-variant-pressed-state-separator-dark-mode-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color); --row-destructive-variant-pressed-state-separator-light-mode-color: var(--row-destructive-variant-normal-state-separator-light-mode-color); --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-light-mode-color); --row-destructive-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color); --row-destructive-variant-pressed-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color); --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color); --row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color); --row-destructive-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color); --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-light-mode-color); --row-destructive-variant-pressed-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color); --row-destructive-variant-pressed-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color); --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-light-mode-color); --row-destructive-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color); --row-destructive-variant-pressed-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color); --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-light-mode-color); --row-destructive-variant-pressed-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color); --row-destructive-variant-pressed-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color); --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-light-mode-color); --row-destructive-variant-selected-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color); --row-destructive-variant-selected-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color); --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-light-mode-color); --row-destructive-variant-selected-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color); --row-destructive-variant-selected-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color); --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-light-mode-color); --row-destructive-variant-selected-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color); --row-destructive-variant-selected-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color); --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-light-mode-color); --row-destructive-variant-selected-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color); --row-destructive-variant-selected-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color); --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-light-mode-color); --row-destructive-variant-selected-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color); --row-destructive-variant-selected-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color); --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-light-mode-color); --row-destructive-variant-selected-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color); --row-destructive-variant-selected-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color); --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-light-mode-color); --row-destructive-variant-selected-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color); --row-destructive-variant-selected-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color); --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-light-mode-color); --row-destructive-variant-selected-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color); --row-destructive-variant-selected-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color); --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-light-mode-color); --row-destructive-variant-selected-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color); --row-destructive-variant-selected-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color); --row-destructive-variant-separator-height: var(--row-normal-variant-separator-height); --row-disabled-state-background-color: var(--row-disabled-state-background-light-mode-color); --row-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color); --row-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color); --row-disabled-state-drill-color: var(--row-disabled-state-drill-light-mode-color); --row-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color); --row-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color); --row-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity); --row-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity); --row-disabled-state-separator-color: var(--row-disabled-state-separator-light-mode-color); --row-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color); --row-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color); --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-light-mode-color); --row-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color); --row-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color); --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-light-mode-color); --row-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color); --row-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color); --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-light-mode-color); --row-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color); --row-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color); --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-light-mode-color); --row-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color); --row-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color); --row-disabled-state-text-color: var(--row-disabled-state-text-light-mode-color); --row-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color); --row-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color); --row-focus-ring-border-size: var(--core-focus-ring-border-size); --row-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --row-focus-ring-color: var(--row-light-mode-focus-ring-color); --row-focus-ring-radius: 6px; --row-focus-state-background-color: var(--row-focus-state-background-light-mode-color); --row-focus-state-background-dark-mode-color: var(--row-normal-variant-focus-state-background-dark-mode-color); --row-focus-state-background-light-mode-color: var(--row-normal-variant-focus-state-background-light-mode-color); --row-focus-state-drill-color: var(--row-focus-state-drill-light-mode-color); --row-focus-state-drill-dark-mode-color: var(--row-normal-variant-focus-state-drill-dark-mode-color); --row-focus-state-drill-light-mode-color: var(--row-normal-variant-focus-state-drill-light-mode-color); --row-focus-state-icon-color: var(--row-focus-state-icon-light-mode-color); --row-focus-state-icon-dark-mode-color: var(--row-normal-variant-focus-state-icon-dark-mode-color); --row-focus-state-icon-light-mode-color: var(--row-normal-variant-focus-state-icon-light-mode-color); --row-focus-state-separator-color: var(--row-focus-state-separator-light-mode-color); --row-focus-state-separator-dark-mode-color: var(--row-normal-variant-focus-state-separator-dark-mode-color); --row-focus-state-separator-light-mode-color: var(--row-normal-variant-focus-state-separator-light-mode-color); --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-light-mode-color); --row-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color); --row-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color); --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-light-mode-color); --row-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color); --row-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color); --row-focus-state-subtext-color: var(--row-focus-state-subtext-light-mode-color); --row-focus-state-subtext-dark-mode-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color); --row-focus-state-subtext-light-mode-color: var(--row-normal-variant-focus-state-subtext-light-mode-color); --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-light-mode-color); --row-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color); --row-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color); --row-focus-state-text-color: var(--row-focus-state-text-light-mode-color); --row-focus-state-text-dark-mode-color: var(--row-normal-variant-focus-state-text-dark-mode-color); --row-focus-state-text-light-mode-color: var(--row-normal-variant-focus-state-text-light-mode-color); --row-horizontal-spacing: 12px; --row-hover-state-background-color: var(--row-hover-state-background-light-mode-color); --row-hover-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color); --row-hover-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color); --row-hover-state-drill-color: var(--row-hover-state-drill-light-mode-color); --row-hover-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color); --row-hover-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color); --row-hover-state-icon-color: var(--row-hover-state-icon-light-mode-color); --row-hover-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color); --row-hover-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color); --row-hover-state-separator-color: var(--row-hover-state-separator-light-mode-color); --row-hover-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color); --row-hover-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color); --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-light-mode-color); --row-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color); --row-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color); --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-light-mode-color); --row-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color); --row-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color); --row-hover-state-subtext-color: var(--row-hover-state-subtext-light-mode-color); --row-hover-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color); --row-hover-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color); --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-light-mode-color); --row-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color); --row-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color); --row-hover-state-text-color: var(--row-hover-state-text-light-mode-color); --row-hover-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color); --row-hover-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color); --row-light-mode-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color); --row-medium-size-side-text-primary-case: var(--core-type-paragraph-30-case); --row-medium-size-side-text-primary-font-family: var(--core-type-paragraph-30-font-family); --row-medium-size-side-text-primary-leading: var(--core-type-paragraph-30-leading); --row-medium-size-side-text-primary-number-spacing: var(--core-type-paragraph-30-number-spacing); --row-medium-size-side-text-primary-scale: var(--core-type-paragraph-30-scale); --row-medium-size-side-text-primary-size: var(--core-type-paragraph-30-size); --row-medium-size-side-text-primary-tracking: var(--core-type-paragraph-30-tracking); --row-medium-size-side-text-primary-weight: var(--core-type-paragraph-30-weight); --row-medium-size-side-text-secondary-case: var(--core-type-paragraph-20-case); --row-medium-size-side-text-secondary-font-family: var(--core-type-paragraph-20-font-family); --row-medium-size-side-text-secondary-leading: var(--core-type-paragraph-20-leading); --row-medium-size-side-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing); --row-medium-size-side-text-secondary-scale: var(--core-type-paragraph-20-scale); --row-medium-size-side-text-secondary-size: var(--core-type-paragraph-20-size); --row-medium-size-side-text-secondary-tracking: var(--core-type-paragraph-20-tracking); --row-medium-size-side-text-secondary-weight: var(--core-type-paragraph-20-weight); --row-medium-size-subtext-case: var(--core-type-paragraph-20-case); --row-medium-size-subtext-font-family: var(--core-type-paragraph-20-font-family); --row-medium-size-subtext-leading: var(--core-type-paragraph-20-leading); --row-medium-size-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing); --row-medium-size-subtext-scale: var(--core-type-paragraph-20-scale); --row-medium-size-subtext-size: var(--core-type-paragraph-20-size); --row-medium-size-subtext-tracking: var(--core-type-paragraph-20-tracking); --row-medium-size-subtext-weight: var(--core-type-paragraph-20-weight); --row-medium-size-tertiary-text-case: var(--core-type-paragraph-20-case); --row-medium-size-tertiary-text-font-family: var(--core-type-paragraph-20-font-family); --row-medium-size-tertiary-text-leading: var(--core-type-paragraph-20-leading); --row-medium-size-tertiary-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --row-medium-size-tertiary-text-scale: var(--core-type-paragraph-20-scale); --row-medium-size-tertiary-text-size: var(--core-type-paragraph-20-size); --row-medium-size-tertiary-text-tracking: var(--core-type-paragraph-20-tracking); --row-medium-size-tertiary-text-weight: var(--core-type-paragraph-20-weight); --row-medium-size-text-case: var(--core-type-medium-30-case); --row-medium-size-text-font-family: var(--core-type-medium-30-font-family); --row-medium-size-text-leading: var(--core-type-medium-30-leading); --row-medium-size-text-number-spacing: var(--core-type-medium-30-number-spacing); --row-medium-size-text-scale: var(--core-type-medium-30-scale); --row-medium-size-text-size: var(--core-type-medium-30-size); --row-medium-size-text-tracking: var(--core-type-medium-30-tracking); --row-medium-size-text-vertical-gap: var(--core-metrics-spacing-25); --row-medium-size-text-vertical-spacing: 2px; --row-medium-size-text-weight: var(--core-type-medium-30-weight); --row-medium-size-vertical-bottom-accessory-gap: var(--core-metrics-spacing-150); --row-medium-size-vertical-padding: var(--core-metrics-spacing-200); --row-normal-state-background-color: var(--row-normal-state-background-light-mode-color); --row-normal-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color); --row-normal-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color); --row-normal-state-drill-color: var(--row-normal-state-drill-light-mode-color); --row-normal-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color); --row-normal-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color); --row-normal-state-icon-color: var(--row-normal-state-icon-light-mode-color); --row-normal-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color); --row-normal-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color); --row-normal-state-separator-color: var(--row-normal-state-separator-light-mode-color); --row-normal-state-separator-dark-mode-color: var(--row-normal-variant-normal-state-separator-dark-mode-color); --row-normal-state-separator-light-mode-color: var(--row-normal-variant-normal-state-separator-light-mode-color); --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-light-mode-color); --row-normal-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color); --row-normal-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color); --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-light-mode-color); --row-normal-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color); --row-normal-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color); --row-normal-state-subtext-color: var(--row-normal-state-subtext-light-mode-color); --row-normal-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color); --row-normal-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color); --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-light-mode-color); --row-normal-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color); --row-normal-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color); --row-normal-state-text-color: var(--row-normal-state-text-light-mode-color); --row-normal-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color); --row-normal-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color); --row-normal-variant-background-horizontal-outset-padding: var(--core-metrics-spacing-100); --row-normal-variant-background-radius: var(--core-radius-10); --row-normal-variant-background-vertical-outset-padding: 0px; --row-normal-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-light-mode-color); --row-normal-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color); --row-normal-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color); --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-light-mode-color); --row-normal-variant-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color); --row-normal-variant-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color); --row-normal-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity); --row-normal-variant-disabled-state-leading-accessory-opacity: var(--core-opacity-disabled-state); --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-light-mode-color); --row-normal-variant-disabled-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --row-normal-variant-disabled-state-separator-light-mode-color: var(--core-divider-20-light-mode-color); --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color); --row-normal-variant-disabled-state-side-text-primary-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-side-text-primary-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color); --row-normal-variant-disabled-state-side-text-secondary-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-side-text-secondary-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color); --row-normal-variant-disabled-state-subtext-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-subtext-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color); --row-normal-variant-disabled-state-tertiary-text-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-tertiary-text-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-light-mode-color); --row-normal-variant-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color); --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-light-mode-color); --row-normal-variant-focus-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color); --row-normal-variant-focus-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color); --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-light-mode-color); --row-normal-variant-focus-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color); --row-normal-variant-focus-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color); --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-light-mode-color); --row-normal-variant-focus-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color); --row-normal-variant-focus-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color); --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-light-mode-color); --row-normal-variant-focus-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color); --row-normal-variant-focus-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color); --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color); --row-normal-variant-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color); --row-normal-variant-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color); --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color); --row-normal-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color); --row-normal-variant-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color); --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-light-mode-color); --row-normal-variant-focus-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color); --row-normal-variant-focus-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color); --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color); --row-normal-variant-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color); --row-normal-variant-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color); --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-light-mode-color); --row-normal-variant-focus-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color); --row-normal-variant-focus-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color); --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-light-mode-color); --row-normal-variant-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --row-normal-variant-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-light-mode-color); --row-normal-variant-hover-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color); --row-normal-variant-hover-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color); --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-light-mode-color); --row-normal-variant-hover-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color); --row-normal-variant-hover-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color); --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-light-mode-color); --row-normal-variant-hover-state-separator-dark-mode-color: transparent; --row-normal-variant-hover-state-separator-light-mode-color: transparent; --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color); --row-normal-variant-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color); --row-normal-variant-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color); --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color); --row-normal-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color); --row-normal-variant-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color); --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-light-mode-color); --row-normal-variant-hover-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color); --row-normal-variant-hover-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color); --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color); --row-normal-variant-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color); --row-normal-variant-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color); --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-light-mode-color); --row-normal-variant-hover-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color); --row-normal-variant-hover-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color); --row-normal-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-light-mode-color); --row-normal-variant-normal-state-background-dark-mode-color: transparent; --row-normal-variant-normal-state-background-light-mode-color: transparent; --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-light-mode-color); --row-normal-variant-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color); --row-normal-variant-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color); --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-light-mode-color); --row-normal-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --row-normal-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color); --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-light-mode-color); --row-normal-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --row-normal-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color); --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color); --row-normal-variant-normal-state-side-text-primary-dark-mode-color: var(--core-text-10-dark-mode-color); --row-normal-variant-normal-state-side-text-primary-light-mode-color: var(--core-text-10-light-mode-color); --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color); --row-normal-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-text-20-dark-mode-color); --row-normal-variant-normal-state-side-text-secondary-light-mode-color: var(--core-text-20-light-mode-color); --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-light-mode-color); --row-normal-variant-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color); --row-normal-variant-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color); --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color); --row-normal-variant-normal-state-tertiary-text-dark-mode-color: var(--core-text-20-dark-mode-color); --row-normal-variant-normal-state-tertiary-text-light-mode-color: var(--core-text-20-light-mode-color); --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-light-mode-color); --row-normal-variant-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --row-normal-variant-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color); --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-light-mode-color); --row-normal-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --row-normal-variant-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-light-mode-color); --row-normal-variant-pressed-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color); --row-normal-variant-pressed-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color); --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-light-mode-color); --row-normal-variant-pressed-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color); --row-normal-variant-pressed-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color); --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-light-mode-color); --row-normal-variant-pressed-state-separator-dark-mode-color: transparent; --row-normal-variant-pressed-state-separator-light-mode-color: transparent; --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color); --row-normal-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color); --row-normal-variant-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color); --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color); --row-normal-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color); --row-normal-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color); --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color); --row-normal-variant-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color); --row-normal-variant-pressed-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color); --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color); --row-normal-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color); --row-normal-variant-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color); --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-light-mode-color); --row-normal-variant-pressed-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color); --row-normal-variant-pressed-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color); --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color); --row-normal-variant-selected-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --row-normal-variant-selected-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-light-mode-color); --row-normal-variant-selected-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color); --row-normal-variant-selected-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color); --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-light-mode-color); --row-normal-variant-selected-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color); --row-normal-variant-selected-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color); --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-light-mode-color); --row-normal-variant-selected-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color); --row-normal-variant-selected-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color); --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-light-mode-color); --row-normal-variant-selected-state-separator-dark-mode-color: transparent; --row-normal-variant-selected-state-separator-light-mode-color: transparent; --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color); --row-normal-variant-selected-state-side-text-primary-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-side-text-primary-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color); --row-normal-variant-selected-state-side-text-secondary-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-side-text-secondary-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-light-mode-color); --row-normal-variant-selected-state-subtext-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-subtext-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color); --row-normal-variant-selected-state-tertiary-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-tertiary-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-light-mode-color); --row-normal-variant-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-separator-height: 1px; --row-pressed-state-background-color: var(--row-pressed-state-background-light-mode-color); --row-pressed-state-background-dark-mode-color: var(--row-normal-variant-pressed-state-background-dark-mode-color); --row-pressed-state-background-light-mode-color: var(--row-normal-variant-pressed-state-background-light-mode-color); --row-pressed-state-drill-color: var(--row-pressed-state-drill-light-mode-color); --row-pressed-state-drill-dark-mode-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color); --row-pressed-state-drill-light-mode-color: var(--row-normal-variant-pressed-state-drill-light-mode-color); --row-pressed-state-icon-color: var(--row-pressed-state-icon-light-mode-color); --row-pressed-state-icon-dark-mode-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color); --row-pressed-state-icon-light-mode-color: var(--row-normal-variant-pressed-state-icon-light-mode-color); --row-pressed-state-separator-color: var(--row-pressed-state-separator-light-mode-color); --row-pressed-state-separator-dark-mode-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color); --row-pressed-state-separator-light-mode-color: var(--row-normal-variant-pressed-state-separator-light-mode-color); --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-light-mode-color); --row-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color); --row-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color); --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-light-mode-color); --row-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color); --row-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color); --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-light-mode-color); --row-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color); --row-pressed-state-subtext-light-mode-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color); --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-light-mode-color); --row-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color); --row-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color); --row-pressed-state-text-color: var(--row-pressed-state-text-light-mode-color); --row-pressed-state-text-dark-mode-color: var(--row-normal-variant-pressed-state-text-dark-mode-color); --row-pressed-state-text-light-mode-color: var(--row-normal-variant-pressed-state-text-light-mode-color); --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-light-mode-color); --row-selected-disabled-state-background-dark-mode-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color); --row-selected-disabled-state-background-light-mode-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color); --row-selected-state-background-color: var(--row-selected-state-background-light-mode-color); --row-selected-state-background-dark-mode-color: var(--row-normal-variant-selected-state-background-dark-mode-color); --row-selected-state-background-light-mode-color: var(--row-normal-variant-selected-state-background-light-mode-color); --row-selected-state-drill-color: var(--row-selected-state-drill-light-mode-color); --row-selected-state-drill-dark-mode-color: var(--row-normal-variant-selected-state-drill-dark-mode-color); --row-selected-state-drill-light-mode-color: var(--row-normal-variant-selected-state-drill-light-mode-color); --row-selected-state-icon-color: var(--row-selected-state-icon-light-mode-color); --row-selected-state-icon-dark-mode-color: var(--row-normal-variant-selected-state-icon-dark-mode-color); --row-selected-state-icon-light-mode-color: var(--row-normal-variant-selected-state-icon-light-mode-color); --row-selected-state-separator-color: var(--row-selected-state-separator-light-mode-color); --row-selected-state-separator-dark-mode-color: var(--row-normal-variant-selected-state-separator-dark-mode-color); --row-selected-state-separator-light-mode-color: var(--row-normal-variant-selected-state-separator-light-mode-color); --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-light-mode-color); --row-selected-state-side-text-primary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color); --row-selected-state-side-text-primary-light-mode-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color); --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-light-mode-color); --row-selected-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color); --row-selected-state-side-text-secondary-light-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color); --row-selected-state-subtext-color: var(--row-selected-state-subtext-light-mode-color); --row-selected-state-subtext-dark-mode-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color); --row-selected-state-subtext-light-mode-color: var(--row-normal-variant-selected-state-subtext-light-mode-color); --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-light-mode-color); --row-selected-state-tertiary-text-dark-mode-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color); --row-selected-state-tertiary-text-light-mode-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color); --row-selected-state-text-color: var(--row-selected-state-text-light-mode-color); --row-selected-state-text-dark-mode-color: var(--row-normal-variant-selected-state-text-dark-mode-color); --row-selected-state-text-light-mode-color: var(--row-normal-variant-selected-state-text-light-mode-color); --row-separator-height: var(--row-normal-variant-separator-height); --row-small-size-side-text-primary-case: var(--core-type-paragraph-20-case); --row-small-size-side-text-primary-font-family: var(--core-type-paragraph-20-font-family); --row-small-size-side-text-primary-leading: var(--core-type-paragraph-20-leading); --row-small-size-side-text-primary-number-spacing: var(--core-type-paragraph-20-number-spacing); --row-small-size-side-text-primary-scale: var(--core-type-paragraph-20-scale); --row-small-size-side-text-primary-size: var(--core-type-paragraph-20-size); --row-small-size-side-text-primary-tracking: var(--core-type-paragraph-20-tracking); --row-small-size-side-text-primary-weight: var(--core-type-paragraph-20-weight); --row-small-size-side-text-secondary-case: var(--core-type-paragraph-10-case); --row-small-size-side-text-secondary-font-family: var(--core-type-paragraph-10-font-family); --row-small-size-side-text-secondary-leading: var(--core-type-paragraph-10-leading); --row-small-size-side-text-secondary-number-spacing: var(--core-type-paragraph-10-number-spacing); --row-small-size-side-text-secondary-scale: var(--core-type-paragraph-10-scale); --row-small-size-side-text-secondary-size: var(--core-type-paragraph-10-size); --row-small-size-side-text-secondary-tracking: var(--core-type-paragraph-10-tracking); --row-small-size-side-text-secondary-weight: var(--core-type-paragraph-10-weight); --row-small-size-subtext-case: var(--core-type-paragraph-10-case); --row-small-size-subtext-font-family: var(--core-type-paragraph-10-font-family); --row-small-size-subtext-leading: var(--core-type-paragraph-10-leading); --row-small-size-subtext-number-spacing: var(--core-type-paragraph-10-number-spacing); --row-small-size-subtext-scale: var(--core-type-paragraph-10-scale); --row-small-size-subtext-size: var(--core-type-paragraph-10-size); --row-small-size-subtext-tracking: var(--core-type-paragraph-10-tracking); --row-small-size-subtext-weight: var(--core-type-paragraph-10-weight); --row-small-size-tertiary-text-case: var(--core-type-paragraph-10-case); --row-small-size-tertiary-text-font-family: var(--core-type-paragraph-10-font-family); --row-small-size-tertiary-text-leading: var(--core-type-paragraph-10-leading); --row-small-size-tertiary-text-number-spacing: var(--core-type-paragraph-10-number-spacing); --row-small-size-tertiary-text-scale: var(--core-type-paragraph-10-scale); --row-small-size-tertiary-text-size: var(--core-type-paragraph-10-size); --row-small-size-tertiary-text-tracking: var(--core-type-paragraph-10-tracking); --row-small-size-tertiary-text-weight: var(--core-type-paragraph-10-weight); --row-small-size-text-case: var(--core-type-semibold-20-case); --row-small-size-text-font-family: var(--core-type-semibold-20-font-family); --row-small-size-text-leading: var(--core-type-semibold-20-leading); --row-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing); --row-small-size-text-scale: var(--core-type-semibold-20-scale); --row-small-size-text-size: var(--core-type-semibold-20-size); --row-small-size-text-tracking: var(--core-type-semibold-20-tracking); --row-small-size-text-vertical-gap: var(--row-medium-size-text-vertical-gap); --row-small-size-text-vertical-spacing: var(--row-medium-size-text-vertical-spacing); --row-small-size-text-weight: var(--core-type-semibold-20-weight); --row-small-size-vertical-bottom-accessory-gap: var(--row-medium-size-vertical-bottom-accessory-gap); --row-small-size-vertical-padding: var(--core-metrics-spacing-100); --row-text-accessory-spacing: 8px; /* ========== search ========== */ --search-border-radius: var(--field-border-radius); --search-border-size: var(--field-border-size); --search-disabled-state-border-color: var(--search-disabled-state-border-light-mode-color); --search-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color); --search-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color); --search-disabled-state-input-color: var(--search-disabled-state-input-light-mode-color); --search-disabled-state-input-dark-mode-color: var(--core-text-30-dark-mode-color); --search-disabled-state-input-light-mode-color: var(--core-text-30-light-mode-color); --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-light-mode-color); --search-disabled-state-leading-icon-dark-mode-color: var(--core-text-30-dark-mode-color); --search-disabled-state-leading-icon-light-mode-color: var(--core-text-30-light-mode-color); --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-light-mode-color); --search-disabled-state-trailing-icon-dark-mode-color: var(--core-fill-30-dark-mode-color); --search-disabled-state-trailing-icon-light-mode-color: var(--core-fill-30-light-mode-color); --search-focused-state-border-color: var(--search-focused-state-border-light-mode-color); --search-focused-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --search-focused-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --search-focused-state-border-size: 2px; --search-hint-text-color: var(--search-hint-text-light-mode-color); --search-hint-text-dark-mode-color: var(--core-text-20-dark-mode-color); --search-hint-text-light-mode-color: var(--core-text-20-light-mode-color); --search-input-case: var(--field-input-case); --search-input-font-family: var(--field-input-font-family); --search-input-leading: var(--field-input-leading); --search-input-number-spacing: var(--field-input-number-spacing); --search-input-scale: var(--field-input-scale); --search-input-size: var(--field-input-size); --search-input-tracking: var(--field-input-tracking); --search-input-weight: var(--field-input-weight); --search-large-size-minimum-height: 56px; --search-large-size-padding-horizontal: var(--core-metrics-spacing-200); --search-large-size-padding-vertical: var(--core-metrics-spacing-150); --search-large-size-spacing-horizontal: var(--search-normal-size-spacing-horizontal); --search-large-size-tags-spacing-right: var(--search-normal-size-tags-spacing-right); --search-normal-size-minimum-height: 40px; --search-normal-size-padding-horizontal: var(--core-metrics-spacing-150); --search-normal-size-padding-vertical: var(--core-metrics-spacing-100); --search-normal-size-spacing-horizontal: var(--core-metrics-spacing-150); --search-normal-size-tags-spacing-right: var(--core-metrics-spacing-100); --search-normal-state-border-color: var(--search-normal-state-border-light-mode-color); --search-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --search-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --search-normal-state-input-color: var(--search-normal-state-input-light-mode-color); --search-normal-state-input-dark-mode-color: var(--core-text-10-dark-mode-color); --search-normal-state-input-light-mode-color: var(--core-text-10-light-mode-color); --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-light-mode-color); --search-normal-state-leading-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --search-normal-state-leading-icon-light-mode-color: var(--core-text-10-light-mode-color); --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-light-mode-color); --search-normal-state-trailing-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --search-normal-state-trailing-icon-light-mode-color: var(--core-fill-20-light-mode-color); /* ========== segmentedControl ========== */ --segmented-control-animation-duration: var(--core-animation-exit-transition-slow-speed-duration); --segmented-control-animation-easing: var(--core-animation-exit-transition-easing); --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-light-mode-color); --segmented-control-background-disabled-state-dark-mode-color: var(--segmented-control-disabled-state-background-dark-mode-color); --segmented-control-background-disabled-state-light-mode-color: var(--segmented-control-disabled-state-background-light-mode-color); --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-light-mode-color); --segmented-control-background-normal-state-dark-mode-color: var(--segmented-control-normal-state-background-dark-mode-color); --segmented-control-background-normal-state-light-mode-color: var(--segmented-control-normal-state-background-light-mode-color); --segmented-control-background-radius: var(--segmented-control-radius); --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-light-mode-color); --segmented-control-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --segmented-control-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --segmented-control-horizontal-padding: var(--core-metrics-spacing-50); --segmented-control-minimum-height: var(--core-medium-size-minimum-height); --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-light-mode-color); --segmented-control-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --segmented-control-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-light-mode-color); --segmented-control-option-background-disabled-state-dark-mode-color: transparent; --segmented-control-option-background-disabled-state-light-mode-color: transparent; --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-light-mode-color); --segmented-control-option-background-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --segmented-control-option-background-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-light-mode-color); --segmented-control-option-background-normal-state-dark-mode-color: transparent; --segmented-control-option-background-normal-state-light-mode-color: transparent; --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-light-mode-color); --segmented-control-option-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --segmented-control-option-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --segmented-control-option-background-radius: var(--segmented-control-option-radius); --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-light-mode-color); --segmented-control-option-background-selected-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-background-selected-state-light-mode-color: var(--core-fill-white-light-mode-color); --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-light-mode-color); --segmented-control-option-background-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color); --segmented-control-option-background-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color); --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-light-mode-color); --segmented-control-option-background-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color); --segmented-control-option-background-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color); --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-light-mode-color); --segmented-control-option-background-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color); --segmented-control-option-background-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color); --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-light-mode-color); --segmented-control-option-background-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color); --segmented-control-option-background-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color); --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-light-mode-color); --segmented-control-option-background-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color); --segmented-control-option-background-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color); --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-light-mode-color); --segmented-control-option-background-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color); --segmented-control-option-background-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color); --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-light-mode-color); --segmented-control-option-background-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color); --segmented-control-option-background-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color); --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-light-mode-color); --segmented-control-option-background-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color); --segmented-control-option-background-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color); --segmented-control-option-badge-disabled-state-opacity: var(--segmented-control-option-unselected-value-disabled-state-badge-opacity); --segmented-control-option-badge-hover-state-opacity: var(--segmented-control-option-unselected-value-hover-state-badge-opacity); --segmented-control-option-badge-normal-state-opacity: var(--segmented-control-option-unselected-value-normal-state-badge-opacity); --segmented-control-option-badge-pressed-state-opacity: var(--segmented-control-option-unselected-value-pressed-state-badge-opacity); --segmented-control-option-badge-selected-state-opacity: var(--segmented-control-option-selected-value-normal-state-badge-opacity); --segmented-control-option-horizontal-gap: var(--core-metrics-spacing-100); --segmented-control-option-horizontal-padding: var(--core-metrics-spacing-100); --segmented-control-option-label-case: var(--core-type-semibold-30-case); --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-light-mode-color); --segmented-control-option-label-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --segmented-control-option-label-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --segmented-control-option-label-font-family: var(--core-type-semibold-30-font-family); --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-light-mode-color); --segmented-control-option-label-hover-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color); --segmented-control-option-label-hover-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color); --segmented-control-option-label-leading: var(--core-type-semibold-30-leading); --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-light-mode-color); --segmented-control-option-label-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --segmented-control-option-label-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --segmented-control-option-label-number-spacing: var(--core-type-semibold-30-number-spacing); --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-light-mode-color); --segmented-control-option-label-pressed-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --segmented-control-option-label-pressed-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --segmented-control-option-label-scale: var(--core-type-semibold-30-scale); --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-light-mode-color); --segmented-control-option-label-selected-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color); --segmented-control-option-label-selected-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color); --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-light-mode-color); --segmented-control-option-label-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color); --segmented-control-option-label-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color); --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-light-mode-color); --segmented-control-option-label-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color); --segmented-control-option-label-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color); --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-light-mode-color); --segmented-control-option-label-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color); --segmented-control-option-label-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color); --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-light-mode-color); --segmented-control-option-label-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color); --segmented-control-option-label-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color); --segmented-control-option-label-size: var(--core-type-semibold-30-size); --segmented-control-option-label-tracking: var(--core-type-semibold-30-tracking); --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-light-mode-color); --segmented-control-option-label-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color); --segmented-control-option-label-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color); --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-light-mode-color); --segmented-control-option-label-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color); --segmented-control-option-label-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color); --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-light-mode-color); --segmented-control-option-label-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color); --segmented-control-option-label-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color); --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-light-mode-color); --segmented-control-option-label-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color); --segmented-control-option-label-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color); --segmented-control-option-label-weight: var(--core-type-semibold-30-weight); --segmented-control-option-minimum-height: var(--core-small-size-minimum-height); --segmented-control-option-padding-horizontal: var(--segmented-control-option-horizontal-padding); --segmented-control-option-padding-vertical: var(--segmented-control-option-vertical-padding); --segmented-control-option-radius: var(--core-radius-66); --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color); --segmented-control-option-selected-value-disabled-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-selected-value-disabled-state-background-light-mode-color: var(--core-surface-30-light-mode-color); --segmented-control-option-selected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state); --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color); --segmented-control-option-selected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color); --segmented-control-option-selected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color); --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color); --segmented-control-option-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-selected-value-hover-state-background-light-mode-color: var(--core-surface-30-light-mode-color); --segmented-control-option-selected-value-hover-state-badge-opacity: var(--core-opacity-hover-state); --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color); --segmented-control-option-selected-value-hover-state-label-dark-mode-color: var(--core-text-10-dark-mode-color); --segmented-control-option-selected-value-hover-state-label-light-mode-color: var(--core-text-10-light-mode-color); --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color); --segmented-control-option-selected-value-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-selected-value-normal-state-background-light-mode-color: var(--core-surface-30-light-mode-color); --segmented-control-option-selected-value-normal-state-badge-opacity: 1; --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color); --segmented-control-option-selected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color); --segmented-control-option-selected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color); --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color); --segmented-control-option-selected-value-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-selected-value-pressed-state-background-light-mode-color: var(--core-surface-30-light-mode-color); --segmented-control-option-selected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state); --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color); --segmented-control-option-selected-value-pressed-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --segmented-control-option-selected-value-pressed-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color); --segmented-control-option-spacing-horizontal: var(--segmented-control-option-horizontal-gap); --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color); --segmented-control-option-unselected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state); --segmented-control-option-unselected-value-disabled-state-dark-mode-background-color: transparent; --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color); --segmented-control-option-unselected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color); --segmented-control-option-unselected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color); --segmented-control-option-unselected-value-disabled-state-light-mode-background-color: transparent; --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color); --segmented-control-option-unselected-value-hover-state-badge-opacity: var(--core-opacity-hover-state); --segmented-control-option-unselected-value-hover-state-dark-mode-background-color: transparent; --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color); --segmented-control-option-unselected-value-hover-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --segmented-control-option-unselected-value-hover-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color); --segmented-control-option-unselected-value-hover-state-light-mode-background-color: transparent; --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color); --segmented-control-option-unselected-value-normal-state-badge-opacity: var(--core-opacity-normal-state); --segmented-control-option-unselected-value-normal-state-dark-mode-background-color: transparent; --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color); --segmented-control-option-unselected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color); --segmented-control-option-unselected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color); --segmented-control-option-unselected-value-normal-state-light-mode-background-color: transparent; --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color); --segmented-control-option-unselected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state); --segmented-control-option-unselected-value-pressed-state-dark-mode-background-color: transparent; --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color); --segmented-control-option-unselected-value-pressed-state-label-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --segmented-control-option-unselected-value-pressed-state-label-light-mode-color: var(--core-emphasis-text-light-mode-color); --segmented-control-option-unselected-value-pressed-state-light-mode-background-color: transparent; --segmented-control-option-vertical-padding: var(--core-metrics-spacing-100); --segmented-control-padding-horizontal: var(--segmented-control-horizontal-padding); --segmented-control-padding-vertical: var(--segmented-control-vertical-padding); --segmented-control-radius: var(--core-radius-100); --segmented-control-vertical-padding: var(--core-metrics-spacing-50); /* ========== select ========== */ --select-caret-color: var(--select-caret-light-mode-color); --select-caret-dark-mode-color: var(--select-disclosure-indicator-dark-mode-color); --select-caret-icon-height: var(--select-disclosure-indicator-icon-height); --select-caret-light-mode-color: var(--select-disclosure-indicator-light-mode-color); --select-disclosure-indicator-color: var(--select-disclosure-indicator-light-mode-color); --select-disclosure-indicator-dark-mode-color: var(--core-fill-20-dark-mode-color); --select-disclosure-indicator-icon-height: 8px; --select-disclosure-indicator-light-mode-color: var(--core-fill-20-light-mode-color); /* ========== skeleton-loader ========== */ --skeleton-loader-animation-duration: 3.00s; --skeleton-loader-animation-easing: cubic-bezier(0.0, 0.0, 1.0, 1.0); --skeleton-loader-border-radius: var(--core-radius-10); --skeleton-loader-fill-color: var(--skeleton-loader-fill-light-mode-color); --skeleton-loader-fill-dark-mode-color: var(--core-fill-40-dark-mode-color); --skeleton-loader-fill-light-mode-color: var(--core-fill-40-light-mode-color); --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-light-mode-1-color); --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-light-mode-2-color); --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-light-mode-3-color); --skeleton-loader-gradient-dark-mode-1-color: rgba(255,255,255,0.0); --skeleton-loader-gradient-dark-mode-2-color: rgba(255,255,255,0.1); --skeleton-loader-gradient-dark-mode-3-color: rgba(255,255,255,0.15); --skeleton-loader-gradient-light-mode-1-color: rgba(0, 0, 0, 0.0); --skeleton-loader-gradient-light-mode-2-color: rgba(0, 0, 0, 0.05); --skeleton-loader-gradient-light-mode-3-color: rgba(0, 0, 0, 0.08); --skeleton-loader-gradient-width-ratio: 0.5; /* ========== stepper ========== */ --stepper-border-radius: var(--field-border-radius); --stepper-button-border-radius: 4px; --stepper-button-decrement-height: var(--stepper-button-increment-height); --stepper-button-decrement-scale: var(--stepper-button-increment-scale); --stepper-button-decrement-width: var(--stepper-button-increment-width); --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-light-mode-background-color); --stepper-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --stepper-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-light-mode-icon-color); --stepper-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --stepper-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-light-mode-background-color); --stepper-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --stepper-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-light-mode-icon-color); --stepper-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --stepper-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-light-mode-background-color); --stepper-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --stepper-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-light-mode-icon-color); --stepper-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --stepper-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --stepper-button-increment-height: 16px; --stepper-button-increment-scale: var(--core-type-semibold-20-scale); --stepper-button-increment-width: 16px; --stepper-button-minimum-height: 24px; --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-light-mode-background-color); --stepper-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --stepper-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-light-mode-icon-color); --stepper-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --stepper-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --stepper-button-padding-size: 4px; --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-light-mode-background-color); --stepper-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --stepper-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-light-mode-icon-color); --stepper-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --stepper-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --stepper-button-width-multiplier: 1; --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-light-mode-color); --stepper-disabled-state-background-dark-mode-color: var(--field-disabled-state-dark-mode-background-color); --stepper-disabled-state-background-light-mode-color: var(--field-disabled-state-light-mode-background-color); --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-light-mode-color); --stepper-disabled-state-border-dark-mode-color: var(--field-disabled-state-dark-mode-border-color); --stepper-disabled-state-border-light-mode-color: var(--field-disabled-state-light-mode-border-color); --stepper-disabled-state-border-size: var(--field-border-size); --stepper-focus-state-background-color: var(--stepper-focus-state-background-light-mode-color); --stepper-focus-state-background-dark-mode-color: var(--field-focus-state-dark-mode-background-color); --stepper-focus-state-background-light-mode-color: var(--field-focus-state-light-mode-background-color); --stepper-focus-state-border-size: var(--field-focus-state-border-size); --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-light-mode-color); --stepper-focus-state-invalid-validity-dark-mode-color: var(--field-focus-state-invalid-validity-dark-mode-border-color); --stepper-focus-state-invalid-validity-light-mode-color: var(--field-focus-state-invalid-validity-light-mode-border-color); --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-light-mode-color); --stepper-focus-state-normal-validity-dark-mode-color: var(--field-focus-state-normal-validity-dark-mode-border-color); --stepper-focus-state-normal-validity-light-mode-color: var(--field-focus-state-normal-validity-light-mode-border-color); --stepper-horizontal-spacing: 12px; --stepper-hover-state-background-color: var(--stepper-hover-state-background-light-mode-color); --stepper-hover-state-background-dark-mode-color: var(--field-hover-state-dark-mode-background-color); --stepper-hover-state-background-light-mode-color: var(--field-hover-state-light-mode-background-color); --stepper-hover-state-border-size: var(--field-border-size); --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-light-mode-color); --stepper-hover-state-invalid-validity-dark-mode-color: var(--field-hover-state-invalid-validity-dark-mode-border-color); --stepper-hover-state-invalid-validity-light-mode-color: var(--field-hover-state-invalid-validity-light-mode-border-color); --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-light-mode-color); --stepper-hover-state-normal-validity-dark-mode-color: var(--field-hover-state-normal-validity-dark-mode-border-color); --stepper-hover-state-normal-validity-light-mode-color: var(--field-hover-state-normal-validity-light-mode-border-color); --stepper-normal-state-background-color: var(--stepper-normal-state-background-light-mode-color); --stepper-normal-state-background-dark-mode-color: var(--field-normal-state-dark-mode-background-color); --stepper-normal-state-background-light-mode-color: var(--field-normal-state-light-mode-background-color); --stepper-normal-state-border-size: var(--field-border-size); --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-light-mode-color); --stepper-normal-state-invalid-validity-dark-mode-color: var(--field-normal-state-invalid-validity-dark-mode-border-color); --stepper-normal-state-invalid-validity-light-mode-color: var(--field-normal-state-invalid-validity-light-mode-border-color); --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-light-mode-color); --stepper-normal-state-normal-validity-dark-mode-color: var(--field-normal-state-normal-validity-dark-mode-border-color); --stepper-normal-state-normal-validity-light-mode-color: var(--field-normal-state-normal-validity-light-mode-border-color); --stepper-padding-size: 12px; --stepper-quantity-input-field-minimum-width-multiplier: 1.66; --stepper-quantity-input-field-value-text-case: var(--core-type-paragraph-30-case); --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-light-mode-color); --stepper-quantity-input-field-value-text-disabled-state-dark-mode-color: var(--core-text-20-dark-mode-color); --stepper-quantity-input-field-value-text-disabled-state-light-mode-color: var(--core-text-20-light-mode-color); --stepper-quantity-input-field-value-text-font-family: var(--core-type-paragraph-30-font-family); --stepper-quantity-input-field-value-text-leading: var(--core-type-paragraph-30-leading); --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-light-mode-color); --stepper-quantity-input-field-value-text-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --stepper-quantity-input-field-value-text-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --stepper-quantity-input-field-value-text-number-spacing: 'monospaced'; --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-light-mode-color); --stepper-quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color); --stepper-quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color); --stepper-quantity-input-field-value-text-scale: var(--core-type-paragraph-30-scale); --stepper-quantity-input-field-value-text-size: var(--core-type-paragraph-30-size); --stepper-quantity-input-field-value-text-tracking: var(--core-type-paragraph-30-tracking); --stepper-quantity-input-field-value-text-weight: var(--core-type-paragraph-30-weight); /* ========== sticky-section-header ========== */ --sticky-section-header-background-color: var(--sticky-section-header-background-light-mode-color); --sticky-section-header-background-dark-mode-color: var(--core-surface-5-dark-mode-color); --sticky-section-header-background-light-mode-color: var(--core-surface-5-light-mode-color); --sticky-section-header-horizontal-spacing: var(--core-metrics-spacing-100); --sticky-section-header-separator-color: var(--sticky-section-header-separator-light-mode-color); --sticky-section-header-separator-dark-mode-color: var(--core-divider-10-dark-mode-color); --sticky-section-header-separator-height: 1px; --sticky-section-header-separator-light-mode-color: var(--core-divider-10-light-mode-color); --sticky-section-header-text-case: var(--core-type-heading-10-case); --sticky-section-header-text-color: var(--sticky-section-header-text-light-mode-color); --sticky-section-header-text-dark-mode-color: var(--core-text-10-dark-mode-color); --sticky-section-header-text-font-family: var(--core-type-heading-10-font-family); --sticky-section-header-text-leading: var(--core-type-heading-10-leading); --sticky-section-header-text-light-mode-color: var(--core-text-10-light-mode-color); --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-light-mode-color); --sticky-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --sticky-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity); --sticky-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity); --sticky-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color); --sticky-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity); --sticky-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity); --sticky-section-header-text-link-text-case: var(--text-link-small-size-text-case); --sticky-section-header-text-link-text-font-family: var(--text-link-small-size-text-font-family); --sticky-section-header-text-link-text-leading: var(--text-link-small-size-text-leading); --sticky-section-header-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing); --sticky-section-header-text-link-text-scale: var(--text-link-small-size-text-scale); --sticky-section-header-text-link-text-size: var(--text-link-small-size-text-size); --sticky-section-header-text-link-text-tracking: var(--text-link-small-size-text-tracking); --sticky-section-header-text-link-text-weight: var(--text-link-small-size-text-weight); --sticky-section-header-text-link-vertical-padding: 0px; --sticky-section-header-text-number-spacing: var(--core-type-heading-10-number-spacing); --sticky-section-header-text-scale: var(--core-type-heading-10-scale); --sticky-section-header-text-size: var(--core-type-heading-10-size); --sticky-section-header-text-tracking: var(--core-type-heading-10-tracking); --sticky-section-header-text-weight: var(--core-type-heading-10-weight); --sticky-section-header-vertical-padding: 9px; /* ========== subtle-button ========== */ --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color); --subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color); --subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color); --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color); --subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color); --subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-critical-fill-light-mode-color); --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color); --subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color); --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color); --subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-critical-10-dark-mode-color); --subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-critical-10-light-mode-color); --subtle-button-horizontal-spacing-size: var(--core-metrics-spacing-100); --subtle-button-minimum-height: 24px; --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color); --subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color); --subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color); --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color); --subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-fill-10-light-mode-color); --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color); --subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color); --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color); --subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color); --subtle-button-padding-size: 0px; --subtle-button-width-multiplier: 1; /* ========== swipe-action ========== */ --swipe-action-corner-radius: var(--core-radius-100); --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-light-mode-color); --swipe-action-destructive-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color); --swipe-action-destructive-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color); --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-light-mode-color); --swipe-action-destructive-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color); --swipe-action-destructive-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color); --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-light-mode-color); --swipe-action-primary-variant-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --swipe-action-primary-variant-background-light-mode-color: var(--core-emphasis-fill-light-mode-color); --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-light-mode-color); --swipe-action-primary-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color); --swipe-action-primary-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color); --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-light-mode-color); --swipe-action-secondary-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --swipe-action-secondary-variant-background-light-mode-color: var(--core-fill-40-light-mode-color); --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-light-mode-color); --swipe-action-secondary-variant-foreground-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --swipe-action-secondary-variant-foreground-light-mode-color: var(--core-emphasis-text-light-mode-color); /* ========== tabbar ========== */ --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-light-mode-color); --tabbar-accessory-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color); --tabbar-accessory-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color); --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-light-mode-color); --tabbar-accessory-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --tabbar-accessory-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color); --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-light-mode-color); --tabbar-accessory-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --tabbar-accessory-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color); --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-light-mode-color); --tabbar-accessory-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-accessory-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-background-color: var(--tabbar-background-light-mode-color); --tabbar-background-dark-mode-color: var(--core-surface-5-dark-mode-color); --tabbar-background-light-mode-color: var(--core-surface-5-light-mode-color); --tabbar-bottom-label-style-item-spacing: var(--tabbar-icon-only-style-item-spacing); --tabbar-bottom-label-style-padding-bottom: var(--tabbar-icon-only-style-padding-bottom); --tabbar-bottom-label-style-padding-left: var(--tabbar-icon-only-style-padding-left); --tabbar-bottom-label-style-padding-right: var(--tabbar-icon-only-style-padding-right); --tabbar-bottom-label-style-padding-top: var(--tabbar-icon-only-style-padding-top); --tabbar-divider-color: var(--tabbar-divider-light-mode-color); --tabbar-divider-dark-mode-color: var(--core-divider-20-dark-mode-color); --tabbar-divider-light-mode-color: var(--core-divider-20-light-mode-color); --tabbar-divider-size: var(--core-border-10); --tabbar-icon-only-style-item-spacing: var(--core-metrics-spacing-50); --tabbar-icon-only-style-padding-bottom: var(--core-metrics-spacing-50); --tabbar-icon-only-style-padding-left: var(--core-metrics-spacing-50); --tabbar-icon-only-style-padding-right: var(--core-metrics-spacing-50); --tabbar-icon-only-style-padding-top: var(--core-metrics-spacing-50); --tabbar-item-bottom-label-style-icon-size-height: var(--core-icon-medium-size-height); --tabbar-item-bottom-label-style-icon-size-width: var(--core-icon-medium-size-width); --tabbar-item-bottom-label-style-icon-text-gap: var(--core-metrics-spacing-25); --tabbar-item-bottom-label-style-padding-bottom: var(--core-metrics-spacing-100); --tabbar-item-bottom-label-style-padding-left: var(--core-metrics-spacing-50); --tabbar-item-bottom-label-style-padding-right: var(--core-metrics-spacing-50); --tabbar-item-bottom-label-style-padding-top: var(--core-metrics-spacing-100); --tabbar-item-bottom-label-style-text-case: var(--core-type-semibold-10-case); --tabbar-item-bottom-label-style-text-font-family: var(--core-type-semibold-10-font-family); --tabbar-item-bottom-label-style-text-leading: var(--core-type-semibold-10-leading); --tabbar-item-bottom-label-style-text-number-spacing: var(--core-type-semibold-10-number-spacing); --tabbar-item-bottom-label-style-text-scale: var(--core-type-semibold-10-scale); --tabbar-item-bottom-label-style-text-size: 10px; --tabbar-item-bottom-label-style-text-tracking: var(--core-type-semibold-10-tracking); --tabbar-item-bottom-label-style-text-weight: var(--core-type-semibold-10-weight); --tabbar-item-corner-radius: var(--core-radius-100); --tabbar-item-icon-only-style-icon-size-height: var(--core-icon-medium-size-height); --tabbar-item-icon-only-style-icon-size-width: var(--core-icon-medium-size-width); --tabbar-item-icon-only-style-icon-text-gap: 0px; --tabbar-item-icon-only-style-padding-bottom: var(--core-metrics-spacing-150); --tabbar-item-icon-only-style-padding-left: var(--core-metrics-spacing-150); --tabbar-item-icon-only-style-padding-right: var(--core-metrics-spacing-150); --tabbar-item-icon-only-style-padding-top: var(--core-metrics-spacing-150); --tabbar-item-icon-only-style-text-case: var(--core-type-semibold-10-case); --tabbar-item-icon-only-style-text-font-family: var(--core-type-semibold-10-font-family); --tabbar-item-icon-only-style-text-leading: var(--core-type-semibold-10-leading); --tabbar-item-icon-only-style-text-number-spacing: var(--core-type-semibold-10-number-spacing); --tabbar-item-icon-only-style-text-scale: var(--core-type-semibold-10-scale); --tabbar-item-icon-only-style-text-size: 10px; --tabbar-item-icon-only-style-text-tracking: var(--core-type-semibold-10-tracking); --tabbar-item-icon-only-style-text-weight: var(--core-type-semibold-10-weight); --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-light-mode-color); --tabbar-item-selected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color); --tabbar-item-selected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color); --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-light-mode-color); --tabbar-item-selected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color); --tabbar-item-selected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color); --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-light-mode-color); --tabbar-item-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --tabbar-item-selected-value-hover-state-background-light-mode-color: var(--core-fill-30-light-mode-color); --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-light-mode-color); --tabbar-item-selected-value-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-item-selected-value-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-light-mode-color); --tabbar-item-selected-value-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --tabbar-item-selected-value-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-light-mode-color); --tabbar-item-selected-value-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-item-selected-value-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-light-mode-color); --tabbar-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --tabbar-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-light-mode-color); --tabbar-item-selected-value-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-item-selected-value-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-item-side-label-style-icon-size-height: var(--core-icon-medium-size-height); --tabbar-item-side-label-style-icon-size-width: var(--core-icon-medium-size-width); --tabbar-item-side-label-style-icon-text-gap: var(--core-metrics-spacing-100); --tabbar-item-side-label-style-padding-bottom: var(--core-metrics-spacing-100); --tabbar-item-side-label-style-padding-left: var(--core-metrics-spacing-150); --tabbar-item-side-label-style-padding-right: var(--core-metrics-spacing-150); --tabbar-item-side-label-style-padding-top: var(--core-metrics-spacing-100); --tabbar-item-side-label-style-text-case: var(--core-type-semibold-20-case); --tabbar-item-side-label-style-text-font-family: var(--core-type-semibold-20-font-family); --tabbar-item-side-label-style-text-leading: var(--core-type-semibold-20-leading); --tabbar-item-side-label-style-text-number-spacing: var(--core-type-semibold-20-number-spacing); --tabbar-item-side-label-style-text-scale: var(--core-type-semibold-20-scale); --tabbar-item-side-label-style-text-size: var(--core-type-semibold-20-size); --tabbar-item-side-label-style-text-tracking: var(--core-type-semibold-20-tracking); --tabbar-item-side-label-style-text-weight: var(--core-type-semibold-20-weight); --tabbar-item-side-label-wide-style-icon-size-height: var(--tabbar-item-side-label-style-icon-size-height); --tabbar-item-side-label-wide-style-icon-size-width: var(--tabbar-item-side-label-style-icon-size-width); --tabbar-item-side-label-wide-style-icon-text-gap: var(--tabbar-item-side-label-style-icon-text-gap); --tabbar-item-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150); --tabbar-item-side-label-wide-style-padding-left: var(--tabbar-item-side-label-style-padding-left); --tabbar-item-side-label-wide-style-padding-right: var(--tabbar-item-side-label-style-padding-right); --tabbar-item-side-label-wide-style-padding-top: var(--core-metrics-spacing-150); --tabbar-item-side-label-wide-style-text-case: var(--tabbar-item-side-label-style-text-case); --tabbar-item-side-label-wide-style-text-font-family: var(--tabbar-item-side-label-style-text-font-family); --tabbar-item-side-label-wide-style-text-leading: var(--tabbar-item-side-label-style-text-leading); --tabbar-item-side-label-wide-style-text-number-spacing: var(--tabbar-item-side-label-style-text-number-spacing); --tabbar-item-side-label-wide-style-text-scale: var(--tabbar-item-side-label-style-text-scale); --tabbar-item-side-label-wide-style-text-size: var(--tabbar-item-side-label-style-text-size); --tabbar-item-side-label-wide-style-text-tracking: var(--tabbar-item-side-label-style-text-tracking); --tabbar-item-side-label-wide-style-text-weight: var(--tabbar-item-side-label-style-text-weight); --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-light-mode-color); --tabbar-item-unselected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color); --tabbar-item-unselected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color); --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-light-mode-color); --tabbar-item-unselected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color); --tabbar-item-unselected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color); --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-light-mode-color); --tabbar-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --tabbar-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-light-mode-color); --tabbar-item-unselected-value-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --tabbar-item-unselected-value-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color); --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-light-mode-color); --tabbar-item-unselected-value-normal-state-background-dark-mode-color: var(--core-transparent-dark-mode-color); --tabbar-item-unselected-value-normal-state-background-light-mode-color: var(--core-transparent-light-mode-color); --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-light-mode-color); --tabbar-item-unselected-value-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --tabbar-item-unselected-value-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color); --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-light-mode-color); --tabbar-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --tabbar-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-light-mode-color); --tabbar-item-unselected-value-pressed-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --tabbar-item-unselected-value-pressed-state-content-light-mode-color: var(--core-text-10-light-mode-color); --tabbar-side-label-style-item-spacing: var(--core-metrics-spacing-150); --tabbar-side-label-style-padding-bottom: var(--core-metrics-spacing-100); --tabbar-side-label-style-padding-left: var(--core-metrics-spacing-100); --tabbar-side-label-style-padding-right: var(--core-metrics-spacing-100); --tabbar-side-label-style-padding-top: var(--core-metrics-spacing-100); --tabbar-side-label-wide-style-item-spacing: var(--tabbar-side-label-style-item-spacing); --tabbar-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150); --tabbar-side-label-wide-style-padding-left: var(--tabbar-side-label-style-padding-left); --tabbar-side-label-wide-style-padding-right: var(--tabbar-side-label-style-padding-right); --tabbar-side-label-wide-style-padding-top: var(--core-metrics-spacing-150); /* ========== tableCell ========== */ --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-light-mode-color); --table-cell-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color); --table-cell-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color); --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-light-mode-color); --table-cell-focus-state-background-dark-mode-color: var(--table-cell-hover-state-background-dark-mode-color); --table-cell-focus-state-background-light-mode-color: var(--table-cell-hover-state-background-light-mode-color); --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-light-mode-color); --table-cell-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --table-cell-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-light-mode-color); --table-cell-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --table-cell-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-light-mode-color); --table-cell-selected-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --table-cell-selected-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); /* ========== tag ========== */ --tag-basic-format-bottom-padding: 7px; --tag-basic-format-left-padding: 12px; --tag-basic-format-right-padding: 8px; --tag-basic-format-top-padding: 7px; --tag-disabled-state-background-color: var(--tag-disabled-state-light-mode-background-color); --tag-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --tag-disabled-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color); --tag-disabled-state-dark-mode-remove-indicator-color: var(--core-fill-30-dark-mode-color); --tag-disabled-state-icon-color: var(--tag-disabled-state-light-mode-icon-color); --tag-disabled-state-label-color: var(--tag-disabled-state-light-mode-label-color); --tag-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --tag-disabled-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color); --tag-disabled-state-light-mode-remove-indicator-color: var(--core-fill-30-light-mode-color); --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-light-mode-remove-indicator-color); --tag-focus-state-background-color: var(--tag-focus-state-light-mode-background-color); --tag-focus-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --tag-focus-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-focus-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --tag-focus-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color); --tag-focus-state-icon-color: var(--tag-focus-state-light-mode-icon-color); --tag-focus-state-label-color: var(--tag-focus-state-light-mode-label-color); --tag-focus-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --tag-focus-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-focus-state-light-mode-label-color: var(--core-text-10-light-mode-color); --tag-focus-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color); --tag-focus-state-remove-indicator-color: var(--tag-focus-state-light-mode-remove-indicator-color); --tag-horizontal-spacing: 4px; --tag-hover-state-background-color: var(--tag-hover-state-light-mode-background-color); --tag-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --tag-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --tag-hover-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color); --tag-hover-state-icon-color: var(--tag-hover-state-light-mode-icon-color); --tag-hover-state-label-color: var(--tag-hover-state-light-mode-label-color); --tag-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --tag-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color); --tag-hover-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color); --tag-hover-state-remove-indicator-color: var(--tag-hover-state-light-mode-remove-indicator-color); --tag-minimum-width-multiplier: 1.5; --tag-normal-state-background-color: var(--tag-normal-state-light-mode-background-color); --tag-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --tag-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --tag-normal-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color); --tag-normal-state-icon-color: var(--tag-normal-state-light-mode-icon-color); --tag-normal-state-label-color: var(--tag-normal-state-light-mode-label-color); --tag-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --tag-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color); --tag-normal-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color); --tag-normal-state-remove-indicator-color: var(--tag-normal-state-light-mode-remove-indicator-color); --tag-pressed-state-background-color: var(--tag-pressed-state-light-mode-background-color); --tag-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --tag-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --tag-pressed-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color); --tag-pressed-state-icon-color: var(--tag-pressed-state-light-mode-icon-color); --tag-pressed-state-label-color: var(--tag-pressed-state-light-mode-label-color); --tag-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --tag-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color); --tag-pressed-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color); --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-light-mode-remove-indicator-color); --tag-remove-indicator-height: 16px; --tag-remove-indicator-icon-height: 16px; --tag-remove-indicator-icon-scale: var(--core-type-paragraph-10-scale); --tag-remove-indicator-icon-width: 16px; --tag-remove-indicator-scale: var(--core-type-paragraph-10-scale); --tag-remove-indicator-width: 16px; --tag-text-case: var(--core-type-paragraph-10-case); --tag-text-font-family: var(--core-type-paragraph-10-font-family); --tag-text-leading: var(--core-type-paragraph-10-leading); --tag-text-number-spacing: var(--core-type-paragraph-10-number-spacing); --tag-text-scale: var(--core-type-paragraph-10-scale); --tag-text-size: var(--core-type-paragraph-10-size); --tag-text-tracking: var(--core-type-paragraph-10-tracking); --tag-text-weight: var(--core-type-paragraph-10-weight); --tag-with-icon-format-bottom-padding: 8px; --tag-with-icon-format-left-padding: 8px; --tag-with-icon-format-right-padding: 8px; --tag-with-icon-format-top-padding: 8px; /* ========== text-link-group ========== */ --text-link-group-horizontal-spacing: var(--core-metrics-spacing-150); --text-link-group-separator-color: var(--text-link-group-separator-light-mode-color); --text-link-group-separator-dark-mode-color: var(--core-fill-10-dark-mode-color); --text-link-group-separator-height: 8px; --text-link-group-separator-light-mode-color: var(--core-fill-10-light-mode-color); --text-link-group-separator-opacity: 0.3; --text-link-group-separator-width: 1px; --text-link-group-vertical-spacing: var(--core-metrics-spacing-200); /* ========== text-link ========== */ --text-link-destructive-variant-color: var(--text-link-destructive-variant-light-mode-color); --text-link-destructive-variant-dark-mode-color: var(--core-critical-text-dark-mode-color); --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-light-mode-color); --text-link-destructive-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --text-link-destructive-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-light-mode-color); --text-link-destructive-variant-hover-state-dark-mode-color: var(--core-critical-20-dark-mode-color); --text-link-destructive-variant-hover-state-light-mode-color: var(--core-critical-20-light-mode-color); --text-link-destructive-variant-light-mode-color: var(--core-critical-text-light-mode-color); --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-light-mode-color); --text-link-destructive-variant-normal-state-dark-mode-color: var(--core-critical-text-dark-mode-color); --text-link-destructive-variant-normal-state-light-mode-color: var(--core-critical-text-light-mode-color); --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-light-mode-color); --text-link-destructive-variant-pressed-state-dark-mode-color: var(--core-critical-10-dark-mode-color); --text-link-destructive-variant-pressed-state-light-mode-color: var(--core-critical-10-light-mode-color); --text-link-disabled-state-opacity: 0.3; --text-link-hover-state-opacity: 0.6; --text-link-inline-style-disabled-state-underline-size: 1px; --text-link-inline-style-hover-state-underline-size: 0px; --text-link-inline-style-normal-state-underline-size: 1px; --text-link-inline-style-pressed-state-underline-size: 0px; --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-light-mode-color); --text-link-inverted-variant-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --text-link-inverted-variant-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color); --text-link-inverted-variant-disabled-state-opacity: 0.3; --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-light-mode-color); --text-link-inverted-variant-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --text-link-inverted-variant-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-light-mode-color); --text-link-inverted-variant-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --text-link-inverted-variant-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color); --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-light-mode-color); --text-link-inverted-variant-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --text-link-inverted-variant-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --text-link-medium-size-text-case: var(--core-type-semibold-30-case); --text-link-medium-size-text-font-family: var(--core-type-semibold-30-font-family); --text-link-medium-size-text-leading: var(--core-type-semibold-30-leading); --text-link-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --text-link-medium-size-text-scale: var(--core-type-semibold-30-scale); --text-link-medium-size-text-size: var(--core-type-semibold-30-size); --text-link-medium-size-text-tracking: var(--core-type-semibold-30-tracking); --text-link-medium-size-text-weight: var(--core-type-semibold-30-weight); --text-link-medium-size-vertical-padding: 0px; --text-link-normal-state-opacity: 1; --text-link-normal-variant-color: var(--text-link-normal-variant-light-mode-color); --text-link-normal-variant-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --text-link-normal-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --text-link-normal-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-light-mode-color); --text-link-normal-variant-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color); --text-link-normal-variant-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color); --text-link-normal-variant-light-mode-color: var(--core-emphasis-text-light-mode-color); --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-light-mode-color); --text-link-normal-variant-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --text-link-normal-variant-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-light-mode-color); --text-link-normal-variant-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color); --text-link-normal-variant-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color); --text-link-pressed-state-opacity: 0.6; --text-link-small-size-text-case: var(--core-type-semibold-20-case); --text-link-small-size-text-font-family: var(--core-type-semibold-20-font-family); --text-link-small-size-text-leading: var(--core-type-semibold-20-leading); --text-link-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing); --text-link-small-size-text-scale: var(--core-type-semibold-20-scale); --text-link-small-size-text-size: var(--core-type-semibold-20-size); --text-link-small-size-text-tracking: var(--core-type-semibold-20-tracking); --text-link-small-size-text-weight: var(--core-type-semibold-20-weight); --text-link-small-size-vertical-padding: 0px; --text-link-standalone-style-disabled-state-underline-size: 0px; --text-link-standalone-style-hover-state-underline-size: 1px; --text-link-standalone-style-normal-state-underline-size: 0px; --text-link-standalone-style-pressed-state-underline-size: 1px; /* ========== textarea ========== */ --textarea-font-case: var(--core-type-paragraph-30-case); --textarea-font-font-family: var(--core-type-paragraph-30-font-family); --textarea-font-leading: var(--core-type-paragraph-30-leading); --textarea-font-number-spacing: var(--core-type-paragraph-30-number-spacing); --textarea-font-scale: var(--core-type-paragraph-30-scale); --textarea-font-size: var(--core-type-paragraph-30-size); --textarea-font-tracking: var(--core-type-paragraph-30-tracking); --textarea-font-weight: var(--core-type-paragraph-30-weight); --textarea-height: 112px; --textarea-maximum-height: 320px; --textarea-min-height: var(--textarea-minimum-height); --textarea-minimum-height: var(--textarea-height); --textarea-placeholder-color: var(--textarea-placeholder-light-mode-color); --textarea-placeholder-dark-mode-color: var(--core-fill-30-dark-mode-color); --textarea-placeholder-light-mode-color: var(--core-fill-30-light-mode-color); --textarea-selection-caret-color: var(--textarea-selection-caret-light-mode-color); --textarea-selection-caret-dark-mode-color: var(--textarea-selection-text-cursor-dark-mode-color); --textarea-selection-caret-light-mode-color: var(--textarea-selection-text-cursor-light-mode-color); --textarea-selection-highlight-color: var(--textarea-selection-highlight-light-mode-color); --textarea-selection-highlight-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --textarea-selection-highlight-light-mode-color: var(--core-emphasis-30-light-mode-color); --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-light-mode-color); --textarea-selection-text-cursor-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --textarea-selection-text-cursor-light-mode-color: var(--core-emphasis-fill-light-mode-color); /* ========== toast ========== */ --toast-accent-color: var(--toast-accent-light-mode-color); --toast-accent-dark-mode-color: var(--core-fill-10-dark-mode-color); --toast-accent-light-mode-color: var(--core-fill-10-light-mode-color); --toast-background-color: var(--toast-background-light-mode-color); --toast-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color); --toast-background-light-mode-color: var(--core-surface-inverse-light-mode-color); --toast-button-gap: var(--core-metrics-spacing-150); --toast-button-spacing: var(--toast-button-gap); --toast-button-text-case: var(--core-type-semibold-30-case); --toast-button-text-font-family: var(--core-type-semibold-30-font-family); --toast-button-text-leading: var(--core-type-semibold-30-leading); --toast-button-text-number-spacing: var(--core-type-semibold-30-number-spacing); --toast-button-text-scale: var(--core-type-semibold-30-scale); --toast-button-text-size: var(--core-type-semibold-30-size); --toast-button-text-tracking: var(--core-type-semibold-30-tracking); --toast-button-text-weight: var(--core-type-semibold-30-weight); --toast-content-gap: var(--core-metrics-spacing-150); --toast-content-spacing: var(--toast-content-gap); --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-light-mode-color); --toast-critical-variant-accent-dark-mode-color: var(--core-fill-white-dark-mode-color); --toast-critical-variant-accent-light-mode-color: var(--core-fill-white-light-mode-color); --toast-critical-variant-background-color: var(--toast-critical-variant-background-light-mode-color); --toast-critical-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color); --toast-critical-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color); --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-light-mode-color); --toast-critical-variant-button-text-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color); --toast-critical-variant-button-text-light-mode-color: var(--toast-critical-variant-link-light-mode-color); --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-light-mode-color); --toast-critical-variant-dismiss-button-dark-mode-color: var(--core-fill-white-dark-mode-color); --toast-critical-variant-dismiss-button-light-mode-color: var(--core-fill-white-light-mode-color); --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-light-mode-color); --toast-critical-variant-icon-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color); --toast-critical-variant-icon-light-mode-color: var(--toast-critical-variant-accent-light-mode-color); --toast-critical-variant-link-color: var(--toast-critical-variant-link-light-mode-color); --toast-critical-variant-link-dark-mode-color: var(--toast-critical-variant-text-dark-mode-color); --toast-critical-variant-link-light-mode-color: var(--toast-critical-variant-text-light-mode-color); --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-light-mode-color); --toast-critical-variant-progress-bar-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color); --toast-critical-variant-progress-bar-light-mode-color: var(--toast-critical-variant-accent-light-mode-color); --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-light-mode-color); --toast-critical-variant-separator-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color); --toast-critical-variant-separator-light-mode-color: var(--toast-critical-variant-link-light-mode-color); --toast-critical-variant-text-color: var(--toast-critical-variant-text-light-mode-color); --toast-critical-variant-text-dark-mode-color: var(--core-text-white-dark-mode-color); --toast-critical-variant-text-light-mode-color: var(--core-text-white-light-mode-color); --toast-dismiss-button-color: var(--toast-dismiss-button-light-mode-color); --toast-dismiss-button-dark-mode-color: var(--core-text-inverse-dark-mode-color); --toast-dismiss-button-light-mode-color: var(--core-text-inverse-light-mode-color); --toast-dismissal-delay-long-duration: 10.00s; --toast-dismissal-delay-medium-duration: 5.00s; --toast-dismissal-delay-short-duration: 2.00s; --toast-horizontal-padding: var(--core-metrics-spacing-200); --toast-horizontal-padding-size: var(--toast-horizontal-padding); --toast-icon-color: var(--toast-icon-light-mode-color); --toast-icon-dark-mode-color: var(--toast-accent-dark-mode-color); --toast-icon-gap: var(--core-metrics-spacing-150); --toast-icon-light-mode-color: var(--toast-accent-light-mode-color); --toast-icon-spacing: var(--toast-icon-gap); --toast-info-variant-accent-color: var(--toast-info-variant-accent-light-mode-color); --toast-info-variant-accent-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --toast-info-variant-accent-light-mode-color: var(--core-emphasis-fill-light-mode-color); --toast-info-variant-background-color: var(--toast-info-variant-background-light-mode-color); --toast-info-variant-background-dark-mode-color: var(--toast-background-dark-mode-color); --toast-info-variant-background-light-mode-color: var(--toast-background-light-mode-color); --toast-info-variant-button-text-case: var(--toast-info-variant-link-case); --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-light-mode-color); --toast-info-variant-button-text-dark-mode-color: var(--toast-info-variant-link-dark-mode-color); --toast-info-variant-button-text-font-family: var(--toast-info-variant-link-font-family); --toast-info-variant-button-text-leading: var(--toast-info-variant-link-leading); --toast-info-variant-button-text-light-mode-color: var(--toast-info-variant-link-light-mode-color); --toast-info-variant-button-text-multiline-gap: var(--toast-info-variant-link-multiline-gap); --toast-info-variant-button-text-multiline-spacing: var(--toast-info-variant-link-multiline-spacing); --toast-info-variant-button-text-number-spacing: var(--toast-info-variant-link-number-spacing); --toast-info-variant-button-text-scale: var(--toast-info-variant-link-scale); --toast-info-variant-button-text-size: var(--toast-info-variant-link-size); --toast-info-variant-button-text-tracking: var(--toast-info-variant-link-tracking); --toast-info-variant-button-text-weight: var(--toast-info-variant-link-weight); --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-light-mode-color); --toast-info-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color); --toast-info-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color); --toast-info-variant-icon-color: var(--toast-info-variant-icon-light-mode-color); --toast-info-variant-icon-dark-mode-color: var(--toast-info-variant-accent-dark-mode-color); --toast-info-variant-icon-light-mode-color: var(--toast-info-variant-accent-light-mode-color); --toast-info-variant-link-case: var(--toast-info-variant-text-case); --toast-info-variant-link-color: var(--toast-info-variant-link-light-mode-color); --toast-info-variant-link-dark-mode-color: var(--toast-info-variant-text-dark-mode-color); --toast-info-variant-link-font-family: var(--toast-info-variant-text-font-family); --toast-info-variant-link-leading: var(--toast-info-variant-text-leading); --toast-info-variant-link-light-mode-color: var(--toast-info-variant-text-light-mode-color); --toast-info-variant-link-multiline-gap: var(--toast-info-variant-text-multiline-gap); --toast-info-variant-link-multiline-spacing: var(--toast-info-variant-text-multiline-spacing); --toast-info-variant-link-number-spacing: var(--toast-info-variant-text-number-spacing); --toast-info-variant-link-scale: var(--toast-info-variant-text-scale); --toast-info-variant-link-size: var(--toast-info-variant-text-size); --toast-info-variant-link-tracking: var(--toast-info-variant-text-tracking); --toast-info-variant-link-weight: var(--toast-info-variant-text-weight); --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-light-mode-color); --toast-info-variant-progress-bar-dark-mode-color: var(--toast-info-variant-accent-dark-mode-color); --toast-info-variant-progress-bar-light-mode-color: var(--toast-info-variant-accent-light-mode-color); --toast-info-variant-separator-case: var(--toast-info-variant-link-case); --toast-info-variant-separator-color: var(--toast-info-variant-separator-light-mode-color); --toast-info-variant-separator-dark-mode-color: var(--toast-info-variant-link-dark-mode-color); --toast-info-variant-separator-font-family: var(--toast-info-variant-link-font-family); --toast-info-variant-separator-leading: var(--toast-info-variant-link-leading); --toast-info-variant-separator-light-mode-color: var(--toast-info-variant-link-light-mode-color); --toast-info-variant-separator-multiline-gap: var(--toast-info-variant-link-multiline-gap); --toast-info-variant-separator-multiline-spacing: var(--toast-info-variant-link-multiline-spacing); --toast-info-variant-separator-number-spacing: var(--toast-info-variant-link-number-spacing); --toast-info-variant-separator-scale: var(--toast-info-variant-link-scale); --toast-info-variant-separator-size: var(--toast-info-variant-link-size); --toast-info-variant-separator-tracking: var(--toast-info-variant-link-tracking); --toast-info-variant-separator-weight: var(--toast-info-variant-link-weight); --toast-info-variant-text-case: var(--toast-text-case); --toast-info-variant-text-color: var(--toast-info-variant-text-light-mode-color); --toast-info-variant-text-dark-mode-color: var(--toast-text-dark-mode-color); --toast-info-variant-text-font-family: var(--toast-text-font-family); --toast-info-variant-text-leading: var(--toast-text-leading); --toast-info-variant-text-light-mode-color: var(--toast-text-light-mode-color); --toast-info-variant-text-multiline-gap: var(--toast-text-multiline-gap); --toast-info-variant-text-multiline-spacing: var(--toast-text-multiline-spacing); --toast-info-variant-text-number-spacing: var(--toast-text-number-spacing); --toast-info-variant-text-scale: var(--toast-text-scale); --toast-info-variant-text-size: var(--toast-text-size); --toast-info-variant-text-tracking: var(--toast-text-tracking); --toast-info-variant-text-weight: var(--toast-text-weight); --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-light-mode-color); --toast-insight-variant-accent-dark-mode-color: var(--core-purple-fill-dark-mode-color); --toast-insight-variant-accent-light-mode-color: var(--core-purple-fill-light-mode-color); --toast-insight-variant-background-color: var(--toast-insight-variant-background-light-mode-color); --toast-insight-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --toast-insight-variant-background-light-mode-color: var(--core-surface-10-light-mode-color); --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-light-mode-color); --toast-insight-variant-button-text-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color); --toast-insight-variant-button-text-light-mode-color: var(--toast-insight-variant-link-light-mode-color); --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-light-mode-color); --toast-insight-variant-dismiss-button-dark-mode-color: var(--core-fill-10-dark-mode-color); --toast-insight-variant-dismiss-button-light-mode-color: var(--core-fill-10-light-mode-color); --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-light-mode-color); --toast-insight-variant-icon-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color); --toast-insight-variant-icon-light-mode-color: var(--toast-insight-variant-accent-light-mode-color); --toast-insight-variant-link-color: var(--toast-insight-variant-link-light-mode-color); --toast-insight-variant-link-dark-mode-color: var(--toast-insight-variant-text-dark-mode-color); --toast-insight-variant-link-light-mode-color: var(--toast-insight-variant-text-light-mode-color); --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-light-mode-color); --toast-insight-variant-progress-bar-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color); --toast-insight-variant-progress-bar-light-mode-color: var(--toast-insight-variant-accent-light-mode-color); --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-light-mode-color); --toast-insight-variant-separator-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color); --toast-insight-variant-separator-light-mode-color: var(--toast-insight-variant-link-light-mode-color); --toast-insight-variant-text-color: var(--toast-insight-variant-text-light-mode-color); --toast-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --toast-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-light-mode-color); --toast-link-destructive-variant-dark-mode-color: var(--text-link-destructive-variant-dark-mode-color); --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-light-mode-color); --toast-link-destructive-variant-disabled-state-dark-mode-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color); --toast-link-destructive-variant-disabled-state-light-mode-color: var(--text-link-destructive-variant-disabled-state-light-mode-color); --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-light-mode-color); --toast-link-destructive-variant-hover-state-dark-mode-color: var(--text-link-destructive-variant-hover-state-dark-mode-color); --toast-link-destructive-variant-hover-state-light-mode-color: var(--text-link-destructive-variant-hover-state-light-mode-color); --toast-link-destructive-variant-light-mode-color: var(--text-link-destructive-variant-light-mode-color); --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-light-mode-color); --toast-link-destructive-variant-normal-state-dark-mode-color: var(--text-link-destructive-variant-normal-state-dark-mode-color); --toast-link-destructive-variant-normal-state-light-mode-color: var(--text-link-destructive-variant-normal-state-light-mode-color); --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-light-mode-color); --toast-link-destructive-variant-pressed-state-dark-mode-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color); --toast-link-destructive-variant-pressed-state-light-mode-color: var(--text-link-destructive-variant-pressed-state-light-mode-color); --toast-link-disabled-state-opacity: var(--text-link-disabled-state-opacity); --toast-link-hover-state-opacity: var(--text-link-hover-state-opacity); --toast-link-inline-style-disabled-state-underline-size: var(--text-link-inline-style-disabled-state-underline-size); --toast-link-inline-style-hover-state-underline-size: var(--text-link-inline-style-hover-state-underline-size); --toast-link-inline-style-normal-state-underline-size: var(--text-link-inline-style-normal-state-underline-size); --toast-link-inline-style-pressed-state-underline-size: var(--text-link-inline-style-pressed-state-underline-size); --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-light-mode-color); --toast-link-inverted-variant-disabled-state-dark-mode-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color); --toast-link-inverted-variant-disabled-state-light-mode-color: var(--text-link-inverted-variant-disabled-state-light-mode-color); --toast-link-inverted-variant-disabled-state-opacity: var(--text-link-inverted-variant-disabled-state-opacity); --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-light-mode-color); --toast-link-inverted-variant-hover-state-dark-mode-color: var(--text-link-inverted-variant-hover-state-dark-mode-color); --toast-link-inverted-variant-hover-state-light-mode-color: var(--text-link-inverted-variant-hover-state-light-mode-color); --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-light-mode-color); --toast-link-inverted-variant-normal-state-dark-mode-color: var(--text-link-inverted-variant-normal-state-dark-mode-color); --toast-link-inverted-variant-normal-state-light-mode-color: var(--text-link-inverted-variant-normal-state-light-mode-color); --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-light-mode-color); --toast-link-inverted-variant-pressed-state-dark-mode-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color); --toast-link-inverted-variant-pressed-state-light-mode-color: var(--text-link-inverted-variant-pressed-state-light-mode-color); --toast-link-medium-size-text-case: var(--text-link-medium-size-text-case); --toast-link-medium-size-text-font-family: var(--text-link-medium-size-text-font-family); --toast-link-medium-size-text-leading: var(--text-link-medium-size-text-leading); --toast-link-medium-size-text-number-spacing: var(--text-link-medium-size-text-number-spacing); --toast-link-medium-size-text-scale: var(--text-link-medium-size-text-scale); --toast-link-medium-size-text-size: var(--text-link-medium-size-text-size); --toast-link-medium-size-text-tracking: var(--text-link-medium-size-text-tracking); --toast-link-medium-size-text-weight: var(--text-link-medium-size-text-weight); --toast-link-medium-size-vertical-padding: var(--text-link-medium-size-vertical-padding); --toast-link-normal-state-opacity: var(--text-link-normal-state-opacity); --toast-link-normal-variant-color: var(--toast-link-normal-variant-light-mode-color); --toast-link-normal-variant-dark-mode-color: var(--text-link-normal-variant-dark-mode-color); --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-light-mode-color); --toast-link-normal-variant-disabled-state-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --toast-link-normal-variant-disabled-state-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-light-mode-color); --toast-link-normal-variant-hover-state-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color); --toast-link-normal-variant-hover-state-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color); --toast-link-normal-variant-light-mode-color: var(--text-link-normal-variant-light-mode-color); --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-light-mode-color); --toast-link-normal-variant-normal-state-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color); --toast-link-normal-variant-normal-state-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color); --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-light-mode-color); --toast-link-normal-variant-pressed-state-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color); --toast-link-normal-variant-pressed-state-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color); --toast-link-pressed-state-opacity: var(--text-link-pressed-state-opacity); --toast-link-small-size-text-case: var(--text-link-small-size-text-case); --toast-link-small-size-text-font-family: var(--text-link-small-size-text-font-family); --toast-link-small-size-text-leading: var(--text-link-small-size-text-leading); --toast-link-small-size-text-number-spacing: var(--text-link-small-size-text-number-spacing); --toast-link-small-size-text-scale: var(--text-link-small-size-text-scale); --toast-link-small-size-text-size: var(--text-link-small-size-text-size); --toast-link-small-size-text-tracking: var(--text-link-small-size-text-tracking); --toast-link-small-size-text-weight: var(--text-link-small-size-text-weight); --toast-link-small-size-vertical-padding: var(--text-link-small-size-vertical-padding); --toast-link-standalone-style-disabled-state-underline-size: var(--text-link-standalone-style-disabled-state-underline-size); --toast-link-standalone-style-hover-state-underline-size: var(--text-link-standalone-style-hover-state-underline-size); --toast-link-standalone-style-normal-state-underline-size: var(--text-link-standalone-style-normal-state-underline-size); --toast-link-standalone-style-pressed-state-underline-size: var(--text-link-standalone-style-pressed-state-underline-size); --toast-maximum-width: 600px; --toast-progress-bar-color: var(--toast-progress-bar-light-mode-color); --toast-progress-bar-dark-mode-color: var(--core-fill-inverse-dark-mode-color); --toast-progress-bar-height: var(--core-metrics-spacing-50); --toast-progress-bar-light-mode-color: var(--core-fill-inverse-light-mode-color); --toast-radius: var(--core-radius-100); --toast-separator-height: var(--core-metrics-spacing-100); --toast-separator-opacity: 0.3; --toast-separator-width: 1px; --toast-success-variant-accent-color: var(--toast-success-variant-accent-light-mode-color); --toast-success-variant-accent-dark-mode-color: var(--core-success-fill-dark-mode-color); --toast-success-variant-accent-light-mode-color: var(--core-success-fill-light-mode-color); --toast-success-variant-background-color: var(--toast-success-variant-background-light-mode-color); --toast-success-variant-background-dark-mode-color: var(--toast-background-dark-mode-color); --toast-success-variant-background-light-mode-color: var(--toast-background-light-mode-color); --toast-success-variant-button-text-case: var(--toast-success-variant-link-case); --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-light-mode-color); --toast-success-variant-button-text-dark-mode-color: var(--toast-success-variant-link-dark-mode-color); --toast-success-variant-button-text-font-family: var(--toast-success-variant-link-font-family); --toast-success-variant-button-text-leading: var(--toast-success-variant-link-leading); --toast-success-variant-button-text-light-mode-color: var(--toast-success-variant-link-light-mode-color); --toast-success-variant-button-text-multiline-gap: var(--toast-success-variant-link-multiline-gap); --toast-success-variant-button-text-multiline-spacing: var(--toast-success-variant-link-multiline-spacing); --toast-success-variant-button-text-number-spacing: var(--toast-success-variant-link-number-spacing); --toast-success-variant-button-text-scale: var(--toast-success-variant-link-scale); --toast-success-variant-button-text-size: var(--toast-success-variant-link-size); --toast-success-variant-button-text-tracking: var(--toast-success-variant-link-tracking); --toast-success-variant-button-text-weight: var(--toast-success-variant-link-weight); --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-light-mode-color); --toast-success-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color); --toast-success-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color); --toast-success-variant-icon-color: var(--toast-success-variant-icon-light-mode-color); --toast-success-variant-icon-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color); --toast-success-variant-icon-light-mode-color: var(--toast-success-variant-accent-light-mode-color); --toast-success-variant-link-case: var(--toast-success-variant-text-case); --toast-success-variant-link-color: var(--toast-success-variant-link-light-mode-color); --toast-success-variant-link-dark-mode-color: var(--toast-success-variant-text-dark-mode-color); --toast-success-variant-link-font-family: var(--toast-success-variant-text-font-family); --toast-success-variant-link-leading: var(--toast-success-variant-text-leading); --toast-success-variant-link-light-mode-color: var(--toast-success-variant-text-light-mode-color); --toast-success-variant-link-multiline-gap: var(--toast-success-variant-text-multiline-gap); --toast-success-variant-link-multiline-spacing: var(--toast-success-variant-text-multiline-spacing); --toast-success-variant-link-number-spacing: var(--toast-success-variant-text-number-spacing); --toast-success-variant-link-scale: var(--toast-success-variant-text-scale); --toast-success-variant-link-size: var(--toast-success-variant-text-size); --toast-success-variant-link-tracking: var(--toast-success-variant-text-tracking); --toast-success-variant-link-weight: var(--toast-success-variant-text-weight); --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-light-mode-color); --toast-success-variant-progress-bar-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color); --toast-success-variant-progress-bar-light-mode-color: var(--toast-success-variant-accent-light-mode-color); --toast-success-variant-separator-case: var(--toast-success-variant-link-case); --toast-success-variant-separator-color: var(--toast-success-variant-separator-light-mode-color); --toast-success-variant-separator-dark-mode-color: var(--toast-success-variant-link-dark-mode-color); --toast-success-variant-separator-font-family: var(--toast-success-variant-link-font-family); --toast-success-variant-separator-leading: var(--toast-success-variant-link-leading); --toast-success-variant-separator-light-mode-color: var(--toast-success-variant-link-light-mode-color); --toast-success-variant-separator-multiline-gap: var(--toast-success-variant-link-multiline-gap); --toast-success-variant-separator-multiline-spacing: var(--toast-success-variant-link-multiline-spacing); --toast-success-variant-separator-number-spacing: var(--toast-success-variant-link-number-spacing); --toast-success-variant-separator-scale: var(--toast-success-variant-link-scale); --toast-success-variant-separator-size: var(--toast-success-variant-link-size); --toast-success-variant-separator-tracking: var(--toast-success-variant-link-tracking); --toast-success-variant-separator-weight: var(--toast-success-variant-link-weight); --toast-success-variant-text-case: var(--toast-text-case); --toast-success-variant-text-color: var(--toast-success-variant-text-light-mode-color); --toast-success-variant-text-dark-mode-color: var(--toast-text-dark-mode-color); --toast-success-variant-text-font-family: var(--toast-text-font-family); --toast-success-variant-text-leading: var(--toast-text-leading); --toast-success-variant-text-light-mode-color: var(--toast-text-light-mode-color); --toast-success-variant-text-multiline-gap: var(--toast-text-multiline-gap); --toast-success-variant-text-multiline-spacing: var(--toast-text-multiline-spacing); --toast-success-variant-text-number-spacing: var(--toast-text-number-spacing); --toast-success-variant-text-scale: var(--toast-text-scale); --toast-success-variant-text-size: var(--toast-text-size); --toast-success-variant-text-tracking: var(--toast-text-tracking); --toast-success-variant-text-weight: var(--toast-text-weight); --toast-text-case: var(--core-type-paragraph-30-case); --toast-text-color: var(--toast-text-light-mode-color); --toast-text-dark-mode-color: var(--core-text-inverse-dark-mode-color); --toast-text-font-family: var(--core-type-paragraph-30-font-family); --toast-text-leading: var(--core-type-paragraph-30-leading); --toast-text-light-mode-color: var(--core-text-inverse-light-mode-color); --toast-text-multiline-gap: var(--core-metrics-spacing-150); --toast-text-multiline-spacing: var(--toast-text-multiline-gap); --toast-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --toast-text-scale: var(--core-type-paragraph-30-scale); --toast-text-size: var(--core-type-paragraph-30-size); --toast-text-tracking: var(--core-type-paragraph-30-tracking); --toast-text-weight: var(--core-type-paragraph-30-weight); --toast-vertical-padding: var(--core-metrics-spacing-200); --toast-vertical-padding-size: var(--toast-vertical-padding); --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-light-mode-color); --toast-warning-variant-accent-dark-mode-color: var(--core-warning-fill-dark-mode-color); --toast-warning-variant-accent-light-mode-color: var(--core-warning-fill-light-mode-color); --toast-warning-variant-background-color: var(--toast-warning-variant-background-light-mode-color); --toast-warning-variant-background-dark-mode-color: var(--toast-background-dark-mode-color); --toast-warning-variant-background-light-mode-color: var(--toast-background-light-mode-color); --toast-warning-variant-button-text-case: var(--toast-warning-variant-link-case); --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-light-mode-color); --toast-warning-variant-button-text-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color); --toast-warning-variant-button-text-font-family: var(--toast-warning-variant-link-font-family); --toast-warning-variant-button-text-leading: var(--toast-warning-variant-link-leading); --toast-warning-variant-button-text-light-mode-color: var(--toast-warning-variant-link-light-mode-color); --toast-warning-variant-button-text-multiline-gap: var(--toast-warning-variant-link-multiline-gap); --toast-warning-variant-button-text-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing); --toast-warning-variant-button-text-number-spacing: var(--toast-warning-variant-link-number-spacing); --toast-warning-variant-button-text-scale: var(--toast-warning-variant-link-scale); --toast-warning-variant-button-text-size: var(--toast-warning-variant-link-size); --toast-warning-variant-button-text-tracking: var(--toast-warning-variant-link-tracking); --toast-warning-variant-button-text-weight: var(--toast-warning-variant-link-weight); --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-light-mode-color); --toast-warning-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color); --toast-warning-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color); --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-light-mode-color); --toast-warning-variant-icon-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color); --toast-warning-variant-icon-light-mode-color: var(--toast-warning-variant-accent-light-mode-color); --toast-warning-variant-link-case: var(--toast-warning-variant-text-case); --toast-warning-variant-link-color: var(--toast-warning-variant-link-light-mode-color); --toast-warning-variant-link-dark-mode-color: var(--toast-warning-variant-text-dark-mode-color); --toast-warning-variant-link-font-family: var(--toast-warning-variant-text-font-family); --toast-warning-variant-link-leading: var(--toast-warning-variant-text-leading); --toast-warning-variant-link-light-mode-color: var(--toast-warning-variant-text-light-mode-color); --toast-warning-variant-link-multiline-gap: var(--toast-warning-variant-text-multiline-gap); --toast-warning-variant-link-multiline-spacing: var(--toast-warning-variant-text-multiline-spacing); --toast-warning-variant-link-number-spacing: var(--toast-warning-variant-text-number-spacing); --toast-warning-variant-link-scale: var(--toast-warning-variant-text-scale); --toast-warning-variant-link-size: var(--toast-warning-variant-text-size); --toast-warning-variant-link-tracking: var(--toast-warning-variant-text-tracking); --toast-warning-variant-link-weight: var(--toast-warning-variant-text-weight); --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-light-mode-color); --toast-warning-variant-progress-bar-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color); --toast-warning-variant-progress-bar-light-mode-color: var(--toast-warning-variant-accent-light-mode-color); --toast-warning-variant-separator-case: var(--toast-warning-variant-link-case); --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-light-mode-color); --toast-warning-variant-separator-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color); --toast-warning-variant-separator-font-family: var(--toast-warning-variant-link-font-family); --toast-warning-variant-separator-leading: var(--toast-warning-variant-link-leading); --toast-warning-variant-separator-light-mode-color: var(--toast-warning-variant-link-light-mode-color); --toast-warning-variant-separator-multiline-gap: var(--toast-warning-variant-link-multiline-gap); --toast-warning-variant-separator-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing); --toast-warning-variant-separator-number-spacing: var(--toast-warning-variant-link-number-spacing); --toast-warning-variant-separator-scale: var(--toast-warning-variant-link-scale); --toast-warning-variant-separator-size: var(--toast-warning-variant-link-size); --toast-warning-variant-separator-tracking: var(--toast-warning-variant-link-tracking); --toast-warning-variant-separator-weight: var(--toast-warning-variant-link-weight); --toast-warning-variant-text-case: var(--toast-text-case); --toast-warning-variant-text-color: var(--toast-warning-variant-text-light-mode-color); --toast-warning-variant-text-dark-mode-color: var(--toast-text-dark-mode-color); --toast-warning-variant-text-font-family: var(--toast-text-font-family); --toast-warning-variant-text-leading: var(--toast-text-leading); --toast-warning-variant-text-light-mode-color: var(--toast-text-light-mode-color); --toast-warning-variant-text-multiline-gap: var(--toast-text-multiline-gap); --toast-warning-variant-text-multiline-spacing: var(--toast-text-multiline-spacing); --toast-warning-variant-text-number-spacing: var(--toast-text-number-spacing); --toast-warning-variant-text-scale: var(--toast-text-scale); --toast-warning-variant-text-size: var(--toast-text-size); --toast-warning-variant-text-tracking: var(--toast-text-tracking); --toast-warning-variant-text-weight: var(--toast-text-weight); /* ========== toggle ========== */ --toggle-border-radius: var(--core-radius-circle); --toggle-border-size: var(--core-border-20); --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-light-mode-border-color); --toggle-disabled-state-selected-value-dark-mode-border-color: transparent; --toggle-disabled-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color); --toggle-disabled-state-selected-value-dark-mode-track-color: var(--core-fill-20-dark-mode-color); --toggle-disabled-state-selected-value-light-mode-border-color: transparent; --toggle-disabled-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color); --toggle-disabled-state-selected-value-light-mode-track-color: var(--core-fill-20-light-mode-color); --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-light-mode-thumb-color); --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-light-mode-track-color); --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-light-mode-border-color); --toggle-disabled-state-unselected-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color); --toggle-disabled-state-unselected-value-dark-mode-thumb-color: var(--core-fill-30-dark-mode-color); --toggle-disabled-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color); --toggle-disabled-state-unselected-value-light-mode-border-color: var(--core-fill-50-light-mode-color); --toggle-disabled-state-unselected-value-light-mode-thumb-color: var(--core-fill-30-light-mode-color); --toggle-disabled-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color); --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-light-mode-thumb-color); --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-light-mode-track-color); --toggle-focus-ring-border-size: var(--core-focus-ring-border-size); --toggle-focus-ring-buffer-size: 0px; --toggle-focus-ring-color: var(--toggle-focus-ring-light-mode-color); --toggle-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color); --toggle-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color); --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-light-mode-border-color); --toggle-focus-state-selected-value-dark-mode-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color); --toggle-focus-state-selected-value-dark-mode-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color); --toggle-focus-state-selected-value-dark-mode-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color); --toggle-focus-state-selected-value-light-mode-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color); --toggle-focus-state-selected-value-light-mode-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color); --toggle-focus-state-selected-value-light-mode-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color); --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-light-mode-thumb-color); --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-light-mode-track-color); --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-light-mode-border-color); --toggle-focus-state-unselected-value-dark-mode-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color); --toggle-focus-state-unselected-value-dark-mode-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color); --toggle-focus-state-unselected-value-dark-mode-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color); --toggle-focus-state-unselected-value-light-mode-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color); --toggle-focus-state-unselected-value-light-mode-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color); --toggle-focus-state-unselected-value-light-mode-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color); --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-light-mode-thumb-color); --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-light-mode-track-color); --toggle-height: 24px; --toggle-horizontal-padding: var(--core-metrics-spacing-50); --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color); --toggle-hover-state-selected-value-dark-mode-border-color: var(--core-emphasis-20-dark-mode-color); --toggle-hover-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color); --toggle-hover-state-selected-value-dark-mode-track-color: var(--core-emphasis-20-dark-mode-color); --toggle-hover-state-selected-value-light-mode-border-color: var(--core-emphasis-20-light-mode-color); --toggle-hover-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color); --toggle-hover-state-selected-value-light-mode-track-color: var(--core-emphasis-20-light-mode-color); --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color); --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color); --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color); --toggle-hover-state-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --toggle-hover-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-fill-dark-mode-color); --toggle-hover-state-unselected-value-dark-mode-track-color: transparent; --toggle-hover-state-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --toggle-hover-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-fill-light-mode-color); --toggle-hover-state-unselected-value-light-mode-track-color: transparent; --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color); --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color); --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-light-mode-border-color); --toggle-normal-state-selected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --toggle-normal-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color); --toggle-normal-state-selected-value-dark-mode-track-color: var(--core-emphasis-fill-dark-mode-color); --toggle-normal-state-selected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --toggle-normal-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color); --toggle-normal-state-selected-value-light-mode-track-color: var(--core-emphasis-fill-light-mode-color); --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-light-mode-thumb-color); --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-light-mode-track-color); --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-light-mode-border-color); --toggle-normal-state-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color); --toggle-normal-state-unselected-value-dark-mode-thumb-color: var(--core-fill-20-dark-mode-color); --toggle-normal-state-unselected-value-dark-mode-track-color: transparent; --toggle-normal-state-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color); --toggle-normal-state-unselected-value-light-mode-thumb-color: var(--core-fill-20-light-mode-color); --toggle-normal-state-unselected-value-light-mode-track-color: transparent; --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-light-mode-thumb-color); --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-light-mode-track-color); --toggle-padding-horizontal: 5px; --toggle-padding-vertical: 5px; --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-light-mode-border-color); --toggle-pressed-state-selected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --toggle-pressed-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color); --toggle-pressed-state-selected-value-dark-mode-track-color: var(--core-emphasis-10-dark-mode-color); --toggle-pressed-state-selected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --toggle-pressed-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color); --toggle-pressed-state-selected-value-light-mode-track-color: var(--core-emphasis-10-light-mode-color); --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-light-mode-thumb-color); --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-light-mode-track-color); --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-light-mode-border-color); --toggle-pressed-state-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --toggle-pressed-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-10-dark-mode-color); --toggle-pressed-state-unselected-value-dark-mode-track-color: transparent; --toggle-pressed-state-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --toggle-pressed-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-10-light-mode-color); --toggle-pressed-state-unselected-value-light-mode-track-color: transparent; --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-light-mode-thumb-color); --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-light-mode-track-color); --toggle-vertical-padding: var(--core-metrics-spacing-50); --toggle-width: 40px; /* ========== tooltip ========== */ --tooltip-animation-move-transition-duration: var(--tooltip-trigger-animation-fade-transition-duration); --tooltip-background-color: var(--tooltip-background-light-mode-color); --tooltip-background-dark-mode-color: var(--tooltip-popover-background-dark-mode-color); --tooltip-background-light-mode-color: var(--tooltip-popover-background-light-mode-color); --tooltip-link-case: var(--tooltip-popover-link-case); --tooltip-link-color: var(--tooltip-link-light-mode-color); --tooltip-link-dark-mode-color: var(--tooltip-popover-link-dark-mode-color); --tooltip-link-font-family: var(--tooltip-popover-link-font-family); --tooltip-link-leading: var(--tooltip-popover-link-leading); --tooltip-link-light-mode-color: var(--tooltip-popover-link-light-mode-color); --tooltip-link-number-spacing: var(--tooltip-popover-link-number-spacing); --tooltip-link-scale: var(--tooltip-popover-link-scale); --tooltip-link-size: var(--tooltip-popover-link-size); --tooltip-link-tracking: var(--tooltip-popover-link-tracking); --tooltip-link-weight: var(--tooltip-popover-link-weight); --tooltip-maximum-width: var(--tooltip-popover-maximum-width); --tooltip-minimum-height: var(--tooltip-trigger-minimum-height); --tooltip-minimum-width: var(--tooltip-trigger-minimum-width); --tooltip-padding-horizontal-size: var(--tooltip-popover-horizontal-padding); --tooltip-padding-vertical-size: var(--tooltip-popover-vertical-padding); --tooltip-popover-background-color: var(--tooltip-popover-background-light-mode-color); --tooltip-popover-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color); --tooltip-popover-background-light-mode-color: var(--core-surface-inverse-light-mode-color); --tooltip-popover-horizontal-padding: var(--core-metrics-spacing-150); --tooltip-popover-link-case: var(--core-type-semibold-20-case); --tooltip-popover-link-color: var(--tooltip-popover-link-light-mode-color); --tooltip-popover-link-dark-mode-color: var(--core-text-inverse-dark-mode-color); --tooltip-popover-link-font-family: var(--core-type-semibold-20-font-family); --tooltip-popover-link-leading: var(--core-type-semibold-20-leading); --tooltip-popover-link-light-mode-color: var(--core-text-inverse-light-mode-color); --tooltip-popover-link-number-spacing: var(--core-type-semibold-20-number-spacing); --tooltip-popover-link-scale: var(--core-type-semibold-20-scale); --tooltip-popover-link-size: var(--core-type-semibold-20-size); --tooltip-popover-link-tracking: var(--core-type-semibold-20-tracking); --tooltip-popover-link-weight: var(--core-type-semibold-20-weight); --tooltip-popover-maximum-width: 400px; --tooltip-popover-radius: var(--core-radius-100); --tooltip-popover-text-case: var(--core-type-paragraph-20-case); --tooltip-popover-text-color: var(--tooltip-popover-text-light-mode-color); --tooltip-popover-text-dark-mode-color: var(--core-text-inverse-dark-mode-color); --tooltip-popover-text-font-family: var(--core-type-paragraph-20-font-family); --tooltip-popover-text-leading: var(--core-type-paragraph-20-leading); --tooltip-popover-text-light-mode-color: var(--core-text-inverse-light-mode-color); --tooltip-popover-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --tooltip-popover-text-scale: var(--core-type-paragraph-20-scale); --tooltip-popover-text-size: var(--core-type-paragraph-20-size); --tooltip-popover-text-tracking: var(--core-type-paragraph-20-tracking); --tooltip-popover-text-weight: var(--core-type-paragraph-20-weight); --tooltip-popover-vertical-padding: var(--core-metrics-spacing-100); --tooltip-radius: var(--tooltip-popover-radius); --tooltip-text-case: var(--tooltip-popover-text-case); --tooltip-text-color: var(--tooltip-text-light-mode-color); --tooltip-text-dark-mode-color: var(--tooltip-popover-text-dark-mode-color); --tooltip-text-font-family: var(--tooltip-popover-text-font-family); --tooltip-text-leading: var(--tooltip-popover-text-leading); --tooltip-text-light-mode-color: var(--tooltip-popover-text-light-mode-color); --tooltip-text-number-spacing: var(--tooltip-popover-text-number-spacing); --tooltip-text-scale: var(--tooltip-popover-text-scale); --tooltip-text-size: var(--tooltip-popover-text-size); --tooltip-text-tracking: var(--tooltip-popover-text-tracking); --tooltip-text-weight: var(--tooltip-popover-text-weight); --tooltip-trigger-animation-fade-transition-duration: var(--core-animation-move-transition-moderate-speed-duration); --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-light-mode-color); --tooltip-trigger-icon-active-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --tooltip-trigger-icon-active-state-light-mode-color: var(--core-fill-10-light-mode-color); --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-light-mode-color); --tooltip-trigger-icon-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --tooltip-trigger-icon-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color); --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-light-mode-color); --tooltip-trigger-icon-normal-state-dark-mode-color: var(--core-fill-20-dark-mode-color); --tooltip-trigger-icon-normal-state-light-mode-color: var(--core-fill-20-light-mode-color); --tooltip-trigger-minimum-height: var(--tooltip-trigger-minimum-width); --tooltip-trigger-minimum-width: var(--core-metrics-spacing-500); --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-light-mode-color); --tooltip-trigger-text-active-state-dark-mode-color: var(--core-text-10-dark-mode-color); --tooltip-trigger-text-active-state-light-mode-color: var(--core-text-10-light-mode-color); --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-light-mode-color); --tooltip-trigger-text-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --tooltip-trigger-text-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-light-mode-color); --tooltip-trigger-text-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tooltip-trigger-text-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --tooltip-trigger-text-underline-size: 1px; /* ========== tracker ========== */ --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color); --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing); --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color); --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case: var(--core-type-heading-20-case); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family: var(--core-type-heading-20-font-family); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading: var(--core-type-heading-20-leading); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing: var(--core-type-heading-20-number-spacing); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale: var(--core-type-heading-20-scale); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size: var(--core-type-heading-20-size); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing: var(--core-metrics-spacing-100); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking: var(--core-type-heading-20-tracking); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight: var(--core-type-heading-20-weight); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width: 100px; --tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width: 0px; --tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing); --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color); --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case: var(--core-type-semibold-30-case); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family: var(--core-type-semibold-30-font-family); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading: var(--core-type-semibold-30-leading); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing: var(--core-type-semibold-30-number-spacing); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale: var(--core-type-semibold-30-scale); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size: var(--core-type-semibold-30-size); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing: var(--core-metrics-spacing-100); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking: var(--core-type-semibold-30-tracking); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight: var(--core-type-semibold-30-weight); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width: 90px; --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width: 0px; --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing); --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color); --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--core-text-inverse-dark-mode-color); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--core-text-inverse-light-mode-color); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding: 2px; --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: 0px; --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding: 1px; --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width: 0px; --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding: 0px; --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); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color: var(--core-fill-10-light-mode-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color); --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height: var(--divider-thin-size-height); --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius: var(--divider-radius); --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding: var(--divider-extra-small-variant-vertical-padding); --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width: var(--core-metrics-spacing-150); --tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding: 0px; --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size: var(--core-metrics-spacing-200); --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width: 2px; --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); --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); --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width: 4px; --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color: var(--core-fill-10-light-mode-color); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding: 0px; --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding: 9px; --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case: var(--core-type-semibold-10-case); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family: var(--core-type-semibold-10-font-family); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading: var(--core-type-semibold-10-leading); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing: var(--core-type-semibold-10-number-spacing); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale: var(--core-type-semibold-10-scale); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size: var(--core-type-semibold-10-size); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing: var(--core-metrics-spacing-100); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking: var(--core-type-semibold-10-tracking); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight: var(--core-type-semibold-10-weight); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width: 80px; --tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width: 0px; --tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color: var(--core-text-20-dark-mode-color); --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding: 1px; --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: 2px; --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding: 0px; --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); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color: var(--core-text-20-light-mode-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height); --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing: var(--core-metrics-spacing-200); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing: var(--core-metrics-spacing-150); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color); --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height); --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing); --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color); --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height); --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing); --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color); --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color); --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color); --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width: var(--core-metrics-spacing-400); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-300); --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); --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing); } /* * Market Blue (legacy): dark mode tokens scoped to [data-market-features*="dark-mode"] */ /* This file is automatically generated. Do not edit. */ @media (prefers-color-scheme: dark) { [data-market-features*="dark-mode"] { /* ====================================================================== * CORE * ====================================================================== */ /* ========== core ========== */ --core-blue-10-color: var(--core-blue-10-dark-mode-color); --core-blue-20-color: var(--core-blue-20-dark-mode-color); --core-blue-30-color: var(--core-blue-30-dark-mode-color); --core-blue-40-color: var(--core-blue-40-dark-mode-color); --core-blue-fill-color: var(--core-blue-fill-dark-mode-color); --core-blue-text-color: var(--core-blue-text-dark-mode-color); --core-brown-10-color: var(--core-brown-10-dark-mode-color); --core-brown-20-color: var(--core-brown-20-dark-mode-color); --core-brown-30-color: var(--core-brown-30-dark-mode-color); --core-brown-40-color: var(--core-brown-40-dark-mode-color); --core-brown-fill-color: var(--core-brown-fill-dark-mode-color); --core-brown-text-color: var(--core-brown-text-dark-mode-color); --core-burgundy-10-color: var(--core-burgundy-10-dark-mode-color); --core-burgundy-20-color: var(--core-burgundy-20-dark-mode-color); --core-burgundy-30-color: var(--core-burgundy-30-dark-mode-color); --core-burgundy-40-color: var(--core-burgundy-40-dark-mode-color); --core-burgundy-fill-color: var(--core-burgundy-fill-dark-mode-color); --core-burgundy-text-color: var(--core-burgundy-text-dark-mode-color); --core-critical-10-color: var(--core-critical-10-dark-mode-color); --core-critical-20-color: var(--core-critical-20-dark-mode-color); --core-critical-30-color: var(--core-critical-30-dark-mode-color); --core-critical-40-color: var(--core-critical-40-dark-mode-color); --core-critical-fill-color: var(--core-critical-fill-dark-mode-color); --core-critical-text-color: var(--core-critical-text-dark-mode-color); --core-divider-10-color: var(--core-divider-10-dark-mode-color); --core-divider-20-color: var(--core-divider-20-dark-mode-color); --core-emphasis-10-color: var(--core-emphasis-10-dark-mode-color); --core-emphasis-20-color: var(--core-emphasis-20-dark-mode-color); --core-emphasis-30-color: var(--core-emphasis-30-dark-mode-color); --core-emphasis-40-color: var(--core-emphasis-40-dark-mode-color); --core-emphasis-fill-color: var(--core-emphasis-fill-dark-mode-color); --core-emphasis-text-color: var(--core-emphasis-text-dark-mode-color); --core-fill-10-color: var(--core-fill-10-dark-mode-color); --core-fill-20-color: var(--core-fill-20-dark-mode-color); --core-fill-30-color: var(--core-fill-30-dark-mode-color); --core-fill-40-color: var(--core-fill-40-dark-mode-color); --core-fill-50-color: var(--core-fill-50-dark-mode-color); --core-fill-black-color: var(--core-fill-black-dark-mode-color); --core-fill-inverse-color: var(--core-fill-inverse-dark-mode-color); --core-fill-white-color: var(--core-fill-white-dark-mode-color); --core-focus-color: var(--core-focus-dark-mode-color); --core-focus-ring-color: var(--core-focus-ring-dark-mode-color); --core-forest-10-color: var(--core-forest-10-dark-mode-color); --core-forest-20-color: var(--core-forest-20-dark-mode-color); --core-forest-30-color: var(--core-forest-30-dark-mode-color); --core-forest-40-color: var(--core-forest-40-dark-mode-color); --core-forest-fill-color: var(--core-forest-fill-dark-mode-color); --core-forest-text-color: var(--core-forest-text-dark-mode-color); --core-gold-10-color: var(--core-gold-10-dark-mode-color); --core-gold-20-color: var(--core-gold-20-dark-mode-color); --core-gold-30-color: var(--core-gold-30-dark-mode-color); --core-gold-40-color: var(--core-gold-40-dark-mode-color); --core-gold-fill-color: var(--core-gold-fill-dark-mode-color); --core-gold-text-color: var(--core-gold-text-dark-mode-color); --core-green-10-color: var(--core-green-10-dark-mode-color); --core-green-20-color: var(--core-green-20-dark-mode-color); --core-green-30-color: var(--core-green-30-dark-mode-color); --core-green-40-color: var(--core-green-40-dark-mode-color); --core-green-fill-color: var(--core-green-fill-dark-mode-color); --core-green-text-color: var(--core-green-text-dark-mode-color); --core-orange-10-color: var(--core-orange-10-dark-mode-color); --core-orange-20-color: var(--core-orange-20-dark-mode-color); --core-orange-30-color: var(--core-orange-30-dark-mode-color); --core-orange-40-color: var(--core-orange-40-dark-mode-color); --core-orange-fill-color: var(--core-orange-fill-dark-mode-color); --core-orange-text-color: var(--core-orange-text-dark-mode-color); --core-pink-10-color: var(--core-pink-10-dark-mode-color); --core-pink-20-color: var(--core-pink-20-dark-mode-color); --core-pink-30-color: var(--core-pink-30-dark-mode-color); --core-pink-40-color: var(--core-pink-40-dark-mode-color); --core-pink-fill-color: var(--core-pink-fill-dark-mode-color); --core-pink-text-color: var(--core-pink-text-dark-mode-color); --core-purple-10-color: var(--core-purple-10-dark-mode-color); --core-purple-20-color: var(--core-purple-20-dark-mode-color); --core-purple-30-color: var(--core-purple-30-dark-mode-color); --core-purple-40-color: var(--core-purple-40-dark-mode-color); --core-purple-fill-color: var(--core-purple-fill-dark-mode-color); --core-purple-text-color: var(--core-purple-text-dark-mode-color); --core-red-10-color: var(--core-red-10-dark-mode-color); --core-red-20-color: var(--core-red-20-dark-mode-color); --core-red-30-color: var(--core-red-30-dark-mode-color); --core-red-40-color: var(--core-red-40-dark-mode-color); --core-red-fill-color: var(--core-red-fill-dark-mode-color); --core-red-text-color: var(--core-red-text-dark-mode-color); --core-sky-10-color: var(--core-sky-10-dark-mode-color); --core-sky-20-color: var(--core-sky-20-dark-mode-color); --core-sky-30-color: var(--core-sky-30-dark-mode-color); --core-sky-40-color: var(--core-sky-40-dark-mode-color); --core-sky-fill-color: var(--core-sky-fill-dark-mode-color); --core-sky-text-color: var(--core-sky-text-dark-mode-color); --core-success-10-color: var(--core-success-10-dark-mode-color); --core-success-20-color: var(--core-success-20-dark-mode-color); --core-success-30-color: var(--core-success-30-dark-mode-color); --core-success-40-color: var(--core-success-40-dark-mode-color); --core-success-fill-color: var(--core-success-fill-dark-mode-color); --core-success-text-color: var(--core-success-text-dark-mode-color); --core-surface-10-color: var(--core-surface-10-dark-mode-color); --core-surface-20-color: var(--core-surface-20-dark-mode-color); --core-surface-30-color: var(--core-surface-30-dark-mode-color); --core-surface-5-color: var(--core-surface-5-dark-mode-color); --core-surface-inverse-color: var(--core-surface-inverse-dark-mode-color); --core-surface-overlay-color: var(--core-surface-overlay-dark-mode-color); --core-taupe-10-color: var(--core-taupe-10-dark-mode-color); --core-taupe-20-color: var(--core-taupe-20-dark-mode-color); --core-taupe-30-color: var(--core-taupe-30-dark-mode-color); --core-taupe-40-color: var(--core-taupe-40-dark-mode-color); --core-taupe-fill-color: var(--core-taupe-fill-dark-mode-color); --core-taupe-text-color: var(--core-taupe-text-dark-mode-color); --core-teal-10-color: var(--core-teal-10-dark-mode-color); --core-teal-20-color: var(--core-teal-20-dark-mode-color); --core-teal-30-color: var(--core-teal-30-dark-mode-color); --core-teal-40-color: var(--core-teal-40-dark-mode-color); --core-teal-fill-color: var(--core-teal-fill-dark-mode-color); --core-teal-text-color: var(--core-teal-text-dark-mode-color); --core-text-10-color: var(--core-text-10-dark-mode-color); --core-text-20-color: var(--core-text-20-dark-mode-color); --core-text-30-color: var(--core-text-30-dark-mode-color); --core-text-black-color: var(--core-text-black-dark-mode-color); --core-text-inverse-color: var(--core-text-inverse-dark-mode-color); --core-text-white-color: var(--core-text-white-dark-mode-color); --core-transparent-color: var(--core-transparent-dark-mode-color); --core-warning-10-color: var(--core-warning-10-dark-mode-color); --core-warning-20-color: var(--core-warning-20-dark-mode-color); --core-warning-30-color: var(--core-warning-30-dark-mode-color); --core-warning-40-color: var(--core-warning-40-dark-mode-color); --core-warning-fill-color: var(--core-warning-fill-dark-mode-color); --core-warning-text-color: var(--core-warning-text-dark-mode-color); --core-yellow-10-color: var(--core-yellow-10-dark-mode-color); --core-yellow-20-color: var(--core-yellow-20-dark-mode-color); --core-yellow-30-color: var(--core-yellow-30-dark-mode-color); --core-yellow-40-color: var(--core-yellow-40-dark-mode-color); --core-yellow-fill-color: var(--core-yellow-fill-dark-mode-color); --core-yellow-text-color: var(--core-yellow-text-dark-mode-color); /* ====================================================================== * COMPONENT * ====================================================================== */ /* ========== accessory ========== */ --accessory-background-color: var(--accessory-background-dark-mode-color); --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-dark-mode-color); --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-dark-mode-color); --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-dark-mode-color); --accessory-icon-variant-color: var(--accessory-icon-variant-dark-mode-color); --accessory-initials-variant-color: var(--accessory-initials-variant-dark-mode-color); --accessory-normal-state-background-color: var(--accessory-normal-state-background-dark-mode-color); --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-dark-mode-color); --accessory-normal-state-text-color: var(--accessory-normal-state-text-dark-mode-color); /* ========== accordion ========== */ --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-dark-mode-color); --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-dark-mode-color); --accordion-focus-state-content-color: var(--accordion-focus-state-content-dark-mode-color); --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-dark-mode-color); --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-dark-mode-color); --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-dark-mode-color); --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-dark-mode-color); --accordion-hover-state-content-color: var(--accordion-hover-state-content-dark-mode-color); --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-dark-mode-color); --accordion-large-size-separator-color: var(--accordion-large-size-separator-dark-mode-color); --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-dark-mode-color); --accordion-normal-state-content-color: var(--accordion-normal-state-content-dark-mode-color); --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-dark-mode-color); --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-dark-mode-color); --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-dark-mode-color); --accordion-small-size-separator-color: var(--accordion-small-size-separator-dark-mode-color); /* ========== actionCard ========== */ --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-dark-mode-color); --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-dark-mode-color); --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-dark-mode-color); --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-dark-mode-color); --action-card-background-color: var(--action-card-background-dark-mode-color); --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-dark-mode-color); --action-card-border-hover-state-color: var(--action-card-border-hover-state-dark-mode-color); --action-card-border-selected-state-color: var(--action-card-border-selected-state-dark-mode-color); --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-dark-mode-color); --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-dark-mode-color); --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-dark-mode-color); --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color); --action-card-focus-ring-color: var(--action-card-focus-ring-dark-mode-color); --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-dark-mode-color); --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-dark-mode-color); --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-dark-mode-color); --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color); --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-dark-mode-color); --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-dark-mode-color); --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-dark-mode-color); --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-dark-mode-color); --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color); --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color); /* ========== badge ========== */ --badge-critical-style-background-color: var(--badge-critical-style-background-dark-mode-color); --badge-info-style-background-color: var(--badge-info-style-background-dark-mode-color); --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-dark-mode-color); --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-dark-mode-color); --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-dark-mode-color); --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-dark-mode-color); --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-dark-mode-color); --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-dark-mode-color); /* ========== banner ========== */ --banner-button-separator-color: var(--banner-button-separator-dark-mode-color); --banner-critical-variant-background-color: var(--banner-critical-variant-background-dark-mode-color); --banner-critical-variant-border-color: var(--banner-critical-variant-border-dark-mode-color); --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-dark-mode-color); --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-dark-mode-color); --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-dark-mode-color); --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-dark-mode-color); --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-dark-mode-color); --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-dark-mode-color); --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-dark-mode-color); --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-dark-mode-color); --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-dark-mode-color); --banner-critical-variant-text-color: var(--banner-critical-variant-text-dark-mode-color); --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-dark-mode-color); --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-dark-mode-color); --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-dark-mode-color); --banner-info-variant-background-color: var(--banner-info-variant-background-dark-mode-color); --banner-info-variant-border-color: var(--banner-info-variant-border-dark-mode-color); --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-dark-mode-color); --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-dark-mode-color); --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-dark-mode-color); --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-dark-mode-color); --banner-info-variant-icon-color: var(--banner-info-variant-icon-dark-mode-color); --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-dark-mode-color); --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-dark-mode-color); --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-dark-mode-color); --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-dark-mode-color); --banner-info-variant-text-color: var(--banner-info-variant-text-dark-mode-color); --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-dark-mode-color); --banner-insight-variant-background-color: var(--banner-insight-variant-background-dark-mode-color); --banner-insight-variant-border-color: var(--banner-insight-variant-border-dark-mode-color); --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-dark-mode-color); --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-dark-mode-color); --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-dark-mode-color); --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-dark-mode-color); --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-dark-mode-color); --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-dark-mode-color); --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-dark-mode-color); --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-dark-mode-color); --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-dark-mode-color); --banner-insight-variant-text-color: var(--banner-insight-variant-text-dark-mode-color); --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-dark-mode-color); --banner-success-variant-background-color: var(--banner-success-variant-background-dark-mode-color); --banner-success-variant-border-color: var(--banner-success-variant-border-dark-mode-color); --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-dark-mode-color); --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-dark-mode-color); --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-dark-mode-color); --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-dark-mode-color); --banner-success-variant-icon-color: var(--banner-success-variant-icon-dark-mode-color); --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-dark-mode-color); --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-dark-mode-color); --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-dark-mode-color); --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-dark-mode-color); --banner-success-variant-text-color: var(--banner-success-variant-text-dark-mode-color); --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-dark-mode-color); --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-dark-mode-color); --banner-warning-variant-background-color: var(--banner-warning-variant-background-dark-mode-color); --banner-warning-variant-border-color: var(--banner-warning-variant-border-dark-mode-color); --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-dark-mode-color); --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-dark-mode-color); --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-dark-mode-color); --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-dark-mode-color); --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-dark-mode-color); --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-dark-mode-color); --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-dark-mode-color); --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-dark-mode-color); --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-dark-mode-color); --banner-warning-variant-text-color: var(--banner-warning-variant-text-dark-mode-color); --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-dark-mode-color); /* ========== button-group ========== */ --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color); --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color); --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color); --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color); --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color); --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color); --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color); --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color); --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color); /* ========== button ========== */ --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color); --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color); --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color); --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color); --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color); --button-focus-ring-color: var(--button-dark-mode-focus-ring-color); --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color); --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color); --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color); --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color); --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color); --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color); --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color); --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color); --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color); --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color); --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color); /* ========== calculator ========== */ --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-dark-mode-color); --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-dark-mode-color); --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-dark-mode-color); --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-dark-mode-color); --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color); --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-dark-mode-color); --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color); --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color); --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color); --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color); --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color); --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color); --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color); --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color); --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color); --calculator-display-border-color: var(--calculator-display-border-dark-mode-color); --calculator-display-text-color: var(--calculator-display-text-dark-mode-color); /* ========== checkbox ========== */ --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-focus-ring-color: var(--checkbox-dark-mode-focus-ring-color); --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color); /* ========== choice-button ========== */ --choice-button-focus-ring-color: var(--choice-button-dark-mode-focus-ring-color); --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-dark-mode-background-color); --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-dark-mode-label-color); --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-dark-mode-background-color); --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-dark-mode-label-color); --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-dark-mode-background-color); --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-dark-mode-label-color); --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-dark-mode-background-color); --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-dark-mode-label-color); --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-dark-mode-background-color); --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-dark-mode-label-color); --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-dark-mode-background-color); --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-dark-mode-label-color); --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-dark-mode-background-color); --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-dark-mode-label-color); --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-dark-mode-background-color); --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-dark-mode-label-color); /* ========== choice-icon-button ========== */ --choice-icon-button-focus-ring-color: var(--choice-icon-button-dark-mode-focus-ring-color); --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-background-color); --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color); --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-background-color); --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-icon-color); --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-background-color); --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-icon-color); --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-background-color); --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color); --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color); --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color); --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-background-color); --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color); --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-background-color); --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color); --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color); --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color); /* ========== coachmark ========== */ --coachmark-background-color: var(--coachmark-background-dark-mode-color); --coachmark-heading-color: var(--coachmark-heading-dark-mode-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-dark-mode-background-color); --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-dark-mode-icon-color); --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-dark-mode-background-color); --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-dark-mode-icon-color); --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-dark-mode-background-color); --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-dark-mode-icon-color); --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-dark-mode-background-color); --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-dark-mode-background-color); --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color); --coachmark-paragraph-color: var(--coachmark-paragraph-dark-mode-color); --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-dark-mode-color); --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-dark-mode-color); --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color); --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color); --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-dark-mode-color); --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-dark-mode-color); --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-dark-mode-color); --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-dark-mode-color); --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color); --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-dark-mode-color); --coachmark-pill-border-color: var(--coachmark-pill-border-dark-mode-color); --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-dark-mode-color); --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-dark-mode-color); --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-dark-mode-color); --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color); --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-dark-mode-color); --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-dark-mode-color); --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-dark-mode-color); --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color); --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color); --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-dark-mode-color); --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-dark-mode-color); --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-dark-mode-color); --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-dark-mode-color); --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color); --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-dark-mode-color); --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-dark-mode-color); --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-dark-mode-color); --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-dark-mode-color); --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color); --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-dark-mode-color); --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-dark-mode-color); --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-dark-mode-color); --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-dark-mode-color); --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-dark-mode-color); --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-dark-mode-color); --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-dark-mode-color); --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-dark-mode-color); --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-dark-mode-color); --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color); --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-dark-mode-color); --coachmark-step-indicator-color: var(--coachmark-step-indicator-dark-mode-color); --coachmark-text-link-color: var(--coachmark-text-link-dark-mode-color); /* ========== colorPicker ========== */ --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-dark-mode-color); --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-dark-mode-color); --color-picker-dots-icon-color: var(--color-picker-dots-icon-dark-mode-color); --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-dark-mode-color); --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-dark-mode-border-color); /* ========== contentCard ========== */ --content-card-background-color: var(--content-card-background-dark-mode-color); --content-card-border-color: var(--content-card-border-dark-mode-color); --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-dark-mode-color); --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-dark-mode-color); --content-card-default-variant-background-color: var(--content-card-default-variant-background-dark-mode-color); --content-card-default-variant-border-color: var(--content-card-default-variant-border-dark-mode-color); --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color); --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color); --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-dark-mode-color); --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-dark-mode-color); /* ========== content-expander ========== */ --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color); --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color); --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color); --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color); --content-expander-disabled-state-color: var(--content-expander-disabled-state-dark-mode-color); --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-dark-mode-color); --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-dark-mode-color); --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-dark-mode-color); --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-dark-mode-color); --content-expander-hover-state-color: var(--content-expander-hover-state-dark-mode-color); --content-expander-normal-state-color: var(--content-expander-normal-state-dark-mode-color); --content-expander-pressed-state-color: var(--content-expander-pressed-state-dark-mode-color); /* ========== datePicker ========== */ --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color); --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-dark-mode-color); --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-dark-mode-color); --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color); --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color); --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-dark-mode-color); --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-dark-mode-color); --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color); --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color); --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color); --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color); --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color); --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-dark-mode-color); --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-dark-mode-color); --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-dark-mode-color); --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-dark-mode-color); --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color); --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-dark-mode-color); --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-dark-mode-color); --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color); --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-dark-mode-color); --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-dark-mode-color); --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-dark-mode-color); --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color); --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-dark-mode-color); --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-dark-mode-color); --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color); --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color); --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-dark-mode-color); --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-dark-mode-color); --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color); --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color); --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color); --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color); --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color); --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-dark-mode-color); --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-dark-mode-color); --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-dark-mode-color); --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-dark-mode-color); --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color); --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-dark-mode-color); --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-dark-mode-color); --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color); --date-picker-header-button-background-color: var(--date-picker-header-button-background-dark-mode-color); --date-picker-header-button-color: var(--date-picker-header-button-dark-mode-color); --date-picker-header-color-color: var(--date-picker-header-color-dark-mode-color); --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-dark-mode-color); --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-dark-mode-color); --date-picker-today-border-color-color: var(--date-picker-today-border-color-dark-mode-color); --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-dark-mode-color); --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-dark-mode-color); /* ========== divider ========== */ --divider-fill-color: var(--divider-fill-dark-mode-color); /* ========== dropdown-button ========== */ --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color); /* ========== dropdown-icon-button ========== */ --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-dark-mode-background-color); --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-dark-mode-icon-color); --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-dark-mode-background-color); --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-dark-mode-icon-color); --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-dark-mode-background-color); --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-dark-mode-icon-color); --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-dark-mode-background-color); --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-dark-mode-icon-color); --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-dark-mode-background-color); --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-dark-mode-icon-color); /* ========== empty-state ========== */ --empty-state-background-color: var(--empty-state-background-dark-mode-color); --empty-state-border-color: var(--empty-state-border-dark-mode-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color); --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color); --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color); --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color); --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color); --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-heading-color: var(--empty-state-heading-dark-mode-color); --empty-state-heading-text-color: var(--empty-state-heading-text-dark-mode-color); --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-dark-mode-color); /* ========== field ========== */ --field-action-text-color: var(--field-dark-mode-action-text-color); --field-disabled-state-background-color: var(--field-disabled-state-dark-mode-background-color); --field-disabled-state-border-color: var(--field-disabled-state-dark-mode-border-color); --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-dark-mode-label-color); --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-dark-mode-label-color); --field-disabled-state-input-color: var(--field-disabled-state-dark-mode-input-color); --field-error-message-text-color: var(--field-dark-mode-error-message-text-color); --field-focus-state-background-color: var(--field-focus-state-dark-mode-background-color); --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-dark-mode-label-color); --field-focus-state-input-color: var(--field-focus-state-dark-mode-input-color); --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-dark-mode-border-color); --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color); --field-helper-text-text-color: var(--field-dark-mode-helper-text-text-color); --field-hover-state-background-color: var(--field-hover-state-dark-mode-background-color); --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-dark-mode-label-color); --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-dark-mode-label-color); --field-hover-state-input-color: var(--field-hover-state-dark-mode-input-color); --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-dark-mode-border-color); --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color); --field-normal-state-background-color: var(--field-normal-state-dark-mode-background-color); --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color); --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-dark-mode-label-color); --field-normal-state-input-color: var(--field-normal-state-dark-mode-input-color); --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-dark-mode-border-color); --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-dark-mode-border-color); --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-high-contrast-color); --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color); --field-placeholder-text-color: var(--field-dark-mode-placeholder-text-color); --field-selection-caret-color: var(--field-dark-mode-selection-caret-color); --field-selection-highlight-color: var(--field-dark-mode-selection-highlight-color); --field-selection-text-cursor-color: var(--field-dark-mode-selection-text-cursor-color); /* ========== file-upload ========== */ --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-dark-mode-color); --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-dark-mode-color); --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-dark-mode-color); --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-dark-mode-color); --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-dark-mode-color); --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-dark-mode-color); --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-dark-mode-color); --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-dark-mode-color); --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-dark-mode-color); --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-dark-mode-color); --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-dark-mode-color); --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-dark-mode-color); --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color); --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color); --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color); --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-dark-mode-color); --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-dark-mode-color); --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-dark-mode-color); --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-dark-mode-color); --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-dark-mode-color); --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-dark-mode-color); --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-dark-mode-color); --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-dark-mode-color); --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-dark-mode-color); --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-dark-mode-color); --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-dark-mode-color); --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-dark-mode-color); --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-dark-mode-color); --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-dark-mode-color); --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-dark-mode-color); --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color); --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-dark-mode-color); --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-dark-mode-color); --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-dark-mode-color); --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-dark-mode-color); --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-dark-mode-color); --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-dark-mode-color); --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-dark-mode-color); --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color); /* ========== filter-button ========== */ --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-dark-mode-color); --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-dark-mode-color); --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-dark-mode-color); --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-dark-mode-color); --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-dark-mode-color); --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-dark-mode-color); --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-dark-mode-color); --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-dark-mode-color); --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-dark-mode-color); --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-dark-mode-color); --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-dark-mode-color); --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-dark-mode-color); --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-dark-mode-color); --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-dark-mode-color); --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-dark-mode-color); --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-dark-mode-color); --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-dark-mode-color); --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-dark-mode-color); /* ========== hardware-slider ========== */ --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-dark-mode-color); --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-dark-mode-color); --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-dark-mode-color); --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-dark-mode-color); --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-dark-mode-color); /* ========== header ========== */ --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-dark-mode-color); --header-compact-content-style-title-color: var(--header-compact-content-style-title-dark-mode-color); --header-divider-color: var(--header-divider-dark-mode-color); --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-dark-mode-color); --header-large-content-style-title-color: var(--header-large-content-style-title-dark-mode-color); --header-main-text-text-color: var(--header-main-text-dark-mode-text-color); --header-paragraph-color: var(--header-paragraph-dark-mode-color); --header-sub-text-text-color: var(--header-sub-text-dark-mode-text-color); /* ========== icon-button ========== */ --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color); --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color); --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color); --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color); --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color); --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color); --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color); --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color); --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color); --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color); --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color); --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color); --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color); --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color); --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color); --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color); --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color); --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color); --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-dark-mode-background-color); --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color); --icon-button-focus-state-background-color: var(--icon-button-focus-state-dark-mode-background-color); --icon-button-focus-state-icon-color: var(--icon-button-focus-state-dark-mode-icon-color); --icon-button-hover-state-background-color: var(--icon-button-hover-state-dark-mode-background-color); --icon-button-hover-state-icon-color: var(--icon-button-hover-state-dark-mode-icon-color); --icon-button-normal-state-background-color: var(--icon-button-normal-state-dark-mode-background-color); --icon-button-normal-state-icon-color: var(--icon-button-normal-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color); --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color); --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color); --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color); --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color); --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-dark-mode-background-color); --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color); --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color); --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color); --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color); --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color); --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color); --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color); --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color); --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color); --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color); --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color); --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color); --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color); --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color); --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color); --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color); --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color); --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color); --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color); --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color); /* ========== inline-section-header ========== */ --inline-section-header-heading-color: var(--inline-section-header-heading-dark-mode-color); --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-dark-mode-color); --inline-section-header-text-link-color: var(--inline-section-header-text-link-dark-mode-color); /* ========== inline-status ========== */ --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-dark-mode-color); --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-dark-mode-color); --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-dark-mode-color); --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-dark-mode-color); --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-dark-mode-color); --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-dark-mode-color); --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-dark-mode-color); --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-dark-mode-color); /* ========== keyboard-bar ========== */ --keyboard-bar-background-color: var(--keyboard-bar-dark-mode-background-color); --keyboard-bar-separator-color: var(--keyboard-bar-dark-mode-separator-color); --keyboard-bar-surface-color: var(--keyboard-bar-dark-mode-surface-color); /* ========== menu ========== */ --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-dark-mode-color); --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-dark-mode-color); --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-dark-mode-color); --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-dark-mode-color); --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-dark-mode-color); --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-dark-mode-color); --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-dark-mode-color); --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-dark-mode-color); --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-dark-mode-color); --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-dark-mode-color); --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-dark-mode-color); --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-dark-mode-color); --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-dark-mode-color); --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-dark-mode-color); --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-dark-mode-color); --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-dark-mode-color); --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color); --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-dark-mode-color); --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color); --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-dark-mode-color); --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color); --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-dark-mode-color); --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color); --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-dark-mode-color); --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color); --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-dark-mode-color); --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color); --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-dark-mode-color); --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color); --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-dark-mode-color); --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color); --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-dark-mode-color); /* ========== modalBlade ========== */ --modal-blade-background-color: var(--modal-blade-background-dark-mode-color); /* ========== modalDialog ========== */ --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-background-color: var(--modal-dialog-background-dark-mode-color); --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-dark-mode-color); --modal-dialog-veil-color: var(--modal-dialog-veil-dark-mode-color); /* ========== modalFull ========== */ --modal-full-background-color: var(--modal-full-background-dark-mode-color); --modal-full-veil-color: var(--modal-full-veil-dark-mode-color); /* ========== modalPartial ========== */ --modal-partial-background-color: var(--modal-partial-background-dark-mode-color); --modal-partial-veil-color: var(--modal-partial-veil-dark-mode-color); /* ========== modalPopover ========== */ --modal-popover-background-color: var(--modal-popover-background-dark-mode-color); /* ========== modalSheet ========== */ --modal-sheet-background-color: var(--modal-sheet-background-dark-mode-color); --modal-sheet-handle-background-color: var(--modal-sheet-handle-dark-mode-background-color); --modal-sheet-handle-fill-color: var(--modal-sheet-handle-dark-mode-fill-color); --modal-sheet-veil-color: var(--modal-sheet-veil-dark-mode-color); /* ========== pageIndicator ========== */ --page-indicator-dot-color: var(--page-indicator-dark-mode-dot-color); --page-indicator-selected-color: var(--page-indicator-dark-mode-selected-color); /* ========== pagingIndicator ========== */ --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-dark-mode-color); --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-dark-mode-color); /* ========== pill ========== */ --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-dark-mode-color); --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-dark-mode-color); --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color); --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color); --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-dark-mode-color); --pill-beta-variant-background-color: var(--pill-beta-variant-background-dark-mode-color); --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-dark-mode-color); --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-dark-mode-color); --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color); --pill-beta-variant-text-color: var(--pill-beta-variant-text-dark-mode-color); --pill-border-color: var(--pill-border-dark-mode-color); --pill-critical-variant-background-color: var(--pill-critical-variant-background-dark-mode-color); --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-dark-mode-color); --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-dark-mode-color); --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color); --pill-critical-variant-text-color: var(--pill-critical-variant-text-dark-mode-color); --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-dark-mode-color); --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-dark-mode-color); --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color); --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color); --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-dark-mode-color); --pill-insight-variant-background-color: var(--pill-insight-variant-background-dark-mode-color); --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-dark-mode-color); --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-dark-mode-color); --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color); --pill-insight-variant-text-color: var(--pill-insight-variant-text-dark-mode-color); --pill-normal-variant-background-color: var(--pill-normal-variant-background-dark-mode-color); --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-dark-mode-color); --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-dark-mode-color); --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color); --pill-normal-variant-text-color: var(--pill-normal-variant-text-dark-mode-color); --pill-success-variant-background-color: var(--pill-success-variant-background-dark-mode-color); --pill-success-variant-icon-color: var(--pill-success-variant-icon-dark-mode-color); --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-dark-mode-color); --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-dark-mode-color); --pill-success-variant-text-color: var(--pill-success-variant-text-dark-mode-color); --pill-warning-variant-background-color: var(--pill-warning-variant-background-dark-mode-color); --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-dark-mode-color); --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-dark-mode-color); --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color); --pill-warning-variant-text-color: var(--pill-warning-variant-text-dark-mode-color); /* ========== qrcode ========== */ --qrcode-border-color: var(--qrcode-border-dark-mode-color); --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-dark-mode-color); --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-dark-mode-color); --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-dark-mode-color); --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-dark-mode-color); --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-dark-mode-color); --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-dark-mode-color); /* ========== quantity-input-field ========== */ --quantity-input-field-display-color: var(--quantity-input-field-display-dark-mode-color); --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-dark-mode-color); --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-dark-mode-color); --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-dark-mode-color); /* ========== radio ========== */ --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color); --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color); --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color); --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color); --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color); --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color); --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color); --radio-focus-ring-color: var(--radio-dark-mode-focus-ring-color); --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color); --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color); --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-background-color); --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-border-color); --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color); --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color); --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color); --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color); --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color); --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color); --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color); --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color); --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color); --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color); --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color); --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color); --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-background-color); --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-border-color); --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color); --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color); --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color); --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color); --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color); --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color); --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color); --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color); --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color); --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color); /* ========== rich-text ========== */ --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-dark-mode-color); --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color); --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color); --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color); --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color); --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color); --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color); --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color); --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color); --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-dark-mode-color); /* ========== row ========== */ --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-dark-mode-color); --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-dark-mode-color); --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-dark-mode-color); --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color); --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color); --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-dark-mode-color); --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color); --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-dark-mode-color); --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-dark-mode-focus-ring-color); --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-dark-mode-color); --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-dark-mode-color); --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-dark-mode-color); --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-dark-mode-color); --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-dark-mode-color); --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color); --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-dark-mode-color); --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-dark-mode-color); --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-dark-mode-color); --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-dark-mode-color); --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color); --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color); --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color); --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color); --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color); --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color); --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color); --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-dark-mode-color); --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-dark-mode-color); --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color); --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color); --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color); --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color); --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color); --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color); --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color); --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-dark-mode-color); --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-dark-mode-color); --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-dark-mode-color); --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-dark-mode-color); --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-dark-mode-color); --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color); --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color); --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-dark-mode-color); --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color); --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-dark-mode-color); --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-dark-mode-color); --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-dark-mode-color); --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-dark-mode-color); --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-dark-mode-color); --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-dark-mode-color); --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color); --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-dark-mode-color); --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-dark-mode-color); --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-dark-mode-color); --row-disabled-state-background-color: var(--row-disabled-state-background-dark-mode-color); --row-disabled-state-drill-color: var(--row-disabled-state-drill-dark-mode-color); --row-disabled-state-separator-color: var(--row-disabled-state-separator-dark-mode-color); --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-dark-mode-color); --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-dark-mode-color); --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-dark-mode-color); --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-dark-mode-color); --row-disabled-state-text-color: var(--row-disabled-state-text-dark-mode-color); --row-focus-ring-color: var(--row-dark-mode-focus-ring-color); --row-focus-state-background-color: var(--row-focus-state-background-dark-mode-color); --row-focus-state-drill-color: var(--row-focus-state-drill-dark-mode-color); --row-focus-state-icon-color: var(--row-focus-state-icon-dark-mode-color); --row-focus-state-separator-color: var(--row-focus-state-separator-dark-mode-color); --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-dark-mode-color); --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-dark-mode-color); --row-focus-state-subtext-color: var(--row-focus-state-subtext-dark-mode-color); --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-dark-mode-color); --row-focus-state-text-color: var(--row-focus-state-text-dark-mode-color); --row-hover-state-background-color: var(--row-hover-state-background-dark-mode-color); --row-hover-state-drill-color: var(--row-hover-state-drill-dark-mode-color); --row-hover-state-icon-color: var(--row-hover-state-icon-dark-mode-color); --row-hover-state-separator-color: var(--row-hover-state-separator-dark-mode-color); --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-dark-mode-color); --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-dark-mode-color); --row-hover-state-subtext-color: var(--row-hover-state-subtext-dark-mode-color); --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-dark-mode-color); --row-hover-state-text-color: var(--row-hover-state-text-dark-mode-color); --row-normal-state-background-color: var(--row-normal-state-background-dark-mode-color); --row-normal-state-drill-color: var(--row-normal-state-drill-dark-mode-color); --row-normal-state-icon-color: var(--row-normal-state-icon-dark-mode-color); --row-normal-state-separator-color: var(--row-normal-state-separator-dark-mode-color); --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-dark-mode-color); --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-dark-mode-color); --row-normal-state-subtext-color: var(--row-normal-state-subtext-dark-mode-color); --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-dark-mode-color); --row-normal-state-text-color: var(--row-normal-state-text-dark-mode-color); --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-dark-mode-color); --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color); --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color); --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color); --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color); --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color); --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color); --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-dark-mode-color); --row-normal-variant-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color); --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-dark-mode-color); --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-dark-mode-color); --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-dark-mode-color); --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-dark-mode-color); --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color); --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color); --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color); --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color); --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-dark-mode-color); --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-dark-mode-color); --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-dark-mode-color); --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-dark-mode-color); --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-dark-mode-color); --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color); --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color); --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color); --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color); --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-dark-mode-color); --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-dark-mode-color); --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-dark-mode-color); --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-dark-mode-color); --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-dark-mode-color); --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color); --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color); --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color); --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color); --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-dark-mode-color); --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-dark-mode-color); --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color); --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color); --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color); --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color); --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color); --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color); --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color); --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-dark-mode-color); --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color); --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-dark-mode-color); --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-dark-mode-color); --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-dark-mode-color); --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-dark-mode-color); --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color); --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color); --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color); --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color); --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-dark-mode-color); --row-pressed-state-background-color: var(--row-pressed-state-background-dark-mode-color); --row-pressed-state-drill-color: var(--row-pressed-state-drill-dark-mode-color); --row-pressed-state-icon-color: var(--row-pressed-state-icon-dark-mode-color); --row-pressed-state-separator-color: var(--row-pressed-state-separator-dark-mode-color); --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-dark-mode-color); --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-dark-mode-color); --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-dark-mode-color); --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-dark-mode-color); --row-pressed-state-text-color: var(--row-pressed-state-text-dark-mode-color); --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-dark-mode-color); --row-selected-state-background-color: var(--row-selected-state-background-dark-mode-color); --row-selected-state-drill-color: var(--row-selected-state-drill-dark-mode-color); --row-selected-state-icon-color: var(--row-selected-state-icon-dark-mode-color); --row-selected-state-separator-color: var(--row-selected-state-separator-dark-mode-color); --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-dark-mode-color); --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-dark-mode-color); --row-selected-state-subtext-color: var(--row-selected-state-subtext-dark-mode-color); --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-dark-mode-color); --row-selected-state-text-color: var(--row-selected-state-text-dark-mode-color); /* ========== search ========== */ --search-disabled-state-border-color: var(--search-disabled-state-border-dark-mode-color); --search-disabled-state-input-color: var(--search-disabled-state-input-dark-mode-color); --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-dark-mode-color); --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-dark-mode-color); --search-focused-state-border-color: var(--search-focused-state-border-dark-mode-color); --search-hint-text-color: var(--search-hint-text-dark-mode-color); --search-normal-state-border-color: var(--search-normal-state-border-dark-mode-color); --search-normal-state-input-color: var(--search-normal-state-input-dark-mode-color); --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-dark-mode-color); --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-dark-mode-color); /* ========== segmentedControl ========== */ --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-dark-mode-color); --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-dark-mode-color); --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-dark-mode-color); --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-dark-mode-color); --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-dark-mode-color); --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-dark-mode-color); --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-dark-mode-color); --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-dark-mode-color); --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-dark-mode-color); --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-dark-mode-color); --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-dark-mode-color); --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-dark-mode-color); --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-dark-mode-color); --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color); --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-dark-mode-color); --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-dark-mode-color); --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color); --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-dark-mode-color); --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-dark-mode-color); --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-dark-mode-color); --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-dark-mode-color); --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-dark-mode-color); --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-dark-mode-color); --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-dark-mode-color); --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-dark-mode-color); --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-dark-mode-color); --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color); --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-dark-mode-color); --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-dark-mode-color); --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color); --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color); --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color); --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color); --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color); --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color); --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color); --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color); --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color); --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color); --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color); --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color); --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color); --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color); --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color); --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color); --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color); /* ========== select ========== */ --select-caret-color: var(--select-caret-dark-mode-color); --select-disclosure-indicator-color: var(--select-disclosure-indicator-dark-mode-color); /* ========== skeleton-loader ========== */ --skeleton-loader-fill-color: var(--skeleton-loader-fill-dark-mode-color); --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-dark-mode-1-color); --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-dark-mode-2-color); --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-dark-mode-3-color); /* ========== stepper ========== */ --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-dark-mode-background-color); --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-dark-mode-icon-color); --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-dark-mode-background-color); --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-dark-mode-icon-color); --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-dark-mode-background-color); --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-dark-mode-icon-color); --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-dark-mode-background-color); --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-dark-mode-icon-color); --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-dark-mode-background-color); --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-dark-mode-icon-color); --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-dark-mode-color); --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-dark-mode-color); --stepper-focus-state-background-color: var(--stepper-focus-state-background-dark-mode-color); --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-dark-mode-color); --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-dark-mode-color); --stepper-hover-state-background-color: var(--stepper-hover-state-background-dark-mode-color); --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-dark-mode-color); --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-dark-mode-color); --stepper-normal-state-background-color: var(--stepper-normal-state-background-dark-mode-color); --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-dark-mode-color); --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-dark-mode-color); --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color); --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-dark-mode-color); --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-dark-mode-color); /* ========== sticky-section-header ========== */ --sticky-section-header-background-color: var(--sticky-section-header-background-dark-mode-color); --sticky-section-header-separator-color: var(--sticky-section-header-separator-dark-mode-color); --sticky-section-header-text-color: var(--sticky-section-header-text-dark-mode-color); --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-dark-mode-color); /* ========== subtle-button ========== */ --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color); --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color); --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color); --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color); --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color); --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color); --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color); --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color); /* ========== swipe-action ========== */ --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-dark-mode-color); --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-dark-mode-color); --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-dark-mode-color); --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-dark-mode-color); --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-dark-mode-color); --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-dark-mode-color); /* ========== tabbar ========== */ --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-dark-mode-color); --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-dark-mode-color); --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-dark-mode-color); --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-dark-mode-color); --tabbar-background-color: var(--tabbar-background-dark-mode-color); --tabbar-divider-color: var(--tabbar-divider-dark-mode-color); --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-dark-mode-color); --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-dark-mode-color); --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-dark-mode-color); --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-dark-mode-color); --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-dark-mode-color); --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-dark-mode-color); --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-dark-mode-color); --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-dark-mode-color); --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-dark-mode-color); --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-dark-mode-color); --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-dark-mode-color); --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-dark-mode-color); --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-dark-mode-color); --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-dark-mode-color); --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-dark-mode-color); --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-dark-mode-color); /* ========== tableCell ========== */ --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-dark-mode-color); --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-dark-mode-color); --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-dark-mode-color); --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-dark-mode-color); --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-dark-mode-color); /* ========== tag ========== */ --tag-disabled-state-background-color: var(--tag-disabled-state-dark-mode-background-color); --tag-disabled-state-icon-color: var(--tag-disabled-state-dark-mode-icon-color); --tag-disabled-state-label-color: var(--tag-disabled-state-dark-mode-label-color); --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-dark-mode-remove-indicator-color); --tag-focus-state-background-color: var(--tag-focus-state-dark-mode-background-color); --tag-focus-state-icon-color: var(--tag-focus-state-dark-mode-icon-color); --tag-focus-state-label-color: var(--tag-focus-state-dark-mode-label-color); --tag-focus-state-remove-indicator-color: var(--tag-focus-state-dark-mode-remove-indicator-color); --tag-hover-state-background-color: var(--tag-hover-state-dark-mode-background-color); --tag-hover-state-icon-color: var(--tag-hover-state-dark-mode-icon-color); --tag-hover-state-label-color: var(--tag-hover-state-dark-mode-label-color); --tag-hover-state-remove-indicator-color: var(--tag-hover-state-dark-mode-remove-indicator-color); --tag-normal-state-background-color: var(--tag-normal-state-dark-mode-background-color); --tag-normal-state-icon-color: var(--tag-normal-state-dark-mode-icon-color); --tag-normal-state-label-color: var(--tag-normal-state-dark-mode-label-color); --tag-normal-state-remove-indicator-color: var(--tag-normal-state-dark-mode-remove-indicator-color); --tag-pressed-state-background-color: var(--tag-pressed-state-dark-mode-background-color); --tag-pressed-state-icon-color: var(--tag-pressed-state-dark-mode-icon-color); --tag-pressed-state-label-color: var(--tag-pressed-state-dark-mode-label-color); --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-dark-mode-remove-indicator-color); /* ========== text-link-group ========== */ --text-link-group-separator-color: var(--text-link-group-separator-dark-mode-color); /* ========== text-link ========== */ --text-link-destructive-variant-color: var(--text-link-destructive-variant-dark-mode-color); --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color); --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-dark-mode-color); --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-dark-mode-color); --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color); --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color); --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-dark-mode-color); --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-dark-mode-color); --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color); --text-link-normal-variant-color: var(--text-link-normal-variant-dark-mode-color); --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-dark-mode-color); --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-dark-mode-color); --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-dark-mode-color); /* ========== textarea ========== */ --textarea-placeholder-color: var(--textarea-placeholder-dark-mode-color); --textarea-selection-caret-color: var(--textarea-selection-caret-dark-mode-color); --textarea-selection-highlight-color: var(--textarea-selection-highlight-dark-mode-color); --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-dark-mode-color); /* ========== toast ========== */ --toast-accent-color: var(--toast-accent-dark-mode-color); --toast-background-color: var(--toast-background-dark-mode-color); --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-dark-mode-color); --toast-critical-variant-background-color: var(--toast-critical-variant-background-dark-mode-color); --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-dark-mode-color); --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-dark-mode-color); --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-dark-mode-color); --toast-critical-variant-link-color: var(--toast-critical-variant-link-dark-mode-color); --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-dark-mode-color); --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-dark-mode-color); --toast-critical-variant-text-color: var(--toast-critical-variant-text-dark-mode-color); --toast-dismiss-button-color: var(--toast-dismiss-button-dark-mode-color); --toast-icon-color: var(--toast-icon-dark-mode-color); --toast-info-variant-accent-color: var(--toast-info-variant-accent-dark-mode-color); --toast-info-variant-background-color: var(--toast-info-variant-background-dark-mode-color); --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-dark-mode-color); --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-dark-mode-color); --toast-info-variant-icon-color: var(--toast-info-variant-icon-dark-mode-color); --toast-info-variant-link-color: var(--toast-info-variant-link-dark-mode-color); --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-dark-mode-color); --toast-info-variant-separator-color: var(--toast-info-variant-separator-dark-mode-color); --toast-info-variant-text-color: var(--toast-info-variant-text-dark-mode-color); --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-dark-mode-color); --toast-insight-variant-background-color: var(--toast-insight-variant-background-dark-mode-color); --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-dark-mode-color); --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-dark-mode-color); --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-dark-mode-color); --toast-insight-variant-link-color: var(--toast-insight-variant-link-dark-mode-color); --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-dark-mode-color); --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-dark-mode-color); --toast-insight-variant-text-color: var(--toast-insight-variant-text-dark-mode-color); --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-dark-mode-color); --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-dark-mode-color); --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-dark-mode-color); --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-dark-mode-color); --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-dark-mode-color); --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-dark-mode-color); --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-dark-mode-color); --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-dark-mode-color); --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-dark-mode-color); --toast-link-normal-variant-color: var(--toast-link-normal-variant-dark-mode-color); --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-dark-mode-color); --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-dark-mode-color); --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-dark-mode-color); --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-dark-mode-color); --toast-progress-bar-color: var(--toast-progress-bar-dark-mode-color); --toast-success-variant-accent-color: var(--toast-success-variant-accent-dark-mode-color); --toast-success-variant-background-color: var(--toast-success-variant-background-dark-mode-color); --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-dark-mode-color); --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-dark-mode-color); --toast-success-variant-icon-color: var(--toast-success-variant-icon-dark-mode-color); --toast-success-variant-link-color: var(--toast-success-variant-link-dark-mode-color); --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-dark-mode-color); --toast-success-variant-separator-color: var(--toast-success-variant-separator-dark-mode-color); --toast-success-variant-text-color: var(--toast-success-variant-text-dark-mode-color); --toast-text-color: var(--toast-text-dark-mode-color); --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-dark-mode-color); --toast-warning-variant-background-color: var(--toast-warning-variant-background-dark-mode-color); --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-dark-mode-color); --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-dark-mode-color); --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-dark-mode-color); --toast-warning-variant-link-color: var(--toast-warning-variant-link-dark-mode-color); --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-dark-mode-color); --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-dark-mode-color); --toast-warning-variant-text-color: var(--toast-warning-variant-text-dark-mode-color); /* ========== toggle ========== */ --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-dark-mode-border-color); --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-dark-mode-thumb-color); --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-dark-mode-track-color); --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-dark-mode-border-color); --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-dark-mode-thumb-color); --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-dark-mode-track-color); --toggle-focus-ring-color: var(--toggle-focus-ring-dark-mode-color); --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-dark-mode-border-color); --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-dark-mode-thumb-color); --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-dark-mode-track-color); --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-dark-mode-border-color); --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-dark-mode-thumb-color); --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-dark-mode-track-color); --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color); --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color); --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color); --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color); --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color); --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color); --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-dark-mode-border-color); --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-dark-mode-thumb-color); --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-dark-mode-track-color); --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-dark-mode-border-color); --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-dark-mode-thumb-color); --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-dark-mode-track-color); --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-dark-mode-border-color); --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-dark-mode-thumb-color); --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-dark-mode-track-color); --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-dark-mode-border-color); --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-dark-mode-thumb-color); --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-dark-mode-track-color); /* ========== tooltip ========== */ --tooltip-background-color: var(--tooltip-background-dark-mode-color); --tooltip-link-color: var(--tooltip-link-dark-mode-color); --tooltip-popover-background-color: var(--tooltip-popover-background-dark-mode-color); --tooltip-popover-link-color: var(--tooltip-popover-link-dark-mode-color); --tooltip-popover-text-color: var(--tooltip-popover-text-dark-mode-color); --tooltip-text-color: var(--tooltip-text-dark-mode-color); --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-dark-mode-color); --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-dark-mode-color); --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-dark-mode-color); --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-dark-mode-color); --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-dark-mode-color); --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-dark-mode-color); /* ========== tracker ========== */ --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color); --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); } } /* * Monochrome: default & light mode tokens scoped to [data-market-theme="monochrome"] */ /* This file is automatically generated. Do not edit. */ [data-market-theme="monochrome"] { /* ======================================================================== * CORE * ======================================================================== */ /* ========== core ========== */ --core-animation-enter-transition-easing: cubic-bezier(0.26, 0.10, 0.48, 1.0); --core-animation-enter-transition-fast-speed-duration: 0.10s; --core-animation-enter-transition-moderate-speed-duration: 0.24s; --core-animation-enter-transition-slow-speed-duration: 0.40s; --core-animation-exit-transition-easing: cubic-bezier(0.52, 0.0, 0.74, 0.0); --core-animation-exit-transition-fast-speed-duration: 0.10s; --core-animation-exit-transition-moderate-speed-duration: 0.16s; --core-animation-exit-transition-slow-speed-duration: 0.30s; --core-animation-move-transition-easing: cubic-bezier(0.76, 0.0, 0.24, 1.0); --core-animation-move-transition-fast-speed-duration: 0.10s; --core-animation-move-transition-moderate-speed-duration: 0.24s; --core-animation-move-transition-slow-speed-duration: 0.40s; --core-base-size: 8px; --core-blue-10-color: var(--core-blue-10-light-mode-color); --core-blue-10-dark-mode-color: #0055CC; --core-blue-10-light-mode-color: #0055CC; --core-blue-20-color: var(--core-blue-20-light-mode-color); --core-blue-20-dark-mode-color: #005FE5; --core-blue-20-light-mode-color: #005FE5; --core-blue-30-color: var(--core-blue-30-light-mode-color); --core-blue-30-dark-mode-color: #002559; --core-blue-30-light-mode-color: #CCE1FF; --core-blue-40-color: var(--core-blue-40-light-mode-color); --core-blue-40-dark-mode-color: #001533; --core-blue-40-light-mode-color: #E6F0FF; --core-blue-fill-color: var(--core-blue-fill-light-mode-color); --core-blue-fill-dark-mode-color: #006AFF; --core-blue-fill-light-mode-color: #006AFF; --core-blue-text-color: var(--core-blue-text-light-mode-color); --core-blue-text-dark-mode-color: #4A95FF; --core-blue-text-light-mode-color: #005AD9; --core-border-10: 1px; --core-border-20: 2px; --core-border-80: 8px; --core-breakpoint-extra-wide-min-width: 1024px; --core-breakpoint-medium-max-width: 839px; --core-breakpoint-medium-min-width: 600px; --core-breakpoint-narrow-max-width: 599px; --core-breakpoint-narrow-min-width: 0px; --core-breakpoint-wide-max-width: 1023px; --core-breakpoint-wide-min-max-width: 1023px; --core-breakpoint-wide-min-width: 800px; --core-brown-10-color: var(--core-brown-10-light-mode-color); --core-brown-10-dark-mode-color: #33261A; --core-brown-10-light-mode-color: #332517; --core-brown-20-color: var(--core-brown-20-light-mode-color); --core-brown-20-dark-mode-color: #4D3926; --core-brown-20-light-mode-color: #4D3722; --core-brown-30-color: var(--core-brown-30-light-mode-color); --core-brown-30-dark-mode-color: #592D00; --core-brown-30-light-mode-color: #FFE6CC; --core-brown-40-color: var(--core-brown-40-light-mode-color); --core-brown-40-dark-mode-color: #331900; --core-brown-40-light-mode-color: #FFF2E6; --core-brown-fill-color: var(--core-brown-fill-light-mode-color); --core-brown-fill-dark-mode-color: #664D33; --core-brown-fill-light-mode-color: #664A2E; --core-brown-text-color: var(--core-brown-text-light-mode-color); --core-brown-text-dark-mode-color: #C99866; --core-brown-text-light-mode-color: #664A2E; --core-burgundy-10-color: var(--core-burgundy-10-light-mode-color); --core-burgundy-10-dark-mode-color: #660525; --core-burgundy-10-light-mode-color: #660525; --core-burgundy-20-color: var(--core-burgundy-20-light-mode-color); --core-burgundy-20-dark-mode-color: #80062F; --core-burgundy-20-light-mode-color: #80062F; --core-burgundy-30-color: var(--core-burgundy-30-light-mode-color); --core-burgundy-30-dark-mode-color: #59001E; --core-burgundy-30-light-mode-color: #FFCCDD; --core-burgundy-40-color: var(--core-burgundy-40-light-mode-color); --core-burgundy-40-dark-mode-color: #330011; --core-burgundy-40-light-mode-color: #FFE6EE; --core-burgundy-fill-color: var(--core-burgundy-fill-light-mode-color); --core-burgundy-fill-dark-mode-color: #990838; --core-burgundy-fill-light-mode-color: #990838; --core-burgundy-text-color: var(--core-burgundy-text-light-mode-color); --core-burgundy-text-dark-mode-color: #FF568E; --core-burgundy-text-light-mode-color: #990838; --core-constant-black-color: #000000; --core-constant-gray-10-color: #101010; --core-constant-gray-15-color: #1a1a1a; --core-constant-gray-20-color: #1e1e1e; --core-constant-gray-25-color: #232323; --core-constant-gray-30-color: #2a2a2a; --core-constant-gray-40-color: #333333; --core-constant-gray-45-color: #595959; --core-constant-gray-50-color: #666666; --core-constant-gray-60-color: #878787; --core-constant-gray-65-color: #959595; --core-constant-gray-80-color: #cccccc; --core-constant-gray-85-color: #dadada; --core-constant-gray-90-color: #e8e8e8; --core-constant-gray-95-color: #f0f0f0; --core-constant-gray-98-color: #F7F7F7; --core-constant-white-color: #ffffff; --core-control-size-height: 20px; --core-control-size-width: 20px; --core-critical-10-color: var(--core-critical-10-light-mode-color); --core-critical-10-dark-mode-color: var(--core-red-10-dark-mode-color); --core-critical-10-light-mode-color: var(--core-red-10-light-mode-color); --core-critical-20-color: var(--core-critical-20-light-mode-color); --core-critical-20-dark-mode-color: var(--core-red-20-dark-mode-color); --core-critical-20-light-mode-color: var(--core-red-20-light-mode-color); --core-critical-30-color: var(--core-critical-30-light-mode-color); --core-critical-30-dark-mode-color: var(--core-red-30-dark-mode-color); --core-critical-30-light-mode-color: var(--core-red-30-light-mode-color); --core-critical-40-color: var(--core-critical-40-light-mode-color); --core-critical-40-dark-mode-color: var(--core-red-40-dark-mode-color); --core-critical-40-light-mode-color: var(--core-red-40-light-mode-color); --core-critical-fill-color: var(--core-critical-fill-light-mode-color); --core-critical-fill-dark-mode-color: var(--core-red-fill-dark-mode-color); --core-critical-fill-light-mode-color: var(--core-red-fill-light-mode-color); --core-critical-text-color: var(--core-critical-text-light-mode-color); --core-critical-text-dark-mode-color: var(--core-red-text-dark-mode-color); --core-critical-text-light-mode-color: var(--core-red-text-light-mode-color); --core-divider-10-color: var(--core-divider-10-light-mode-color); --core-divider-10-dark-mode-color: #959595; --core-divider-10-light-mode-color: #959595; --core-divider-20-color: var(--core-divider-20-light-mode-color); --core-divider-20-dark-mode-color: #333333; --core-divider-20-light-mode-color: #f0f0f0; --core-emphasis-10-color: var(--core-emphasis-10-light-mode-color); --core-emphasis-10-dark-mode-color: #CCCCCC; --core-emphasis-10-light-mode-color: #666666; --core-emphasis-20-color: var(--core-emphasis-20-light-mode-color); --core-emphasis-20-dark-mode-color: #DADADA; --core-emphasis-20-light-mode-color: #333333; --core-emphasis-30-color: var(--core-emphasis-30-light-mode-color); --core-emphasis-30-dark-mode-color: #595959; --core-emphasis-30-light-mode-color: #CCCCCC; --core-emphasis-40-color: var(--core-emphasis-40-light-mode-color); --core-emphasis-40-dark-mode-color: #333333; --core-emphasis-40-light-mode-color: #E8E8E8; --core-emphasis-fill-color: var(--core-emphasis-fill-light-mode-color); --core-emphasis-fill-dark-mode-color: #FFFFFF; --core-emphasis-fill-light-mode-color: #101010; --core-emphasis-text-color: var(--core-emphasis-text-light-mode-color); --core-emphasis-text-dark-mode-color: #FFFFFF; --core-emphasis-text-light-mode-color: #101010; --core-extra-wide-viewport-grid-column-count: 4; --core-extra-wide-viewport-grid-horizontal-spacing: var(--core-metrics-spacing-200); --core-extra-wide-viewport-grid-item-full-size-column-span: 4; --core-extra-wide-viewport-grid-item-large-size-column-span: 3; --core-extra-wide-viewport-grid-item-medium-size-column-span: 2; --core-extra-wide-viewport-grid-item-small-size-column-span: 1; --core-extra-wide-viewport-grid-vertical-spacing: var(--core-metrics-spacing-200); --core-fill-10-color: var(--core-fill-10-light-mode-color); --core-fill-10-dark-mode-color: #f0f0f0; --core-fill-10-light-mode-color: #101010; --core-fill-20-color: var(--core-fill-20-light-mode-color); --core-fill-20-dark-mode-color: #666666; --core-fill-20-light-mode-color: #959595; --core-fill-30-color: var(--core-fill-30-light-mode-color); --core-fill-30-dark-mode-color: #595959; --core-fill-30-light-mode-color: #dadada; --core-fill-40-color: var(--core-fill-40-light-mode-color); --core-fill-40-dark-mode-color: #333333; --core-fill-40-light-mode-color: #f0f0f0; --core-fill-50-color: var(--core-fill-50-light-mode-color); --core-fill-50-dark-mode-color: #2A2A2A; --core-fill-50-light-mode-color: #F7F7F7; --core-fill-black-color: var(--core-fill-black-light-mode-color); --core-fill-black-dark-mode-color: #000000; --core-fill-black-light-mode-color: #000000; --core-fill-inverse-color: var(--core-fill-inverse-light-mode-color); --core-fill-inverse-dark-mode-color: #000000; --core-fill-inverse-light-mode-color: #FFFFFF; --core-fill-white-color: var(--core-fill-white-light-mode-color); --core-fill-white-dark-mode-color: #FFFFFF; --core-fill-white-light-mode-color: #FFFFFF; --core-fixed-large-size: 64px; --core-fixed-medium-size: 48px; --core-fixed-small-size: 40px; --core-fixed-x-large-size: 80px; --core-fixed-x-small-size: 32px; --core-fixed-xx-small-size: 24px; --core-fixed-xxx-small-size: 16px; --core-focus-color: var(--core-focus-light-mode-color); --core-focus-dark-mode-color: var(--core-constant-white-color); --core-focus-light-mode-color: var(--core-constant-black-color); --core-focus-ring-border-size: var(--core-border-20); --core-focus-ring-buffer-size: var(--core-metrics-spacing-25); --core-focus-ring-color: var(--core-focus-ring-light-mode-color); --core-focus-ring-dark-mode-color: var(--core-focus-dark-mode-color); --core-focus-ring-light-mode-color: var(--core-focus-light-mode-color); --core-forest-10-color: var(--core-forest-10-light-mode-color); --core-forest-10-dark-mode-color: #0F4D19; --core-forest-10-light-mode-color: #0F4D19; --core-forest-20-color: var(--core-forest-20-light-mode-color); --core-forest-20-dark-mode-color: #146622; --core-forest-20-light-mode-color: #146622; --core-forest-30-color: var(--core-forest-30-light-mode-color); --core-forest-30-dark-mode-color: #00590F; --core-forest-30-light-mode-color: #CCFFD5; --core-forest-40-color: var(--core-forest-40-light-mode-color); --core-forest-40-dark-mode-color: #003308; --core-forest-40-light-mode-color: #E6FFEA; --core-forest-fill-color: var(--core-forest-fill-light-mode-color); --core-forest-fill-dark-mode-color: #19802A; --core-forest-fill-light-mode-color: #19802A; --core-forest-text-color: var(--core-forest-text-light-mode-color); --core-forest-text-dark-mode-color: #16D956; --core-forest-text-light-mode-color: #007D2A; --core-gold-10-color: var(--core-gold-10-light-mode-color); --core-gold-10-dark-mode-color: #CC8033; --core-gold-10-light-mode-color: #CC8033; --core-gold-20-color: var(--core-gold-20-light-mode-color); --core-gold-20-dark-mode-color: #E68F39; --core-gold-20-light-mode-color: #E68F39; --core-gold-30-color: var(--core-gold-30-light-mode-color); --core-gold-30-dark-mode-color: #592D00; --core-gold-30-light-mode-color: #FFE6CC; --core-gold-40-color: var(--core-gold-40-light-mode-color); --core-gold-40-dark-mode-color: #331A00; --core-gold-40-light-mode-color: #FFF2E6; --core-gold-fill-color: var(--core-gold-fill-light-mode-color); --core-gold-fill-dark-mode-color: #FF9F40; --core-gold-fill-light-mode-color: #FF9F40; --core-gold-text-color: var(--core-gold-text-light-mode-color); --core-gold-text-dark-mode-color: #FF9F40; --core-gold-text-light-mode-color: #945C25; --core-green-10-color: var(--core-green-10-light-mode-color); --core-green-10-dark-mode-color: #00802A; --core-green-10-light-mode-color: #00802A; --core-green-20-color: var(--core-green-20-light-mode-color); --core-green-20-dark-mode-color: #009933; --core-green-20-light-mode-color: #009933; --core-green-30-color: var(--core-green-30-light-mode-color); --core-green-30-dark-mode-color: #00591E; --core-green-30-light-mode-color: #CCFFDD; --core-green-40-color: var(--core-green-40-light-mode-color); --core-green-40-dark-mode-color: #003311; --core-green-40-light-mode-color: #E5FFEE; --core-green-fill-color: var(--core-green-fill-light-mode-color); --core-green-fill-dark-mode-color: #00B33B; --core-green-fill-light-mode-color: #00B23B; --core-green-text-color: var(--core-green-text-light-mode-color); --core-green-text-dark-mode-color: #16D956; --core-green-text-light-mode-color: #007D2A; --core-grid-column-count: var(--core-narrow-viewport-grid-column-count); --core-grid-horizontal-spacing: var(--core-narrow-viewport-grid-horizontal-spacing); --core-grid-item-full-size-column-span: var(--core-narrow-viewport-grid-item-full-size-column-span); --core-grid-item-large-size-column-span: var(--core-narrow-viewport-grid-item-large-size-column-span); --core-grid-item-medium-size-column-span: var(--core-narrow-viewport-grid-item-medium-size-column-span); --core-grid-item-small-size-column-span: var(--core-narrow-viewport-grid-item-small-size-column-span); --core-grid-vertical-spacing: var(--core-narrow-viewport-grid-vertical-spacing); --core-horizontal-size-class-regular-threshold: 600px; --core-horizontal-size-class-wide-threshold: 1200px; --core-icon-large-size-height: 40px; --core-icon-large-size-width: 40px; --core-icon-medium-size-height: 24px; --core-icon-medium-size-width: 24px; --core-icon-small-size-height: 16px; --core-icon-small-size-width: 16px; --core-large-size-minimum-height: var(--core-minimum-height-300); --core-medium-size-minimum-height: var(--core-minimum-height-200); --core-medium-viewport-grid-column-count: 2; --core-medium-viewport-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing); --core-medium-viewport-grid-item-full-size-column-span: 2; --core-medium-viewport-grid-item-large-size-column-span: 1; --core-medium-viewport-grid-item-medium-size-column-span: 1; --core-medium-viewport-grid-item-small-size-column-span: 1; --core-medium-viewport-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing); --core-metrics-spacing-100: 8px; --core-metrics-spacing-1000: 80px; --core-metrics-spacing-150: 12px; --core-metrics-spacing-1500: 120px; --core-metrics-spacing-200: 16px; --core-metrics-spacing-2000: 160px; --core-metrics-spacing-25: 2px; --core-metrics-spacing-250: 20px; --core-metrics-spacing-300: 24px; --core-metrics-spacing-400: 32px; --core-metrics-spacing-50: 4px; --core-metrics-spacing-500: 40px; --core-metrics-spacing-600: 48px; --core-metrics-spacing-800: 64px; --core-minimum-height-100: 40px; --core-minimum-height-200: 48px; --core-minimum-height-300: 64px; --core-minimum-height-400: 80px; --core-minimum-height-50: 24px; --core-minimum-height-75: 32px; --core-narrow-viewport-grid-column-count: 1; --core-narrow-viewport-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing); --core-narrow-viewport-grid-item-full-size-column-span: 1; --core-narrow-viewport-grid-item-large-size-column-span: 1; --core-narrow-viewport-grid-item-medium-size-column-span: 1; --core-narrow-viewport-grid-item-small-size-column-span: 1; --core-narrow-viewport-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing); --core-opacity-disabled-state: 0.4; --core-opacity-hover-state: 1; --core-opacity-normal-state: 1; --core-opacity-pressed-state: 1; --core-orange-10-color: var(--core-orange-10-light-mode-color); --core-orange-10-dark-mode-color: #BF4830; --core-orange-10-light-mode-color: #BF4830; --core-orange-20-color: var(--core-orange-20-light-mode-color); --core-orange-20-dark-mode-color: #DB5237; --core-orange-20-light-mode-color: #DB5237; --core-orange-30-color: var(--core-orange-30-light-mode-color); --core-orange-30-dark-mode-color: #590F00; --core-orange-30-light-mode-color: #FFD5CC; --core-orange-40-color: var(--core-orange-40-light-mode-color); --core-orange-40-dark-mode-color: #330800; --core-orange-40-light-mode-color: #FFEAE6; --core-orange-fill-color: var(--core-orange-fill-light-mode-color); --core-orange-fill-dark-mode-color: #F25B3D; --core-orange-fill-light-mode-color: #F25B3D; --core-orange-text-color: var(--core-orange-text-light-mode-color); --core-orange-text-dark-mode-color: #FF5F3F; --core-orange-text-light-mode-color: #A83F2A; --core-padding-set-even-large: var(--core-metrics-spacing-250); --core-padding-set-even-medium: var(--core-metrics-spacing-150); --core-padding-set-even-small: var(--core-metrics-spacing-100); --core-padding-set-wide-large-horizontal: var(--core-metrics-spacing-400); --core-padding-set-wide-large-vertical: var(--core-metrics-spacing-250); --core-padding-set-wide-medium-horizontal: var(--core-metrics-spacing-300); --core-padding-set-wide-medium-vertical: var(--core-metrics-spacing-150); --core-padding-set-wide-small-horizontal: var(--core-metrics-spacing-250); --core-padding-set-wide-small-vertical: var(--core-metrics-spacing-100); --core-pink-10-color: var(--core-pink-10-light-mode-color); --core-pink-10-dark-mode-color: #A62987; --core-pink-10-light-mode-color: #A62987; --core-pink-20-color: var(--core-pink-20-light-mode-color); --core-pink-20-dark-mode-color: #BF309B; --core-pink-20-light-mode-color: #BF309B; --core-pink-30-color: var(--core-pink-30-light-mode-color); --core-pink-30-dark-mode-color: #590043; --core-pink-30-light-mode-color: #FFCCF2; --core-pink-40-color: var(--core-pink-40-light-mode-color); --core-pink-40-dark-mode-color: #330026; --core-pink-40-light-mode-color: #FFE6F9; --core-pink-fill-color: var(--core-pink-fill-light-mode-color); --core-pink-fill-dark-mode-color: #D936B0; --core-pink-fill-light-mode-color: #D936B0; --core-pink-text-color: var(--core-pink-text-light-mode-color); --core-pink-text-dark-mode-color: #FF43D0; --core-pink-text-light-mode-color: #A82A88; --core-purple-10-color: var(--core-purple-10-light-mode-color); --core-purple-10-dark-mode-color: #6811A6; --core-purple-10-light-mode-color: #6811A6; --core-purple-20-color: var(--core-purple-20-light-mode-color); --core-purple-20-dark-mode-color: #7813BF; --core-purple-20-light-mode-color: #7813BF; --core-purple-30-color: var(--core-purple-30-light-mode-color); --core-purple-30-dark-mode-color: #340059; --core-purple-30-light-mode-color: #EACCFF; --core-purple-40-color: var(--core-purple-40-light-mode-color); --core-purple-40-dark-mode-color: #1E0033; --core-purple-40-light-mode-color: #F4E6FF; --core-purple-fill-color: var(--core-purple-fill-light-mode-color); --core-purple-fill-dark-mode-color: #8716D9; --core-purple-fill-light-mode-color: #8716D9; --core-purple-text-color: var(--core-purple-text-light-mode-color); --core-purple-text-dark-mode-color: #C26EFF; --core-purple-text-light-mode-color: #8716D9; --core-radius-10: 6px; --core-radius-100: 6px; --core-radius-20: 12px; --core-radius-200: 12px; --core-radius-266: 16px; --core-radius-33: 2px; --core-radius-400: 24px; --core-radius-533: 32px; --core-radius-6: 4px; --core-radius-66: 4px; --core-radius-circle: 1000px; --core-radius-forms: 8px; --core-radius-modals: 20px; --core-radius-none: 0px; --core-red-10-color: var(--core-red-10-light-mode-color); --core-red-10-dark-mode-color: #99001A; --core-red-10-light-mode-color: #99001A; --core-red-20-color: var(--core-red-20-light-mode-color); --core-red-20-dark-mode-color: #B2001E; --core-red-20-light-mode-color: #B2001E; --core-red-30-color: var(--core-red-30-light-mode-color); --core-red-30-dark-mode-color: #59000F; --core-red-30-light-mode-color: #FFCCD5; --core-red-40-color: var(--core-red-40-light-mode-color); --core-red-40-dark-mode-color: #330009; --core-red-40-light-mode-color: #FFE5EA; --core-red-fill-color: var(--core-red-fill-light-mode-color); --core-red-fill-dark-mode-color: #CC0023; --core-red-fill-light-mode-color: #CC0023; --core-red-text-color: var(--core-red-text-light-mode-color); --core-red-text-dark-mode-color: #FF5A76; --core-red-text-light-mode-color: #BF0020; --core-sky-10-color: var(--core-sky-10-light-mode-color); --core-sky-10-dark-mode-color: #1F75CC; --core-sky-10-light-mode-color: #1F75CC; --core-sky-20-color: var(--core-sky-20-light-mode-color); --core-sky-20-dark-mode-color: #2284E6; --core-sky-20-light-mode-color: #2284E6; --core-sky-30-color: var(--core-sky-30-light-mode-color); --core-sky-30-dark-mode-color: #002D59; --core-sky-30-light-mode-color: #CCE6FF; --core-sky-40-color: var(--core-sky-40-light-mode-color); --core-sky-40-dark-mode-color: #001A33; --core-sky-40-light-mode-color: #E6F2FF; --core-sky-fill-color: var(--core-sky-fill-light-mode-color); --core-sky-fill-dark-mode-color: #2693FF; --core-sky-fill-light-mode-color: #2693FF; --core-sky-text-color: var(--core-sky-text-light-mode-color); --core-sky-text-dark-mode-color: #2E97FF; --core-sky-text-light-mode-color: #0F65BA; --core-small-size-minimum-height: var(--core-minimum-height-100); --core-space-10-size: var(--core-base-size); --core-success-10-color: var(--core-success-10-light-mode-color); --core-success-10-dark-mode-color: var(--core-green-10-dark-mode-color); --core-success-10-light-mode-color: var(--core-green-10-light-mode-color); --core-success-20-color: var(--core-success-20-light-mode-color); --core-success-20-dark-mode-color: var(--core-green-20-dark-mode-color); --core-success-20-light-mode-color: var(--core-green-20-light-mode-color); --core-success-30-color: var(--core-success-30-light-mode-color); --core-success-30-dark-mode-color: var(--core-green-30-dark-mode-color); --core-success-30-light-mode-color: var(--core-green-30-light-mode-color); --core-success-40-color: var(--core-success-40-light-mode-color); --core-success-40-dark-mode-color: var(--core-green-40-dark-mode-color); --core-success-40-light-mode-color: var(--core-green-40-light-mode-color); --core-success-fill-color: var(--core-success-fill-light-mode-color); --core-success-fill-dark-mode-color: var(--core-green-fill-dark-mode-color); --core-success-fill-light-mode-color: var(--core-green-fill-light-mode-color); --core-success-text-color: var(--core-success-text-light-mode-color); --core-success-text-dark-mode-color: var(--core-green-text-dark-mode-color); --core-success-text-light-mode-color: var(--core-green-text-light-mode-color); --core-surface-10-color: var(--core-surface-10-light-mode-color); --core-surface-10-dark-mode-color: #101010; --core-surface-10-light-mode-color: #FFFFFF; --core-surface-20-color: var(--core-surface-20-light-mode-color); --core-surface-20-dark-mode-color: #1a1a1a; --core-surface-20-light-mode-color: #FFFFFF; --core-surface-30-color: var(--core-surface-30-light-mode-color); --core-surface-30-dark-mode-color: #232323; --core-surface-30-light-mode-color: #FFFFFF; --core-surface-5-color: var(--core-surface-5-light-mode-color); --core-surface-5-dark-mode-color: #000000; --core-surface-5-light-mode-color: #FFFFFF; --core-surface-inverse-color: var(--core-surface-inverse-light-mode-color); --core-surface-inverse-dark-mode-color: #FFFFFF; --core-surface-inverse-light-mode-color: #232323; --core-surface-overlay-color: var(--core-surface-overlay-light-mode-color); --core-surface-overlay-dark-mode-color: rgba(0,0,0,0.8); --core-surface-overlay-light-mode-color: rgba(0,0,0,0.8); --core-taupe-10-color: var(--core-taupe-10-light-mode-color); --core-taupe-10-dark-mode-color: #735639; --core-taupe-10-light-mode-color: #735639; --core-taupe-20-color: var(--core-taupe-20-light-mode-color); --core-taupe-20-dark-mode-color: #8C6946; --core-taupe-20-light-mode-color: #8C6946; --core-taupe-30-color: var(--core-taupe-30-light-mode-color); --core-taupe-30-dark-mode-color: #592D00; --core-taupe-30-light-mode-color: #FFE6CC; --core-taupe-40-color: var(--core-taupe-40-light-mode-color); --core-taupe-40-dark-mode-color: #331A00; --core-taupe-40-light-mode-color: #FFF2E6; --core-taupe-fill-color: var(--core-taupe-fill-light-mode-color); --core-taupe-fill-dark-mode-color: #A67C53; --core-taupe-fill-light-mode-color: #A67C53; --core-taupe-text-color: var(--core-taupe-text-light-mode-color); --core-taupe-text-dark-mode-color: #C99866; --core-taupe-text-light-mode-color: #826141; --core-teal-10-color: var(--core-teal-10-light-mode-color); --core-teal-10-dark-mode-color: #0D8C6D; --core-teal-10-light-mode-color: #0D8C6D; --core-teal-20-color: var(--core-teal-20-light-mode-color); --core-teal-20-dark-mode-color: #10A680; --core-teal-20-light-mode-color: #10A680; --core-teal-30-color: var(--core-teal-30-light-mode-color); --core-teal-30-dark-mode-color: #005943; --core-teal-30-light-mode-color: #CCFFF2; --core-teal-40-color: var(--core-teal-40-light-mode-color); --core-teal-40-dark-mode-color: #003326; --core-teal-40-light-mode-color: #E6FFF9; --core-teal-fill-color: var(--core-teal-fill-light-mode-color); --core-teal-fill-dark-mode-color: #12BF94; --core-teal-fill-light-mode-color: #12BF94; --core-teal-text-color: var(--core-teal-text-light-mode-color); --core-teal-text-dark-mode-color: #16D8A7; --core-teal-text-light-mode-color: #0C785D; --core-text-10-color: var(--core-text-10-light-mode-color); --core-text-10-dark-mode-color: #FFFFFF; --core-text-10-light-mode-color: #101010; --core-text-20-color: var(--core-text-20-light-mode-color); --core-text-20-dark-mode-color: #9B9B9B; --core-text-20-light-mode-color: #666666; --core-text-30-color: var(--core-text-30-light-mode-color); --core-text-30-dark-mode-color: #595959; --core-text-30-light-mode-color: #959595; --core-text-black-color: var(--core-text-black-light-mode-color); --core-text-black-dark-mode-color: #101010; --core-text-black-light-mode-color: #101010; --core-text-inverse-color: var(--core-text-inverse-light-mode-color); --core-text-inverse-dark-mode-color: #101010; --core-text-inverse-light-mode-color: #FFFFFF; --core-text-size: 16px; --core-text-white-color: var(--core-text-white-light-mode-color); --core-text-white-dark-mode-color: #FFFFFF; --core-text-white-light-mode-color: #FFFFFF; --core-transparent-color: var(--core-transparent-light-mode-color); --core-transparent-dark-mode-color: transparent; --core-transparent-light-mode-color: transparent; --core-type-bold-weight: 700; --core-type-display-10-case: none; --core-type-display-10-font-family: var(--core-type-display-font-family); --core-type-display-10-leading: 40px; --core-type-display-10-number-spacing: 'default'; --core-type-display-10-scale: heading-30; --core-type-display-10-size: 32px; --core-type-display-10-tracking: 0; --core-type-display-10-weight: var(--core-type-bold-weight); --core-type-display-20-case: none; --core-type-display-20-font-family: var(--core-type-display-font-family); --core-type-display-20-leading: 56px; --core-type-display-20-number-spacing: 'default'; --core-type-display-20-scale: heading-30; --core-type-display-20-size: 48px; --core-type-display-20-tracking: 0; --core-type-display-20-weight: var(--core-type-medium-weight); --core-type-display-font-family: 'Square Sans Display VF', 'Square Sans Display', Helvetica, Arial, sans-serif; --core-type-font-family: 'Square Sans Text VF', 'Square Sans Text', Helvetica, Arial, sans-serif; --core-type-heading-10-case: none; --core-type-heading-10-font-family: var(--core-type-font-family); --core-type-heading-10-leading: 22px; --core-type-heading-10-number-spacing: 'default'; --core-type-heading-10-scale: heading-10; --core-type-heading-10-size: 14px; --core-type-heading-10-tracking: 0; --core-type-heading-10-weight: var(--core-type-bold-weight); --core-type-heading-20-case: none; --core-type-heading-20-font-family: var(--core-type-display-font-family); --core-type-heading-20-leading: 26px; --core-type-heading-20-number-spacing: 'default'; --core-type-heading-20-scale: heading-20; --core-type-heading-20-size: 19px; --core-type-heading-20-tracking: 0; --core-type-heading-20-weight: var(--core-type-bold-weight); --core-type-heading-30-case: none; --core-type-heading-30-font-family: var(--core-type-display-font-family); --core-type-heading-30-leading: 32px; --core-type-heading-30-number-spacing: 'default'; --core-type-heading-30-scale: heading-30; --core-type-heading-30-size: 25px; --core-type-heading-30-tracking: 0; --core-type-heading-30-weight: var(--core-type-bold-weight); --core-type-heading-5-case: uppercase; --core-type-heading-5-font-family: var(--core-type-font-family); --core-type-heading-5-leading: 20px; --core-type-heading-5-number-spacing: 'default'; --core-type-heading-5-scale: heading-5; --core-type-heading-5-size: 12px; --core-type-heading-5-tracking: 0.050em; --core-type-heading-5-weight: var(--core-type-medium-weight); --core-type-medium-10-case: var(--core-type-paragraph-10-case); --core-type-medium-10-font-family: var(--core-type-paragraph-10-font-family); --core-type-medium-10-leading: var(--core-type-paragraph-10-leading); --core-type-medium-10-number-spacing: var(--core-type-paragraph-10-number-spacing); --core-type-medium-10-scale: var(--core-type-paragraph-10-scale); --core-type-medium-10-size: var(--core-type-paragraph-10-size); --core-type-medium-10-tracking: var(--core-type-paragraph-10-tracking); --core-type-medium-10-weight: var(--core-type-medium-weight); --core-type-medium-20-case: var(--core-type-paragraph-20-case); --core-type-medium-20-font-family: var(--core-type-paragraph-20-font-family); --core-type-medium-20-leading: var(--core-type-paragraph-20-leading); --core-type-medium-20-number-spacing: var(--core-type-paragraph-20-number-spacing); --core-type-medium-20-scale: var(--core-type-paragraph-20-scale); --core-type-medium-20-size: var(--core-type-paragraph-20-size); --core-type-medium-20-tracking: var(--core-type-paragraph-20-tracking); --core-type-medium-20-weight: var(--core-type-medium-weight); --core-type-medium-30-case: var(--core-type-paragraph-30-case); --core-type-medium-30-font-family: var(--core-type-paragraph-30-font-family); --core-type-medium-30-leading: var(--core-type-paragraph-30-leading); --core-type-medium-30-number-spacing: var(--core-type-paragraph-30-number-spacing); --core-type-medium-30-scale: var(--core-type-paragraph-30-scale); --core-type-medium-30-size: var(--core-type-paragraph-30-size); --core-type-medium-30-tracking: var(--core-type-paragraph-30-tracking); --core-type-medium-30-weight: var(--core-type-medium-weight); --core-type-medium-weight: 500; --core-type-mono-display-10-case: var(--core-type-display-10-case); --core-type-mono-display-10-font-family: var(--core-type-mono-font-family); --core-type-mono-display-10-leading: var(--core-type-display-10-leading); --core-type-mono-display-10-number-spacing: var(--core-type-display-10-number-spacing); --core-type-mono-display-10-scale: var(--core-type-display-10-scale); --core-type-mono-display-10-size: var(--core-type-display-10-size); --core-type-mono-display-10-tracking: var(--core-type-display-10-tracking); --core-type-mono-display-10-weight: var(--core-type-display-10-weight); --core-type-mono-display-20-case: var(--core-type-display-20-case); --core-type-mono-display-20-font-family: var(--core-type-mono-font-family); --core-type-mono-display-20-leading: var(--core-type-display-20-leading); --core-type-mono-display-20-number-spacing: var(--core-type-display-20-number-spacing); --core-type-mono-display-20-scale: var(--core-type-display-20-scale); --core-type-mono-display-20-size: var(--core-type-display-20-size); --core-type-mono-display-20-tracking: var(--core-type-display-20-tracking); --core-type-mono-display-20-weight: var(--core-type-display-20-weight); --core-type-mono-font-family: 'Square Sans Mono VF', 'Square Sans Mono', 'Roboto Mono', Roboto, monospace; --core-type-mono-heading-10-case: var(--core-type-heading-10-case); --core-type-mono-heading-10-font-family: var(--core-type-mono-font-family); --core-type-mono-heading-10-leading: var(--core-type-heading-10-leading); --core-type-mono-heading-10-number-spacing: var(--core-type-heading-10-number-spacing); --core-type-mono-heading-10-scale: var(--core-type-heading-10-scale); --core-type-mono-heading-10-size: var(--core-type-heading-10-size); --core-type-mono-heading-10-tracking: var(--core-type-heading-10-tracking); --core-type-mono-heading-10-weight: var(--core-type-heading-10-weight); --core-type-mono-heading-20-case: var(--core-type-heading-20-case); --core-type-mono-heading-20-font-family: var(--core-type-mono-font-family); --core-type-mono-heading-20-leading: var(--core-type-heading-20-leading); --core-type-mono-heading-20-number-spacing: var(--core-type-heading-20-number-spacing); --core-type-mono-heading-20-scale: var(--core-type-heading-20-scale); --core-type-mono-heading-20-size: var(--core-type-heading-20-size); --core-type-mono-heading-20-tracking: var(--core-type-heading-20-tracking); --core-type-mono-heading-20-weight: var(--core-type-heading-20-weight); --core-type-mono-heading-30-case: var(--core-type-heading-30-case); --core-type-mono-heading-30-font-family: var(--core-type-mono-font-family); --core-type-mono-heading-30-leading: var(--core-type-heading-30-leading); --core-type-mono-heading-30-number-spacing: var(--core-type-heading-30-number-spacing); --core-type-mono-heading-30-scale: var(--core-type-heading-30-scale); --core-type-mono-heading-30-size: var(--core-type-heading-30-size); --core-type-mono-heading-30-tracking: var(--core-type-heading-30-tracking); --core-type-mono-heading-30-weight: var(--core-type-heading-30-weight); --core-type-mono-medium-10-case: var(--core-type-medium-10-case); --core-type-mono-medium-10-font-family: var(--core-type-mono-font-family); --core-type-mono-medium-10-leading: var(--core-type-medium-10-leading); --core-type-mono-medium-10-number-spacing: var(--core-type-medium-10-number-spacing); --core-type-mono-medium-10-scale: var(--core-type-medium-10-scale); --core-type-mono-medium-10-size: var(--core-type-medium-10-size); --core-type-mono-medium-10-tracking: var(--core-type-medium-10-tracking); --core-type-mono-medium-10-weight: var(--core-type-medium-10-weight); --core-type-mono-medium-20-case: var(--core-type-medium-20-case); --core-type-mono-medium-20-font-family: var(--core-type-mono-font-family); --core-type-mono-medium-20-leading: var(--core-type-medium-20-leading); --core-type-mono-medium-20-number-spacing: var(--core-type-medium-20-number-spacing); --core-type-mono-medium-20-scale: var(--core-type-medium-20-scale); --core-type-mono-medium-20-size: var(--core-type-medium-20-size); --core-type-mono-medium-20-tracking: var(--core-type-medium-20-tracking); --core-type-mono-medium-20-weight: var(--core-type-medium-20-weight); --core-type-mono-medium-30-case: var(--core-type-medium-30-case); --core-type-mono-medium-30-font-family: var(--core-type-mono-font-family); --core-type-mono-medium-30-leading: var(--core-type-medium-30-leading); --core-type-mono-medium-30-number-spacing: var(--core-type-medium-30-number-spacing); --core-type-mono-medium-30-scale: var(--core-type-medium-30-scale); --core-type-mono-medium-30-size: var(--core-type-medium-30-size); --core-type-mono-medium-30-tracking: var(--core-type-medium-30-tracking); --core-type-mono-medium-30-weight: var(--core-type-medium-30-weight); --core-type-mono-paragraph-10-case: var(--core-type-paragraph-10-case); --core-type-mono-paragraph-10-font-family: var(--core-type-mono-font-family); --core-type-mono-paragraph-10-leading: var(--core-type-paragraph-10-leading); --core-type-mono-paragraph-10-number-spacing: var(--core-type-paragraph-10-number-spacing); --core-type-mono-paragraph-10-scale: var(--core-type-paragraph-10-scale); --core-type-mono-paragraph-10-size: var(--core-type-paragraph-10-size); --core-type-mono-paragraph-10-tracking: var(--core-type-paragraph-10-tracking); --core-type-mono-paragraph-10-weight: var(--core-type-paragraph-10-weight); --core-type-mono-paragraph-20-case: var(--core-type-paragraph-20-case); --core-type-mono-paragraph-20-font-family: var(--core-type-mono-font-family); --core-type-mono-paragraph-20-leading: var(--core-type-paragraph-20-leading); --core-type-mono-paragraph-20-number-spacing: var(--core-type-paragraph-20-number-spacing); --core-type-mono-paragraph-20-scale: var(--core-type-paragraph-20-scale); --core-type-mono-paragraph-20-size: var(--core-type-paragraph-20-size); --core-type-mono-paragraph-20-tracking: var(--core-type-paragraph-20-tracking); --core-type-mono-paragraph-20-weight: var(--core-type-paragraph-20-weight); --core-type-mono-paragraph-30-case: var(--core-type-paragraph-30-case); --core-type-mono-paragraph-30-font-family: var(--core-type-mono-font-family); --core-type-mono-paragraph-30-leading: var(--core-type-paragraph-30-leading); --core-type-mono-paragraph-30-number-spacing: var(--core-type-paragraph-30-number-spacing); --core-type-mono-paragraph-30-scale: var(--core-type-paragraph-30-scale); --core-type-mono-paragraph-30-size: var(--core-type-paragraph-30-size); --core-type-mono-paragraph-30-tracking: var(--core-type-paragraph-30-tracking); --core-type-mono-paragraph-30-weight: var(--core-type-paragraph-30-weight); --core-type-mono-semibold-10-case: var(--core-type-semibold-10-case); --core-type-mono-semibold-10-font-family: var(--core-type-mono-font-family); --core-type-mono-semibold-10-leading: var(--core-type-semibold-10-leading); --core-type-mono-semibold-10-number-spacing: var(--core-type-semibold-10-number-spacing); --core-type-mono-semibold-10-scale: var(--core-type-semibold-10-scale); --core-type-mono-semibold-10-size: var(--core-type-semibold-10-size); --core-type-mono-semibold-10-tracking: var(--core-type-semibold-10-tracking); --core-type-mono-semibold-10-weight: var(--core-type-semibold-10-weight); --core-type-mono-semibold-20-case: var(--core-type-semibold-20-case); --core-type-mono-semibold-20-font-family: var(--core-type-mono-font-family); --core-type-mono-semibold-20-leading: var(--core-type-semibold-20-leading); --core-type-mono-semibold-20-number-spacing: var(--core-type-semibold-20-number-spacing); --core-type-mono-semibold-20-scale: var(--core-type-semibold-20-scale); --core-type-mono-semibold-20-size: var(--core-type-semibold-20-size); --core-type-mono-semibold-20-tracking: var(--core-type-semibold-20-tracking); --core-type-mono-semibold-20-weight: var(--core-type-semibold-20-weight); --core-type-mono-semibold-30-case: var(--core-type-semibold-30-case); --core-type-mono-semibold-30-font-family: var(--core-type-mono-font-family); --core-type-mono-semibold-30-leading: var(--core-type-semibold-30-leading); --core-type-mono-semibold-30-number-spacing: var(--core-type-semibold-30-number-spacing); --core-type-mono-semibold-30-scale: var(--core-type-semibold-30-scale); --core-type-mono-semibold-30-size: var(--core-type-semibold-30-size); --core-type-mono-semibold-30-tracking: var(--core-type-semibold-30-tracking); --core-type-mono-semibold-30-weight: var(--core-type-semibold-30-weight); --core-type-paragraph-10-case: none; --core-type-paragraph-10-font-family: var(--core-type-font-family); --core-type-paragraph-10-leading: 18px; --core-type-paragraph-10-number-spacing: 'default'; --core-type-paragraph-10-scale: paragraph-10; --core-type-paragraph-10-size: 12px; --core-type-paragraph-10-tracking: 0; --core-type-paragraph-10-weight: var(--core-type-regular-weight); --core-type-paragraph-20-case: none; --core-type-paragraph-20-font-family: var(--core-type-font-family); --core-type-paragraph-20-leading: 22px; --core-type-paragraph-20-number-spacing: 'default'; --core-type-paragraph-20-scale: paragraph-20; --core-type-paragraph-20-size: 14px; --core-type-paragraph-20-tracking: 0; --core-type-paragraph-20-weight: var(--core-type-regular-weight); --core-type-paragraph-30-case: none; --core-type-paragraph-30-font-family: var(--core-type-font-family); --core-type-paragraph-30-leading: 24px; --core-type-paragraph-30-number-spacing: 'default'; --core-type-paragraph-30-scale: paragraph-30; --core-type-paragraph-30-size: 16px; --core-type-paragraph-30-tracking: 0; --core-type-paragraph-30-weight: var(--core-type-regular-weight); --core-type-regular-weight: 400; --core-type-semibold-10-case: var(--core-type-paragraph-10-case); --core-type-semibold-10-font-family: var(--core-type-paragraph-10-font-family); --core-type-semibold-10-leading: var(--core-type-paragraph-10-leading); --core-type-semibold-10-number-spacing: var(--core-type-paragraph-10-number-spacing); --core-type-semibold-10-scale: var(--core-type-paragraph-10-scale); --core-type-semibold-10-size: var(--core-type-paragraph-10-size); --core-type-semibold-10-tracking: var(--core-type-paragraph-10-tracking); --core-type-semibold-10-weight: var(--core-type-semibold-weight); --core-type-semibold-20-case: var(--core-type-paragraph-20-case); --core-type-semibold-20-font-family: var(--core-type-paragraph-20-font-family); --core-type-semibold-20-leading: var(--core-type-paragraph-20-leading); --core-type-semibold-20-number-spacing: var(--core-type-paragraph-20-number-spacing); --core-type-semibold-20-scale: var(--core-type-paragraph-20-scale); --core-type-semibold-20-size: var(--core-type-paragraph-20-size); --core-type-semibold-20-tracking: var(--core-type-paragraph-20-tracking); --core-type-semibold-20-weight: var(--core-type-semibold-weight); --core-type-semibold-30-case: var(--core-type-paragraph-30-case); --core-type-semibold-30-font-family: var(--core-type-paragraph-30-font-family); --core-type-semibold-30-leading: var(--core-type-paragraph-30-leading); --core-type-semibold-30-number-spacing: var(--core-type-paragraph-30-number-spacing); --core-type-semibold-30-scale: var(--core-type-paragraph-30-scale); --core-type-semibold-30-size: var(--core-type-paragraph-30-size); --core-type-semibold-30-tracking: var(--core-type-paragraph-30-tracking); --core-type-semibold-30-weight: var(--core-type-semibold-weight); --core-type-semibold-weight: 600; --core-vertical-size-class-regular-threshold: 600px; --core-vertical-size-class-tall-threshold: 864px; --core-warning-10-color: var(--core-warning-10-light-mode-color); --core-warning-10-dark-mode-color: var(--core-gold-10-dark-mode-color); --core-warning-10-light-mode-color: var(--core-gold-10-light-mode-color); --core-warning-20-color: var(--core-warning-20-light-mode-color); --core-warning-20-dark-mode-color: var(--core-gold-20-dark-mode-color); --core-warning-20-light-mode-color: var(--core-gold-20-light-mode-color); --core-warning-30-color: var(--core-warning-30-light-mode-color); --core-warning-30-dark-mode-color: var(--core-gold-30-dark-mode-color); --core-warning-30-light-mode-color: var(--core-gold-30-light-mode-color); --core-warning-40-color: var(--core-warning-40-light-mode-color); --core-warning-40-dark-mode-color: var(--core-gold-40-dark-mode-color); --core-warning-40-light-mode-color: var(--core-gold-40-light-mode-color); --core-warning-fill-color: var(--core-warning-fill-light-mode-color); --core-warning-fill-dark-mode-color: var(--core-gold-fill-dark-mode-color); --core-warning-fill-light-mode-color: var(--core-gold-fill-light-mode-color); --core-warning-text-color: var(--core-warning-text-light-mode-color); --core-warning-text-dark-mode-color: var(--core-gold-text-dark-mode-color); --core-warning-text-light-mode-color: var(--core-gold-text-light-mode-color); --core-wide-viewport-grid-column-count: var(--core-extra-wide-viewport-grid-column-count); --core-wide-viewport-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing); --core-wide-viewport-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span); --core-wide-viewport-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span); --core-wide-viewport-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span); --core-wide-viewport-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span); --core-wide-viewport-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing); --core-yellow-10-color: var(--core-yellow-10-light-mode-color); --core-yellow-10-dark-mode-color: #CC9900; --core-yellow-10-light-mode-color: #CC9900; --core-yellow-20-color: var(--core-yellow-20-light-mode-color); --core-yellow-20-dark-mode-color: #E5AC00; --core-yellow-20-light-mode-color: #E5AC00; --core-yellow-30-color: var(--core-yellow-30-light-mode-color); --core-yellow-30-dark-mode-color: #594300; --core-yellow-30-light-mode-color: #FFF2CC; --core-yellow-40-color: var(--core-yellow-40-light-mode-color); --core-yellow-40-dark-mode-color: #332600; --core-yellow-40-light-mode-color: #FFF9E5; --core-yellow-fill-color: var(--core-yellow-fill-light-mode-color); --core-yellow-fill-dark-mode-color: #FFBF00; --core-yellow-fill-light-mode-color: #FFBF00; --core-yellow-text-color: var(--core-yellow-text-light-mode-color); --core-yellow-text-dark-mode-color: #FFBF00; --core-yellow-text-light-mode-color: #876500; /* ======================================================================== * COMPONENT * ======================================================================== */ /* ========== accessory ========== */ --accessory-background-color: var(--accessory-background-light-mode-color); --accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --accessory-background-light-mode-color: var(--core-fill-40-light-mode-color); --accessory-background-radius: var(--accessory-medium-size-radius); --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-light-mode-color); --accessory-disabled-state-background-dark-mode-color: var(--accessory-normal-state-background-dark-mode-color); --accessory-disabled-state-background-light-mode-color: var(--accessory-normal-state-background-light-mode-color); --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-light-mode-color); --accessory-disabled-state-icon-dark-mode-color: var(--accessory-normal-state-icon-dark-mode-color); --accessory-disabled-state-icon-light-mode-color: var(--accessory-normal-state-icon-light-mode-color); --accessory-disabled-state-opacity: var(--core-opacity-disabled-state); --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-light-mode-color); --accessory-disabled-state-text-dark-mode-color: var(--accessory-normal-state-text-dark-mode-color); --accessory-disabled-state-text-light-mode-color: var(--accessory-normal-state-text-light-mode-color); --accessory-icon-variant-color: var(--accessory-icon-variant-light-mode-color); --accessory-icon-variant-dark-mode-color: var(--core-fill-10-dark-mode-color); --accessory-icon-variant-large-size-height: 40px; --accessory-icon-variant-large-size-width: 40px; --accessory-icon-variant-light-mode-color: var(--core-fill-10-light-mode-color); --accessory-icon-variant-medium-size-height: 24px; --accessory-icon-variant-medium-size-width: 24px; --accessory-initials-variant-color: var(--accessory-initials-variant-light-mode-color); --accessory-initials-variant-dark-mode-color: var(--core-text-20-dark-mode-color); --accessory-initials-variant-large-size-text-case: var(--core-type-display-10-case); --accessory-initials-variant-large-size-text-font-family: var(--core-type-display-10-font-family); --accessory-initials-variant-large-size-text-leading: var(--core-type-display-10-leading); --accessory-initials-variant-large-size-text-number-spacing: var(--core-type-display-10-number-spacing); --accessory-initials-variant-large-size-text-scale: var(--core-type-display-10-scale); --accessory-initials-variant-large-size-text-size: 28px; --accessory-initials-variant-large-size-text-tracking: var(--core-type-display-10-tracking); --accessory-initials-variant-large-size-text-weight: var(--core-type-medium-weight); --accessory-initials-variant-light-mode-color: var(--core-text-20-light-mode-color); --accessory-initials-variant-medium-size-text-case: var(--core-type-semibold-30-case); --accessory-initials-variant-medium-size-text-font-family: var(--core-type-semibold-30-font-family); --accessory-initials-variant-medium-size-text-leading: var(--core-type-semibold-30-leading); --accessory-initials-variant-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --accessory-initials-variant-medium-size-text-scale: var(--core-type-semibold-30-scale); --accessory-initials-variant-medium-size-text-size: var(--core-type-semibold-30-size); --accessory-initials-variant-medium-size-text-tracking: var(--core-type-semibold-30-tracking); --accessory-initials-variant-medium-size-text-weight: var(--core-type-semibold-30-weight); --accessory-large-size-height: var(--core-large-size-minimum-height); --accessory-large-size-icon-height: var(--core-icon-large-size-height); --accessory-large-size-icon-width: var(--accessory-large-size-icon-height); --accessory-large-size-radius: var(--core-radius-100); --accessory-large-size-text-case: var(--core-type-display-10-case); --accessory-large-size-text-font-family: var(--core-type-display-10-font-family); --accessory-large-size-text-leading: var(--accessory-large-size-text-size); --accessory-large-size-text-number-spacing: var(--core-type-display-10-number-spacing); --accessory-large-size-text-scale: var(--core-type-display-10-scale); --accessory-large-size-text-size: 28px; --accessory-large-size-text-tracking: var(--core-type-display-10-tracking); --accessory-large-size-text-weight: var(--core-type-medium-weight); --accessory-large-size-width: var(--accessory-large-size-height); --accessory-medium-size-height: var(--core-small-size-minimum-height); --accessory-medium-size-icon-height: var(--core-icon-medium-size-height); --accessory-medium-size-icon-width: var(--accessory-medium-size-icon-height); --accessory-medium-size-radius: var(--core-radius-100); --accessory-medium-size-text-case: var(--core-type-semibold-30-case); --accessory-medium-size-text-font-family: var(--core-type-semibold-30-font-family); --accessory-medium-size-text-leading: var(--core-type-semibold-30-leading); --accessory-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --accessory-medium-size-text-scale: var(--core-type-semibold-30-scale); --accessory-medium-size-text-size: var(--core-type-semibold-30-size); --accessory-medium-size-text-tracking: var(--core-type-semibold-30-tracking); --accessory-medium-size-text-weight: var(--core-type-semibold-30-weight); --accessory-medium-size-width: var(--accessory-medium-size-height); --accessory-normal-state-background-color: var(--accessory-normal-state-background-light-mode-color); --accessory-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --accessory-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-light-mode-color); --accessory-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --accessory-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color); --accessory-normal-state-opacity: var(--core-opacity-normal-state); --accessory-normal-state-text-color: var(--accessory-normal-state-text-light-mode-color); --accessory-normal-state-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accessory-normal-state-text-light-mode-color: var(--core-text-20-light-mode-color); /* ========== accordion ========== */ --accordion-disabled-state-accessory-opacity: 0.5; --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-light-mode-color); --accordion-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color); --accordion-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color); --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-light-mode-color); --accordion-disabled-state-side-text-dark-mode-color: var(--core-text-30-dark-mode-color); --accordion-disabled-state-side-text-light-mode-color: var(--core-text-30-light-mode-color); --accordion-focus-state-accessory-opacity: 1; --accordion-focus-state-content-color: var(--accordion-focus-state-content-light-mode-color); --accordion-focus-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --accordion-focus-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-light-mode-color); --accordion-focus-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accordion-focus-state-side-text-light-mode-color: var(--core-text-20-light-mode-color); --accordion-heading-10-variant-collapsed-phase-icon-height: var(--accordion-small-size-collapsed-phase-icon-height); --accordion-heading-10-variant-collapsed-phase-icon-width: var(--accordion-small-size-collapsed-phase-icon-width); --accordion-heading-10-variant-content-spacing: var(--accordion-small-size-content-spacing); --accordion-heading-10-variant-expanded-phase-icon-height: var(--accordion-small-size-expanded-phase-icon-height); --accordion-heading-10-variant-expanded-phase-icon-width: var(--accordion-small-size-expanded-phase-icon-width); --accordion-heading-10-variant-expanded-phase-spacing: var(--accordion-small-size-expanded-phase-spacing); --accordion-heading-10-variant-horizontal-padding: var(--accordion-small-size-horizontal-padding); --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-light-mode-color); --accordion-heading-10-variant-separator-dark-mode-color: var(--accordion-small-size-separator-dark-mode-color); --accordion-heading-10-variant-separator-light-mode-color: var(--accordion-small-size-separator-light-mode-color); --accordion-heading-10-variant-separator-size: var(--accordion-small-size-separator-size); --accordion-heading-10-variant-side-text-case: var(--accordion-small-size-side-text-case); --accordion-heading-10-variant-side-text-font-family: var(--accordion-small-size-side-text-font-family); --accordion-heading-10-variant-side-text-leading: var(--accordion-small-size-side-text-leading); --accordion-heading-10-variant-side-text-number-spacing: var(--accordion-small-size-side-text-number-spacing); --accordion-heading-10-variant-side-text-scale: var(--accordion-small-size-side-text-scale); --accordion-heading-10-variant-side-text-size: var(--accordion-small-size-side-text-size); --accordion-heading-10-variant-side-text-tracking: var(--accordion-small-size-side-text-tracking); --accordion-heading-10-variant-side-text-weight: var(--accordion-small-size-side-text-weight); --accordion-heading-10-variant-text-case: var(--accordion-small-size-text-case); --accordion-heading-10-variant-text-font-family: var(--accordion-small-size-text-font-family); --accordion-heading-10-variant-text-leading: var(--accordion-small-size-text-leading); --accordion-heading-10-variant-text-number-spacing: var(--accordion-small-size-text-number-spacing); --accordion-heading-10-variant-text-scale: var(--accordion-small-size-text-scale); --accordion-heading-10-variant-text-size: var(--accordion-small-size-text-size); --accordion-heading-10-variant-text-tracking: var(--accordion-small-size-text-tracking); --accordion-heading-10-variant-text-weight: var(--accordion-small-size-text-weight); --accordion-heading-10-variant-vertical-padding: var(--accordion-small-size-vertical-padding); --accordion-heading-20-variant-collapsed-phase-icon-height: var(--accordion-medium-size-collapsed-phase-icon-height); --accordion-heading-20-variant-collapsed-phase-icon-width: var(--accordion-medium-size-collapsed-phase-icon-width); --accordion-heading-20-variant-content-spacing: var(--accordion-medium-size-content-spacing); --accordion-heading-20-variant-expanded-phase-icon-height: var(--accordion-medium-size-expanded-phase-icon-height); --accordion-heading-20-variant-expanded-phase-icon-width: var(--accordion-medium-size-expanded-phase-icon-width); --accordion-heading-20-variant-expanded-phase-spacing: var(--accordion-medium-size-expanded-phase-spacing); --accordion-heading-20-variant-horizontal-padding: var(--accordion-medium-size-horizontal-padding); --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-light-mode-color); --accordion-heading-20-variant-separator-dark-mode-color: var(--accordion-medium-size-separator-dark-mode-color); --accordion-heading-20-variant-separator-light-mode-color: var(--accordion-medium-size-separator-light-mode-color); --accordion-heading-20-variant-separator-size: var(--accordion-medium-size-separator-size); --accordion-heading-20-variant-side-text-case: var(--accordion-medium-size-side-text-case); --accordion-heading-20-variant-side-text-font-family: var(--accordion-medium-size-side-text-font-family); --accordion-heading-20-variant-side-text-leading: var(--accordion-medium-size-side-text-leading); --accordion-heading-20-variant-side-text-number-spacing: var(--accordion-medium-size-side-text-number-spacing); --accordion-heading-20-variant-side-text-scale: var(--accordion-medium-size-side-text-scale); --accordion-heading-20-variant-side-text-size: var(--accordion-medium-size-side-text-size); --accordion-heading-20-variant-side-text-tracking: var(--accordion-medium-size-side-text-tracking); --accordion-heading-20-variant-side-text-weight: var(--accordion-medium-size-side-text-weight); --accordion-heading-20-variant-text-case: var(--accordion-medium-size-text-case); --accordion-heading-20-variant-text-font-family: var(--accordion-medium-size-text-font-family); --accordion-heading-20-variant-text-leading: var(--accordion-medium-size-text-leading); --accordion-heading-20-variant-text-number-spacing: var(--accordion-medium-size-text-number-spacing); --accordion-heading-20-variant-text-scale: var(--accordion-medium-size-text-scale); --accordion-heading-20-variant-text-size: var(--accordion-medium-size-text-size); --accordion-heading-20-variant-text-tracking: var(--accordion-medium-size-text-tracking); --accordion-heading-20-variant-text-weight: var(--accordion-medium-size-text-weight); --accordion-heading-20-variant-vertical-padding: var(--accordion-medium-size-vertical-padding); --accordion-heading-30-variant-collapsed-phase-icon-height: var(--accordion-large-size-collapsed-phase-icon-height); --accordion-heading-30-variant-collapsed-phase-icon-width: var(--accordion-large-size-collapsed-phase-icon-width); --accordion-heading-30-variant-content-spacing: var(--accordion-large-size-content-spacing); --accordion-heading-30-variant-expanded-phase-icon-height: var(--accordion-large-size-expanded-phase-icon-height); --accordion-heading-30-variant-expanded-phase-icon-width: var(--accordion-large-size-expanded-phase-icon-width); --accordion-heading-30-variant-expanded-phase-spacing: var(--accordion-large-size-expanded-phase-spacing); --accordion-heading-30-variant-horizontal-padding: var(--accordion-large-size-horizontal-padding); --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-light-mode-color); --accordion-heading-30-variant-separator-dark-mode-color: var(--accordion-large-size-separator-dark-mode-color); --accordion-heading-30-variant-separator-light-mode-color: var(--accordion-large-size-separator-light-mode-color); --accordion-heading-30-variant-separator-size: var(--accordion-large-size-separator-size); --accordion-heading-30-variant-side-text-case: var(--accordion-large-size-side-text-case); --accordion-heading-30-variant-side-text-font-family: var(--accordion-large-size-side-text-font-family); --accordion-heading-30-variant-side-text-leading: var(--accordion-large-size-side-text-leading); --accordion-heading-30-variant-side-text-number-spacing: var(--accordion-large-size-side-text-number-spacing); --accordion-heading-30-variant-side-text-scale: var(--accordion-large-size-side-text-scale); --accordion-heading-30-variant-side-text-size: var(--accordion-large-size-side-text-size); --accordion-heading-30-variant-side-text-tracking: var(--accordion-large-size-side-text-tracking); --accordion-heading-30-variant-side-text-weight: var(--accordion-large-size-side-text-weight); --accordion-heading-30-variant-text-case: var(--accordion-large-size-text-case); --accordion-heading-30-variant-text-font-family: var(--accordion-large-size-text-font-family); --accordion-heading-30-variant-text-leading: var(--accordion-large-size-text-leading); --accordion-heading-30-variant-text-number-spacing: var(--accordion-large-size-text-number-spacing); --accordion-heading-30-variant-text-scale: var(--accordion-large-size-text-scale); --accordion-heading-30-variant-text-size: var(--accordion-large-size-text-size); --accordion-heading-30-variant-text-tracking: var(--accordion-large-size-text-tracking); --accordion-heading-30-variant-text-weight: var(--accordion-large-size-text-weight); --accordion-heading-30-variant-vertical-padding: var(--accordion-large-size-vertical-padding); --accordion-hover-state-accessory-opacity: 1; --accordion-hover-state-content-color: var(--accordion-hover-state-content-light-mode-color); --accordion-hover-state-content-dark-mode-color: var(--core-constant-gray-85-color); --accordion-hover-state-content-light-mode-color: var(--core-constant-gray-45-color); --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-light-mode-color); --accordion-hover-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accordion-hover-state-side-text-light-mode-color: var(--core-text-20-light-mode-color); --accordion-large-size-collapsed-phase-icon-height: 24px; --accordion-large-size-collapsed-phase-icon-width: 24px; --accordion-large-size-content-spacing: var(--core-metrics-spacing-200); --accordion-large-size-expanded-phase-icon-height: 24px; --accordion-large-size-expanded-phase-icon-width: 24px; --accordion-large-size-expanded-phase-spacing: var(--core-metrics-spacing-100); --accordion-large-size-horizontal-padding: 0px; --accordion-large-size-separator-color: var(--accordion-large-size-separator-light-mode-color); --accordion-large-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --accordion-large-size-separator-light-mode-color: var(--core-divider-20-light-mode-color); --accordion-large-size-separator-size: 1px; --accordion-large-size-side-text-case: var(--core-type-paragraph-30-case); --accordion-large-size-side-text-font-family: var(--core-type-paragraph-30-font-family); --accordion-large-size-side-text-leading: var(--core-type-paragraph-30-leading); --accordion-large-size-side-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --accordion-large-size-side-text-scale: var(--core-type-paragraph-30-scale); --accordion-large-size-side-text-size: var(--core-type-paragraph-30-size); --accordion-large-size-side-text-tracking: var(--core-type-paragraph-30-tracking); --accordion-large-size-side-text-weight: var(--core-type-paragraph-30-weight); --accordion-large-size-text-case: var(--core-type-heading-30-case); --accordion-large-size-text-font-family: var(--core-type-heading-30-font-family); --accordion-large-size-text-leading: var(--core-type-heading-30-leading); --accordion-large-size-text-number-spacing: var(--core-type-heading-30-number-spacing); --accordion-large-size-text-scale: var(--core-type-heading-30-scale); --accordion-large-size-text-size: var(--core-type-heading-30-size); --accordion-large-size-text-tracking: var(--core-type-heading-30-tracking); --accordion-large-size-text-weight: var(--core-type-heading-30-weight); --accordion-large-size-vertical-padding: 24px; --accordion-medium-size-collapsed-phase-icon-height: 20px; --accordion-medium-size-collapsed-phase-icon-width: 20px; --accordion-medium-size-content-spacing: var(--core-metrics-spacing-200); --accordion-medium-size-expanded-phase-icon-height: 20px; --accordion-medium-size-expanded-phase-icon-width: 20px; --accordion-medium-size-expanded-phase-spacing: var(--core-metrics-spacing-100); --accordion-medium-size-horizontal-padding: 0px; --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-light-mode-color); --accordion-medium-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --accordion-medium-size-separator-light-mode-color: var(--core-divider-20-light-mode-color); --accordion-medium-size-separator-size: 1px; --accordion-medium-size-side-text-case: var(--core-type-paragraph-20-case); --accordion-medium-size-side-text-font-family: var(--core-type-paragraph-20-font-family); --accordion-medium-size-side-text-leading: var(--core-type-paragraph-20-leading); --accordion-medium-size-side-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --accordion-medium-size-side-text-scale: var(--core-type-paragraph-20-scale); --accordion-medium-size-side-text-size: var(--core-type-paragraph-20-size); --accordion-medium-size-side-text-tracking: var(--core-type-paragraph-20-tracking); --accordion-medium-size-side-text-weight: var(--core-type-paragraph-20-weight); --accordion-medium-size-text-case: var(--core-type-heading-20-case); --accordion-medium-size-text-font-family: var(--core-type-heading-20-font-family); --accordion-medium-size-text-leading: var(--core-type-heading-20-leading); --accordion-medium-size-text-number-spacing: var(--core-type-heading-20-number-spacing); --accordion-medium-size-text-scale: var(--core-type-heading-20-scale); --accordion-medium-size-text-size: var(--core-type-heading-20-size); --accordion-medium-size-text-tracking: var(--core-type-heading-20-tracking); --accordion-medium-size-text-weight: var(--core-type-heading-20-weight); --accordion-medium-size-vertical-padding: 19px; --accordion-normal-state-accessory-opacity: 1; --accordion-normal-state-content-color: var(--accordion-normal-state-content-light-mode-color); --accordion-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --accordion-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color); --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-light-mode-color); --accordion-normal-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accordion-normal-state-side-text-light-mode-color: var(--core-text-20-light-mode-color); --accordion-pressed-state-accessory-opacity: 1; --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-light-mode-color); --accordion-pressed-state-content-dark-mode-color: var(--core-constant-gray-60-color); --accordion-pressed-state-content-light-mode-color: var(--core-constant-gray-60-color); --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-light-mode-color); --accordion-pressed-state-side-text-dark-mode-color: var(--core-text-20-dark-mode-color); --accordion-pressed-state-side-text-light-mode-color: var(--core-text-20-light-mode-color); --accordion-small-size-collapsed-phase-icon-height: 16px; --accordion-small-size-collapsed-phase-icon-width: 16px; --accordion-small-size-content-spacing: var(--core-metrics-spacing-200); --accordion-small-size-expanded-phase-icon-height: 16px; --accordion-small-size-expanded-phase-icon-width: 16px; --accordion-small-size-expanded-phase-spacing: var(--core-metrics-spacing-100); --accordion-small-size-horizontal-padding: 0px; --accordion-small-size-separator-color: var(--accordion-small-size-separator-light-mode-color); --accordion-small-size-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --accordion-small-size-separator-light-mode-color: var(--core-divider-20-light-mode-color); --accordion-small-size-separator-size: 1px; --accordion-small-size-side-text-case: var(--core-type-paragraph-10-case); --accordion-small-size-side-text-font-family: var(--core-type-paragraph-10-font-family); --accordion-small-size-side-text-leading: var(--core-type-paragraph-10-leading); --accordion-small-size-side-text-number-spacing: var(--core-type-paragraph-10-number-spacing); --accordion-small-size-side-text-scale: var(--core-type-paragraph-10-scale); --accordion-small-size-side-text-size: var(--core-type-paragraph-10-size); --accordion-small-size-side-text-tracking: var(--core-type-paragraph-10-tracking); --accordion-small-size-side-text-weight: var(--core-type-paragraph-10-weight); --accordion-small-size-text-case: var(--core-type-heading-10-case); --accordion-small-size-text-font-family: var(--core-type-heading-10-font-family); --accordion-small-size-text-leading: var(--core-type-heading-10-leading); --accordion-small-size-text-number-spacing: var(--core-type-heading-10-number-spacing); --accordion-small-size-text-scale: var(--core-type-heading-10-scale); --accordion-small-size-text-size: var(--core-type-heading-10-size); --accordion-small-size-text-tracking: var(--core-type-heading-10-tracking); --accordion-small-size-text-weight: var(--core-type-heading-10-weight); --accordion-small-size-vertical-padding: 13px; /* ========== actionCard ========== */ --action-card-active-state-content-opacity: var(--action-card-active-state-unselected-value-content-opacity); --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-light-mode-color); --action-card-active-state-selected-value-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --action-card-active-state-selected-value-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-light-mode-color); --action-card-active-state-selected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color); --action-card-active-state-selected-value-border-light-mode-color: var(--core-fill-10-light-mode-color); --action-card-active-state-selected-value-border-width: var(--core-border-20); --action-card-active-state-selected-value-content-opacity: var(--core-opacity-pressed-state); --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-light-mode-color); --action-card-active-state-unselected-value-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --action-card-active-state-unselected-value-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-light-mode-color); --action-card-active-state-unselected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --action-card-active-state-unselected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --action-card-active-state-unselected-value-border-width: var(--core-border-10); --action-card-active-state-unselected-value-content-opacity: var(--core-opacity-pressed-state); --action-card-background-color: var(--action-card-background-light-mode-color); --action-card-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-light-mode-color); --action-card-border-disabled-state-dark-mode-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color); --action-card-border-disabled-state-light-mode-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color); --action-card-border-disabled-state-width: var(--action-card-disabled-state-unselected-value-border-width); --action-card-border-hover-state-color: var(--action-card-border-hover-state-light-mode-color); --action-card-border-hover-state-dark-mode-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color); --action-card-border-hover-state-light-mode-color: var(--action-card-hover-state-unselected-value-border-light-mode-color); --action-card-border-hover-state-width: var(--action-card-hover-state-unselected-value-border-width); --action-card-border-radius: var(--core-radius-200); --action-card-border-selected-state-color: var(--action-card-border-selected-state-light-mode-color); --action-card-border-selected-state-dark-mode-color: var(--action-card-normal-state-selected-value-border-dark-mode-color); --action-card-border-selected-state-light-mode-color: var(--action-card-normal-state-selected-value-border-light-mode-color); --action-card-border-selected-state-width: var(--action-card-normal-state-selected-value-border-width); --action-card-disabled-state-content-opacity: var(--action-card-disabled-state-unselected-value-content-opacity); --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-light-mode-color); --action-card-disabled-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-disabled-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-light-mode-color); --action-card-disabled-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --action-card-disabled-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --action-card-disabled-state-selected-value-border-width: var(--core-border-20); --action-card-disabled-state-selected-value-content-opacity: var(--core-opacity-disabled-state); --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-light-mode-color); --action-card-disabled-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-disabled-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-light-mode-color); --action-card-disabled-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --action-card-disabled-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color); --action-card-disabled-state-unselected-value-border-width: var(--core-border-10); --action-card-disabled-state-unselected-value-content-opacity: var(--core-opacity-disabled-state); --action-card-focus-ring-border-size: var(--core-focus-ring-border-size); --action-card-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --action-card-focus-ring-color: var(--action-card-focus-ring-light-mode-color); --action-card-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color); --action-card-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color); --action-card-horizontal-gap: var(--core-metrics-spacing-100); --action-card-horizontal-padding: var(--core-metrics-spacing-200); --action-card-hover-state-content-opacity: var(--action-card-hover-state-unselected-value-content-opacity); --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-light-mode-color); --action-card-hover-state-selected-value-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --action-card-hover-state-selected-value-background-light-mode-color: var(--core-fill-50-light-mode-color); --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-light-mode-color); --action-card-hover-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --action-card-hover-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --action-card-hover-state-selected-value-border-width: var(--core-border-20); --action-card-hover-state-selected-value-content-opacity: var(--core-opacity-hover-state); --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-light-mode-color); --action-card-hover-state-unselected-value-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --action-card-hover-state-unselected-value-background-light-mode-color: var(--core-fill-50-light-mode-color); --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-light-mode-color); --action-card-hover-state-unselected-value-border-dark-mode-color: var(--core-fill-10-dark-mode-color); --action-card-hover-state-unselected-value-border-light-mode-color: var(--core-fill-10-light-mode-color); --action-card-hover-state-unselected-value-border-width: var(--core-border-10); --action-card-hover-state-unselected-value-content-opacity: var(--core-opacity-hover-state); --action-card-normal-state-content-opacity: var(--action-card-normal-state-unselected-value-content-opacity); --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-light-mode-color); --action-card-normal-state-selected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-normal-state-selected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-light-mode-color); --action-card-normal-state-selected-value-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --action-card-normal-state-selected-value-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --action-card-normal-state-selected-value-border-width: var(--core-border-20); --action-card-normal-state-selected-value-content-opacity: var(--core-opacity-normal-state); --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-light-mode-color); --action-card-normal-state-unselected-value-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --action-card-normal-state-unselected-value-background-light-mode-color: var(--core-surface-10-light-mode-color); --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-light-mode-color); --action-card-normal-state-unselected-value-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-light-mode-color); --action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color); --action-card-normal-state-unselected-value-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color); --action-card-normal-state-unselected-value-border-light-mode-color: var(--core-fill-30-light-mode-color); --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color); --action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color); --action-card-normal-state-unselected-value-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color); --action-card-normal-state-unselected-value-border-width: var(--core-border-10); --action-card-normal-state-unselected-value-content-opacity: var(--core-opacity-normal-state); --action-card-padding-horizontal-size: var(--action-card-horizontal-padding); --action-card-padding-vertical-size: var(--action-card-vertical-padding); --action-card-spacing: var(--action-card-horizontal-gap); --action-card-vertical-gap: var(--core-metrics-spacing-100); --action-card-vertical-padding: var(--core-metrics-spacing-200); /* ========== activityIndicator ========== */ --activity-indicator-bar-height: 4px; --activity-indicator-bar-radius: 2px; --activity-indicator-bar-width: 120px; --activity-indicator-radial-large-size-diameter-size: 60px; --activity-indicator-radial-large-size-stroke-size: 6px; --activity-indicator-radial-medium-size-diameter-size: 36px; --activity-indicator-radial-medium-size-stroke-size: 4px; --activity-indicator-radial-small-size-diameter-size: 20px; --activity-indicator-radial-small-size-stroke-size: 2px; --activity-indicator-radial-xlarge-size-diameter-size: 120px; --activity-indicator-radial-xlarge-size-stroke-size: 10px; /* ========== badge ========== */ --badge-alert-variant-icon-height: var(--core-icon-small-size-height); --badge-alert-variant-icon-width: var(--core-icon-small-size-width); --badge-border-radius: var(--core-radius-circle); --badge-border-width: var(--core-border-20); --badge-critical-style-background-color: var(--badge-critical-style-background-light-mode-color); --badge-critical-style-background-dark-mode-color: var(--core-critical-fill-dark-mode-color); --badge-critical-style-background-light-mode-color: var(--core-critical-fill-light-mode-color); --badge-indicator-variant-dot-diameter-ratio: 0.556; --badge-info-style-background-color: var(--badge-info-style-background-light-mode-color); --badge-info-style-background-dark-mode-color: var(--core-blue-fill-dark-mode-color); --badge-info-style-background-light-mode-color: var(--core-blue-fill-light-mode-color); --badge-label-variant-text-case: var(--core-type-semibold-10-case); --badge-label-variant-text-font-family: var(--core-type-semibold-10-font-family); --badge-label-variant-text-leading: var(--core-type-semibold-10-leading); --badge-label-variant-text-number-spacing: var(--core-type-semibold-10-number-spacing); --badge-label-variant-text-scale: var(--core-type-semibold-10-scale); --badge-label-variant-text-size: var(--core-type-semibold-10-size); --badge-label-variant-text-tracking: var(--core-type-semibold-10-tracking); --badge-label-variant-text-weight: var(--core-type-semibold-10-weight); --badge-minimum-height: 18px; --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-light-mode-color); --badge-modal-blade-context-border-dark-mode-color: var(--modal-blade-background-dark-mode-color); --badge-modal-blade-context-border-light-mode-color: var(--modal-blade-background-light-mode-color); --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-light-mode-color); --badge-modal-dialog-context-border-dark-mode-color: var(--modal-dialog-background-dark-mode-color); --badge-modal-dialog-context-border-light-mode-color: var(--modal-dialog-background-light-mode-color); --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-light-mode-color); --badge-modal-full-context-border-dark-mode-color: var(--modal-full-background-dark-mode-color); --badge-modal-full-context-border-light-mode-color: var(--modal-full-background-light-mode-color); --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-light-mode-color); --badge-modal-partial-context-border-dark-mode-color: var(--modal-partial-background-dark-mode-color); --badge-modal-partial-context-border-light-mode-color: var(--modal-partial-background-light-mode-color); --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-light-mode-color); --badge-modal-popover-context-border-dark-mode-color: var(--modal-popover-background-dark-mode-color); --badge-modal-popover-context-border-light-mode-color: var(--modal-popover-background-light-mode-color); --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-light-mode-color); --badge-modal-sheet-context-border-dark-mode-color: var(--modal-sheet-background-dark-mode-color); --badge-modal-sheet-context-border-light-mode-color: var(--modal-sheet-background-light-mode-color); --badge-numeric-variant-horizontal-padding: var(--core-metrics-spacing-50); --badge-numeric-variant-maximum-count: 99; --badge-numeric-variant-maximum-width: 30px; --badge-numeric-variant-text-case: var(--core-type-semibold-10-case); --badge-numeric-variant-text-font-family: var(--core-type-semibold-10-font-family); --badge-numeric-variant-text-leading: var(--core-type-semibold-10-leading); --badge-numeric-variant-text-number-spacing: 'monospaced'; --badge-numeric-variant-text-scale: var(--core-type-semibold-10-scale); --badge-numeric-variant-text-size: var(--core-type-semibold-10-size); --badge-numeric-variant-text-tracking: var(--core-type-semibold-10-tracking); --badge-numeric-variant-text-weight: var(--core-type-semibold-10-weight); /* ========== banner ========== */ --banner-border-radius: var(--core-radius-200); --banner-border-width: var(--core-border-10); --banner-button-separator-color: var(--banner-button-separator-light-mode-color); --banner-button-separator-dark-mode-color: var(--banner-text-link-group-separator-dark-mode-color); --banner-button-separator-height: var(--banner-text-link-group-separator-height); --banner-button-separator-light-mode-color: var(--banner-text-link-group-separator-light-mode-color); --banner-button-separator-opacity: var(--banner-text-link-group-separator-opacity); --banner-button-separator-width: var(--banner-text-link-group-separator-width); --banner-button-spacing: var(--banner-text-link-group-gap); --banner-button-text-case: var(--banner-text-link-text-case); --banner-button-text-font-family: var(--banner-text-link-text-font-family); --banner-button-text-leading: var(--banner-text-link-text-leading); --banner-button-text-number-spacing: var(--banner-text-link-text-number-spacing); --banner-button-text-scale: var(--banner-text-link-text-scale); --banner-button-text-size: var(--banner-text-link-text-size); --banner-button-text-tracking: var(--banner-text-link-text-tracking); --banner-button-text-weight: var(--banner-text-link-text-weight); --banner-content-gap: var(--core-metrics-spacing-150); --banner-content-spacing: var(--banner-content-gap); --banner-critical-variant-background-color: var(--banner-critical-variant-background-light-mode-color); --banner-critical-variant-background-dark-mode-color: var(--core-critical-40-dark-mode-color); --banner-critical-variant-background-light-mode-color: var(--core-critical-40-light-mode-color); --banner-critical-variant-border-color: var(--banner-critical-variant-border-light-mode-color); --banner-critical-variant-border-dark-mode-color: var(--core-critical-30-dark-mode-color); --banner-critical-variant-border-light-mode-color: var(--core-critical-30-light-mode-color); --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-light-mode-color); --banner-critical-variant-button-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --banner-critical-variant-button-text-light-mode-color: var(--core-critical-text-light-mode-color); --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-light-mode-color); --banner-critical-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-critical-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-light-mode-color); --banner-critical-variant-focused-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color); --banner-critical-variant-focused-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color); --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-light-mode-color); --banner-critical-variant-hover-state-text-link-text-dark-mode-color: var(--core-critical-20-dark-mode-color); --banner-critical-variant-hover-state-text-link-text-light-mode-color: var(--core-critical-20-light-mode-color); --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-light-mode-color); --banner-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color); --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-light-mode-color); --banner-critical-variant-icon-high-contrast-dark-mode-color: var(--core-critical-text-dark-mode-color); --banner-critical-variant-icon-high-contrast-light-mode-color: var(--core-critical-text-light-mode-color); --banner-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color); --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-light-mode-color); --banner-critical-variant-icon-normal-contrast-dark-mode-color: var(--core-critical-fill-dark-mode-color); --banner-critical-variant-icon-normal-contrast-light-mode-color: var(--core-critical-fill-light-mode-color); --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-light-mode-color); --banner-critical-variant-normal-state-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --banner-critical-variant-normal-state-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color); --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-light-mode-color); --banner-critical-variant-pressed-state-text-link-text-dark-mode-color: var(--core-critical-10-dark-mode-color); --banner-critical-variant-pressed-state-text-link-text-light-mode-color: var(--core-critical-10-light-mode-color); --banner-critical-variant-text-color: var(--banner-critical-variant-text-light-mode-color); --banner-critical-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-critical-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-light-mode-color); --banner-critical-variant-text-link-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --banner-critical-variant-text-link-text-light-mode-color: var(--core-critical-text-light-mode-color); --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-light-mode-color); --banner-dismiss-button-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --banner-dismiss-button-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-light-mode-color); --banner-dismiss-button-pressed-state-dark-mode-color: var(--core-fill-20-dark-mode-color); --banner-dismiss-button-pressed-state-light-mode-color: var(--core-text-20-light-mode-color); --banner-horizontal-padding: var(--core-metrics-spacing-200); --banner-icon-gap: var(--core-metrics-spacing-150); --banner-icon-spacing: var(--banner-icon-gap); --banner-info-variant-background-color: var(--banner-info-variant-background-light-mode-color); --banner-info-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --banner-info-variant-background-light-mode-color: var(--core-fill-40-light-mode-color); --banner-info-variant-border-color: var(--banner-info-variant-border-light-mode-color); --banner-info-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --banner-info-variant-border-light-mode-color: var(--core-fill-30-light-mode-color); --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-light-mode-color); --banner-info-variant-button-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --banner-info-variant-button-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-light-mode-color); --banner-info-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-info-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-light-mode-color); --banner-info-variant-focused-state-text-link-text-dark-mode-color: var(--core-emphasis-20-dark-mode-color); --banner-info-variant-focused-state-text-link-text-light-mode-color: var(--core-emphasis-20-light-mode-color); --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-light-mode-color); --banner-info-variant-hover-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color); --banner-info-variant-hover-state-text-link-text-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color); --banner-info-variant-icon-color: var(--banner-info-variant-icon-light-mode-color); --banner-info-variant-icon-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-light-mode-color); --banner-info-variant-icon-high-contrast-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --banner-info-variant-icon-high-contrast-light-mode-color: var(--core-emphasis-text-light-mode-color); --banner-info-variant-icon-light-mode-color: var(--core-emphasis-fill-light-mode-color); --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-light-mode-color); --banner-info-variant-icon-normal-contrast-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --banner-info-variant-icon-normal-contrast-light-mode-color: var(--core-emphasis-fill-light-mode-color); --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-light-mode-color); --banner-info-variant-normal-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color); --banner-info-variant-normal-state-text-link-text-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color); --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-light-mode-color); --banner-info-variant-pressed-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color); --banner-info-variant-pressed-state-text-link-text-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color); --banner-info-variant-text-color: var(--banner-info-variant-text-light-mode-color); --banner-info-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-info-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-light-mode-color); --banner-info-variant-text-link-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --banner-info-variant-text-link-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --banner-insight-variant-background-color: var(--banner-insight-variant-background-light-mode-color); --banner-insight-variant-background-dark-mode-color: var(--core-purple-40-dark-mode-color); --banner-insight-variant-background-light-mode-color: var(--core-purple-40-light-mode-color); --banner-insight-variant-border-color: var(--banner-insight-variant-border-light-mode-color); --banner-insight-variant-border-dark-mode-color: var(--core-purple-30-dark-mode-color); --banner-insight-variant-border-light-mode-color: var(--core-purple-30-light-mode-color); --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-light-mode-color); --banner-insight-variant-button-text-dark-mode-color: var(--core-purple-text-dark-mode-color); --banner-insight-variant-button-text-light-mode-color: var(--core-purple-text-light-mode-color); --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-light-mode-color); --banner-insight-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-insight-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-light-mode-color); --banner-insight-variant-focused-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color); --banner-insight-variant-focused-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color); --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-light-mode-color); --banner-insight-variant-hover-state-text-link-text-dark-mode-color: var(--core-purple-20-dark-mode-color); --banner-insight-variant-hover-state-text-link-text-light-mode-color: var(--core-purple-20-light-mode-color); --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-light-mode-color); --banner-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color); --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-light-mode-color); --banner-insight-variant-icon-high-contrast-dark-mode-color: var(--core-purple-text-dark-mode-color); --banner-insight-variant-icon-high-contrast-light-mode-color: var(--core-purple-text-light-mode-color); --banner-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color); --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-light-mode-color); --banner-insight-variant-icon-normal-contrast-dark-mode-color: var(--core-purple-fill-dark-mode-color); --banner-insight-variant-icon-normal-contrast-light-mode-color: var(--core-purple-fill-light-mode-color); --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-light-mode-color); --banner-insight-variant-normal-state-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color); --banner-insight-variant-normal-state-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color); --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-light-mode-color); --banner-insight-variant-pressed-state-text-link-text-dark-mode-color: var(--core-purple-10-dark-mode-color); --banner-insight-variant-pressed-state-text-link-text-light-mode-color: var(--core-purple-10-light-mode-color); --banner-insight-variant-text-color: var(--banner-insight-variant-text-light-mode-color); --banner-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-light-mode-color); --banner-insight-variant-text-link-text-dark-mode-color: var(--core-purple-text-dark-mode-color); --banner-insight-variant-text-link-text-light-mode-color: var(--core-purple-text-light-mode-color); --banner-multiline-gap: var(--core-metrics-spacing-150); --banner-multiline-spacing: var(--banner-multiline-gap); --banner-success-variant-background-color: var(--banner-success-variant-background-light-mode-color); --banner-success-variant-background-dark-mode-color: var(--core-success-40-dark-mode-color); --banner-success-variant-background-light-mode-color: var(--core-success-40-light-mode-color); --banner-success-variant-border-color: var(--banner-success-variant-border-light-mode-color); --banner-success-variant-border-dark-mode-color: var(--core-success-30-dark-mode-color); --banner-success-variant-border-light-mode-color: var(--core-success-30-light-mode-color); --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-light-mode-color); --banner-success-variant-button-text-dark-mode-color: var(--core-success-text-dark-mode-color); --banner-success-variant-button-text-light-mode-color: var(--core-success-text-light-mode-color); --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-light-mode-color); --banner-success-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-success-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-light-mode-color); --banner-success-variant-focused-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color); --banner-success-variant-focused-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color); --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-light-mode-color); --banner-success-variant-hover-state-text-link-text-dark-mode-color: var(--core-success-20-dark-mode-color); --banner-success-variant-hover-state-text-link-text-light-mode-color: var(--core-success-20-light-mode-color); --banner-success-variant-icon-color: var(--banner-success-variant-icon-light-mode-color); --banner-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color); --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-light-mode-color); --banner-success-variant-icon-high-contrast-dark-mode-color: var(--core-success-text-dark-mode-color); --banner-success-variant-icon-high-contrast-light-mode-color: var(--core-success-text-light-mode-color); --banner-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color); --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-light-mode-color); --banner-success-variant-icon-normal-contrast-dark-mode-color: var(--core-success-fill-dark-mode-color); --banner-success-variant-icon-normal-contrast-light-mode-color: var(--core-success-fill-light-mode-color); --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-light-mode-color); --banner-success-variant-normal-state-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color); --banner-success-variant-normal-state-text-link-text-light-mode-color: var(--core-success-text-light-mode-color); --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-light-mode-color); --banner-success-variant-pressed-state-text-link-text-dark-mode-color: var(--core-success-10-dark-mode-color); --banner-success-variant-pressed-state-text-link-text-light-mode-color: var(--core-success-10-light-mode-color); --banner-success-variant-text-color: var(--banner-success-variant-text-light-mode-color); --banner-success-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-success-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-light-mode-color); --banner-success-variant-text-link-text-dark-mode-color: var(--core-success-text-dark-mode-color); --banner-success-variant-text-link-text-light-mode-color: var(--core-success-text-light-mode-color); --banner-text-case: var(--core-type-paragraph-30-case); --banner-text-font-family: var(--core-type-paragraph-30-font-family); --banner-text-leading: var(--core-type-paragraph-30-leading); --banner-text-link-group-gap: var(--text-link-group-horizontal-spacing); --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-light-mode-color); --banner-text-link-group-separator-dark-mode-color: var(--text-link-group-separator-dark-mode-color); --banner-text-link-group-separator-height: var(--text-link-group-separator-height); --banner-text-link-group-separator-light-mode-color: var(--text-link-group-separator-light-mode-color); --banner-text-link-group-separator-opacity: var(--text-link-group-separator-opacity); --banner-text-link-group-separator-width: var(--text-link-group-separator-width); --banner-text-link-text-case: var(--text-link-medium-size-text-case); --banner-text-link-text-font-family: var(--text-link-medium-size-text-font-family); --banner-text-link-text-leading: var(--text-link-medium-size-text-leading); --banner-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing); --banner-text-link-text-scale: var(--text-link-medium-size-text-scale); --banner-text-link-text-size: var(--text-link-medium-size-text-size); --banner-text-link-text-tracking: var(--text-link-medium-size-text-tracking); --banner-text-link-text-weight: var(--text-link-medium-size-text-weight); --banner-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --banner-text-scale: var(--core-type-paragraph-30-scale); --banner-text-size: var(--core-type-paragraph-30-size); --banner-text-tracking: var(--core-type-paragraph-30-tracking); --banner-text-weight: var(--core-type-paragraph-30-weight); --banner-title-case: var(--core-type-semibold-30-case); --banner-title-font-family: var(--core-type-semibold-30-font-family); --banner-title-leading: var(--core-type-semibold-30-leading); --banner-title-number-spacing: var(--core-type-semibold-30-number-spacing); --banner-title-scale: var(--core-type-semibold-30-scale); --banner-title-size: var(--core-type-semibold-30-size); --banner-title-tracking: var(--core-type-semibold-30-tracking); --banner-title-weight: var(--core-type-semibold-30-weight); --banner-vertical-padding: var(--core-metrics-spacing-200); --banner-warning-variant-background-color: var(--banner-warning-variant-background-light-mode-color); --banner-warning-variant-background-dark-mode-color: var(--core-warning-40-dark-mode-color); --banner-warning-variant-background-light-mode-color: var(--core-warning-40-light-mode-color); --banner-warning-variant-border-color: var(--banner-warning-variant-border-light-mode-color); --banner-warning-variant-border-dark-mode-color: var(--core-warning-30-dark-mode-color); --banner-warning-variant-border-light-mode-color: var(--core-warning-30-light-mode-color); --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-light-mode-color); --banner-warning-variant-button-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --banner-warning-variant-button-text-light-mode-color: var(--core-warning-text-light-mode-color); --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-light-mode-color); --banner-warning-variant-disabled-state-text-link-text-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --banner-warning-variant-disabled-state-text-link-text-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-light-mode-color); --banner-warning-variant-focused-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color); --banner-warning-variant-focused-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color); --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-light-mode-color); --banner-warning-variant-hover-state-text-link-text-dark-mode-color: var(--core-warning-20-dark-mode-color); --banner-warning-variant-hover-state-text-link-text-light-mode-color: var(--core-warning-20-light-mode-color); --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-light-mode-color); --banner-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color); --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-light-mode-color); --banner-warning-variant-icon-high-contrast-dark-mode-color: var(--core-warning-text-dark-mode-color); --banner-warning-variant-icon-high-contrast-light-mode-color: var(--core-warning-text-light-mode-color); --banner-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color); --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-light-mode-color); --banner-warning-variant-icon-normal-contrast-dark-mode-color: var(--core-warning-fill-dark-mode-color); --banner-warning-variant-icon-normal-contrast-light-mode-color: var(--core-warning-fill-light-mode-color); --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-light-mode-color); --banner-warning-variant-normal-state-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --banner-warning-variant-normal-state-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color); --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-light-mode-color); --banner-warning-variant-pressed-state-text-link-text-dark-mode-color: var(--core-warning-10-dark-mode-color); --banner-warning-variant-pressed-state-text-link-text-light-mode-color: var(--core-warning-10-light-mode-color); --banner-warning-variant-text-color: var(--banner-warning-variant-text-light-mode-color); --banner-warning-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --banner-warning-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-light-mode-color); --banner-warning-variant-text-link-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --banner-warning-variant-text-link-text-light-mode-color: var(--core-warning-text-light-mode-color); /* ========== button-group ========== */ --button-group-overflow-button-border-radius: var(--icon-button-border-radius); --button-group-overflow-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height); --button-group-overflow-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size); --button-group-overflow-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width); --button-group-overflow-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color); --button-group-overflow-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color); --button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color); --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color); --button-group-overflow-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color); --button-group-overflow-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color); --button-group-overflow-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size); --button-group-overflow-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size); --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color); --button-group-overflow-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color); --button-group-overflow-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color); --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color); --button-group-overflow-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color); --button-group-overflow-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color); --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color); --button-group-overflow-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color); --button-group-overflow-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color); --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color); --button-group-overflow-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color); --button-group-overflow-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color); --button-group-overflow-button-large-size-icon-height: var(--icon-button-large-size-icon-height); --button-group-overflow-button-large-size-icon-width: var(--icon-button-large-size-icon-width); --button-group-overflow-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height); --button-group-overflow-button-large-size-padding-size: var(--icon-button-large-size-padding-size); --button-group-overflow-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier); --button-group-overflow-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size); --button-group-overflow-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height); --button-group-overflow-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width); --button-group-overflow-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height); --button-group-overflow-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size); --button-group-overflow-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier); --button-group-overflow-button-minimum-height: var(--icon-button-minimum-height); --button-group-overflow-button-minimum-width: var(--icon-button-minimum-width); --button-group-overflow-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height); --button-group-overflow-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width); --button-group-overflow-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size); --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color); --button-group-overflow-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color); --button-group-overflow-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color); --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color); --button-group-overflow-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color); --button-group-overflow-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --button-group-overflow-button-padding-size: var(--icon-button-padding-size); --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color); --button-group-overflow-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color); --button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color); --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color); --button-group-overflow-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color); --button-group-overflow-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-size-multiplier: 1; --button-group-overflow-button-small-size-icon-height: var(--icon-button-small-size-icon-height); --button-group-overflow-button-small-size-icon-width: var(--icon-button-small-size-icon-width); --button-group-overflow-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height); --button-group-overflow-button-small-size-padding-size: var(--icon-button-small-size-padding-size); --button-group-overflow-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier); --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color); --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color); --button-group-overflow-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color); --button-group-spacing: var(--core-metrics-spacing-100); /* ========== button ========== */ --button-border-radius: var(--core-radius-circle); --button-compact-horizontal-size-class-sample-token: 100px; --button-compact-vertical-size-class-sample-token-2: 10px; --button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-background-color); --button-destructive-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-light-mode-label-color); --button-destructive-variant-primary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color); --button-destructive-variant-primary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color); --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-background-color); --button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color); --button-destructive-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-light-mode-label-color); --button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color); --button-destructive-variant-primary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color); --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-background-color); --button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color); --button-destructive-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-white-dark-mode-color); --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color); --button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color); --button-destructive-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-white-light-mode-color); --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-background-color); --button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color); --button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-light-mode-label-color); --button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color); --button-destructive-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-primary-rank-normal-state-light-mode-label-color); --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-background-color); --button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-light-mode-label-color); --button-destructive-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color); --button-destructive-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color); --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color); --button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color); --button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-label-color); --button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color); --button-destructive-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color); --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-background-color); --button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color); --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color); --button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --button-destructive-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color); --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color); --button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color); --button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color); --button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color); --button-destructive-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-secondary-rank-normal-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-hover-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent; --button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-critical-text-dark-mode-color); --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent; --button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-critical-text-light-mode-color); --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color); --button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color); --button-destructive-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-light-mode-label-color); --button-focus-ring-border-size: var(--core-focus-ring-border-size); --button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --button-focus-ring-color: var(--button-light-mode-focus-ring-color); --button-large-size-border-radius: 32px; --button-large-size-content-spacing: var(--core-metrics-spacing-100); --button-large-size-minimum-height: var(--core-large-size-minimum-height); --button-large-size-minimum-width-multiplier: 1.75; --button-large-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-300); --button-large-size-primary-rank-vertical-padding: 20px; --button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding); --button-large-size-secondary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding); --button-large-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-300); --button-large-size-tertiary-rank-vertical-padding: 20px; --button-large-size-text-case: var(--core-type-semibold-30-case); --button-large-size-text-font-family: var(--core-type-semibold-30-font-family); --button-large-size-text-leading: var(--core-type-semibold-30-leading); --button-large-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --button-large-size-text-scale: var(--core-type-semibold-30-scale); --button-large-size-text-size: var(--core-type-semibold-30-size); --button-large-size-text-tracking: var(--core-type-semibold-30-tracking); --button-large-size-text-weight: var(--core-type-semibold-30-weight); --button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --button-medium-size-border-radius: 24px; --button-medium-size-content-spacing: var(--core-metrics-spacing-100); --button-medium-size-minimum-height: var(--core-medium-size-minimum-height); --button-medium-size-minimum-width-multiplier: 1.75; --button-medium-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-250); --button-medium-size-primary-rank-vertical-padding: 12px; --button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding); --button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding); --button-medium-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-250); --button-medium-size-tertiary-rank-vertical-padding: 12px; --button-medium-size-text-case: var(--core-type-semibold-30-case); --button-medium-size-text-font-family: var(--core-type-semibold-30-font-family); --button-medium-size-text-leading: var(--core-type-semibold-30-leading); --button-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --button-medium-size-text-scale: var(--core-type-semibold-30-scale); --button-medium-size-text-size: var(--core-type-semibold-30-size); --button-medium-size-text-tracking: var(--core-type-semibold-30-tracking); --button-medium-size-text-weight: var(--core-type-semibold-30-weight); --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color); --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color); --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color); --button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color); --button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color); --button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color); --button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color); --button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color); --button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color); --button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC; --button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color); --button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color); --button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color); --button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color); --button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color); --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color); --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color); --button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color); --button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color); --button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color); --button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color); --button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color); --button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color); --button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent; --button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--core-emphasis-text-dark-mode-color); --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: transparent; --button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--core-emphasis-text-light-mode-color); --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color); --button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color); --button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --button-regular-horizontal-size-class-sample-token: 200px; --button-regular-vertical-size-class-sample-token-2: 20px; --button-small-size-border-radius: 20px; --button-small-size-content-spacing: var(--core-metrics-spacing-100); --button-small-size-minimum-height: var(--core-small-size-minimum-height); --button-small-size-minimum-width-multiplier: 1.75; --button-small-size-primary-rank-horizontal-padding: var(--core-metrics-spacing-200); --button-small-size-primary-rank-vertical-padding: 9px; --button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding); --button-small-size-secondary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding); --button-small-size-tertiary-rank-horizontal-padding: var(--core-metrics-spacing-200); --button-small-size-tertiary-rank-vertical-padding: 9px; --button-small-size-text-case: var(--core-type-semibold-20-case); --button-small-size-text-font-family: var(--core-type-semibold-20-font-family); --button-small-size-text-leading: var(--core-type-semibold-20-leading); --button-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing); --button-small-size-text-scale: var(--core-type-semibold-20-scale); --button-small-size-text-size: var(--core-type-semibold-20-size); --button-small-size-text-tracking: var(--core-type-semibold-20-tracking); --button-small-size-text-weight: var(--core-type-semibold-20-weight); --button-tall-vertical-size-class-sample-token-2: 30px; --button-tertiary-rank-underline: 1px; --button-wide-horizontal-size-class-sample-token: 300px; /* ========== calculator ========== */ --calculator-below-display-spacing: var(--core-metrics-spacing-200); --calculator-button-border-radius-size: var(--core-radius-circle); --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-light-mode-color); --calculator-button-default-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --calculator-button-default-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color); --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-light-mode-color); --calculator-button-default-variant-background-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --calculator-button-default-variant-background-normal-state-light-mode-color: var(--core-fill-40-light-mode-color); --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-light-mode-color); --calculator-button-default-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --calculator-button-default-variant-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-light-mode-color); --calculator-button-default-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --calculator-button-default-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color); --calculator-button-default-variant-foreground-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --calculator-button-default-variant-foreground-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-light-mode-color); --calculator-button-default-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color); --calculator-button-default-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-default-variant-foreground-normal-state-light-mode-color); --calculator-button-icon-large-calculator-size: 40px; --calculator-button-icon-small-calculator-size: 32px; --calculator-button-large-calculator-height: 80px; --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-light-mode-color); --calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --calculator-button-primary-operator-variant-background-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color); --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-light-mode-color); --calculator-button-primary-operator-variant-background-normal-state-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --calculator-button-primary-operator-variant-background-normal-state-light-mode-color: var(--core-emphasis-fill-light-mode-color); --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-light-mode-color); --calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color); --calculator-button-primary-operator-variant-background-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color); --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color); --calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --calculator-button-primary-operator-variant-foreground-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color); --calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color); --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color); --calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color); --calculator-button-primary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-light-mode-color); --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color); --calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --calculator-button-secondary-operator-variant-background-disabled-state-light-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-light-mode-color); --calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --calculator-button-secondary-operator-variant-background-normal-state-light-mode-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color); --calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --calculator-button-secondary-operator-variant-background-pressed-state-light-mode-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color); --calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --calculator-button-secondary-operator-variant-foreground-disabled-state-light-mode-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color); --calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color); --calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-pressed-state-light-mode-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-light-mode-color); --calculator-button-small-calculator-height: 48px; --calculator-button-text-large-calculator-case: var(--core-type-display-10-case); --calculator-button-text-large-calculator-font-family: var(--core-type-display-10-font-family); --calculator-button-text-large-calculator-leading: var(--core-type-display-10-leading); --calculator-button-text-large-calculator-number-spacing: var(--core-type-display-10-number-spacing); --calculator-button-text-large-calculator-scale: var(--core-type-display-10-scale); --calculator-button-text-large-calculator-size: var(--core-type-display-10-size); --calculator-button-text-large-calculator-tracking: var(--core-type-display-10-tracking); --calculator-button-text-large-calculator-weight: var(--core-type-display-10-weight); --calculator-button-text-small-calculator-case: var(--core-type-heading-30-case); --calculator-button-text-small-calculator-font-family: var(--core-type-heading-30-font-family); --calculator-button-text-small-calculator-leading: var(--core-type-heading-30-leading); --calculator-button-text-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing); --calculator-button-text-small-calculator-scale: var(--core-type-heading-30-scale); --calculator-button-text-small-calculator-size: var(--core-type-heading-30-size); --calculator-button-text-small-calculator-tracking: var(--core-type-heading-30-tracking); --calculator-button-text-small-calculator-weight: var(--core-type-heading-30-weight); --calculator-display-border-color: var(--calculator-display-border-light-mode-color); --calculator-display-border-corner-radius: var(--core-radius-forms); --calculator-display-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --calculator-display-border-light-mode-color: var(--core-fill-30-light-mode-color); --calculator-display-border-stroke-width: 1px; --calculator-display-large-size-horizontal-padding: 20px; --calculator-display-large-size-large-calculator-case: var(--core-type-display-20-case); --calculator-display-large-size-large-calculator-font-family: var(--core-type-display-20-font-family); --calculator-display-large-size-large-calculator-height: 136px; --calculator-display-large-size-large-calculator-leading: var(--core-type-display-20-leading); --calculator-display-large-size-large-calculator-number-spacing: var(--core-type-display-20-number-spacing); --calculator-display-large-size-large-calculator-scale: var(--core-type-display-20-scale); --calculator-display-large-size-large-calculator-size: var(--core-type-display-20-size); --calculator-display-large-size-large-calculator-tracking: var(--core-type-display-20-tracking); --calculator-display-large-size-large-calculator-weight: var(--core-type-display-20-weight); --calculator-display-large-size-small-calculator-case: var(--core-type-display-10-case); --calculator-display-large-size-small-calculator-font-family: var(--core-type-display-10-font-family); --calculator-display-large-size-small-calculator-height: 80px; --calculator-display-large-size-small-calculator-leading: var(--core-type-display-10-leading); --calculator-display-large-size-small-calculator-number-spacing: var(--core-type-display-10-number-spacing); --calculator-display-large-size-small-calculator-scale: var(--core-type-display-10-scale); --calculator-display-large-size-small-calculator-size: var(--core-type-display-10-size); --calculator-display-large-size-small-calculator-tracking: var(--core-type-display-10-tracking); --calculator-display-large-size-small-calculator-weight: var(--core-type-display-10-weight); --calculator-display-large-size-vertical-padding: 20px; --calculator-display-small-size-horizontal-padding: 20px; --calculator-display-small-size-large-calculator-case: var(--core-type-display-10-case); --calculator-display-small-size-large-calculator-font-family: var(--core-type-display-10-font-family); --calculator-display-small-size-large-calculator-height: 80px; --calculator-display-small-size-large-calculator-leading: var(--core-type-display-10-leading); --calculator-display-small-size-large-calculator-number-spacing: var(--core-type-display-10-number-spacing); --calculator-display-small-size-large-calculator-scale: var(--core-type-display-10-scale); --calculator-display-small-size-large-calculator-size: var(--core-type-display-10-size); --calculator-display-small-size-large-calculator-tracking: var(--core-type-display-10-tracking); --calculator-display-small-size-large-calculator-weight: var(--core-type-display-10-weight); --calculator-display-small-size-small-calculator-case: var(--core-type-heading-30-case); --calculator-display-small-size-small-calculator-font-family: var(--core-type-heading-30-font-family); --calculator-display-small-size-small-calculator-height: 48px; --calculator-display-small-size-small-calculator-leading: var(--core-type-heading-30-leading); --calculator-display-small-size-small-calculator-number-spacing: var(--core-type-heading-30-number-spacing); --calculator-display-small-size-small-calculator-scale: var(--core-type-heading-30-scale); --calculator-display-small-size-small-calculator-size: var(--core-type-heading-30-size); --calculator-display-small-size-small-calculator-tracking: var(--core-type-heading-30-tracking); --calculator-display-small-size-small-calculator-weight: var(--core-type-heading-30-weight); --calculator-display-small-size-vertical-padding: 0px; --calculator-display-text-color: var(--calculator-display-text-light-mode-color); --calculator-display-text-dark-mode-color: var(--core-text-10-dark-mode-color); --calculator-display-text-light-mode-color: var(--core-text-10-light-mode-color); --calculator-inter-button-horizontal-spacing: var(--core-metrics-spacing-200); --calculator-inter-button-vertical-spacing: var(--core-metrics-spacing-200); /* ========== carousel ========== */ --carousel-content-compact-horizontal-size-class-page-spacing: var(--core-metrics-spacing-100); --carousel-content-regular-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200); --carousel-content-wide-horizontal-size-class-page-spacing: var(--core-metrics-spacing-200); --carousel-control-bar-vertical-padding: var(--core-metrics-spacing-100); /* ========== checkbox ========== */ --checkbox-border-radius: var(--core-radius-66); --checkbox-border-size: var(--core-border-20); --checkbox-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-disabled-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-disabled-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color); --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color); --checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color: transparent; --checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-disabled-state-normal-validity-checked-value-light-mode-background-color: var(--core-fill-20-light-mode-color); --checkbox-disabled-state-normal-validity-checked-value-light-mode-border-color: transparent; --checkbox-disabled-state-normal-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-50-dark-mode-color); --checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-fill-20-dark-mode-color); --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-50-light-mode-color); --checkbox-disabled-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-fill-20-light-mode-color); --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color); --checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color); --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color); --checkbox-disabled-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-30-light-mode-color); --checkbox-focus-ring-border-size: var(--core-focus-ring-border-size); --checkbox-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --checkbox-focus-ring-color: var(--checkbox-light-mode-focus-ring-color); --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-focus-state-invalid-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-focus-state-invalid-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-background-color); --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-focus-state-normal-validity-checked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color); --checkbox-focus-state-normal-validity-checked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-focus-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-unchecked-value-light-mode-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-focus-state-normal-validity-unchecked-value-light-mode-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-height: var(--checkbox-width); --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color); --checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color: transparent; --checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-hover-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-20-light-mode-color); --checkbox-hover-state-invalid-validity-checked-value-light-mode-border-color: transparent; --checkbox-hover-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color); --checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-20-dark-mode-color); --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-20-light-mode-color); --checkbox-hover-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-20-light-mode-color); --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color); --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-hover-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-20-light-mode-color); --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-background-color); --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-border-color); --checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color: transparent; --checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-hover-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --checkbox-hover-state-normal-validity-checked-value-light-mode-border-color: transparent; --checkbox-hover-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-10-dark-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-background-color: var(--core-fill-50-light-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --checkbox-hover-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-10-light-mode-color); --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color); --checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --checkbox-hover-state-normal-validity-unchecked-value-light-mode-background-color: var(--core-fill-50-light-mode-color); --checkbox-hover-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --checkbox-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color); --checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color: transparent; --checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-normal-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-fill-light-mode-color); --checkbox-normal-state-invalid-validity-checked-value-light-mode-border-color: transparent; --checkbox-normal-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color); --checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-fill-dark-mode-color); --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-fill-light-mode-color); --checkbox-normal-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-fill-light-mode-color); --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color); --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-normal-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-fill-light-mode-color); --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-background-color); --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-border-color); --checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color: transparent; --checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-normal-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --checkbox-normal-state-normal-validity-checked-value-light-mode-border-color: transparent; --checkbox-normal-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color); --checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-fill-20-light-mode-color); --checkbox-normal-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color); --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color); --checkbox-normal-state-normal-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-normal-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-fill-20-light-mode-color); --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color); --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color); --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color); --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color: transparent; --checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color); --checkbox-pressed-state-invalid-validity-checked-value-light-mode-background-color: var(--core-critical-10-light-mode-color); --checkbox-pressed-state-invalid-validity-checked-value-light-mode-border-color: transparent; --checkbox-pressed-state-invalid-validity-checked-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color: var(--core-critical-10-dark-mode-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-border-color: var(--core-critical-10-light-mode-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-light-mode-icon-color: var(--core-critical-10-light-mode-color); --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color); --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color); --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color); --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-pressed-state-invalid-validity-unchecked-value-light-mode-border-color: var(--core-critical-10-light-mode-color); --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color); --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color); --checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color); --checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color: transparent; --checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color); --checkbox-pressed-state-normal-validity-checked-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --checkbox-pressed-state-normal-validity-checked-value-light-mode-border-color: transparent; --checkbox-pressed-state-normal-validity-checked-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color); --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color); --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color: transparent; --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color); --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-background-color: transparent; --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --checkbox-pressed-state-normal-validity-indeterminate-value-light-mode-icon-color: var(--core-emphasis-fill-light-mode-color); --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color); --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color); --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color: transparent; --checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-background-color: transparent; --checkbox-pressed-state-normal-validity-unchecked-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --checkbox-width: var(--core-control-size-width); /* ========== choice-button ========== */ --choice-button-border-radius: var(--core-radius-200); --choice-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --choice-button-focus-ring-border-size: var(--core-focus-ring-border-size); --choice-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --choice-button-focus-ring-color: var(--choice-button-light-mode-focus-ring-color); --choice-button-large-size-content-spacing: var(--core-metrics-spacing-100); --choice-button-large-size-horizontal-padding: var(--core-metrics-spacing-250); --choice-button-large-size-minimum-height: var(--core-large-size-minimum-height); --choice-button-large-size-text-primary-case: var(--core-type-semibold-30-case); --choice-button-large-size-text-primary-font-family: var(--core-type-semibold-30-font-family); --choice-button-large-size-text-primary-leading: var(--core-type-semibold-30-leading); --choice-button-large-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing); --choice-button-large-size-text-primary-scale: var(--core-type-semibold-30-scale); --choice-button-large-size-text-primary-size: var(--core-type-semibold-30-size); --choice-button-large-size-text-primary-tracking: var(--core-type-semibold-30-tracking); --choice-button-large-size-text-primary-weight: var(--core-type-semibold-30-weight); --choice-button-large-size-text-secondary-case: var(--core-type-paragraph-30-case); --choice-button-large-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family); --choice-button-large-size-text-secondary-leading: var(--core-type-paragraph-30-leading); --choice-button-large-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing); --choice-button-large-size-text-secondary-scale: var(--core-type-paragraph-30-scale); --choice-button-large-size-text-secondary-size: var(--core-type-paragraph-30-size); --choice-button-large-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking); --choice-button-large-size-text-secondary-weight: var(--core-type-paragraph-30-weight); --choice-button-large-size-vertical-padding: var(--core-metrics-spacing-250); --choice-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --choice-button-medium-size-content-spacing: var(--core-metrics-spacing-100); --choice-button-medium-size-horizontal-padding: var(--core-metrics-spacing-200); --choice-button-medium-size-minimum-height: var(--core-medium-size-minimum-height); --choice-button-medium-size-text-primary-case: var(--core-type-semibold-30-case); --choice-button-medium-size-text-primary-font-family: var(--core-type-semibold-30-font-family); --choice-button-medium-size-text-primary-leading: var(--core-type-semibold-30-leading); --choice-button-medium-size-text-primary-number-spacing: var(--core-type-semibold-30-number-spacing); --choice-button-medium-size-text-primary-scale: var(--core-type-semibold-30-scale); --choice-button-medium-size-text-primary-size: var(--core-type-semibold-30-size); --choice-button-medium-size-text-primary-tracking: var(--core-type-semibold-30-tracking); --choice-button-medium-size-text-primary-weight: var(--core-type-semibold-30-weight); --choice-button-medium-size-text-secondary-case: var(--core-type-paragraph-30-case); --choice-button-medium-size-text-secondary-font-family: var(--core-type-paragraph-30-font-family); --choice-button-medium-size-text-secondary-leading: var(--core-type-paragraph-30-leading); --choice-button-medium-size-text-secondary-number-spacing: var(--core-type-paragraph-30-number-spacing); --choice-button-medium-size-text-secondary-scale: var(--core-type-paragraph-30-scale); --choice-button-medium-size-text-secondary-size: var(--core-type-paragraph-30-size); --choice-button-medium-size-text-secondary-tracking: var(--core-type-paragraph-30-tracking); --choice-button-medium-size-text-secondary-weight: var(--core-type-paragraph-30-weight); --choice-button-medium-size-vertical-padding: var(--core-metrics-spacing-150); --choice-button-minimum-width-multipler: var(--choice-button-minimum-width-multiplier); --choice-button-minimum-width-multiplier: 1.5; --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-light-mode-background-color); --choice-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color); --choice-button-selected-value-disabled-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-light-mode-label-color); --choice-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color); --choice-button-selected-value-disabled-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-light-mode-background-color); --choice-button-selected-value-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --choice-button-selected-value-hover-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-light-mode-label-color); --choice-button-selected-value-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --choice-button-selected-value-hover-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-light-mode-background-color); --choice-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color); --choice-button-selected-value-normal-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-light-mode-label-color); --choice-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color); --choice-button-selected-value-normal-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-light-mode-background-color); --choice-button-selected-value-pressed-state-dark-mode-background-color: #CCCCCC; --choice-button-selected-value-pressed-state-dark-mode-label-color: var(--core-text-inverse-dark-mode-color); --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-light-mode-label-color); --choice-button-selected-value-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --choice-button-selected-value-pressed-state-light-mode-label-color: var(--core-text-inverse-light-mode-color); --choice-button-small-size-content-spacing: var(--core-metrics-spacing-100); --choice-button-small-size-horizontal-padding: var(--core-metrics-spacing-150); --choice-button-small-size-minimum-height: var(--core-small-size-minimum-height); --choice-button-small-size-text-primary-case: var(--core-type-semibold-20-case); --choice-button-small-size-text-primary-font-family: var(--core-type-semibold-20-font-family); --choice-button-small-size-text-primary-leading: var(--core-type-semibold-20-leading); --choice-button-small-size-text-primary-number-spacing: var(--core-type-semibold-20-number-spacing); --choice-button-small-size-text-primary-scale: var(--core-type-semibold-20-scale); --choice-button-small-size-text-primary-size: var(--core-type-semibold-20-size); --choice-button-small-size-text-primary-tracking: var(--core-type-semibold-20-tracking); --choice-button-small-size-text-primary-weight: var(--core-type-semibold-20-weight); --choice-button-small-size-text-secondary-case: var(--core-type-paragraph-20-case); --choice-button-small-size-text-secondary-font-family: var(--core-type-paragraph-20-font-family); --choice-button-small-size-text-secondary-leading: var(--core-type-paragraph-20-leading); --choice-button-small-size-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing); --choice-button-small-size-text-secondary-scale: var(--core-type-paragraph-20-scale); --choice-button-small-size-text-secondary-size: var(--core-type-paragraph-20-size); --choice-button-small-size-text-secondary-tracking: var(--core-type-paragraph-20-tracking); --choice-button-small-size-text-secondary-weight: var(--core-type-paragraph-20-weight); --choice-button-small-size-vertical-padding: var(--core-metrics-spacing-100); --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-light-mode-background-color); --choice-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --choice-button-unselected-value-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color); --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-light-mode-label-color); --choice-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --choice-button-unselected-value-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color); --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-light-mode-background-color); --choice-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --choice-button-unselected-value-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-light-mode-label-color); --choice-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --choice-button-unselected-value-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color); --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-light-mode-background-color); --choice-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --choice-button-unselected-value-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-light-mode-label-color); --choice-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --choice-button-unselected-value-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color); --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-light-mode-background-color); --choice-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --choice-button-unselected-value-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-light-mode-label-color); --choice-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --choice-button-unselected-value-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color); /* ========== choice-icon-button ========== */ --choice-icon-button-border-radius: var(--core-radius-200); --choice-icon-button-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --choice-icon-button-focus-ring-border-size: var(--core-focus-ring-border-size); --choice-icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --choice-icon-button-focus-ring-color: var(--choice-icon-button-light-mode-focus-ring-color); --choice-icon-button-large-size-horizontal-padding: var(--core-metrics-spacing-200); --choice-icon-button-large-size-minimum-height: var(--core-large-size-minimum-height); --choice-icon-button-large-size-vertical-padding: var(--core-metrics-spacing-200); --choice-icon-button-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --choice-icon-button-medium-size-horizontal-padding: var(--core-metrics-spacing-150); --choice-icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height); --choice-icon-button-medium-size-vertical-padding: var(--core-metrics-spacing-150); --choice-icon-button-minimum-width-multipler: var(--choice-icon-button-minimum-width-multiplier); --choice-icon-button-minimum-width-multiplier: 1; --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-background-color); --choice-icon-button-selected-value-disabled-state-dark-mode-background-color: var(--core-fill-30-dark-mode-color); --choice-icon-button-selected-value-disabled-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-light-mode-icon-color); --choice-icon-button-selected-value-disabled-state-light-mode-background-color: var(--core-fill-30-light-mode-color); --choice-icon-button-selected-value-disabled-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-light-mode-background-color); --choice-icon-button-selected-value-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --choice-icon-button-selected-value-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-light-mode-icon-color); --choice-icon-button-selected-value-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --choice-icon-button-selected-value-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-light-mode-background-color); --choice-icon-button-selected-value-normal-state-dark-mode-background-color: var(--core-fill-10-dark-mode-color); --choice-icon-button-selected-value-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-light-mode-icon-color); --choice-icon-button-selected-value-normal-state-light-mode-background-color: var(--core-fill-10-light-mode-color); --choice-icon-button-selected-value-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-background-color); --choice-icon-button-selected-value-pressed-state-dark-mode-background-color: #CCCCCC; --choice-icon-button-selected-value-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-light-mode-icon-color); --choice-icon-button-selected-value-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --choice-icon-button-selected-value-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --choice-icon-button-small-size-horizontal-padding: var(--core-metrics-spacing-100); --choice-icon-button-small-size-minimum-height: var(--core-small-size-minimum-height); --choice-icon-button-small-size-vertical-padding: var(--core-metrics-spacing-100); --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-background-color); --choice-icon-button-unselected-value-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-light-mode-icon-color); --choice-icon-button-unselected-value-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --choice-icon-button-unselected-value-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-background-color); --choice-icon-button-unselected-value-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --choice-icon-button-unselected-value-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-light-mode-icon-color); --choice-icon-button-unselected-value-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --choice-icon-button-unselected-value-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-background-color); --choice-icon-button-unselected-value-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --choice-icon-button-unselected-value-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-light-mode-icon-color); --choice-icon-button-unselected-value-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --choice-icon-button-unselected-value-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-background-color); --choice-icon-button-unselected-value-pressed-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-light-mode-icon-color); --choice-icon-button-unselected-value-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --choice-icon-button-unselected-value-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); /* ========== coachmark ========== */ --coachmark-background-color: var(--coachmark-background-light-mode-color); --coachmark-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color); --coachmark-background-light-mode-color: var(--core-surface-inverse-light-mode-color); --coachmark-border-radius: var(--core-radius-100); --coachmark-heading-case: var(--core-type-semibold-20-case); --coachmark-heading-color: var(--coachmark-heading-light-mode-color); --coachmark-heading-dark-mode-color: var(--core-text-inverse-dark-mode-color); --coachmark-heading-font-family: var(--core-type-semibold-20-font-family); --coachmark-heading-leading: var(--core-type-semibold-20-leading); --coachmark-heading-light-mode-color: var(--core-text-inverse-light-mode-color); --coachmark-heading-number-spacing: var(--core-type-semibold-20-number-spacing); --coachmark-heading-scale: var(--core-type-semibold-20-scale); --coachmark-heading-size: var(--core-type-semibold-20-size); --coachmark-heading-tracking: var(--core-type-semibold-20-tracking); --coachmark-heading-weight: var(--core-type-semibold-20-weight); --coachmark-horizontal-padding: var(--core-metrics-spacing-200); --coachmark-icon-button-border-radius: var(--icon-button-border-radius); --coachmark-icon-button-compact-size-minimum-height: var(--icon-button-compact-size-minimum-height); --coachmark-icon-button-compact-size-minimum-padding-size: var(--icon-button-compact-size-minimum-padding-size); --coachmark-icon-button-compact-size-minimum-width: var(--icon-button-compact-size-minimum-width); --coachmark-icon-button-compact-size-padding-size: var(--icon-button-compact-size-padding-size); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-light-mode-background-color); --coachmark-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-disabled-state-dark-mode-background-color); --coachmark-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color); --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-light-mode-icon-color); --coachmark-icon-button-disabled-state-light-mode-background-color: var(--icon-button-disabled-state-light-mode-background-color); --coachmark-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-disabled-state-light-mode-icon-color); --coachmark-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size); --coachmark-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size); --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-light-mode-background-color); --coachmark-icon-button-focus-state-dark-mode-background-color: var(--icon-button-focus-state-dark-mode-background-color); --coachmark-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-focus-state-dark-mode-icon-color); --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-light-mode-icon-color); --coachmark-icon-button-focus-state-light-mode-background-color: var(--icon-button-focus-state-light-mode-background-color); --coachmark-icon-button-focus-state-light-mode-icon-color: var(--icon-button-focus-state-light-mode-icon-color); --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-light-mode-background-color); --coachmark-icon-button-hover-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color); --coachmark-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color); --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-light-mode-icon-color); --coachmark-icon-button-hover-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color); --coachmark-icon-button-hover-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color); --coachmark-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height); --coachmark-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width); --coachmark-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height); --coachmark-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size); --coachmark-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier); --coachmark-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size); --coachmark-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height); --coachmark-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width); --coachmark-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height); --coachmark-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size); --coachmark-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier); --coachmark-icon-button-minimum-height: var(--icon-button-minimum-height); --coachmark-icon-button-minimum-width: var(--icon-button-minimum-width); --coachmark-icon-button-normal-size-minimum-height: var(--icon-button-normal-size-minimum-height); --coachmark-icon-button-normal-size-minimum-width: var(--icon-button-normal-size-minimum-width); --coachmark-icon-button-normal-size-padding-size: var(--icon-button-normal-size-padding-size); --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-light-mode-background-color); --coachmark-icon-button-normal-state-dark-mode-background-color: var(--icon-button-normal-state-dark-mode-background-color); --coachmark-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-normal-state-dark-mode-icon-color); --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-light-mode-icon-color); --coachmark-icon-button-normal-state-light-mode-background-color: var(--icon-button-normal-state-light-mode-background-color); --coachmark-icon-button-normal-state-light-mode-icon-color: var(--icon-button-normal-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --coachmark-icon-button-padding-size: var(--icon-button-padding-size); --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-light-mode-background-color); --coachmark-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-pressed-state-dark-mode-background-color); --coachmark-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color); --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-light-mode-icon-color); --coachmark-icon-button-pressed-state-light-mode-background-color: var(--icon-button-pressed-state-light-mode-background-color); --coachmark-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-pressed-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-disabled-state-light-mode-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-primary-rank-focus-state-light-mode-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-hover-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-primary-rank-hover-state-light-mode-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-normal-state-light-mode-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-primary-rank-normal-state-light-mode-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-primary-rank-pressed-state-light-mode-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height); --coachmark-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width); --coachmark-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height); --coachmark-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size); --coachmark-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier); --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-normal-state-light-mode-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color); --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color); --coachmark-icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color); --coachmark-paragraph-case: var(--core-type-paragraph-20-case); --coachmark-paragraph-color: var(--coachmark-paragraph-light-mode-color); --coachmark-paragraph-dark-mode-color: var(--core-text-inverse-dark-mode-color); --coachmark-paragraph-font-family: var(--core-type-paragraph-20-font-family); --coachmark-paragraph-leading: var(--core-type-paragraph-20-leading); --coachmark-paragraph-light-mode-color: var(--core-text-inverse-light-mode-color); --coachmark-paragraph-number-spacing: var(--core-type-paragraph-20-number-spacing); --coachmark-paragraph-scale: var(--core-type-paragraph-20-scale); --coachmark-paragraph-size: var(--core-type-paragraph-20-size); --coachmark-paragraph-tracking: var(--core-type-paragraph-20-tracking); --coachmark-paragraph-weight: var(--core-type-paragraph-20-weight); --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-light-mode-color); --coachmark-pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-background-dark-mode-color); --coachmark-pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-background-light-mode-color); --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-light-mode-color); --coachmark-pill-alpha-variant-icon-dark-mode-color: var(--pill-alpha-variant-icon-dark-mode-color); --coachmark-pill-alpha-variant-icon-light-mode-color: var(--pill-alpha-variant-icon-light-mode-color); --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-light-mode-color); --coachmark-pill-alpha-variant-normal-state-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color); --coachmark-pill-alpha-variant-normal-state-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color); --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-light-mode-color); --coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color); --coachmark-pill-alpha-variant-pressed-state-background-light-mode-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color); --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-light-mode-color); --coachmark-pill-alpha-variant-text-dark-mode-color: var(--pill-alpha-variant-text-dark-mode-color); --coachmark-pill-alpha-variant-text-light-mode-color: var(--pill-alpha-variant-text-light-mode-color); --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-light-mode-color); --coachmark-pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-background-dark-mode-color); --coachmark-pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-background-light-mode-color); --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-light-mode-color); --coachmark-pill-beta-variant-icon-dark-mode-color: var(--pill-beta-variant-icon-dark-mode-color); --coachmark-pill-beta-variant-icon-light-mode-color: var(--pill-beta-variant-icon-light-mode-color); --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-light-mode-color); --coachmark-pill-beta-variant-normal-state-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color); --coachmark-pill-beta-variant-normal-state-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color); --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-light-mode-color); --coachmark-pill-beta-variant-pressed-state-background-dark-mode-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color); --coachmark-pill-beta-variant-pressed-state-background-light-mode-color: var(--pill-beta-variant-pressed-state-background-light-mode-color); --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-light-mode-color); --coachmark-pill-beta-variant-text-dark-mode-color: var(--pill-beta-variant-text-dark-mode-color); --coachmark-pill-beta-variant-text-light-mode-color: var(--pill-beta-variant-text-light-mode-color); --coachmark-pill-border-color: var(--coachmark-pill-border-light-mode-color); --coachmark-pill-border-dark-mode-color: var(--pill-border-dark-mode-color); --coachmark-pill-border-light-mode-color: var(--pill-border-light-mode-color); --coachmark-pill-border-width: var(--pill-border-width); --coachmark-pill-compact-size-border-radius: var(--pill-compact-size-border-radius); --coachmark-pill-compact-size-corner-radius: var(--pill-compact-size-corner-radius); --coachmark-pill-compact-size-horizontal-padding: var(--pill-compact-size-horizontal-padding); --coachmark-pill-compact-size-icon-dot-radius: var(--pill-compact-size-icon-dot-radius); --coachmark-pill-compact-size-icon-left-padding: var(--pill-compact-size-icon-left-padding); --coachmark-pill-compact-size-icon-size: var(--pill-compact-size-icon-size); --coachmark-pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-icon-to-text-spacing); --coachmark-pill-compact-size-indicator-dot-horizontal-padding-left: var(--pill-compact-size-indicator-dot-horizontal-padding-left); --coachmark-pill-compact-size-indicator-dot-horizontal-padding-right: var(--pill-compact-size-indicator-dot-horizontal-padding-right); --coachmark-pill-compact-size-indicator-dot-radius: var(--pill-compact-size-indicator-dot-radius); --coachmark-pill-compact-size-indicator-icon-horizontal-padding-left: var(--pill-compact-size-indicator-icon-horizontal-padding-left); --coachmark-pill-compact-size-indicator-icon-horizontal-padding-right: var(--pill-compact-size-indicator-icon-horizontal-padding-right); --coachmark-pill-compact-size-indicator-icon-size: var(--pill-compact-size-indicator-icon-size); --coachmark-pill-compact-size-padding-horizontal-size: var(--pill-compact-size-padding-horizontal-size); --coachmark-pill-compact-size-padding-vertical-size: var(--pill-compact-size-padding-vertical-size); --coachmark-pill-compact-size-spacing-horizontal: var(--pill-compact-size-spacing-horizontal); --coachmark-pill-compact-size-text-case: var(--pill-compact-size-text-case); --coachmark-pill-compact-size-text-edge-padding: var(--pill-compact-size-text-edge-padding); --coachmark-pill-compact-size-text-font-family: var(--pill-compact-size-text-font-family); --coachmark-pill-compact-size-text-horizontal-padding-left: var(--pill-compact-size-text-horizontal-padding-left); --coachmark-pill-compact-size-text-leading: var(--pill-compact-size-text-leading); --coachmark-pill-compact-size-text-number-spacing: var(--pill-compact-size-text-number-spacing); --coachmark-pill-compact-size-text-scale: var(--pill-compact-size-text-scale); --coachmark-pill-compact-size-text-size: var(--pill-compact-size-text-size); --coachmark-pill-compact-size-text-tracking: var(--pill-compact-size-text-tracking); --coachmark-pill-compact-size-text-weight: var(--pill-compact-size-text-weight); --coachmark-pill-compact-size-vertical-padding: var(--pill-compact-size-vertical-padding); --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-light-mode-color); --coachmark-pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-background-dark-mode-color); --coachmark-pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-background-light-mode-color); --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-light-mode-color); --coachmark-pill-critical-variant-icon-dark-mode-color: var(--pill-critical-variant-icon-dark-mode-color); --coachmark-pill-critical-variant-icon-light-mode-color: var(--pill-critical-variant-icon-light-mode-color); --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-light-mode-color); --coachmark-pill-critical-variant-normal-state-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color); --coachmark-pill-critical-variant-normal-state-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color); --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-light-mode-color); --coachmark-pill-critical-variant-pressed-state-background-dark-mode-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color); --coachmark-pill-critical-variant-pressed-state-background-light-mode-color: var(--pill-critical-variant-pressed-state-background-light-mode-color); --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-light-mode-color); --coachmark-pill-critical-variant-text-dark-mode-color: var(--pill-critical-variant-text-dark-mode-color); --coachmark-pill-critical-variant-text-light-mode-color: var(--pill-critical-variant-text-light-mode-color); --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-light-mode-color); --coachmark-pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-background-dark-mode-color); --coachmark-pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-background-light-mode-color); --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-light-mode-color); --coachmark-pill-emphasis-variant-icon-dark-mode-color: var(--pill-emphasis-variant-icon-dark-mode-color); --coachmark-pill-emphasis-variant-icon-light-mode-color: var(--pill-emphasis-variant-icon-light-mode-color); --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-light-mode-color); --coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color); --coachmark-pill-emphasis-variant-normal-state-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color); --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color); --coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color); --coachmark-pill-emphasis-variant-pressed-state-background-light-mode-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color); --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-light-mode-color); --coachmark-pill-emphasis-variant-text-dark-mode-color: var(--pill-emphasis-variant-text-dark-mode-color); --coachmark-pill-emphasis-variant-text-light-mode-color: var(--pill-emphasis-variant-text-light-mode-color); --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-light-mode-color); --coachmark-pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-background-dark-mode-color); --coachmark-pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-background-light-mode-color); --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-light-mode-color); --coachmark-pill-insight-variant-icon-dark-mode-color: var(--pill-insight-variant-icon-dark-mode-color); --coachmark-pill-insight-variant-icon-light-mode-color: var(--pill-insight-variant-icon-light-mode-color); --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-light-mode-color); --coachmark-pill-insight-variant-normal-state-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color); --coachmark-pill-insight-variant-normal-state-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color); --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-light-mode-color); --coachmark-pill-insight-variant-pressed-state-background-dark-mode-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color); --coachmark-pill-insight-variant-pressed-state-background-light-mode-color: var(--pill-insight-variant-pressed-state-background-light-mode-color); --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-light-mode-color); --coachmark-pill-insight-variant-text-dark-mode-color: var(--pill-insight-variant-text-dark-mode-color); --coachmark-pill-insight-variant-text-light-mode-color: var(--pill-insight-variant-text-light-mode-color); --coachmark-pill-normal-size-border-radius: var(--pill-normal-size-border-radius); --coachmark-pill-normal-size-corner-radius: var(--pill-normal-size-corner-radius); --coachmark-pill-normal-size-horizontal-padding: var(--pill-normal-size-horizontal-padding); --coachmark-pill-normal-size-icon-dot-radius: var(--pill-normal-size-icon-dot-radius); --coachmark-pill-normal-size-icon-left-padding: var(--pill-normal-size-icon-left-padding); --coachmark-pill-normal-size-icon-size: var(--pill-normal-size-icon-size); --coachmark-pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-icon-to-text-spacing); --coachmark-pill-normal-size-indicator-dot-horizontal-padding-left: var(--pill-normal-size-indicator-dot-horizontal-padding-left); --coachmark-pill-normal-size-indicator-dot-horizontal-padding-right: var(--pill-normal-size-indicator-dot-horizontal-padding-right); --coachmark-pill-normal-size-indicator-dot-radius: var(--pill-normal-size-indicator-dot-radius); --coachmark-pill-normal-size-indicator-icon-horizontal-padding-left: var(--pill-normal-size-indicator-icon-horizontal-padding-left); --coachmark-pill-normal-size-indicator-icon-horizontal-padding-right: var(--pill-normal-size-indicator-icon-horizontal-padding-right); --coachmark-pill-normal-size-indicator-icon-size: var(--pill-normal-size-indicator-icon-size); --coachmark-pill-normal-size-padding-horizontal-size: var(--pill-normal-size-padding-horizontal-size); --coachmark-pill-normal-size-padding-vertical-size: var(--pill-normal-size-padding-vertical-size); --coachmark-pill-normal-size-spacing-horizontal: var(--pill-normal-size-spacing-horizontal); --coachmark-pill-normal-size-text-case: var(--pill-normal-size-text-case); --coachmark-pill-normal-size-text-edge-padding: var(--pill-normal-size-text-edge-padding); --coachmark-pill-normal-size-text-font-family: var(--pill-normal-size-text-font-family); --coachmark-pill-normal-size-text-horizontal-padding-left: var(--pill-normal-size-text-horizontal-padding-left); --coachmark-pill-normal-size-text-leading: var(--pill-normal-size-text-leading); --coachmark-pill-normal-size-text-number-spacing: var(--pill-normal-size-text-number-spacing); --coachmark-pill-normal-size-text-scale: var(--pill-normal-size-text-scale); --coachmark-pill-normal-size-text-size: var(--pill-normal-size-text-size); --coachmark-pill-normal-size-text-tracking: var(--pill-normal-size-text-tracking); --coachmark-pill-normal-size-text-weight: var(--pill-normal-size-text-weight); --coachmark-pill-normal-size-vertical-padding: var(--pill-normal-size-vertical-padding); --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-light-mode-color); --coachmark-pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-background-dark-mode-color); --coachmark-pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-background-light-mode-color); --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-light-mode-color); --coachmark-pill-normal-variant-icon-dark-mode-color: var(--pill-normal-variant-icon-dark-mode-color); --coachmark-pill-normal-variant-icon-light-mode-color: var(--pill-normal-variant-icon-light-mode-color); --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-light-mode-color); --coachmark-pill-normal-variant-normal-state-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color); --coachmark-pill-normal-variant-normal-state-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color); --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-light-mode-color); --coachmark-pill-normal-variant-pressed-state-background-dark-mode-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color); --coachmark-pill-normal-variant-pressed-state-background-light-mode-color: var(--pill-normal-variant-pressed-state-background-light-mode-color); --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-light-mode-color); --coachmark-pill-normal-variant-text-dark-mode-color: var(--pill-normal-variant-text-dark-mode-color); --coachmark-pill-normal-variant-text-light-mode-color: var(--pill-normal-variant-text-light-mode-color); --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-light-mode-color); --coachmark-pill-success-variant-background-dark-mode-color: var(--pill-success-variant-background-dark-mode-color); --coachmark-pill-success-variant-background-light-mode-color: var(--pill-success-variant-background-light-mode-color); --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-light-mode-color); --coachmark-pill-success-variant-icon-dark-mode-color: var(--pill-success-variant-icon-dark-mode-color); --coachmark-pill-success-variant-icon-light-mode-color: var(--pill-success-variant-icon-light-mode-color); --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-light-mode-color); --coachmark-pill-success-variant-normal-state-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color); --coachmark-pill-success-variant-normal-state-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color); --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-light-mode-color); --coachmark-pill-success-variant-pressed-state-background-dark-mode-color: var(--pill-success-variant-pressed-state-background-dark-mode-color); --coachmark-pill-success-variant-pressed-state-background-light-mode-color: var(--pill-success-variant-pressed-state-background-light-mode-color); --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-light-mode-color); --coachmark-pill-success-variant-text-dark-mode-color: var(--pill-success-variant-text-dark-mode-color); --coachmark-pill-success-variant-text-light-mode-color: var(--pill-success-variant-text-light-mode-color); --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-light-mode-color); --coachmark-pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-background-dark-mode-color); --coachmark-pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-background-light-mode-color); --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-light-mode-color); --coachmark-pill-warning-variant-icon-dark-mode-color: var(--pill-warning-variant-icon-dark-mode-color); --coachmark-pill-warning-variant-icon-light-mode-color: var(--pill-warning-variant-icon-light-mode-color); --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-light-mode-color); --coachmark-pill-warning-variant-normal-state-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color); --coachmark-pill-warning-variant-normal-state-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color); --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-light-mode-color); --coachmark-pill-warning-variant-pressed-state-background-dark-mode-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color); --coachmark-pill-warning-variant-pressed-state-background-light-mode-color: var(--pill-warning-variant-pressed-state-background-light-mode-color); --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-light-mode-color); --coachmark-pill-warning-variant-text-dark-mode-color: var(--pill-warning-variant-text-dark-mode-color); --coachmark-pill-warning-variant-text-light-mode-color: var(--pill-warning-variant-text-light-mode-color); --coachmark-step-indicator-case: var(--core-type-paragraph-20-case); --coachmark-step-indicator-color: var(--coachmark-step-indicator-light-mode-color); --coachmark-step-indicator-dark-mode-color: var(--core-text-inverse-dark-mode-color); --coachmark-step-indicator-font-family: var(--core-type-paragraph-20-font-family); --coachmark-step-indicator-leading: var(--core-type-paragraph-20-leading); --coachmark-step-indicator-light-mode-color: var(--core-text-inverse-light-mode-color); --coachmark-step-indicator-number-spacing: var(--core-type-paragraph-20-number-spacing); --coachmark-step-indicator-scale: var(--core-type-paragraph-20-scale); --coachmark-step-indicator-size: var(--core-type-paragraph-20-size); --coachmark-step-indicator-tracking: var(--core-type-paragraph-20-tracking); --coachmark-step-indicator-weight: var(--core-type-paragraph-20-weight); --coachmark-text-link-color: var(--coachmark-text-link-light-mode-color); --coachmark-text-link-dark-mode-color: var(--core-text-inverse-dark-mode-color); --coachmark-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity); --coachmark-text-link-hover-state-opacity: var(--text-link-hover-state-opacity); --coachmark-text-link-light-mode-color: var(--core-text-inverse-light-mode-color); --coachmark-text-link-normal-state-opacity: var(--text-link-normal-state-opacity); --coachmark-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity); --coachmark-text-link-text-case: var(--text-link-small-size-text-case); --coachmark-text-link-text-font-family: var(--text-link-small-size-text-font-family); --coachmark-text-link-text-leading: var(--text-link-small-size-text-leading); --coachmark-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing); --coachmark-text-link-text-scale: var(--text-link-small-size-text-scale); --coachmark-text-link-text-size: var(--text-link-small-size-text-size); --coachmark-text-link-text-tracking: var(--text-link-small-size-text-tracking); --coachmark-text-link-text-weight: var(--text-link-small-size-text-weight); --coachmark-text-link-vertical-padding: 0px; --coachmark-vertical-padding: var(--core-metrics-spacing-200); /* ========== codeDisplay ========== */ --code-display-border-radius: var(--core-radius-200); /* ========== colorPicker ========== */ --color-picker-adjustments-hue-min-height: var(--core-small-size-minimum-height); --color-picker-adjustments-hue-radius: var(--core-radius-100); --color-picker-adjustments-saturation-brightness-min-height: 200; --color-picker-adjustments-saturation-brightness-radius: var(--core-radius-200); --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-light-mode-color); --color-picker-adjustments-scrubber-border-inner-dark-mode-color: var(--core-fill-white-dark-mode-color); --color-picker-adjustments-scrubber-border-inner-light-mode-color: var(--core-fill-white-light-mode-color); --color-picker-adjustments-scrubber-border-inner-width: 2px; --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-light-mode-color); --color-picker-adjustments-scrubber-border-outer-dark-mode-color: var(--core-fill-black-dark-mode-color); --color-picker-adjustments-scrubber-border-outer-light-mode-color: var(--core-fill-black-light-mode-color); --color-picker-adjustments-scrubber-border-outer-width: 1px; --color-picker-adjustments-scrubber-multiplier: 1.25; --color-picker-adjustments-scrubber-padding: var(--core-metrics-spacing-50); --color-picker-adjustments-scrubber-size: 16px; --color-picker-adjustments-scrubber-width: 2px; --color-picker-dots-horizontal-spacing: 14px; --color-picker-dots-icon-color: var(--color-picker-dots-icon-light-mode-color); --color-picker-dots-icon-dark-background-color: var(--core-fill-white-light-mode-color); --color-picker-dots-icon-dark-mode-color: rgba(255,255,255,1); --color-picker-dots-icon-light-background-color: var(--core-fill-black-light-mode-color); --color-picker-dots-icon-light-mode-color: rgba(255,255,255,1); --color-picker-dots-icon-size: 24px; --color-picker-dots-size: var(--core-small-size-minimum-height); --color-picker-dots-vertical-spacing: 16px; --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-light-mode-color); --color-picker-grid-color-palette-gray-dark-mode-color: #D9D9D9; --color-picker-grid-color-palette-gray-light-mode-color: #D9D9D9; --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-light-mode-border-color); --color-picker-swatch-selected-state-dark-mode-border-color: var(--core-fill-white-dark-mode-color); --color-picker-swatch-selected-state-light-mode-border-color: var(--core-fill-black-light-mode-color); --color-picker-vertical-spacing: 16px; /* ========== combobox ========== */ --combobox-tags-horizontal-spacing: var(--core-metrics-spacing-100); /* ========== content-area-width ========== */ --content-area-width-regular-width: 600px; --content-area-width-wide-width: 1248px; /* ========== contentCard ========== */ --content-card-background-color: var(--content-card-background-light-mode-color); --content-card-background-dark-mode-color: var(--content-card-default-variant-background-dark-mode-color); --content-card-background-light-mode-color: var(--content-card-default-variant-background-light-mode-color); --content-card-border-color: var(--content-card-border-light-mode-color); --content-card-border-dark-mode-color: var(--content-card-default-variant-border-dark-mode-color); --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-light-mode-color); --content-card-border-high-contrast-dark-mode-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color); --content-card-border-high-contrast-light-mode-color: var(--content-card-default-variant-border-high-contrast-light-mode-color); --content-card-border-light-mode-color: var(--content-card-default-variant-border-light-mode-color); --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-light-mode-color); --content-card-border-normal-contrast-dark-mode-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color); --content-card-border-normal-contrast-light-mode-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color); --content-card-border-radius: var(--content-card-default-variant-border-radius); --content-card-border-width: var(--content-card-default-variant-border-width); --content-card-default-variant-background-color: var(--content-card-default-variant-background-light-mode-color); --content-card-default-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --content-card-default-variant-background-light-mode-color: var(--core-surface-10-light-mode-color); --content-card-default-variant-border-color: var(--content-card-default-variant-border-light-mode-color); --content-card-default-variant-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-light-mode-color); --content-card-default-variant-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color); --content-card-default-variant-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color); --content-card-default-variant-border-light-mode-color: var(--core-fill-30-light-mode-color); --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-light-mode-color); --content-card-default-variant-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color); --content-card-default-variant-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color); --content-card-default-variant-border-radius: var(--core-radius-200); --content-card-default-variant-border-width: var(--core-border-10); --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-light-mode-color); --content-card-emphasis-variant-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --content-card-emphasis-variant-background-light-mode-color: var(--core-fill-50-light-mode-color); --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-light-mode-color); --content-card-emphasis-variant-border-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --content-card-emphasis-variant-border-light-mode-color: var(--core-emphasis-30-light-mode-color); --content-card-horizontal-padding: var(--core-metrics-spacing-200); --content-card-padding-horizontal-size: var(--content-card-horizontal-padding); --content-card-padding-vertical-size: var(--content-card-vertical-padding); --content-card-vertical-padding: var(--core-metrics-spacing-200); /* ========== content-expander ========== */ --content-expander-animation-duration: var(--core-animation-move-transition-moderate-speed-duration); --content-expander-animation-easing: var(--core-animation-move-transition-easing); --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color); --content-expander-collapsed-display-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --content-expander-collapsed-display-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --content-expander-collapsed-display-disabled-state-underline-size: var(--content-expander-underline-size); --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-light-mode-color); --content-expander-collapsed-display-hover-state-dark-mode-color: var(--core-constant-gray-85-color); --content-expander-collapsed-display-hover-state-light-mode-color: var(--core-constant-gray-45-color); --content-expander-collapsed-display-hover-state-underline-size: var(--content-expander-underline-size); --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-light-mode-color); --content-expander-collapsed-display-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --content-expander-collapsed-display-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --content-expander-collapsed-display-normal-state-underline-size: 0px; --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color); --content-expander-collapsed-display-pressed-state-dark-mode-color: var(--core-constant-gray-60-color); --content-expander-collapsed-display-pressed-state-light-mode-color: #767676; --content-expander-collapsed-display-pressed-state-underline-size: var(--content-expander-underline-size); --content-expander-disabled-state-color: var(--content-expander-disabled-state-light-mode-color); --content-expander-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --content-expander-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-light-mode-color); --content-expander-expanded-display-disabled-state-dark-mode-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color); --content-expander-expanded-display-disabled-state-light-mode-color: var(--content-expander-collapsed-display-disabled-state-light-mode-color); --content-expander-expanded-display-disabled-state-underline-size: var(--content-expander-collapsed-display-disabled-state-underline-size); --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-light-mode-color); --content-expander-expanded-display-hover-state-dark-mode-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color); --content-expander-expanded-display-hover-state-light-mode-color: var(--content-expander-collapsed-display-hover-state-light-mode-color); --content-expander-expanded-display-hover-state-underline-size: var(--content-expander-collapsed-display-hover-state-underline-size); --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-light-mode-color); --content-expander-expanded-display-normal-state-dark-mode-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color); --content-expander-expanded-display-normal-state-light-mode-color: var(--content-expander-collapsed-display-normal-state-light-mode-color); --content-expander-expanded-display-normal-state-underline-size: 1px; --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-light-mode-color); --content-expander-expanded-display-pressed-state-dark-mode-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color); --content-expander-expanded-display-pressed-state-light-mode-color: var(--content-expander-collapsed-display-pressed-state-light-mode-color); --content-expander-expanded-display-pressed-state-underline-size: var(--content-expander-collapsed-display-pressed-state-underline-size); --content-expander-hover-state-color: var(--content-expander-hover-state-light-mode-color); --content-expander-hover-state-dark-mode-color: var(--core-emphasis-20-dark-mode-color); --content-expander-hover-state-light-mode-color: var(--core-emphasis-20-light-mode-color); --content-expander-icon-height: var(--core-icon-small-size-height); --content-expander-icon-width: var(--core-icon-small-size-width); --content-expander-normal-state-color: var(--content-expander-normal-state-light-mode-color); --content-expander-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --content-expander-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --content-expander-pressed-state-color: var(--content-expander-pressed-state-light-mode-color); --content-expander-pressed-state-dark-mode-color: var(--core-emphasis-10-dark-mode-color); --content-expander-pressed-state-light-mode-color: var(--core-emphasis-10-light-mode-color); --content-expander-spacing: var(--core-metrics-spacing-100); --content-expander-text-case: var(--core-type-semibold-30-case); --content-expander-text-font-family: var(--core-type-semibold-30-font-family); --content-expander-text-leading: var(--core-type-semibold-30-leading); --content-expander-text-number-spacing: var(--core-type-semibold-30-number-spacing); --content-expander-text-scale: var(--core-type-semibold-30-scale); --content-expander-text-size: var(--core-type-semibold-30-size); --content-expander-text-tracking: var(--core-type-semibold-30-tracking); --content-expander-text-weight: var(--core-type-semibold-30-weight); --content-expander-underline-size: 1px; /* ========== datePicker ========== */ --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-light-mode-color); --date-picker-date-background-range-first-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-date-background-range-first-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-light-mode-color); --date-picker-date-background-range-first-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-range-first-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-light-mode-color); --date-picker-date-background-range-first-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --date-picker-date-background-range-first-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color); --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-light-mode-color); --date-picker-date-background-range-first-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-range-first-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-light-mode-color); --date-picker-date-background-range-last-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-date-background-range-last-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-light-mode-color); --date-picker-date-background-range-last-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-range-last-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-light-mode-color); --date-picker-date-background-range-last-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --date-picker-date-background-range-last-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color); --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-light-mode-color); --date-picker-date-background-range-last-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-range-last-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-light-mode-color); --date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --date-picker-date-background-range-middle-selection-disabled-state-light-mode-color: var(--core-fill-40-light-mode-color); --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-light-mode-color); --date-picker-date-background-range-middle-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-range-middle-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-light-mode-color); --date-picker-date-background-range-middle-selection-normal-state-dark-mode-color: var(--core-fill-40-dark-mode-color); --date-picker-date-background-range-middle-selection-normal-state-light-mode-color: var(--core-fill-40-light-mode-color); --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-light-mode-color); --date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-range-middle-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-light-mode-color); --date-picker-date-background-single-selection-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-date-background-single-selection-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-light-mode-color); --date-picker-date-background-single-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-single-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-light-mode-color); --date-picker-date-background-single-selection-normal-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --date-picker-date-background-single-selection-normal-state-light-mode-color: var(--core-fill-10-light-mode-color); --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-light-mode-color); --date-picker-date-background-single-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-single-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-light-mode-color); --date-picker-date-background-unselected-selection-disabled-state-dark-mode-color: var(--core-surface-5-dark-mode-color); --date-picker-date-background-unselected-selection-disabled-state-light-mode-color: var(--core-surface-5-light-mode-color); --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-light-mode-color); --date-picker-date-background-unselected-selection-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --date-picker-date-background-unselected-selection-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-light-mode-color); --date-picker-date-background-unselected-selection-normal-state-dark-mode-color: var(--core-surface-5-dark-mode-color); --date-picker-date-background-unselected-selection-normal-state-light-mode-color: var(--core-surface-5-light-mode-color); --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-light-mode-color); --date-picker-date-background-unselected-selection-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --date-picker-date-background-unselected-selection-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-light-mode-color); --date-picker-date-border-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-date-border-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-date-border-focused-state-border: 2; --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-light-mode-color); --date-picker-date-border-focused-state-color-dark-mode-color: var(--core-focus-dark-mode-color); --date-picker-date-border-focused-state-color-light-mode-color: var(--core-focus-light-mode-color); --date-picker-date-border-focused-state-opacity: 1; --date-picker-date-border-normal-state-border: 2; --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-light-mode-color); --date-picker-date-border-normal-state-color-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --date-picker-date-border-normal-state-color-light-mode-color: var(--core-emphasis-fill-light-mode-color); --date-picker-date-border-normal-state-opacity: 0; --date-picker-date-border-radius: var(--core-radius-circle); --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-light-mode-color); --date-picker-date-text-range-first-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-range-first-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-light-mode-color); --date-picker-date-text-range-first-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-first-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-light-mode-color); --date-picker-date-text-range-first-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-range-first-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-light-mode-color); --date-picker-date-text-range-first-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-first-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-light-mode-color); --date-picker-date-text-range-last-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-range-last-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-light-mode-color); --date-picker-date-text-range-last-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-last-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-light-mode-color); --date-picker-date-text-range-last-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-range-last-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-light-mode-color); --date-picker-date-text-range-last-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-last-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-light-mode-color); --date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --date-picker-date-text-range-middle-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-light-mode-color); --date-picker-date-text-range-middle-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-middle-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-light-mode-color); --date-picker-date-text-range-middle-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-middle-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-light-mode-color); --date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-range-middle-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-light-mode-color); --date-picker-date-text-single-selection-disabled-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-single-selection-disabled-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-light-mode-color); --date-picker-date-text-single-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-single-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-light-mode-color); --date-picker-date-text-single-selection-normal-state-dark-mode-color: var(--core-text-inverse-dark-mode-color); --date-picker-date-text-single-selection-normal-state-light-mode-color: var(--core-text-inverse-light-mode-color); --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-light-mode-color); --date-picker-date-text-single-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-single-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-light-mode-color); --date-picker-date-text-unselected-selection-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --date-picker-date-text-unselected-selection-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-light-mode-color); --date-picker-date-text-unselected-selection-hover-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-unselected-selection-hover-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-light-mode-color); --date-picker-date-text-unselected-selection-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-unselected-selection-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-light-mode-color); --date-picker-date-text-unselected-selection-pressed-state-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-date-text-unselected-selection-pressed-state-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-grid-item-height: var(--core-small-size-minimum-height); --date-picker-grid-item-horizontal-padding: 0px; --date-picker-grid-item-vertical-padding: var(--core-metrics-spacing-100); --date-picker-grid-item-width: var(--core-small-size-minimum-height); --date-picker-header-button-background-color: var(--date-picker-header-button-background-light-mode-color); --date-picker-header-button-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --date-picker-header-button-background-light-mode-color: var(--core-fill-40-light-mode-color); --date-picker-header-button-border-radius: var(--core-radius-10); --date-picker-header-button-color: var(--date-picker-header-button-light-mode-color); --date-picker-header-button-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-header-button-horizontal-spacing: var(--core-metrics-spacing-200); --date-picker-header-button-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-header-button-padding: var(--core-metrics-spacing-100); --date-picker-header-color-color: var(--date-picker-header-color-light-mode-color); --date-picker-header-color-dark-mode-color: var(--core-text-10-dark-mode-color); --date-picker-header-color-light-mode-color: var(--core-text-10-light-mode-color); --date-picker-header-font-case: var(--core-type-heading-30-case); --date-picker-header-font-font-family: var(--core-type-heading-30-font-family); --date-picker-header-font-leading: var(--core-type-heading-30-leading); --date-picker-header-font-number-spacing: var(--core-type-heading-30-number-spacing); --date-picker-header-font-scale: var(--core-type-heading-30-scale); --date-picker-header-font-size: var(--core-type-heading-30-size); --date-picker-header-font-tracking: var(--core-type-heading-30-tracking); --date-picker-header-font-weight: var(--core-type-heading-30-weight); --date-picker-header-minimum-height: 40px; --date-picker-header-vertical-spacing: var(--core-metrics-spacing-200); --date-picker-menu-horizontal-spacing: var(--core-metrics-spacing-400); --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-light-mode-color); --date-picker-menu-row-background-selected-state-color-dark-mode-color: var(--core-fill-40-dark-mode-color); --date-picker-menu-row-background-selected-state-color-light-mode-color: var(--core-fill-40-light-mode-color); --date-picker-menu-row-height: 48px; --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-light-mode-color); --date-picker-menu-row-label-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --date-picker-menu-row-label-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --date-picker-menu-row-width: 111px; --date-picker-menu-text-case: var(--core-type-semibold-30-case); --date-picker-menu-text-font-family: var(--core-type-semibold-30-font-family); --date-picker-menu-text-leading: var(--core-type-semibold-30-leading); --date-picker-menu-text-number-spacing: var(--core-type-semibold-30-number-spacing); --date-picker-menu-text-scale: var(--core-type-semibold-30-scale); --date-picker-menu-text-size: var(--core-type-semibold-30-size); --date-picker-menu-text-tracking: var(--core-type-semibold-30-tracking); --date-picker-menu-text-weight: var(--core-type-semibold-30-weight); --date-picker-menu-vertical-spacing: var(--core-metrics-spacing-300); --date-picker-minimum-width: 280px; --date-picker-month-minimum-width: 50px; --date-picker-today-border-color-color: var(--date-picker-today-border-color-light-mode-color); --date-picker-today-border-color-dark-mode-color: var(--core-fill-10-dark-mode-color); --date-picker-today-border-color-light-mode-color: var(--core-fill-10-light-mode-color); --date-picker-today-border-width: var(--core-border-10); --date-picker-today-font-case: var(--core-type-semibold-30-case); --date-picker-today-font-font-family: var(--core-type-semibold-30-font-family); --date-picker-today-font-leading: var(--core-type-semibold-30-leading); --date-picker-today-font-number-spacing: var(--core-type-semibold-30-number-spacing); --date-picker-today-font-scale: var(--core-type-semibold-30-scale); --date-picker-today-font-size: var(--core-type-semibold-30-size); --date-picker-today-font-tracking: var(--core-type-semibold-30-tracking); --date-picker-today-font-weight: var(--core-type-semibold-30-weight); --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-light-mode-color); --date-picker-today-label-disabled-state-color-dark-mode-color: var(--core-fill-30-dark-mode-color); --date-picker-today-label-disabled-state-color-light-mode-color: var(--core-fill-30-light-mode-color); --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-light-mode-color); --date-picker-weekdays-color-dark-mode-color: var(--core-text-20-dark-mode-color); --date-picker-weekdays-color-light-mode-color: var(--core-text-20-light-mode-color); --date-picker-weekdays-font-case: var(--core-type-paragraph-30-case); --date-picker-weekdays-font-font-family: var(--core-type-paragraph-30-font-family); --date-picker-weekdays-font-leading: var(--core-type-paragraph-30-leading); --date-picker-weekdays-font-number-spacing: var(--core-type-paragraph-30-number-spacing); --date-picker-weekdays-font-scale: var(--core-type-paragraph-30-scale); --date-picker-weekdays-font-size: var(--core-type-paragraph-30-size); --date-picker-weekdays-font-tracking: var(--core-type-paragraph-30-tracking); --date-picker-weekdays-font-weight: var(--core-type-paragraph-30-weight); /* ========== divider ========== */ --divider-extra-small-variant-vertical-padding: 0px; --divider-fill-color: var(--divider-fill-light-mode-color); --divider-fill-dark-mode-color: var(--core-divider-20-dark-mode-color); --divider-fill-light-mode-color: var(--core-divider-20-light-mode-color); --divider-height: var(--core-base-size); --divider-large-variant-vertical-padding: var(--core-metrics-spacing-400); --divider-medium-variant-vertical-padding: var(--core-metrics-spacing-200); --divider-radius: var(--core-radius-33); --divider-small-variant-vertical-padding: var(--core-metrics-spacing-100); --divider-thick-size-height: var(--core-border-80); --divider-thin-size-height: var(--core-border-20); /* ========== dropdown-button ========== */ --dropdown-button-border-radius: var(--button-border-radius); --dropdown-button-focus-ring-border-size: var(--button-focus-ring-border-size); --dropdown-button-focus-ring-buffer-size: var(--button-focus-ring-buffer-size); --dropdown-button-large-size-border-radius: var(--button-large-size-border-radius); --dropdown-button-large-size-content-spacing: var(--button-large-size-content-spacing); --dropdown-button-large-size-minimum-height: var(--button-large-size-minimum-height); --dropdown-button-large-size-minimum-width-multiplier: var(--button-large-size-minimum-width-multiplier); --dropdown-button-large-size-primary-rank-horizontal-padding: var(--button-large-size-primary-rank-horizontal-padding); --dropdown-button-large-size-primary-rank-vertical-padding: var(--button-large-size-primary-rank-vertical-padding); --dropdown-button-large-size-secondary-rank-horizontal-padding: var(--button-large-size-secondary-rank-horizontal-padding); --dropdown-button-large-size-secondary-rank-vertical-padding: var(--button-large-size-secondary-rank-vertical-padding); --dropdown-button-large-size-tertiary-rank-horizontal-padding: var(--button-large-size-tertiary-rank-horizontal-padding); --dropdown-button-large-size-tertiary-rank-vertical-padding: var(--button-large-size-tertiary-rank-vertical-padding); --dropdown-button-large-size-text-case: var(--button-large-size-text-case); --dropdown-button-large-size-text-font-family: var(--button-large-size-text-font-family); --dropdown-button-large-size-text-leading: var(--button-large-size-text-leading); --dropdown-button-large-size-text-number-spacing: var(--button-large-size-text-number-spacing); --dropdown-button-large-size-text-scale: var(--button-large-size-text-scale); --dropdown-button-large-size-text-size: var(--button-large-size-text-size); --dropdown-button-large-size-text-tracking: var(--button-large-size-text-tracking); --dropdown-button-large-size-text-weight: var(--button-large-size-text-weight); --dropdown-button-medium-size-border-radius: var(--button-medium-size-border-radius); --dropdown-button-medium-size-content-spacing: var(--button-medium-size-content-spacing); --dropdown-button-medium-size-minimum-height: var(--button-medium-size-minimum-height); --dropdown-button-medium-size-minimum-width-multiplier: var(--button-medium-size-minimum-width-multiplier); --dropdown-button-medium-size-primary-rank-horizontal-padding: var(--button-medium-size-primary-rank-horizontal-padding); --dropdown-button-medium-size-primary-rank-vertical-padding: var(--button-medium-size-primary-rank-vertical-padding); --dropdown-button-medium-size-secondary-rank-horizontal-padding: var(--button-medium-size-secondary-rank-horizontal-padding); --dropdown-button-medium-size-secondary-rank-vertical-padding: var(--button-medium-size-secondary-rank-vertical-padding); --dropdown-button-medium-size-tertiary-rank-horizontal-padding: var(--button-medium-size-tertiary-rank-horizontal-padding); --dropdown-button-medium-size-tertiary-rank-vertical-padding: var(--button-medium-size-tertiary-rank-vertical-padding); --dropdown-button-medium-size-text-case: var(--button-medium-size-text-case); --dropdown-button-medium-size-text-font-family: var(--button-medium-size-text-font-family); --dropdown-button-medium-size-text-leading: var(--button-medium-size-text-leading); --dropdown-button-medium-size-text-number-spacing: var(--button-medium-size-text-number-spacing); --dropdown-button-medium-size-text-scale: var(--button-medium-size-text-scale); --dropdown-button-medium-size-text-size: var(--button-medium-size-text-size); --dropdown-button-medium-size-text-tracking: var(--button-medium-size-text-tracking); --dropdown-button-medium-size-text-weight: var(--button-medium-size-text-weight); --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-primary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-primary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-primary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-primary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-primary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-primary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-secondary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-focus-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-hover-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-normal-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-light-mode-label-color); --dropdown-button-small-size-border-radius: var(--button-small-size-border-radius); --dropdown-button-small-size-content-spacing: var(--button-small-size-content-spacing); --dropdown-button-small-size-minimum-height: var(--button-small-size-minimum-height); --dropdown-button-small-size-minimum-width-multiplier: var(--button-small-size-minimum-width-multiplier); --dropdown-button-small-size-primary-rank-horizontal-padding: var(--button-small-size-primary-rank-horizontal-padding); --dropdown-button-small-size-primary-rank-vertical-padding: var(--button-small-size-primary-rank-vertical-padding); --dropdown-button-small-size-secondary-rank-horizontal-padding: var(--button-small-size-secondary-rank-horizontal-padding); --dropdown-button-small-size-secondary-rank-vertical-padding: var(--button-small-size-secondary-rank-vertical-padding); --dropdown-button-small-size-tertiary-rank-horizontal-padding: var(--button-small-size-tertiary-rank-horizontal-padding); --dropdown-button-small-size-tertiary-rank-vertical-padding: var(--button-small-size-tertiary-rank-vertical-padding); --dropdown-button-small-size-text-case: var(--button-small-size-text-case); --dropdown-button-small-size-text-font-family: var(--button-small-size-text-font-family); --dropdown-button-small-size-text-leading: var(--button-small-size-text-leading); --dropdown-button-small-size-text-number-spacing: var(--button-small-size-text-number-spacing); --dropdown-button-small-size-text-scale: var(--button-small-size-text-scale); --dropdown-button-small-size-text-size: var(--button-small-size-text-size); --dropdown-button-small-size-text-tracking: var(--button-small-size-text-tracking); --dropdown-button-small-size-text-weight: var(--button-small-size-text-weight); --dropdown-button-tertiary-rank-underline: var(--button-tertiary-rank-underline); /* ========== dropdown-icon-button ========== */ --dropdown-icon-button-border-radius: var(--icon-button-border-radius); --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-light-mode-background-color); --dropdown-icon-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --dropdown-icon-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-light-mode-icon-color); --dropdown-icon-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --dropdown-icon-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --dropdown-icon-button-focus-ring-border-size: var(--icon-button-focus-ring-border-size); --dropdown-icon-button-focus-ring-buffer-size: var(--icon-button-focus-ring-buffer-size); --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-light-mode-background-color); --dropdown-icon-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --dropdown-icon-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-light-mode-icon-color); --dropdown-icon-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --dropdown-icon-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-light-mode-background-color); --dropdown-icon-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --dropdown-icon-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-light-mode-icon-color); --dropdown-icon-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --dropdown-icon-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --dropdown-icon-button-large-size-icon-height: var(--icon-button-large-size-icon-height); --dropdown-icon-button-large-size-icon-width: var(--icon-button-large-size-icon-width); --dropdown-icon-button-large-size-minimum-height: var(--icon-button-large-size-minimum-height); --dropdown-icon-button-large-size-padding-size: var(--icon-button-large-size-padding-size); --dropdown-icon-button-large-size-width-multiplier: var(--icon-button-large-size-width-multiplier); --dropdown-icon-button-medium-size-horizontal-spacing-size: var(--icon-button-medium-size-horizontal-spacing-size); --dropdown-icon-button-medium-size-icon-height: var(--icon-button-medium-size-icon-height); --dropdown-icon-button-medium-size-icon-width: var(--icon-button-medium-size-icon-width); --dropdown-icon-button-medium-size-minimum-height: var(--icon-button-medium-size-minimum-height); --dropdown-icon-button-medium-size-padding-size: var(--icon-button-medium-size-padding-size); --dropdown-icon-button-medium-size-width-multiplier: var(--icon-button-medium-size-width-multiplier); --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-light-mode-background-color); --dropdown-icon-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --dropdown-icon-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-light-mode-icon-color); --dropdown-icon-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --dropdown-icon-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-light-mode-background-color); --dropdown-icon-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --dropdown-icon-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-light-mode-icon-color); --dropdown-icon-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --dropdown-icon-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --dropdown-icon-button-small-size-icon-height: var(--icon-button-small-size-icon-height); --dropdown-icon-button-small-size-icon-width: var(--icon-button-small-size-icon-width); --dropdown-icon-button-small-size-minimum-height: var(--icon-button-small-size-minimum-height); --dropdown-icon-button-small-size-padding-size: var(--icon-button-small-size-padding-size); --dropdown-icon-button-small-size-width-multiplier: var(--icon-button-small-size-width-multiplier); /* ========== empty-state ========== */ --empty-state-background-color: var(--empty-state-background-light-mode-color); --empty-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --empty-state-background-light-mode-color: var(--core-surface-10-light-mode-color); --empty-state-border-color: var(--empty-state-border-light-mode-color); --empty-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --empty-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --empty-state-border-radius: var(--core-radius-200); --empty-state-border-width: var(--core-border-10); --empty-state-button-group-overflow-button-border-radius: var(--button-group-overflow-button-border-radius); --empty-state-button-group-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height); --empty-state-button-group-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size); --empty-state-button-group-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width); --empty-state-button-group-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-background-color); --empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color); --empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color); --empty-state-button-group-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color); --empty-state-button-group-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color); --empty-state-button-group-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size); --empty-state-button-group-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size); --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-background-color); --empty-state-button-group-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color); --empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-light-mode-icon-color); --empty-state-button-group-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color); --empty-state-button-group-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color); --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-background-color); --empty-state-button-group-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color); --empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-light-mode-icon-color); --empty-state-button-group-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color); --empty-state-button-group-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color); --empty-state-button-group-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height); --empty-state-button-group-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width); --empty-state-button-group-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height); --empty-state-button-group-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size); --empty-state-button-group-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier); --empty-state-button-group-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size); --empty-state-button-group-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height); --empty-state-button-group-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width); --empty-state-button-group-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height); --empty-state-button-group-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size); --empty-state-button-group-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier); --empty-state-button-group-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height); --empty-state-button-group-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width); --empty-state-button-group-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height); --empty-state-button-group-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width); --empty-state-button-group-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size); --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-background-color); --empty-state-button-group-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color); --empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-light-mode-icon-color); --empty-state-button-group-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color); --empty-state-button-group-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-padding-size: var(--button-group-overflow-button-padding-size); --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-background-color); --empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color); --empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color); --empty-state-button-group-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color); --empty-state-button-group-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier); --empty-state-button-group-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height); --empty-state-button-group-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width); --empty-state-button-group-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height); --empty-state-button-group-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size); --empty-state-button-group-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-spacing: var(--button-group-spacing); --empty-state-button-group-vertical-spacing: var(--core-metrics-spacing-400); --empty-state-heading-color: var(--empty-state-heading-light-mode-color); --empty-state-heading-dark-mode-color: var(--core-text-10-dark-mode-color); --empty-state-heading-light-mode-color: var(--core-text-10-light-mode-color); --empty-state-heading-text-case: var(--core-type-heading-20-case); --empty-state-heading-text-color: var(--empty-state-heading-text-light-mode-color); --empty-state-heading-text-dark-mode-color: var(--core-text-10-dark-mode-color); --empty-state-heading-text-font-family: var(--core-type-heading-20-font-family); --empty-state-heading-text-leading: var(--core-type-heading-20-leading); --empty-state-heading-text-light-mode-color: var(--core-text-10-light-mode-color); --empty-state-heading-text-number-spacing: var(--core-type-heading-20-number-spacing); --empty-state-heading-text-scale: var(--core-type-heading-20-scale); --empty-state-heading-text-size: var(--core-type-heading-20-size); --empty-state-heading-text-tracking: var(--core-type-heading-20-tracking); --empty-state-heading-text-weight: var(--core-type-heading-20-weight); --empty-state-horizontal-padding: var(--core-metrics-spacing-400); --empty-state-icon-size: 80px; --empty-state-illustration-size: 96px; --empty-state-paragraph-text-case: var(--core-type-paragraph-30-case); --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-light-mode-color); --empty-state-paragraph-text-dark-mode-color: var(--core-text-10-dark-mode-color); --empty-state-paragraph-text-font-family: var(--core-type-paragraph-30-font-family); --empty-state-paragraph-text-leading: var(--core-type-paragraph-30-leading); --empty-state-paragraph-text-light-mode-color: var(--core-text-10-light-mode-color); --empty-state-paragraph-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --empty-state-paragraph-text-scale: var(--core-type-paragraph-30-scale); --empty-state-paragraph-text-size: var(--core-type-paragraph-30-size); --empty-state-paragraph-text-tracking: var(--core-type-paragraph-30-tracking); --empty-state-paragraph-text-weight: var(--core-type-paragraph-30-weight); --empty-state-paragraph-vertical-spacing: var(--core-metrics-spacing-100); --empty-state-vertical-padding: var(--core-metrics-spacing-400); /* ========== field ========== */ --field-action-text-case: var(--core-type-semibold-20-case); --field-action-text-color: var(--field-light-mode-action-text-color); --field-action-text-font-family: var(--core-type-semibold-20-font-family); --field-action-text-leading: var(--core-type-semibold-20-leading); --field-action-text-number-spacing: var(--core-type-semibold-20-number-spacing); --field-action-text-scale: var(--core-type-semibold-20-scale); --field-action-text-size: var(--core-type-semibold-20-size); --field-action-text-tracking: var(--core-type-semibold-20-tracking); --field-action-text-weight: var(--core-type-semibold-20-weight); --field-action-vertical-padding-size: 8px; --field-border-radius: var(--core-radius-forms); --field-border-size: 1px; --field-dark-mode-action-text-color: var(--core-emphasis-fill-dark-mode-color); --field-dark-mode-error-message-text-color: var(--core-critical-text-dark-mode-color); --field-dark-mode-helper-text-text-color: var(--core-text-20-dark-mode-color); --field-dark-mode-placeholder-text-color: var(--core-text-20-dark-mode-color); --field-dark-mode-selection-caret-color: var(--field-dark-mode-selection-text-cursor-color); --field-dark-mode-selection-highlight-color: var(--core-fill-30-dark-mode-color); --field-dark-mode-selection-text-cursor-color: var(--core-text-10-dark-mode-color); --field-disabled-state-background-color: var(--field-disabled-state-light-mode-background-color); --field-disabled-state-border-color: var(--field-disabled-state-light-mode-border-color); --field-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --field-disabled-state-dark-mode-border-color: var(--core-fill-40-dark-mode-color); --field-disabled-state-dark-mode-input-color: var(--field-disabled-state-empty-phase-dark-mode-label-color); --field-disabled-state-empty-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color); --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-light-mode-label-color); --field-disabled-state-empty-phase-light-mode-label-color: var(--core-text-30-light-mode-color); --field-disabled-state-float-phase-dark-mode-label-color: var(--core-text-30-dark-mode-color); --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-light-mode-label-color); --field-disabled-state-float-phase-light-mode-label-color: var(--core-text-30-light-mode-color); --field-disabled-state-input-color: var(--field-disabled-state-light-mode-input-color); --field-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --field-disabled-state-light-mode-border-color: var(--core-fill-40-light-mode-color); --field-disabled-state-light-mode-input-color: var(--field-disabled-state-empty-phase-light-mode-label-color); --field-empty-phase-horizontal-padding-size: 16px; --field-empty-phase-label-text-case: var(--core-type-paragraph-30-case); --field-empty-phase-label-text-font-family: var(--core-type-paragraph-30-font-family); --field-empty-phase-label-text-leading: var(--core-type-paragraph-30-leading); --field-empty-phase-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --field-empty-phase-label-text-scale: var(--core-type-paragraph-30-scale); --field-empty-phase-label-text-size: var(--core-type-paragraph-30-size); --field-empty-phase-label-text-tracking: var(--core-type-paragraph-30-tracking); --field-empty-phase-label-text-weight: var(--core-type-paragraph-30-weight); --field-empty-phase-vertical-padding-size: 20px; --field-error-message-icon-buffer-size: 8px; --field-error-message-icon-height: 8px; --field-error-message-icon-vertical-spacing: 8px; --field-error-message-icon-width: var(--field-error-message-icon-height); --field-error-message-text-case: var(--core-type-paragraph-20-case); --field-error-message-text-color: var(--field-light-mode-error-message-text-color); --field-error-message-text-font-family: var(--core-type-paragraph-20-font-family); --field-error-message-text-leading: var(--core-type-paragraph-20-leading); --field-error-message-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --field-error-message-text-scale: var(--core-type-paragraph-20-scale); --field-error-message-text-size: var(--core-type-paragraph-20-size); --field-error-message-text-tracking: var(--core-type-paragraph-20-tracking); --field-error-message-text-vertical-spacing: 8px; --field-error-message-text-weight: var(--core-type-paragraph-20-weight); --field-float-phase-horizontal-padding-size: var(--field-empty-phase-horizontal-padding-size); --field-float-phase-label-margin-bottom-size: 2px; --field-float-phase-label-margin-top-size: 8px; --field-float-phase-label-text-case: var(--core-type-semibold-20-case); --field-float-phase-label-text-font-family: var(--core-type-semibold-20-font-family); --field-float-phase-label-text-leading: var(--core-type-semibold-20-leading); --field-float-phase-label-text-number-spacing: var(--core-type-semibold-20-number-spacing); --field-float-phase-label-text-scale: var(--core-type-semibold-20-scale); --field-float-phase-label-text-size: var(--core-type-semibold-20-size); --field-float-phase-label-text-tracking: var(--core-type-semibold-20-tracking); --field-float-phase-label-text-weight: 500; --field-float-phase-vertical-padding-size: 8px; --field-focus-state-background-color: var(--field-focus-state-light-mode-background-color); --field-focus-state-border-size: 2px; --field-focus-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color); --field-focus-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color); --field-focus-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color); --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-light-mode-label-color); --field-focus-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color); --field-focus-state-input-color: var(--field-focus-state-light-mode-input-color); --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-light-mode-border-color); --field-focus-state-invalid-validity-dark-mode-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color); --field-focus-state-invalid-validity-light-mode-border-color: var(--field-focus-state-normal-validity-light-mode-border-color); --field-focus-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color); --field-focus-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color); --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-light-mode-border-color); --field-focus-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --field-focus-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --field-helper-text-case: var(--core-type-paragraph-20-case); --field-helper-text-font-family: var(--core-type-paragraph-20-font-family); --field-helper-text-horizontal-spacing: 0px; --field-helper-text-leading: var(--core-type-paragraph-20-leading); --field-helper-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --field-helper-text-scale: var(--core-type-paragraph-20-scale); --field-helper-text-size: var(--core-type-paragraph-20-size); --field-helper-text-text-color: var(--field-light-mode-helper-text-text-color); --field-helper-text-tracking: var(--core-type-paragraph-20-tracking); --field-helper-text-vertical-spacing: 8px; --field-helper-text-weight: var(--core-type-paragraph-20-weight); --field-hover-state-background-color: var(--field-hover-state-light-mode-background-color); --field-hover-state-dark-mode-background-color: var(--field-normal-state-dark-mode-background-color); --field-hover-state-dark-mode-input-color: var(--field-normal-state-dark-mode-input-color); --field-hover-state-empty-phase-dark-mode-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color); --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-light-mode-label-color); --field-hover-state-empty-phase-light-mode-label-color: var(--field-normal-state-empty-phase-light-mode-label-color); --field-hover-state-float-phase-dark-mode-label-color: var(--field-normal-state-float-phase-dark-mode-label-color); --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-light-mode-label-color); --field-hover-state-float-phase-light-mode-label-color: var(--field-normal-state-float-phase-light-mode-label-color); --field-hover-state-input-color: var(--field-hover-state-light-mode-input-color); --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-light-mode-border-color); --field-hover-state-invalid-validity-dark-mode-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color); --field-hover-state-invalid-validity-light-mode-border-color: var(--field-hover-state-normal-validity-light-mode-border-color); --field-hover-state-light-mode-background-color: var(--field-normal-state-light-mode-background-color); --field-hover-state-light-mode-input-color: var(--field-normal-state-light-mode-input-color); --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-light-mode-border-color); --field-hover-state-normal-validity-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --field-hover-state-normal-validity-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --field-icon-buffer-size: 16px; --field-icon-height: 24px; --field-icon-width: var(--field-icon-height); --field-image-accessory-spacing-left-size: 12px; --field-input-case: var(--core-type-paragraph-30-case); --field-input-font-family: var(--core-type-paragraph-30-font-family); --field-input-leading: var(--core-type-paragraph-30-leading); --field-input-number-spacing: var(--core-type-paragraph-30-number-spacing); --field-input-scale: var(--core-type-paragraph-30-scale); --field-input-size: var(--core-type-paragraph-30-size); --field-input-tracking: var(--core-type-paragraph-30-tracking); --field-input-weight: var(--core-type-paragraph-30-weight); --field-light-mode-action-text-color: var(--core-emphasis-fill-light-mode-color); --field-light-mode-error-message-text-color: var(--core-critical-text-light-mode-color); --field-light-mode-helper-text-text-color: var(--core-text-20-light-mode-color); --field-light-mode-placeholder-text-color: var(--core-text-20-light-mode-color); --field-light-mode-selection-caret-color: var(--field-light-mode-selection-text-cursor-color); --field-light-mode-selection-highlight-color: var(--core-fill-30-light-mode-color); --field-light-mode-selection-text-cursor-color: var(--core-text-10-light-mode-color); --field-normal-state-background-color: var(--field-normal-state-light-mode-background-color); --field-normal-state-dark-mode-background-color: var(--core-surface-5-dark-mode-color); --field-normal-state-dark-mode-input-color: var(--core-text-10-dark-mode-color); --field-normal-state-empty-phase-dark-mode-label-color: var(--core-text-20-dark-mode-color); --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-light-mode-label-color); --field-normal-state-empty-phase-light-mode-label-color: var(--core-text-20-light-mode-color); --field-normal-state-float-phase-dark-mode-label-color: var(--core-text-10-dark-mode-color); --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-light-mode-label-color); --field-normal-state-float-phase-light-mode-label-color: var(--core-text-10-light-mode-color); --field-normal-state-input-color: var(--field-normal-state-light-mode-input-color); --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-light-mode-border-color); --field-normal-state-invalid-validity-dark-mode-border-color: var(--core-critical-fill-dark-mode-color); --field-normal-state-invalid-validity-light-mode-border-color: var(--core-critical-fill-light-mode-color); --field-normal-state-light-mode-background-color: var(--core-surface-5-light-mode-color); --field-normal-state-light-mode-input-color: var(--core-text-10-light-mode-color); --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-light-mode-border-color); --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-high-contrast-color); --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-light-mode-border-normal-contrast-color); --field-normal-state-normal-validity-dark-mode-border-color: var(--core-fill-30-dark-mode-color); --field-normal-state-normal-validity-dark-mode-border-high-contrast-color: var(--core-fill-20-dark-mode-color); --field-normal-state-normal-validity-dark-mode-border-normal-contrast-color: var(--core-fill-30-dark-mode-color); --field-normal-state-normal-validity-light-mode-border-color: var(--core-fill-30-light-mode-color); --field-normal-state-normal-validity-light-mode-border-high-contrast-color: var(--core-fill-20-light-mode-color); --field-normal-state-normal-validity-light-mode-border-normal-contrast-color: var(--core-fill-30-light-mode-color); --field-placeholder-text-color: var(--field-light-mode-placeholder-text-color); --field-selection-caret-color: var(--field-light-mode-selection-caret-color); --field-selection-highlight-color: var(--field-light-mode-selection-highlight-color); --field-selection-text-cursor-color: var(--field-light-mode-selection-text-cursor-color); --field-trailing-accessory-buffer-size: 16px; --field-trailing-accessory-disabled-state-opacity: var(--core-opacity-disabled-state); --field-trailing-accessory-height: 48px; --field-trailing-accessory-position-bottom-size: 8px; --field-trailing-accessory-position-right-size: 0px; --field-trailing-accessory-width: var(--field-trailing-accessory-height); /* ========== file-upload ========== */ --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-light-mode-color); --file-upload-dropzone-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --file-upload-dropzone-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-light-mode-color); --file-upload-dropzone-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color); --file-upload-dropzone-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color); --file-upload-dropzone-disabled-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius); --file-upload-dropzone-disabled-state-border-width: var(--file-upload-dropzone-normal-state-border-width); --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-light-mode-color); --file-upload-dropzone-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color); --file-upload-dropzone-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color); --file-upload-dropzone-disabled-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case); --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-light-mode-color); --file-upload-dropzone-disabled-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color); --file-upload-dropzone-disabled-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family); --file-upload-dropzone-disabled-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading); --file-upload-dropzone-disabled-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color); --file-upload-dropzone-disabled-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing); --file-upload-dropzone-disabled-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale); --file-upload-dropzone-disabled-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size); --file-upload-dropzone-disabled-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking); --file-upload-dropzone-disabled-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight); --file-upload-dropzone-disabled-state-text-case: var(--file-upload-dropzone-normal-state-text-case); --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-light-mode-color); --file-upload-dropzone-disabled-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color); --file-upload-dropzone-disabled-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family); --file-upload-dropzone-disabled-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading); --file-upload-dropzone-disabled-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color); --file-upload-dropzone-disabled-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing); --file-upload-dropzone-disabled-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale); --file-upload-dropzone-disabled-state-text-size: var(--file-upload-dropzone-normal-state-text-size); --file-upload-dropzone-disabled-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking); --file-upload-dropzone-disabled-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight); --file-upload-dropzone-horizontal-padding: var(--core-metrics-spacing-400); --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-light-mode-color); --file-upload-dropzone-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --file-upload-dropzone-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-light-mode-color); --file-upload-dropzone-hover-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --file-upload-dropzone-hover-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --file-upload-dropzone-hover-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius); --file-upload-dropzone-hover-state-border-width: var(--file-upload-dropzone-normal-state-border-width); --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-light-mode-color); --file-upload-dropzone-hover-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color); --file-upload-dropzone-hover-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color); --file-upload-dropzone-hover-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case); --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-light-mode-color); --file-upload-dropzone-hover-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color); --file-upload-dropzone-hover-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family); --file-upload-dropzone-hover-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading); --file-upload-dropzone-hover-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color); --file-upload-dropzone-hover-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing); --file-upload-dropzone-hover-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale); --file-upload-dropzone-hover-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size); --file-upload-dropzone-hover-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking); --file-upload-dropzone-hover-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight); --file-upload-dropzone-hover-state-text-case: var(--file-upload-dropzone-normal-state-text-case); --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-light-mode-color); --file-upload-dropzone-hover-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color); --file-upload-dropzone-hover-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family); --file-upload-dropzone-hover-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading); --file-upload-dropzone-hover-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color); --file-upload-dropzone-hover-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing); --file-upload-dropzone-hover-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale); --file-upload-dropzone-hover-state-text-size: var(--file-upload-dropzone-normal-state-text-size); --file-upload-dropzone-hover-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking); --file-upload-dropzone-hover-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight); --file-upload-dropzone-minimum-height: 400px; --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-light-mode-color); --file-upload-dropzone-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --file-upload-dropzone-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color); --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-light-mode-color); --file-upload-dropzone-normal-state-border-dark-mode-color: var(--core-fill-20-dark-mode-color); --file-upload-dropzone-normal-state-border-light-mode-color: var(--core-fill-20-light-mode-color); --file-upload-dropzone-normal-state-border-radius: var(--core-radius-200); --file-upload-dropzone-normal-state-border-width: var(--core-border-10); --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color); --file-upload-dropzone-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --file-upload-dropzone-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color); --file-upload-dropzone-normal-state-subtext-case: var(--core-type-paragraph-20-case); --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color); --file-upload-dropzone-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color); --file-upload-dropzone-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family); --file-upload-dropzone-normal-state-subtext-leading: var(--core-type-paragraph-20-leading); --file-upload-dropzone-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color); --file-upload-dropzone-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing); --file-upload-dropzone-normal-state-subtext-scale: var(--core-type-paragraph-20-scale); --file-upload-dropzone-normal-state-subtext-size: var(--core-type-paragraph-20-size); --file-upload-dropzone-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking); --file-upload-dropzone-normal-state-subtext-weight: var(--core-type-paragraph-20-weight); --file-upload-dropzone-normal-state-text-case: var(--core-type-paragraph-30-case); --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-light-mode-color); --file-upload-dropzone-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --file-upload-dropzone-normal-state-text-font-family: var(--core-type-paragraph-30-font-family); --file-upload-dropzone-normal-state-text-leading: var(--core-type-paragraph-30-leading); --file-upload-dropzone-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color); --file-upload-dropzone-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --file-upload-dropzone-normal-state-text-scale: var(--core-type-paragraph-30-scale); --file-upload-dropzone-normal-state-text-size: var(--core-type-paragraph-30-size); --file-upload-dropzone-normal-state-text-tracking: var(--core-type-paragraph-30-tracking); --file-upload-dropzone-normal-state-text-weight: var(--core-type-paragraph-30-weight); --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-light-mode-color); --file-upload-dropzone-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --file-upload-dropzone-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-light-mode-color); --file-upload-dropzone-pressed-state-border-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --file-upload-dropzone-pressed-state-border-light-mode-color: var(--core-emphasis-fill-light-mode-color); --file-upload-dropzone-pressed-state-border-radius: var(--file-upload-dropzone-normal-state-border-radius); --file-upload-dropzone-pressed-state-border-width: var(--file-upload-dropzone-normal-state-border-width); --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-light-mode-color); --file-upload-dropzone-pressed-state-icon-dark-mode-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color); --file-upload-dropzone-pressed-state-icon-light-mode-color: var(--file-upload-dropzone-normal-state-icon-light-mode-color); --file-upload-dropzone-pressed-state-subtext-case: var(--file-upload-dropzone-normal-state-subtext-case); --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-light-mode-color); --file-upload-dropzone-pressed-state-subtext-dark-mode-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color); --file-upload-dropzone-pressed-state-subtext-font-family: var(--file-upload-dropzone-normal-state-subtext-font-family); --file-upload-dropzone-pressed-state-subtext-leading: var(--file-upload-dropzone-normal-state-subtext-leading); --file-upload-dropzone-pressed-state-subtext-light-mode-color: var(--file-upload-dropzone-normal-state-subtext-light-mode-color); --file-upload-dropzone-pressed-state-subtext-number-spacing: var(--file-upload-dropzone-normal-state-subtext-number-spacing); --file-upload-dropzone-pressed-state-subtext-scale: var(--file-upload-dropzone-normal-state-subtext-scale); --file-upload-dropzone-pressed-state-subtext-size: var(--file-upload-dropzone-normal-state-subtext-size); --file-upload-dropzone-pressed-state-subtext-tracking: var(--file-upload-dropzone-normal-state-subtext-tracking); --file-upload-dropzone-pressed-state-subtext-weight: var(--file-upload-dropzone-normal-state-subtext-weight); --file-upload-dropzone-pressed-state-text-case: var(--file-upload-dropzone-normal-state-text-case); --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-light-mode-color); --file-upload-dropzone-pressed-state-text-dark-mode-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color); --file-upload-dropzone-pressed-state-text-font-family: var(--file-upload-dropzone-normal-state-text-font-family); --file-upload-dropzone-pressed-state-text-leading: var(--file-upload-dropzone-normal-state-text-leading); --file-upload-dropzone-pressed-state-text-light-mode-color: var(--file-upload-dropzone-normal-state-text-light-mode-color); --file-upload-dropzone-pressed-state-text-number-spacing: var(--file-upload-dropzone-normal-state-text-number-spacing); --file-upload-dropzone-pressed-state-text-scale: var(--file-upload-dropzone-normal-state-text-scale); --file-upload-dropzone-pressed-state-text-size: var(--file-upload-dropzone-normal-state-text-size); --file-upload-dropzone-pressed-state-text-tracking: var(--file-upload-dropzone-normal-state-text-tracking); --file-upload-dropzone-pressed-state-text-weight: var(--file-upload-dropzone-normal-state-text-weight); --file-upload-dropzone-vertical-padding: var(--file-upload-dropzone-horizontal-padding); --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-light-mode-color); --file-upload-upload-item-error-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-error-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-error-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-height: var(--core-metrics-spacing-300); --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --file-upload-upload-item-error-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color); --file-upload-upload-item-error-state-leading-accessory-width: var(--file-upload-upload-item-error-state-leading-accessory-height); --file-upload-upload-item-error-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case); --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-light-mode-color); --file-upload-upload-item-error-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color); --file-upload-upload-item-error-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family); --file-upload-upload-item-error-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading); --file-upload-upload-item-error-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color); --file-upload-upload-item-error-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing); --file-upload-upload-item-error-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale); --file-upload-upload-item-error-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size); --file-upload-upload-item-error-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking); --file-upload-upload-item-error-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight); --file-upload-upload-item-error-state-text-case: var(--file-upload-upload-item-normal-state-text-case); --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-light-mode-color); --file-upload-upload-item-error-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-error-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family); --file-upload-upload-item-error-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading); --file-upload-upload-item-error-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-error-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing); --file-upload-upload-item-error-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale); --file-upload-upload-item-error-state-text-size: var(--file-upload-upload-item-normal-state-text-size); --file-upload-upload-item-error-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking); --file-upload-upload-item-error-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight); --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color); --file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color); --file-upload-upload-item-error-state-trailing-accessory-icon-light-mode-color: var(--core-critical-fill-light-mode-color); --file-upload-upload-item-horizontal-gap: var(--core-metrics-spacing-200); --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-light-mode-color); --file-upload-upload-item-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --file-upload-upload-item-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-light-mode-color); --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); --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); --file-upload-upload-item-hover-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height); --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-light-mode-color); --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); --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); --file-upload-upload-item-hover-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width); --file-upload-upload-item-hover-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case); --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-light-mode-color); --file-upload-upload-item-hover-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color); --file-upload-upload-item-hover-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family); --file-upload-upload-item-hover-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading); --file-upload-upload-item-hover-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color); --file-upload-upload-item-hover-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing); --file-upload-upload-item-hover-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale); --file-upload-upload-item-hover-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size); --file-upload-upload-item-hover-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking); --file-upload-upload-item-hover-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight); --file-upload-upload-item-hover-state-text-case: var(--file-upload-upload-item-normal-state-text-case); --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-light-mode-color); --file-upload-upload-item-hover-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-hover-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family); --file-upload-upload-item-hover-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading); --file-upload-upload-item-hover-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-hover-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing); --file-upload-upload-item-hover-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale); --file-upload-upload-item-hover-state-text-size: var(--file-upload-upload-item-normal-state-text-size); --file-upload-upload-item-hover-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking); --file-upload-upload-item-hover-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight); --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-light-mode-color); --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); --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); --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-light-mode-color); --file-upload-upload-item-loading-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-loading-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-loading-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-height: var(--core-metrics-spacing-300); --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --file-upload-upload-item-loading-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color); --file-upload-upload-item-loading-state-leading-accessory-width: var(--file-upload-upload-item-loading-state-leading-accessory-height); --file-upload-upload-item-loading-state-subtext-case: var(--core-type-paragraph-20-case); --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-light-mode-color); --file-upload-upload-item-loading-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color); --file-upload-upload-item-loading-state-subtext-font-family: var(--core-type-paragraph-20-font-family); --file-upload-upload-item-loading-state-subtext-leading: var(--core-type-paragraph-20-leading); --file-upload-upload-item-loading-state-subtext-light-mode-color: var(--core-text-20-light-mode-color); --file-upload-upload-item-loading-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing); --file-upload-upload-item-loading-state-subtext-scale: var(--core-type-paragraph-20-scale); --file-upload-upload-item-loading-state-subtext-size: var(--core-type-paragraph-20-size); --file-upload-upload-item-loading-state-subtext-tracking: var(--core-type-paragraph-20-tracking); --file-upload-upload-item-loading-state-subtext-weight: var(--core-type-paragraph-20-weight); --file-upload-upload-item-loading-state-text-case: var(--core-type-paragraph-30-case); --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-light-mode-color); --file-upload-upload-item-loading-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --file-upload-upload-item-loading-state-text-font-family: var(--core-type-paragraph-30-font-family); --file-upload-upload-item-loading-state-text-leading: var(--core-type-paragraph-30-leading); --file-upload-upload-item-loading-state-text-light-mode-color: var(--core-text-10-light-mode-color); --file-upload-upload-item-loading-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --file-upload-upload-item-loading-state-text-scale: var(--core-type-paragraph-30-scale); --file-upload-upload-item-loading-state-text-size: var(--core-type-paragraph-30-size); --file-upload-upload-item-loading-state-text-tracking: var(--core-type-paragraph-30-tracking); --file-upload-upload-item-loading-state-text-weight: var(--core-type-paragraph-30-weight); --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color); --file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --file-upload-upload-item-loading-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color); --file-upload-upload-item-multiple-value-border-radius: var(--file-upload-upload-item-single-value-border-radius); --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-light-mode-color); --file-upload-upload-item-multiple-value-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --file-upload-upload-item-multiple-value-separator-light-mode-color: var(--core-divider-20-light-mode-color); --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-normal-state-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --file-upload-upload-item-normal-state-background-light-mode-color: var(--core-surface-10-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --file-upload-upload-item-normal-state-leading-accessory-background-light-mode-color: var(--core-fill-40-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-height: var(--core-metrics-spacing-300); --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --file-upload-upload-item-normal-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color); --file-upload-upload-item-normal-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-height); --file-upload-upload-item-normal-state-subtext-case: var(--core-type-paragraph-20-case); --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color); --file-upload-upload-item-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color); --file-upload-upload-item-normal-state-subtext-font-family: var(--core-type-paragraph-20-font-family); --file-upload-upload-item-normal-state-subtext-leading: var(--core-type-paragraph-20-leading); --file-upload-upload-item-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color); --file-upload-upload-item-normal-state-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing); --file-upload-upload-item-normal-state-subtext-scale: var(--core-type-paragraph-20-scale); --file-upload-upload-item-normal-state-subtext-size: var(--core-type-paragraph-20-size); --file-upload-upload-item-normal-state-subtext-tracking: var(--core-type-paragraph-20-tracking); --file-upload-upload-item-normal-state-subtext-weight: var(--core-type-paragraph-20-weight); --file-upload-upload-item-normal-state-text-case: var(--core-type-paragraph-30-case); --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --file-upload-upload-item-normal-state-text-font-family: var(--core-type-paragraph-30-font-family); --file-upload-upload-item-normal-state-text-leading: var(--core-type-paragraph-30-leading); --file-upload-upload-item-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color); --file-upload-upload-item-normal-state-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --file-upload-upload-item-normal-state-text-scale: var(--core-type-paragraph-30-scale); --file-upload-upload-item-normal-state-text-size: var(--core-type-paragraph-30-size); --file-upload-upload-item-normal-state-text-tracking: var(--core-type-paragraph-30-tracking); --file-upload-upload-item-normal-state-text-weight: var(--core-type-paragraph-30-weight); --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color); --file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --file-upload-upload-item-normal-state-trailing-accessory-icon-light-mode-color: var(--core-fill-20-light-mode-color); --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-light-mode-color); --file-upload-upload-item-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --file-upload-upload-item-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-light-mode-color); --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); --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); --file-upload-upload-item-pressed-state-leading-accessory-height: var(--file-upload-upload-item-normal-state-leading-accessory-height); --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-light-mode-color); --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); --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); --file-upload-upload-item-pressed-state-leading-accessory-width: var(--file-upload-upload-item-normal-state-leading-accessory-width); --file-upload-upload-item-pressed-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case); --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-light-mode-color); --file-upload-upload-item-pressed-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color); --file-upload-upload-item-pressed-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family); --file-upload-upload-item-pressed-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading); --file-upload-upload-item-pressed-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color); --file-upload-upload-item-pressed-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing); --file-upload-upload-item-pressed-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale); --file-upload-upload-item-pressed-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size); --file-upload-upload-item-pressed-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking); --file-upload-upload-item-pressed-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight); --file-upload-upload-item-pressed-state-text-case: var(--file-upload-upload-item-normal-state-text-case); --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-light-mode-color); --file-upload-upload-item-pressed-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-pressed-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family); --file-upload-upload-item-pressed-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading); --file-upload-upload-item-pressed-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-pressed-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing); --file-upload-upload-item-pressed-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale); --file-upload-upload-item-pressed-state-text-size: var(--file-upload-upload-item-normal-state-text-size); --file-upload-upload-item-pressed-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking); --file-upload-upload-item-pressed-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight); --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-light-mode-color); --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); --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); --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-light-mode-color); --file-upload-upload-item-single-value-border-color-dark-mode-color: var(--core-fill-30-dark-mode-color); --file-upload-upload-item-single-value-border-color-light-mode-color: var(--core-fill-30-light-mode-color); --file-upload-upload-item-single-value-border-radius: var(--core-radius-200); --file-upload-upload-item-single-value-border-width: var(--core-border-10); --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-light-mode-color); --file-upload-upload-item-success-state-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-success-state-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-success-state-leading-accessory-background-light-mode-color: var(--file-upload-upload-item-normal-state-background-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-height: var(--core-metrics-spacing-300); --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --file-upload-upload-item-success-state-leading-accessory-icon-light-mode-color: var(--core-fill-10-light-mode-color); --file-upload-upload-item-success-state-leading-accessory-width: var(--file-upload-upload-item-success-state-leading-accessory-height); --file-upload-upload-item-success-state-subtext-case: var(--file-upload-upload-item-normal-state-subtext-case); --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-light-mode-color); --file-upload-upload-item-success-state-subtext-dark-mode-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color); --file-upload-upload-item-success-state-subtext-font-family: var(--file-upload-upload-item-normal-state-subtext-font-family); --file-upload-upload-item-success-state-subtext-leading: var(--file-upload-upload-item-normal-state-subtext-leading); --file-upload-upload-item-success-state-subtext-light-mode-color: var(--file-upload-upload-item-normal-state-subtext-light-mode-color); --file-upload-upload-item-success-state-subtext-number-spacing: var(--file-upload-upload-item-normal-state-subtext-number-spacing); --file-upload-upload-item-success-state-subtext-scale: var(--file-upload-upload-item-normal-state-subtext-scale); --file-upload-upload-item-success-state-subtext-size: var(--file-upload-upload-item-normal-state-subtext-size); --file-upload-upload-item-success-state-subtext-tracking: var(--file-upload-upload-item-normal-state-subtext-tracking); --file-upload-upload-item-success-state-subtext-weight: var(--file-upload-upload-item-normal-state-subtext-weight); --file-upload-upload-item-success-state-text-case: var(--file-upload-upload-item-normal-state-text-case); --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-light-mode-color); --file-upload-upload-item-success-state-text-dark-mode-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-success-state-text-font-family: var(--file-upload-upload-item-normal-state-text-font-family); --file-upload-upload-item-success-state-text-leading: var(--file-upload-upload-item-normal-state-text-leading); --file-upload-upload-item-success-state-text-light-mode-color: var(--file-upload-upload-item-normal-state-text-light-mode-color); --file-upload-upload-item-success-state-text-number-spacing: var(--file-upload-upload-item-normal-state-text-number-spacing); --file-upload-upload-item-success-state-text-scale: var(--file-upload-upload-item-normal-state-text-scale); --file-upload-upload-item-success-state-text-size: var(--file-upload-upload-item-normal-state-text-size); --file-upload-upload-item-success-state-text-tracking: var(--file-upload-upload-item-normal-state-text-tracking); --file-upload-upload-item-success-state-text-weight: var(--file-upload-upload-item-normal-state-text-weight); --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color); --file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color: var(--core-success-fill-dark-mode-color); --file-upload-upload-item-success-state-trailing-accessory-icon-light-mode-color: var(--core-success-fill-light-mode-color); --file-upload-upload-item-vertical-padding: var(--core-metrics-spacing-200); /* ========== filter-button ========== */ --filter-button-border-radius: var(--core-radius-200); --filter-button-border-size: 1px; --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-light-mode-color); --filter-button-disabled-state-background-dark-mode-color: transparent; --filter-button-disabled-state-background-light-mode-color: transparent; --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-light-mode-color); --filter-button-disabled-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --filter-button-disabled-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --filter-button-disabled-state-border-size: var(--core-border-10); --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-light-mode-color); --filter-button-disabled-state-feedback-dark-mode-color: var(--core-text-30-dark-mode-color); --filter-button-disabled-state-feedback-light-mode-color: var(--core-text-30-light-mode-color); --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-light-mode-color); --filter-button-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color); --filter-button-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color); --filter-button-feedback-maximum: 99; --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-light-mode-color); --filter-button-hover-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --filter-button-hover-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-light-mode-color); --filter-button-hover-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --filter-button-hover-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --filter-button-hover-state-border-size: var(--core-border-10); --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-light-mode-color); --filter-button-hover-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color); --filter-button-hover-state-feedback-light-mode-color: var(--core-text-10-light-mode-color); --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-light-mode-color); --filter-button-hover-state-label-dark-mode-color: var(--core-text-20-dark-mode-color); --filter-button-hover-state-label-light-mode-color: var(--core-text-20-light-mode-color); --filter-button-icon-content-spacing: var(--core-metrics-spacing-50); --filter-button-icon-feedback-trailing-padding: 2px; --filter-button-label-content-spacing: var(--core-metrics-spacing-100); --filter-button-medium-size-feedback-text-case: var(--core-type-semibold-30-case); --filter-button-medium-size-feedback-text-font-family: var(--core-type-semibold-30-font-family); --filter-button-medium-size-feedback-text-leading: var(--core-type-semibold-30-leading); --filter-button-medium-size-feedback-text-number-spacing: var(--core-type-semibold-30-number-spacing); --filter-button-medium-size-feedback-text-scale: var(--core-type-semibold-30-scale); --filter-button-medium-size-feedback-text-size: var(--core-type-semibold-30-size); --filter-button-medium-size-feedback-text-tracking: var(--core-type-semibold-30-tracking); --filter-button-medium-size-feedback-text-weight: var(--core-type-semibold-30-weight); --filter-button-medium-size-icon-horizontal-padding: 12px; --filter-button-medium-size-icon-text-case: var(--core-type-semibold-30-case); --filter-button-medium-size-icon-text-font-family: var(--core-type-semibold-30-font-family); --filter-button-medium-size-icon-text-leading: var(--core-type-semibold-30-leading); --filter-button-medium-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing); --filter-button-medium-size-icon-text-scale: var(--core-type-semibold-30-scale); --filter-button-medium-size-icon-text-size: var(--core-type-semibold-30-size); --filter-button-medium-size-icon-text-tracking: var(--core-type-semibold-30-tracking); --filter-button-medium-size-icon-text-weight: var(--core-type-semibold-30-weight); --filter-button-medium-size-icon-vertical-padding: 12px; --filter-button-medium-size-label-horizontal-padding: 16px; --filter-button-medium-size-label-text-case: var(--core-type-paragraph-30-case); --filter-button-medium-size-label-text-font-family: var(--core-type-paragraph-30-font-family); --filter-button-medium-size-label-text-leading: var(--core-type-paragraph-30-leading); --filter-button-medium-size-label-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --filter-button-medium-size-label-text-scale: var(--core-type-paragraph-30-scale); --filter-button-medium-size-label-text-size: var(--core-type-paragraph-30-size); --filter-button-medium-size-label-text-tracking: var(--core-type-paragraph-30-tracking); --filter-button-medium-size-label-text-weight: var(--core-type-paragraph-30-weight); --filter-button-medium-size-label-vertical-padding: 12px; --filter-button-medium-size-minimum-height: 48px; --filter-button-medium-size-minimum-width-multiplier: 1; --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-light-mode-color); --filter-button-normal-state-background-dark-mode-color: transparent; --filter-button-normal-state-background-light-mode-color: transparent; --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-light-mode-color); --filter-button-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-light-mode-color); --filter-button-normal-state-border-high-contrast-dark-mode-color: var(--core-fill-20-dark-mode-color); --filter-button-normal-state-border-high-contrast-light-mode-color: var(--core-fill-20-light-mode-color); --filter-button-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-light-mode-color); --filter-button-normal-state-border-normal-contrast-dark-mode-color: var(--core-fill-30-dark-mode-color); --filter-button-normal-state-border-normal-contrast-light-mode-color: var(--core-fill-30-light-mode-color); --filter-button-normal-state-border-size: var(--core-border-10); --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-light-mode-color); --filter-button-normal-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color); --filter-button-normal-state-feedback-light-mode-color: var(--core-text-10-light-mode-color); --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-light-mode-color); --filter-button-normal-state-label-dark-mode-color: var(--core-text-20-dark-mode-color); --filter-button-normal-state-label-light-mode-color: var(--core-text-20-light-mode-color); --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-light-mode-color); --filter-button-pressed-state-background-dark-mode-color: transparent; --filter-button-pressed-state-background-light-mode-color: transparent; --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-light-mode-color); --filter-button-pressed-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color); --filter-button-pressed-state-border-light-mode-color: var(--core-fill-10-light-mode-color); --filter-button-pressed-state-border-size: var(--core-border-20); --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-light-mode-color); --filter-button-pressed-state-feedback-dark-mode-color: var(--core-text-10-dark-mode-color); --filter-button-pressed-state-feedback-light-mode-color: var(--core-text-10-light-mode-color); --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-light-mode-color); --filter-button-pressed-state-label-dark-mode-color: var(--core-text-20-dark-mode-color); --filter-button-pressed-state-label-light-mode-color: var(--core-text-20-light-mode-color); --filter-button-small-size-feedback-text-case: var(--core-type-semibold-20-case); --filter-button-small-size-feedback-text-font-family: var(--core-type-semibold-20-font-family); --filter-button-small-size-feedback-text-leading: var(--core-type-semibold-20-leading); --filter-button-small-size-feedback-text-number-spacing: var(--core-type-semibold-20-number-spacing); --filter-button-small-size-feedback-text-scale: var(--core-type-semibold-20-scale); --filter-button-small-size-feedback-text-size: var(--core-type-semibold-20-size); --filter-button-small-size-feedback-text-tracking: var(--core-type-semibold-20-tracking); --filter-button-small-size-feedback-text-weight: var(--core-type-semibold-20-weight); --filter-button-small-size-icon-horizontal-padding: 8px; --filter-button-small-size-icon-text-case: var(--core-type-semibold-30-case); --filter-button-small-size-icon-text-font-family: var(--core-type-semibold-30-font-family); --filter-button-small-size-icon-text-leading: var(--core-type-semibold-30-leading); --filter-button-small-size-icon-text-number-spacing: var(--core-type-semibold-30-number-spacing); --filter-button-small-size-icon-text-scale: var(--core-type-semibold-30-scale); --filter-button-small-size-icon-text-size: var(--core-type-semibold-30-size); --filter-button-small-size-icon-text-tracking: var(--core-type-semibold-30-tracking); --filter-button-small-size-icon-text-weight: var(--core-type-semibold-30-weight); --filter-button-small-size-icon-vertical-padding: 8px; --filter-button-small-size-label-horizontal-padding: 12px; --filter-button-small-size-label-text-case: var(--core-type-paragraph-20-case); --filter-button-small-size-label-text-font-family: var(--core-type-paragraph-20-font-family); --filter-button-small-size-label-text-leading: var(--core-type-paragraph-20-leading); --filter-button-small-size-label-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --filter-button-small-size-label-text-scale: var(--core-type-paragraph-20-scale); --filter-button-small-size-label-text-size: var(--core-type-paragraph-20-size); --filter-button-small-size-label-text-tracking: var(--core-type-paragraph-20-tracking); --filter-button-small-size-label-text-weight: var(--core-type-paragraph-20-weight); --filter-button-small-size-label-vertical-padding: 9px; --filter-button-small-size-minimum-height: 40px; --filter-button-small-size-minimum-width-multiplier: 1; /* ========== footer ========== */ --footer-vertical-padding-size: 16px; /* ========== hardware-slider ========== */ --hardware-slider-icon-size: 24px; --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-light-mode-color); --hardware-slider-icon-tint-dark-mode-color: var(--core-fill-inverse-dark-mode-color); --hardware-slider-icon-tint-light-mode-color: var(--core-fill-inverse-light-mode-color); --hardware-slider-minimum-height: 48px; --hardware-slider-minimum-width: 48px; --hardware-slider-track-active-corner-radius: 40px; --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-light-mode-color); --hardware-slider-track-active-disabled-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --hardware-slider-track-active-disabled-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --hardware-slider-track-active-height: 40px; --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-light-mode-color); --hardware-slider-track-active-normal-state-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --hardware-slider-track-active-normal-state-background-light-mode-color: var(--core-emphasis-fill-light-mode-color); --hardware-slider-track-active-padding-horizontal-size: 8px; --hardware-slider-track-inactive-corner-radius: 16px; --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-light-mode-color); --hardware-slider-track-inactive-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --hardware-slider-track-inactive-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --hardware-slider-track-inactive-height: 16px; --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-light-mode-color); --hardware-slider-track-inactive-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --hardware-slider-track-inactive-normal-state-background-light-mode-color: var(--core-fill-30-light-mode-color); /* ========== header ========== */ --header-bottom-padding-compact-size-class-size: var(--core-metrics-spacing-200); --header-bottom-padding-normal-size-class-size: var(--header-top-padding-compact-size-class-size); --header-bottom-padding-size: var(--core-metrics-spacing-200); --header-bottom-padding-wide-size-class-size: var(--header-top-padding-compact-size-class-size); --header-compact-content-style-heading-container-minimum-height: var(--core-medium-size-minimum-height); --header-compact-content-style-secondary-title-case: var(--core-type-paragraph-20-case); --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-light-mode-color); --header-compact-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color); --header-compact-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family); --header-compact-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading); --header-compact-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color); --header-compact-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing); --header-compact-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale); --header-compact-content-style-secondary-title-size: var(--core-type-paragraph-20-size); --header-compact-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking); --header-compact-content-style-secondary-title-vertical-title-gap: 0px; --header-compact-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight); --header-compact-content-style-title-case: var(--core-type-heading-20-case); --header-compact-content-style-title-color: var(--header-compact-content-style-title-light-mode-color); --header-compact-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color); --header-compact-content-style-title-font-family: var(--core-type-heading-20-font-family); --header-compact-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100); --header-compact-content-style-title-leading: var(--core-type-heading-20-leading); --header-compact-content-style-title-light-mode-color: var(--core-text-10-light-mode-color); --header-compact-content-style-title-number-spacing: var(--core-type-heading-20-number-spacing); --header-compact-content-style-title-scale: var(--core-type-heading-20-scale); --header-compact-content-style-title-size: var(--core-type-heading-20-size); --header-compact-content-style-title-tracking: var(--core-type-heading-20-tracking); --header-compact-content-style-title-weight: var(--core-type-heading-20-weight); --header-compact-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-150); --header-compact-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-150); --header-compact-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-200); --header-compact-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-100); --header-compact-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100); --header-compact-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-150); --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); --header-compact-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-100); --header-divider-color: var(--header-divider-light-mode-color); --header-divider-dark-mode-color: var(--core-divider-20-dark-mode-color); --header-divider-light-mode-color: var(--core-divider-20-light-mode-color); --header-divider-size: var(--core-border-10); --header-horizontal-padding-compact-size-class-size: var(--core-metrics-spacing-200); --header-horizontal-padding-normal-size-class-size: var(--core-metrics-spacing-300); --header-horizontal-padding-size: var(--core-metrics-spacing-200); --header-horizontal-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size); --header-large-content-style-secondary-title-case: var(--core-type-paragraph-20-case); --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-light-mode-color); --header-large-content-style-secondary-title-dark-mode-color: var(--core-text-20-dark-mode-color); --header-large-content-style-secondary-title-font-family: var(--core-type-paragraph-20-font-family); --header-large-content-style-secondary-title-leading: var(--core-type-paragraph-20-leading); --header-large-content-style-secondary-title-light-mode-color: var(--core-text-20-light-mode-color); --header-large-content-style-secondary-title-number-spacing: var(--core-type-paragraph-20-number-spacing); --header-large-content-style-secondary-title-scale: var(--core-type-paragraph-20-scale); --header-large-content-style-secondary-title-size: var(--core-type-paragraph-20-size); --header-large-content-style-secondary-title-tracking: var(--core-type-paragraph-20-tracking); --header-large-content-style-secondary-title-vertical-title-gap: var(--core-metrics-spacing-100); --header-large-content-style-secondary-title-weight: var(--core-type-paragraph-20-weight); --header-large-content-style-title-case: var(--core-type-heading-30-case); --header-large-content-style-title-color: var(--header-large-content-style-title-light-mode-color); --header-large-content-style-title-dark-mode-color: var(--core-text-10-dark-mode-color); --header-large-content-style-title-font-family: var(--core-type-heading-30-font-family); --header-large-content-style-title-horizontal-accessory-gap: var(--core-metrics-spacing-100); --header-large-content-style-title-leading: var(--core-type-heading-30-leading); --header-large-content-style-title-light-mode-color: var(--core-text-10-light-mode-color); --header-large-content-style-title-number-spacing: var(--core-type-heading-30-number-spacing); --header-large-content-style-title-scale: var(--core-type-heading-30-scale); --header-large-content-style-title-size: var(--core-type-heading-30-size); --header-large-content-style-title-tracking: var(--core-type-heading-30-tracking); --header-large-content-style-title-weight: var(--core-type-heading-30-weight); --header-main-text-dark-mode-text-color: var(--core-text-10-dark-mode-color); --header-main-text-horizontal-spacing: var(--core-metrics-spacing-200); --header-main-text-light-mode-text-color: var(--core-text-10-light-mode-color); --header-main-text-minimum-width: 64px; --header-main-text-normal-phase-spacing-top-size: var(--core-metrics-spacing-100); --header-main-text-text-color: var(--header-main-text-light-mode-text-color); --header-main-text-transition-duration: 0.16s; --header-modal-blade-context-vertical-end-gap: var(--core-metrics-spacing-300); --header-modal-full-context-vertical-end-gap: var(--core-metrics-spacing-300); --header-modal-partial-context-vertical-end-gap: var(--core-metrics-spacing-300); --header-nav-icon-button-spacing-bottom-size: var(--core-metrics-spacing-300); --header-nav-icon-button-spacing-buttom-size: var(--core-metrics-spacing-300); --header-paragraph-case: var(--core-type-paragraph-30-case); --header-paragraph-color: var(--header-paragraph-light-mode-color); --header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color); --header-paragraph-font-family: var(--core-type-paragraph-30-font-family); --header-paragraph-leading: var(--core-type-paragraph-30-leading); --header-paragraph-light-mode-color: var(--core-text-10-light-mode-color); --header-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing); --header-paragraph-scale: var(--core-type-paragraph-30-scale); --header-paragraph-size: var(--core-type-paragraph-30-size); --header-paragraph-tracking: var(--core-type-paragraph-30-tracking); --header-paragraph-weight: var(--core-type-paragraph-30-weight); --header-regular-horizontal-size-class-heading-container-horizontal-gap: var(--core-metrics-spacing-200); --header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--core-metrics-spacing-200); --header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--core-metrics-spacing-300); --header-regular-horizontal-size-class-trailing-buttons-horizontal-gap: var(--core-metrics-spacing-100); --header-regular-vertical-size-class-compact-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-200); --header-regular-vertical-size-class-divider-vertical-start-gap: var(--core-metrics-spacing-200); --header-regular-vertical-size-class-large-header-style-divider-vertical-end-gap: var(--core-metrics-spacing-100); --header-regular-vertical-size-class-large-header-style-paragraph-vertical-start-gap: var(--core-metrics-spacing-200); --header-sub-text-dark-mode-text-color: var(--core-text-20-dark-mode-color); --header-sub-text-light-mode-text-color: var(--core-text-20-light-mode-color); --header-sub-text-spacing-bottom-size: var(--core-metrics-spacing-100); --header-sub-text-text-color: var(--header-sub-text-light-mode-text-color); --header-top-padding-compact-size-class-size: var(--core-metrics-spacing-200); --header-top-padding-normal-size-class-size: var(--core-metrics-spacing-300); --header-top-padding-size: var(--core-metrics-spacing-300); --header-top-padding-wide-size-class-size: var(--header-top-padding-normal-size-class-size); --header-wide-horizontal-size-class-heading-container-horizontal-gap: var(--header-regular-horizontal-size-class-heading-container-horizontal-gap); --header-wide-horizontal-size-class-large-trailing-accessory-horizontal-start-gap: var(--header-regular-horizontal-size-class-large-trailing-accessory-horizontal-start-gap); --header-wide-horizontal-size-class-modal-sheet-context-vertical-end-gap: var(--header-regular-horizontal-size-class-modal-sheet-context-vertical-end-gap); --header-wide-horizontal-size-class-trailing-buttons-horizontal-gap: var(--header-regular-horizontal-size-class-trailing-buttons-horizontal-gap); /* ========== icon-button ========== */ --icon-button-border-radius: var(--button-border-radius); --icon-button-compact-size-minimum-height: 40px; --icon-button-compact-size-minimum-padding-size: 12px; --icon-button-compact-size-minimum-width: 40px; --icon-button-compact-size-padding-size: 12px; --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color); --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color); --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-destructive-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color); --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-critical-20-dark-mode-color); --icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color); --icon-button-destructive-variant-primary-rank-hover-state-light-mode-background-color: var(--core-critical-20-light-mode-color); --icon-button-destructive-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color); --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-critical-fill-dark-mode-color); --icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color); --icon-button-destructive-variant-primary-rank-normal-state-light-mode-background-color: var(--core-critical-fill-light-mode-color); --icon-button-destructive-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color); --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color: var(--core-critical-10-dark-mode-color); --icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-white-dark-mode-color); --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color); --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-critical-10-light-mode-color); --icon-button-destructive-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-white-light-mode-color); --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color); --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color); --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-destructive-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color); --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color); --icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color); --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color); --icon-button-destructive-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color); --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color); --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-destructive-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color); --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color); --icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color); --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color); --icon-button-destructive-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color: transparent; --icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-background-color: transparent; --icon-button-destructive-variant-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color); --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color: var(--core-critical-40-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-background-color: var(--core-critical-40-light-mode-color); --icon-button-destructive-variant-tertiary-rank-hover-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color); --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color: transparent; --icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-background-color: transparent; --icon-button-destructive-variant-tertiary-rank-normal-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-critical-30-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-critical-text-dark-mode-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-background-color: var(--core-critical-30-light-mode-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-critical-text-light-mode-color); --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-light-mode-background-color); --icon-button-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-light-mode-icon-color); --icon-button-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-focus-ring-border-size: var(--core-focus-ring-border-size); --icon-button-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --icon-button-focus-state-background-color: var(--icon-button-focus-state-light-mode-background-color); --icon-button-focus-state-dark-mode-background-color: var(--icon-button-hover-state-dark-mode-background-color); --icon-button-focus-state-dark-mode-icon-color: var(--icon-button-hover-state-dark-mode-icon-color); --icon-button-focus-state-icon-color: var(--icon-button-focus-state-light-mode-icon-color); --icon-button-focus-state-light-mode-background-color: var(--icon-button-hover-state-light-mode-background-color); --icon-button-focus-state-light-mode-icon-color: var(--icon-button-hover-state-light-mode-icon-color); --icon-button-hover-state-background-color: var(--icon-button-hover-state-light-mode-background-color); --icon-button-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --icon-button-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-hover-state-icon-color: var(--icon-button-hover-state-light-mode-icon-color); --icon-button-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --icon-button-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-large-size-icon-height: var(--core-icon-medium-size-height); --icon-button-large-size-icon-width: var(--core-icon-medium-size-width); --icon-button-large-size-minimum-height: var(--core-large-size-minimum-height); --icon-button-large-size-padding-size: 20px; --icon-button-large-size-width-multiplier: 1; --icon-button-medium-size-horizontal-spacing-size: var(--core-metrics-spacing-100); --icon-button-medium-size-icon-height: var(--core-icon-medium-size-height); --icon-button-medium-size-icon-width: var(--core-icon-medium-size-width); --icon-button-medium-size-minimum-height: var(--core-medium-size-minimum-height); --icon-button-medium-size-padding-size: 12px; --icon-button-medium-size-width-multiplier: 1; --icon-button-minimum-height: 48px; --icon-button-minimum-width: 48px; --icon-button-normal-size-minimum-height: 48px; --icon-button-normal-size-minimum-width: 48px; --icon-button-normal-size-padding-size: 16px; --icon-button-normal-state-background-color: var(--icon-button-normal-state-light-mode-background-color); --icon-button-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-normal-state-icon-color: var(--icon-button-normal-state-light-mode-icon-color); --icon-button-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-normal-variant-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-focus-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --icon-button-normal-variant-primary-rank-focus-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-20-dark-mode-color); --icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-hover-state-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --icon-button-normal-variant-primary-rank-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-normal-state-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --icon-button-normal-variant-primary-rank-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color); --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC; --icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color); --icon-button-normal-variant-primary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --icon-button-normal-variant-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color); --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color); --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-normal-variant-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color); --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color); --icon-button-normal-variant-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --icon-button-normal-variant-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color); --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color); --icon-button-normal-variant-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-normal-variant-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color); --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color); --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --icon-button-normal-variant-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-padding-size: 16px; --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-light-mode-background-color); --icon-button-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --icon-button-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-light-mode-icon-color); --icon-button-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --icon-button-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-light-mode-background-color); --icon-button-primary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-primary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-light-mode-icon-color); --icon-button-primary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-primary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-light-mode-background-color); --icon-button-primary-rank-focus-state-dark-mode-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color); --icon-button-primary-rank-focus-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-light-mode-icon-color); --icon-button-primary-rank-focus-state-light-mode-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color); --icon-button-primary-rank-focus-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-light-mode-background-color); --icon-button-primary-rank-hover-state-dark-mode-background-color: var(--core-blue-20-dark-mode-color); --icon-button-primary-rank-hover-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-light-mode-icon-color); --icon-button-primary-rank-hover-state-light-mode-background-color: var(--core-blue-20-light-mode-color); --icon-button-primary-rank-hover-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-light-mode-background-color); --icon-button-primary-rank-normal-state-dark-mode-background-color: var(--core-blue-fill-dark-mode-color); --icon-button-primary-rank-normal-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-light-mode-icon-color); --icon-button-primary-rank-normal-state-light-mode-background-color: var(--core-blue-fill-light-mode-color); --icon-button-primary-rank-normal-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-light-mode-background-color); --icon-button-primary-rank-pressed-state-dark-mode-background-color: #CCCCCC; --icon-button-primary-rank-pressed-state-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-light-mode-icon-color); --icon-button-primary-rank-pressed-state-light-mode-background-color: var(--core-blue-10-light-mode-color); --icon-button-primary-rank-pressed-state-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --icon-button-secondary-rank-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-secondary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --icon-button-secondary-rank-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-secondary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --icon-button-secondary-rank-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --icon-button-secondary-rank-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --icon-button-secondary-rank-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --icon-button-secondary-rank-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --icon-button-secondary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --icon-button-secondary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --icon-button-secondary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --icon-button-secondary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --icon-button-secondary-rank-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --icon-button-secondary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --icon-button-secondary-rank-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --icon-button-secondary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --icon-button-secondary-rank-pressed-state-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --icon-button-secondary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --icon-button-secondary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --icon-button-secondary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-small-size-icon-height: var(--core-icon-medium-size-height); --icon-button-small-size-icon-width: var(--core-icon-medium-size-width); --icon-button-small-size-minimum-height: var(--core-small-size-minimum-height); --icon-button-small-size-padding-size: 8px; --icon-button-small-size-width-multiplier: 1; --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-background-color); --icon-button-tertiary-rank-disabled-state-dark-mode-background-color: transparent; --icon-button-tertiary-rank-disabled-state-dark-mode-icon-color: var(--core-text-30-dark-mode-color); --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-light-mode-icon-color); --icon-button-tertiary-rank-disabled-state-light-mode-background-color: transparent; --icon-button-tertiary-rank-disabled-state-light-mode-icon-color: var(--core-text-30-light-mode-color); --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-light-mode-background-color); --icon-button-tertiary-rank-focus-state-dark-mode-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color); --icon-button-tertiary-rank-focus-state-dark-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-light-mode-icon-color); --icon-button-tertiary-rank-focus-state-light-mode-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color); --icon-button-tertiary-rank-focus-state-light-mode-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color); --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-light-mode-background-color); --icon-button-tertiary-rank-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --icon-button-tertiary-rank-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-light-mode-icon-color); --icon-button-tertiary-rank-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --icon-button-tertiary-rank-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-light-mode-background-color); --icon-button-tertiary-rank-normal-state-dark-mode-background-color: transparent; --icon-button-tertiary-rank-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-light-mode-icon-color); --icon-button-tertiary-rank-normal-state-light-mode-background-color: transparent; --icon-button-tertiary-rank-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-background-color); --icon-button-tertiary-rank-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --icon-button-tertiary-rank-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-light-mode-icon-color); --icon-button-tertiary-rank-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --icon-button-tertiary-rank-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); /* ========== inline-section-header ========== */ --inline-section-header-10-heading-case: var(--core-type-heading-10-case); --inline-section-header-10-heading-font-family: var(--core-type-heading-10-font-family); --inline-section-header-10-heading-leading: var(--core-type-heading-10-leading); --inline-section-header-10-heading-minimum-height: var(--core-small-size-minimum-height); --inline-section-header-10-heading-number-spacing: var(--core-type-heading-10-number-spacing); --inline-section-header-10-heading-scale: var(--core-type-heading-10-scale); --inline-section-header-10-heading-size: var(--core-type-heading-10-size); --inline-section-header-10-heading-tracking: var(--core-type-heading-10-tracking); --inline-section-header-10-heading-vertical-padding: 9px; --inline-section-header-10-heading-weight: var(--core-type-heading-10-weight); --inline-section-header-10-paragraph-case: var(--core-type-paragraph-30-case); --inline-section-header-10-paragraph-font-family: var(--core-type-paragraph-30-font-family); --inline-section-header-10-paragraph-leading: var(--core-type-paragraph-30-leading); --inline-section-header-10-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing); --inline-section-header-10-paragraph-scale: var(--core-type-paragraph-30-scale); --inline-section-header-10-paragraph-size: var(--core-type-paragraph-30-size); --inline-section-header-10-paragraph-top-padding: 0px; --inline-section-header-10-paragraph-tracking: var(--core-type-paragraph-30-tracking); --inline-section-header-10-paragraph-weight: var(--core-type-paragraph-30-weight); --inline-section-header-10-text-link-text-case: var(--text-link-small-size-text-case); --inline-section-header-10-text-link-text-font-family: var(--text-link-small-size-text-font-family); --inline-section-header-10-text-link-text-leading: var(--text-link-small-size-text-leading); --inline-section-header-10-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing); --inline-section-header-10-text-link-text-scale: var(--text-link-small-size-text-scale); --inline-section-header-10-text-link-text-size: var(--text-link-small-size-text-size); --inline-section-header-10-text-link-text-tracking: var(--text-link-small-size-text-tracking); --inline-section-header-10-text-link-text-weight: var(--text-link-small-size-text-weight); --inline-section-header-10-text-link-vertical-padding: 0px; --inline-section-header-10-vertical-gap: 0px; --inline-section-header-20-heading-case: var(--core-type-heading-20-case); --inline-section-header-20-heading-font-family: var(--core-type-heading-20-font-family); --inline-section-header-20-heading-leading: var(--core-type-heading-20-leading); --inline-section-header-20-heading-minimum-height: var(--core-small-size-minimum-height); --inline-section-header-20-heading-number-spacing: var(--core-type-heading-20-number-spacing); --inline-section-header-20-heading-scale: var(--core-type-heading-20-scale); --inline-section-header-20-heading-size: var(--core-type-heading-20-size); --inline-section-header-20-heading-tracking: var(--core-type-heading-20-tracking); --inline-section-header-20-heading-vertical-padding: 7px; --inline-section-header-20-heading-weight: var(--core-type-heading-20-weight); --inline-section-header-20-paragraph-case: var(--core-type-paragraph-30-case); --inline-section-header-20-paragraph-font-family: var(--core-type-paragraph-30-font-family); --inline-section-header-20-paragraph-leading: var(--core-type-paragraph-30-leading); --inline-section-header-20-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing); --inline-section-header-20-paragraph-scale: var(--core-type-paragraph-30-scale); --inline-section-header-20-paragraph-size: var(--core-type-paragraph-30-size); --inline-section-header-20-paragraph-top-padding: 5px; --inline-section-header-20-paragraph-tracking: var(--core-type-paragraph-30-tracking); --inline-section-header-20-paragraph-weight: var(--core-type-paragraph-30-weight); --inline-section-header-20-text-link-text-case: var(--text-link-medium-size-text-case); --inline-section-header-20-text-link-text-font-family: var(--text-link-medium-size-text-font-family); --inline-section-header-20-text-link-text-leading: var(--text-link-medium-size-text-leading); --inline-section-header-20-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing); --inline-section-header-20-text-link-text-scale: var(--text-link-medium-size-text-scale); --inline-section-header-20-text-link-text-size: var(--text-link-medium-size-text-size); --inline-section-header-20-text-link-text-tracking: var(--text-link-medium-size-text-tracking); --inline-section-header-20-text-link-text-weight: var(--text-link-medium-size-text-weight); --inline-section-header-20-text-link-vertical-padding: 0px; --inline-section-header-20-vertical-gap: var(--core-metrics-spacing-50); --inline-section-header-30-heading-case: var(--core-type-heading-30-case); --inline-section-header-30-heading-font-family: var(--core-type-heading-30-font-family); --inline-section-header-30-heading-leading: var(--core-type-heading-30-leading); --inline-section-header-30-heading-minimum-height: var(--core-small-size-minimum-height); --inline-section-header-30-heading-number-spacing: var(--core-type-heading-30-number-spacing); --inline-section-header-30-heading-scale: var(--core-type-heading-30-scale); --inline-section-header-30-heading-size: var(--core-type-heading-30-size); --inline-section-header-30-heading-tracking: var(--core-type-heading-30-tracking); --inline-section-header-30-heading-vertical-padding: 4px; --inline-section-header-30-heading-weight: var(--core-type-heading-30-weight); --inline-section-header-30-paragraph-case: var(--core-type-paragraph-30-case); --inline-section-header-30-paragraph-font-family: var(--core-type-paragraph-30-font-family); --inline-section-header-30-paragraph-leading: var(--core-type-paragraph-30-leading); --inline-section-header-30-paragraph-number-spacing: var(--core-type-paragraph-30-number-spacing); --inline-section-header-30-paragraph-scale: var(--core-type-paragraph-30-scale); --inline-section-header-30-paragraph-size: var(--core-type-paragraph-30-size); --inline-section-header-30-paragraph-top-padding: 12px; --inline-section-header-30-paragraph-tracking: var(--core-type-paragraph-30-tracking); --inline-section-header-30-paragraph-weight: var(--core-type-paragraph-30-weight); --inline-section-header-30-text-link-text-case: var(--text-link-medium-size-text-case); --inline-section-header-30-text-link-text-font-family: var(--text-link-medium-size-text-font-family); --inline-section-header-30-text-link-text-leading: var(--text-link-medium-size-text-leading); --inline-section-header-30-text-link-text-number-spacing: var(--text-link-medium-size-text-number-spacing); --inline-section-header-30-text-link-text-scale: var(--text-link-medium-size-text-scale); --inline-section-header-30-text-link-text-size: var(--text-link-medium-size-text-size); --inline-section-header-30-text-link-text-tracking: var(--text-link-medium-size-text-tracking); --inline-section-header-30-text-link-text-weight: var(--text-link-medium-size-text-weight); --inline-section-header-30-text-link-vertical-padding: 0px; --inline-section-header-30-vertical-gap: var(--core-metrics-spacing-150); --inline-section-header-heading-color: var(--inline-section-header-heading-light-mode-color); --inline-section-header-heading-dark-mode-color: var(--core-text-10-dark-mode-color); --inline-section-header-heading-light-mode-color: var(--core-text-10-light-mode-color); --inline-section-header-horizontal-spacing: var(--core-metrics-spacing-100); --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-light-mode-color); --inline-section-header-paragraph-dark-mode-color: var(--core-text-10-dark-mode-color); --inline-section-header-paragraph-light-mode-color: var(--core-text-10-light-mode-color); --inline-section-header-text-link-color: var(--inline-section-header-text-link-light-mode-color); --inline-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --inline-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity); --inline-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity); --inline-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color); --inline-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity); --inline-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity); /* ========== inline-status ========== */ --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-light-mode-color); --inline-status-error-variant-icon-dark-mode-color: var(--core-critical-text-dark-mode-color); --inline-status-error-variant-icon-light-mode-color: var(--core-critical-text-light-mode-color); --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-light-mode-color); --inline-status-error-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --inline-status-error-variant-text-light-mode-color: var(--core-critical-text-light-mode-color); --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-light-mode-color); --inline-status-info-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --inline-status-info-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color); --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-light-mode-color); --inline-status-info-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color); --inline-status-info-variant-text-light-mode-color: var(--core-text-20-light-mode-color); --inline-status-normal-size-icon-size: 20px; --inline-status-normal-size-spacing-horizontal: var(--core-metrics-spacing-50); --inline-status-normal-size-text-case: var(--core-type-paragraph-20-case); --inline-status-normal-size-text-font-family: var(--core-type-paragraph-20-font-family); --inline-status-normal-size-text-leading: var(--core-type-paragraph-20-leading); --inline-status-normal-size-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --inline-status-normal-size-text-scale: var(--core-type-paragraph-20-scale); --inline-status-normal-size-text-size: var(--core-type-paragraph-20-size); --inline-status-normal-size-text-tracking: var(--core-type-paragraph-20-tracking); --inline-status-normal-size-text-weight: var(--core-type-paragraph-20-weight); --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-light-mode-color); --inline-status-success-variant-icon-dark-mode-color: var(--core-success-text-dark-mode-color); --inline-status-success-variant-icon-light-mode-color: var(--core-success-text-light-mode-color); --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-light-mode-color); --inline-status-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color); --inline-status-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color); --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-light-mode-color); --inline-status-warning-variant-icon-dark-mode-color: var(--core-warning-text-dark-mode-color); --inline-status-warning-variant-icon-light-mode-color: var(--core-warning-text-light-mode-color); --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-light-mode-color); --inline-status-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --inline-status-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color); /* ========== keyboard-bar ========== */ --keyboard-bar-background-color: var(--keyboard-bar-light-mode-background-color); --keyboard-bar-dark-mode-background-color: var(--core-fill-50-dark-mode-color); --keyboard-bar-dark-mode-separator-color: var(--core-fill-40-dark-mode-color); --keyboard-bar-dark-mode-surface-color: var(--core-surface-5-dark-mode-color); --keyboard-bar-horizontal-padding: var(--core-metrics-spacing-100); --keyboard-bar-light-mode-background-color: var(--core-fill-50-light-mode-color); --keyboard-bar-light-mode-separator-color: var(--core-fill-40-light-mode-color); --keyboard-bar-light-mode-surface-color: var(--core-surface-5-light-mode-color); --keyboard-bar-separator-color: var(--keyboard-bar-light-mode-separator-color); --keyboard-bar-spacing: var(--core-metrics-spacing-100); --keyboard-bar-surface-color: var(--keyboard-bar-light-mode-surface-color); --keyboard-bar-vertical-padding: var(--core-metrics-spacing-150); /* ========== menu ========== */ --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-light-mode-color); --menu-item-selected-value-disabled-state-accordion-dark-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color); --menu-item-selected-value-disabled-state-accordion-light-mode-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color); --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-light-mode-color); --menu-item-selected-value-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --menu-item-selected-value-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-light-mode-color); --menu-item-selected-value-disabled-state-drill-dark-mode-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color); --menu-item-selected-value-disabled-state-drill-light-mode-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color); --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-light-mode-color); --menu-item-selected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color); --menu-item-selected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color); --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-light-mode-color); --menu-item-selected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color); --menu-item-selected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color); --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-light-mode-color); --menu-item-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --menu-item-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-light-mode-color); --menu-item-selected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color); --menu-item-selected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color); --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-light-mode-color); --menu-item-selected-value-hover-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --menu-item-selected-value-hover-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-light-mode-color); --menu-item-selected-value-normal-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color); --menu-item-selected-value-normal-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color); --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-light-mode-color); --menu-item-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --menu-item-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-light-mode-color); --menu-item-selected-value-normal-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color); --menu-item-selected-value-normal-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color); --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-light-mode-color); --menu-item-selected-value-normal-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --menu-item-selected-value-normal-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-light-mode-color); --menu-item-selected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color); --menu-item-selected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color); --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-light-mode-color); --menu-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --menu-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-light-mode-color); --menu-item-selected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color); --menu-item-selected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color); --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-light-mode-color); --menu-item-selected-value-pressed-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --menu-item-selected-value-pressed-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-light-mode-color); --menu-item-unselected-value-disabled-state-accordion-dark-mode-color: var(--core-text-30-dark-mode-color); --menu-item-unselected-value-disabled-state-accordion-light-mode-color: var(--core-text-30-light-mode-color); --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-light-mode-color); --menu-item-unselected-value-disabled-state-background-dark-mode-color: transparent; --menu-item-unselected-value-disabled-state-background-light-mode-color: transparent; --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-light-mode-color); --menu-item-unselected-value-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color); --menu-item-unselected-value-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color); --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-light-mode-color); --menu-item-unselected-value-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color); --menu-item-unselected-value-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color); --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-light-mode-color); --menu-item-unselected-value-hover-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color); --menu-item-unselected-value-hover-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color); --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-light-mode-color); --menu-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --menu-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-light-mode-color); --menu-item-unselected-value-hover-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color); --menu-item-unselected-value-hover-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color); --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-light-mode-color); --menu-item-unselected-value-hover-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --menu-item-unselected-value-hover-state-text-light-mode-color: var(--core-text-10-light-mode-color); --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color); --menu-item-unselected-value-normal-state-accordion-dark-mode-color: var(--core-text-10-dark-mode-color); --menu-item-unselected-value-normal-state-accordion-light-mode-color: var(--core-text-10-light-mode-color); --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-light-mode-color); --menu-item-unselected-value-normal-state-background-dark-mode-color: transparent; --menu-item-unselected-value-normal-state-background-light-mode-color: transparent; --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color); --menu-item-unselected-value-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color); --menu-item-unselected-value-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color); --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-light-mode-color); --menu-item-unselected-value-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --menu-item-unselected-value-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color); --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-light-mode-color); --menu-item-unselected-value-pressed-state-accordion-dark-mode-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color); --menu-item-unselected-value-pressed-state-accordion-light-mode-color: var(--menu-item-unselected-value-normal-state-accordion-light-mode-color); --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-light-mode-color); --menu-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --menu-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-light-mode-color); --menu-item-unselected-value-pressed-state-drill-dark-mode-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color); --menu-item-unselected-value-pressed-state-drill-light-mode-color: var(--menu-item-unselected-value-normal-state-drill-light-mode-color); --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-light-mode-color); --menu-item-unselected-value-pressed-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --menu-item-unselected-value-pressed-state-text-light-mode-color: var(--core-text-10-light-mode-color); /* ========== modalBlade ========== */ --modal-blade-background-color: var(--modal-blade-background-light-mode-color); --modal-blade-background-dark-mode-color: var(--core-surface-20-dark-mode-color); --modal-blade-background-light-mode-color: var(--core-surface-20-light-mode-color); --modal-blade-compact-horizontal-size-class-horizontal-padding: var(--modal-full-compact-horizontal-size-class-horizontal-padding); --modal-blade-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-blade-corner-radius: var(--core-radius-modals); --modal-blade-maximum-width-size: 464px; --modal-blade-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-blade-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-blade-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-blade-wide-viewport-padding-bottom-size: 0px; --modal-blade-wide-viewport-padding-left-size: var(--core-metrics-spacing-400); --modal-blade-wide-viewport-padding-right-size: var(--core-metrics-spacing-400); --modal-blade-wide-viewport-padding-top-size: var(--core-metrics-spacing-400); --modal-blade-wide-viewport-width-size: 464px; /* ========== modalDialog ========== */ --modal-dialog-actions-overflow-button-border-radius: var(--button-group-overflow-button-border-radius); --modal-dialog-actions-overflow-button-compact-size-minimum-height: var(--button-group-overflow-button-compact-size-minimum-height); --modal-dialog-actions-overflow-button-compact-size-minimum-padding-size: var(--button-group-overflow-button-compact-size-minimum-padding-size); --modal-dialog-actions-overflow-button-compact-size-minimum-width: var(--button-group-overflow-button-compact-size-minimum-width); --modal-dialog-actions-overflow-button-compact-size-padding-size: var(--button-group-overflow-button-compact-size-padding-size); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color); --modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-disabled-state-light-mode-background-color: var(--button-group-overflow-button-disabled-state-light-mode-background-color); --modal-dialog-actions-overflow-button-disabled-state-light-mode-icon-color: var(--button-group-overflow-button-disabled-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-focus-ring-border-size: var(--button-group-overflow-button-focus-ring-border-size); --modal-dialog-actions-overflow-button-focus-ring-buffer-size: var(--button-group-overflow-button-focus-ring-buffer-size); --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-background-color); --modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-focus-state-light-mode-background-color: var(--button-group-overflow-button-focus-state-light-mode-background-color); --modal-dialog-actions-overflow-button-focus-state-light-mode-icon-color: var(--button-group-overflow-button-focus-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-background-color); --modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-hover-state-light-mode-background-color: var(--button-group-overflow-button-hover-state-light-mode-background-color); --modal-dialog-actions-overflow-button-hover-state-light-mode-icon-color: var(--button-group-overflow-button-hover-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-large-size-icon-height: var(--button-group-overflow-button-large-size-icon-height); --modal-dialog-actions-overflow-button-large-size-icon-width: var(--button-group-overflow-button-large-size-icon-width); --modal-dialog-actions-overflow-button-large-size-minimum-height: var(--button-group-overflow-button-large-size-minimum-height); --modal-dialog-actions-overflow-button-large-size-padding-size: var(--button-group-overflow-button-large-size-padding-size); --modal-dialog-actions-overflow-button-large-size-width-multiplier: var(--button-group-overflow-button-large-size-width-multiplier); --modal-dialog-actions-overflow-button-medium-size-horizontal-spacing-size: var(--button-group-overflow-button-medium-size-horizontal-spacing-size); --modal-dialog-actions-overflow-button-medium-size-icon-height: var(--button-group-overflow-button-medium-size-icon-height); --modal-dialog-actions-overflow-button-medium-size-icon-width: var(--button-group-overflow-button-medium-size-icon-width); --modal-dialog-actions-overflow-button-medium-size-minimum-height: var(--button-group-overflow-button-medium-size-minimum-height); --modal-dialog-actions-overflow-button-medium-size-padding-size: var(--button-group-overflow-button-medium-size-padding-size); --modal-dialog-actions-overflow-button-medium-size-width-multiplier: var(--button-group-overflow-button-medium-size-width-multiplier); --modal-dialog-actions-overflow-button-minimum-height: var(--button-group-overflow-button-minimum-height); --modal-dialog-actions-overflow-button-minimum-width: var(--button-group-overflow-button-minimum-width); --modal-dialog-actions-overflow-button-normal-size-minimum-height: var(--button-group-overflow-button-normal-size-minimum-height); --modal-dialog-actions-overflow-button-normal-size-minimum-width: var(--button-group-overflow-button-normal-size-minimum-width); --modal-dialog-actions-overflow-button-normal-size-padding-size: var(--button-group-overflow-button-normal-size-padding-size); --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-background-color); --modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-normal-state-light-mode-background-color: var(--button-group-overflow-button-normal-state-light-mode-background-color); --modal-dialog-actions-overflow-button-normal-state-light-mode-icon-color: var(--button-group-overflow-button-normal-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-padding-size: var(--button-group-overflow-button-padding-size); --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color); --modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color); --modal-dialog-actions-overflow-button-pressed-state-light-mode-background-color: var(--button-group-overflow-button-pressed-state-light-mode-background-color); --modal-dialog-actions-overflow-button-pressed-state-light-mode-icon-color: var(--button-group-overflow-button-pressed-state-light-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-size-multiplier: var(--button-group-overflow-button-size-multiplier); --modal-dialog-actions-overflow-button-small-size-icon-height: var(--button-group-overflow-button-small-size-icon-height); --modal-dialog-actions-overflow-button-small-size-icon-width: var(--button-group-overflow-button-small-size-icon-width); --modal-dialog-actions-overflow-button-small-size-minimum-height: var(--button-group-overflow-button-small-size-minimum-height); --modal-dialog-actions-overflow-button-small-size-padding-size: var(--button-group-overflow-button-small-size-padding-size); --modal-dialog-actions-overflow-button-small-size-width-multiplier: var(--button-group-overflow-button-small-size-width-multiplier); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-spacing: var(--button-group-spacing); --modal-dialog-actions-top-gap: var(--core-metrics-spacing-400); --modal-dialog-animation-duration: 0.50s; --modal-dialog-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration); --modal-dialog-animation-enter-transition-easing: var(--core-animation-exit-transition-easing); --modal-dialog-animation-enter-transition-opacity: 0; --modal-dialog-animation-enter-transition-scale: 0.9; --modal-dialog-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration); --modal-dialog-animation-exit-transition-easing: var(--core-animation-exit-transition-easing); --modal-dialog-animation-exit-transition-opacity: 0; --modal-dialog-animation-exit-transition-scale: 0.9; --modal-dialog-background-color: var(--modal-dialog-background-light-mode-color); --modal-dialog-background-dark-mode-color: var(--core-surface-20-dark-mode-color); --modal-dialog-background-light-mode-color: var(--core-surface-20-light-mode-color); --modal-dialog-border-radius: var(--core-radius-modals); --modal-dialog-compact-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-compact-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-dialog-compact-horizontal-size-class-maximum-width: 464px; --modal-dialog-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400); --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-light-mode-color); --modal-dialog-content-heading-dark-mode-color: var(--core-text-10-dark-mode-color); --modal-dialog-content-heading-light-mode-color: var(--core-text-10-light-mode-color); --modal-dialog-content-heading-text-case: var(--core-type-heading-30-case); --modal-dialog-content-heading-text-font-family: var(--core-type-heading-30-font-family); --modal-dialog-content-heading-text-leading: var(--core-type-heading-30-leading); --modal-dialog-content-heading-text-number-spacing: var(--core-type-heading-30-number-spacing); --modal-dialog-content-heading-text-scale: var(--core-type-heading-30-scale); --modal-dialog-content-heading-text-size: var(--core-type-heading-30-size); --modal-dialog-content-heading-text-tracking: var(--core-type-heading-30-tracking); --modal-dialog-content-heading-text-weight: var(--core-type-heading-30-weight); --modal-dialog-content-spinner-diameter-size: var(--activity-indicator-radial-large-size-diameter-size); --modal-dialog-content-spinner-stroke-size: var(--activity-indicator-radial-large-size-stroke-size); --modal-dialog-content-vertical-header-gap: var(--core-metrics-spacing-400); --modal-dialog-content-vertical-space: var(--core-metrics-spacing-200); --modal-dialog-horizontal-padding-size: var(--modal-dialog-narrow-viewport-horizontal-padding-size); --modal-dialog-maximum-width-size: 480px; --modal-dialog-medium-viewport-horizontal-padding-size: 40px; --modal-dialog-medium-viewport-vertical-padding-size: 24px; --modal-dialog-medium-viewport-width: 480px; --modal-dialog-narrow-viewport-horizontal-padding-size: 24px; --modal-dialog-narrow-viewport-vertical-padding-size: 24px; --modal-dialog-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-dialog-regular-horizontal-size-class-maximum-width: 464px; --modal-dialog-regular-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-regular-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-400); --modal-dialog-veil-color: var(--modal-dialog-veil-light-mode-color); --modal-dialog-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color); --modal-dialog-veil-light-mode-color: var(--core-surface-overlay-light-mode-color); --modal-dialog-vertical-padding-size: var(--modal-dialog-narrow-viewport-vertical-padding-size); --modal-dialog-wide-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400); --modal-dialog-wide-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200); --modal-dialog-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-dialog-wide-horizontal-size-class-maximum-width: 464px; --modal-dialog-wide-viewport-horizontal-padding-size: 32px; --modal-dialog-wide-viewport-vertical-padding-size: 24px; --modal-dialog-wide-viewport-width: 480px; /* ========== modalFull ========== */ --modal-full-animation-duration: var(--modal-full-narrow-viewport-animation-duration); --modal-full-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration); --modal-full-animation-enter-transition-easing: var(--core-animation-exit-transition-easing); --modal-full-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration); --modal-full-animation-exit-transition-easing: var(--core-animation-exit-transition-easing); --modal-full-background-color: var(--modal-full-background-light-mode-color); --modal-full-background-dark-mode-color: var(--core-surface-5-dark-mode-color); --modal-full-background-light-mode-color: var(--core-surface-5-light-mode-color); --modal-full-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200); --modal-full-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-150); --modal-full-fixed-layout-width: 600px; --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size); --modal-full-medium-viewport-animation-duration: var(--modal-full-narrow-viewport-animation-duration); --modal-full-medium-viewport-horizontal-padding-size: 24px; --modal-full-medium-viewport-vertical-padding-size: 24px; --modal-full-narrow-viewport-animation-duration: 0.50s; --modal-full-narrow-viewport-horizontal-padding-size: 16px; --modal-full-narrow-viewport-vertical-padding-size: 16px; --modal-full-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300); --modal-full-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200); --modal-full-veil-color: var(--modal-full-veil-light-mode-color); --modal-full-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color); --modal-full-veil-light-mode-color: var(--core-surface-overlay-light-mode-color); --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size); --modal-full-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300); --modal-full-wide-viewport-animation-duration: var(--modal-full-medium-viewport-animation-duration); --modal-full-wide-viewport-horizontal-padding-size: 32px; --modal-full-wide-viewport-vertical-padding-size: 16px; /* ========== modalPartial ========== */ --modal-partial-animation-duration: var(--modal-partial-narrow-viewport-animation-duration); --modal-partial-animation-enter-transition-duration: var(--core-animation-enter-transition-moderate-speed-duration); --modal-partial-animation-enter-transition-easing: var(--core-animation-exit-transition-easing); --modal-partial-animation-enter-transition-opacity: 0; --modal-partial-animation-enter-transition-scale: 0.9; --modal-partial-animation-exit-transition-duration: var(--core-animation-exit-transition-moderate-speed-duration); --modal-partial-animation-exit-transition-easing: var(--core-animation-exit-transition-easing); --modal-partial-animation-exit-transition-opacity: 0; --modal-partial-animation-exit-transition-scale: 0.9; --modal-partial-background-color: var(--modal-partial-background-light-mode-color); --modal-partial-background-dark-mode-color: var(--core-surface-20-dark-mode-color); --modal-partial-background-light-mode-color: var(--core-surface-20-light-mode-color); --modal-partial-border-radius: var(--core-radius-modals); --modal-partial-compact-horizontal-size-class-horizontal-inner-padding: var(--modal-full-regular-horizontal-size-class-horizontal-padding); --modal-partial-compact-horizontal-size-class-horizontal-outer-padding: 0px; --modal-partial-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-partial-compact-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width); --modal-partial-compact-vertical-size-class-vertical-inner-padding: var(--core-metrics-spacing-300); --modal-partial-compact-vertical-size-class-vertical-outer-padding: var(--core-metrics-spacing-300); --modal-partial-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-partial-horizontal-padding-size: var(--modal-partial-narrow-viewport-horizontal-padding-size); --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-narrow-viewport-horizontal-screen-buffer-size); --modal-partial-medium-viewport-animation-duration: var(--modal-partial-narrow-viewport-animation-duration); --modal-partial-medium-viewport-horizontal-padding-size: var(--core-metrics-spacing-400); --modal-partial-medium-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300); --modal-partial-medium-viewport-vertical-padding-size: var(--core-metrics-spacing-400); --modal-partial-medium-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300); --modal-partial-medium-viewport-width: 664px; --modal-partial-narrow-viewport-animation-duration: 0.50s; --modal-partial-narrow-viewport-horizontal-padding-size: var(--core-metrics-spacing-200); --modal-partial-narrow-viewport-horizontal-screen-buffer-size: 0px; --modal-partial-narrow-viewport-vertical-padding-size: var(--core-metrics-spacing-200); --modal-partial-narrow-viewport-vertical-screen-buffer-size: 0px; --modal-partial-regular-horizontal-size-class-horizontal-inner-padding: var(--core-metrics-spacing-400); --modal-partial-regular-horizontal-size-class-horizontal-outer-padding: var(--core-metrics-spacing-200); --modal-partial-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-partial-regular-horizontal-size-class-maximum-width: 664px; --modal-partial-regular-vertical-size-class-vertical-inner-padding: var(--modal-partial-compact-vertical-size-class-vertical-inner-padding); --modal-partial-regular-vertical-size-class-vertical-outer-padding: var(--modal-partial-compact-vertical-size-class-vertical-outer-padding); --modal-partial-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-partial-veil-color: var(--modal-partial-veil-light-mode-color); --modal-partial-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color); --modal-partial-veil-light-mode-color: var(--core-surface-overlay-light-mode-color); --modal-partial-vertical-padding-size: var(--modal-partial-narrow-viewport-vertical-padding-size); --modal-partial-vertical-screen-buffer-size: var(--modal-partial-narrow-viewport-vertical-screen-buffer-size); --modal-partial-wide-horizontal-size-class-horizontal-inner-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-inner-padding); --modal-partial-wide-horizontal-size-class-horizontal-outer-padding: var(--modal-partial-regular-horizontal-size-class-horizontal-outer-padding); --modal-partial-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-400); --modal-partial-wide-horizontal-size-class-maximum-width: var(--modal-partial-regular-horizontal-size-class-maximum-width); --modal-partial-wide-viewport-animation-duration: var(--modal-partial-medium-viewport-animation-duration); --modal-partial-wide-viewport-horizontal-padding-size: var(--core-metrics-spacing-400); --modal-partial-wide-viewport-horizontal-screen-buffer-size: var(--core-metrics-spacing-300); --modal-partial-wide-viewport-vertical-padding-size: var(--core-metrics-spacing-400); --modal-partial-wide-viewport-vertical-screen-buffer-size: var(--core-metrics-spacing-300); --modal-partial-wide-viewport-width: 664px; /* ========== modalPopover ========== */ --modal-popover-anchor-space-horizontal-size: var(--core-metrics-spacing-100); --modal-popover-anchor-space-vertical-size: var(--core-metrics-spacing-100); --modal-popover-appear-animation-percentage: 70px; --modal-popover-background-color: var(--modal-popover-background-light-mode-color); --modal-popover-background-dark-mode-color: var(--core-surface-30-dark-mode-color); --modal-popover-background-light-mode-color: var(--core-surface-30-light-mode-color); --modal-popover-border-radius: var(--core-radius-200); --modal-popover-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200); --modal-popover-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200); --modal-popover-regular-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding); --modal-popover-regular-vertical-size-class-vertical-padding: var(--modal-popover-compact-vertical-size-class-vertical-padding); --modal-popover-size-maximum-height: 464px; --modal-popover-size-minimum-width: 200px; --modal-popover-wide-horizontal-size-class-horizontal-padding: var(--modal-popover-compact-horizontal-size-class-horizontal-padding); --modal-popover-wide-viewport-max-height-size: 500px; --modal-popover-wide-viewport-min-width-size: 200px; --modal-popover-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-100); --modal-popover-wide-viewport-padding-left-size: var(--core-metrics-spacing-300); --modal-popover-wide-viewport-padding-right-size: var(--core-metrics-spacing-300); --modal-popover-wide-viewport-padding-top-size: var(--core-metrics-spacing-100); /* ========== modalSheet ========== */ --modal-sheet-background-color: var(--modal-sheet-background-light-mode-color); --modal-sheet-background-dark-mode-color: var(--core-surface-20-dark-mode-color); --modal-sheet-background-light-mode-color: var(--core-surface-20-light-mode-color); --modal-sheet-border-radius: var(--core-radius-modals); --modal-sheet-compact-horizontal-size-class-bottom-gap: 0px; --modal-sheet-compact-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-200); --modal-sheet-compact-horizontal-size-class-maximum-width: 464px; --modal-sheet-compact-vertical-size-class-vertical-padding: var(--core-metrics-spacing-200); --modal-sheet-handle-background-color: var(--modal-sheet-handle-light-mode-background-color); --modal-sheet-handle-border-radius: var(--core-radius-circle); --modal-sheet-handle-dark-mode-background-color: rgba(255, 255, 255, 0.2); --modal-sheet-handle-dark-mode-fill-color: rgba(255, 255, 255, 0.4); --modal-sheet-handle-fill-color: var(--modal-sheet-handle-light-mode-fill-color); --modal-sheet-handle-height: 6px; --modal-sheet-handle-light-mode-background-color: rgba(255, 255, 255, 0.4); --modal-sheet-handle-light-mode-fill-color: rgba(255, 255, 255, 0.4); --modal-sheet-handle-padding-bottom-size: 8px; --modal-sheet-handle-padding-top-size: 26px; --modal-sheet-handle-top-buffer-size: 10px; --modal-sheet-handle-width: 56px; --modal-sheet-margin-bottom-size: var(--modal-sheet-narrow-viewport-margin-bottom-size); --modal-sheet-narrow-viewport-margin-bottom-size: 0px; --modal-sheet-narrow-viewport-padding-bottom-size: var(--core-metrics-spacing-200); --modal-sheet-narrow-viewport-padding-left-size: var(--core-metrics-spacing-200); --modal-sheet-narrow-viewport-padding-right-size: var(--core-metrics-spacing-200); --modal-sheet-narrow-viewport-padding-top-size: var(--core-metrics-spacing-200); --modal-sheet-padding-bottom-size: var(--modal-sheet-narrow-viewport-padding-bottom-size); --modal-sheet-padding-left-size: var(--modal-sheet-narrow-viewport-padding-left-size); --modal-sheet-padding-right-size: var(--modal-sheet-narrow-viewport-padding-right-size); --modal-sheet-padding-top-size: var(--modal-sheet-narrow-viewport-padding-top-size); --modal-sheet-regular-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200); --modal-sheet-regular-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300); --modal-sheet-regular-horizontal-size-class-maximum-width: 464px; --modal-sheet-regular-vertical-size-class-vertical-padding: var(--core-metrics-spacing-300); --modal-sheet-veil-color: var(--modal-sheet-veil-light-mode-color); --modal-sheet-veil-dark-mode-color: var(--core-surface-overlay-dark-mode-color); --modal-sheet-veil-light-mode-color: var(--core-surface-overlay-light-mode-color); --modal-sheet-wide-horizontal-size-class-bottom-gap: var(--core-metrics-spacing-200); --modal-sheet-wide-horizontal-size-class-horizontal-padding: var(--core-metrics-spacing-300); --modal-sheet-wide-horizontal-size-class-maximum-width: 464px; --modal-sheet-wide-viewport-margin-bottom-size: 16px; --modal-sheet-wide-viewport-padding-bottom-size: var(--core-metrics-spacing-400); --modal-sheet-wide-viewport-padding-left-size: var(--core-metrics-spacing-400); --modal-sheet-wide-viewport-padding-right-size: var(--core-metrics-spacing-400); --modal-sheet-wide-viewport-padding-top-size: var(--core-metrics-spacing-400); /* ========== numpad ========== */ --numpad-tall-layout-button-border-radius: 40px; /* ========== pageIndicator ========== */ --page-indicator-dark-mode-dot-color: var(--core-text-20-dark-mode-color); --page-indicator-dark-mode-selected-color: var(--core-emphasis-fill-dark-mode-color); --page-indicator-dot-color: var(--page-indicator-light-mode-dot-color); --page-indicator-dot-size: 6px; --page-indicator-light-mode-dot-color: var(--core-text-20-light-mode-color); --page-indicator-light-mode-selected-color: var(--core-emphasis-fill-light-mode-color); --page-indicator-selected-color: var(--page-indicator-light-mode-selected-color); --page-indicator-selected-size: 8px; --page-indicator-spacing-size: 6px; /* ========== pagination ========== */ --pagination-nav-content-spacing: var(--core-metrics-spacing-100); --pagination-nav-horizontal-margin: var(--core-metrics-spacing-100); --pagination-nav-vertical-margin: var(--core-metrics-spacing-200); /* ========== pagingIndicator ========== */ --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-light-mode-color); --paging-indicator-selected-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --paging-indicator-selected-state-height: var(--core-metrics-spacing-50); --paging-indicator-selected-state-light-mode-color: var(--core-fill-10-light-mode-color); --paging-indicator-selected-state-width: var(--core-metrics-spacing-300); --paging-indicator-spacing: var(--core-metrics-spacing-25); --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-light-mode-color); --paging-indicator-unselected-state-dark-mode-color: var(--core-fill-20-dark-mode-color); --paging-indicator-unselected-state-height: var(--core-metrics-spacing-25); --paging-indicator-unselected-state-light-mode-color: var(--core-fill-20-light-mode-color); --paging-indicator-unselected-state-width: var(--core-metrics-spacing-300); /* ========== pill ========== */ --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-light-mode-color); --pill-alpha-variant-background-dark-mode-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color); --pill-alpha-variant-background-light-mode-color: var(--pill-alpha-variant-normal-state-background-light-mode-color); --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-light-mode-color); --pill-alpha-variant-icon-dark-mode-color: var(--core-pink-fill-dark-mode-color); --pill-alpha-variant-icon-light-mode-color: var(--core-pink-fill-light-mode-color); --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-light-mode-color); --pill-alpha-variant-normal-state-background-dark-mode-color: var(--core-pink-40-dark-mode-color); --pill-alpha-variant-normal-state-background-light-mode-color: var(--core-pink-40-light-mode-color); --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-light-mode-color); --pill-alpha-variant-pressed-state-background-dark-mode-color: var(--core-pink-30-dark-mode-color); --pill-alpha-variant-pressed-state-background-light-mode-color: var(--core-pink-30-light-mode-color); --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-light-mode-color); --pill-alpha-variant-text-dark-mode-color: var(--core-pink-text-dark-mode-color); --pill-alpha-variant-text-light-mode-color: var(--core-pink-text-light-mode-color); --pill-beta-variant-background-color: var(--pill-beta-variant-background-light-mode-color); --pill-beta-variant-background-dark-mode-color: var(--pill-beta-variant-normal-state-background-dark-mode-color); --pill-beta-variant-background-light-mode-color: var(--pill-beta-variant-normal-state-background-light-mode-color); --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-light-mode-color); --pill-beta-variant-icon-dark-mode-color: var(--core-teal-fill-dark-mode-color); --pill-beta-variant-icon-light-mode-color: var(--core-teal-fill-light-mode-color); --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-light-mode-color); --pill-beta-variant-normal-state-background-dark-mode-color: var(--core-teal-40-dark-mode-color); --pill-beta-variant-normal-state-background-light-mode-color: var(--core-teal-40-light-mode-color); --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-light-mode-color); --pill-beta-variant-pressed-state-background-dark-mode-color: var(--core-teal-30-dark-mode-color); --pill-beta-variant-pressed-state-background-light-mode-color: var(--core-teal-30-light-mode-color); --pill-beta-variant-text-color: var(--pill-beta-variant-text-light-mode-color); --pill-beta-variant-text-dark-mode-color: var(--core-teal-text-dark-mode-color); --pill-beta-variant-text-light-mode-color: var(--core-teal-text-light-mode-color); --pill-border-color: var(--pill-border-light-mode-color); --pill-border-dark-mode-color: var(--core-surface-5-dark-mode-color); --pill-border-light-mode-color: var(--core-surface-5-light-mode-color); --pill-border-width: var(--core-border-20); --pill-compact-size-border-radius: var(--core-radius-circle); --pill-compact-size-corner-radius: var(--pill-compact-size-border-radius); --pill-compact-size-horizontal-padding: var(--core-metrics-spacing-100); --pill-compact-size-icon-dot-radius: var(--pill-compact-size-indicator-dot-radius); --pill-compact-size-icon-left-padding: var(--pill-compact-size-indicator-icon-horizontal-padding-left); --pill-compact-size-icon-size: var(--pill-compact-size-indicator-icon-size); --pill-compact-size-icon-to-text-spacing: var(--pill-compact-size-indicator-icon-horizontal-padding-right); --pill-compact-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-50); --pill-compact-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50); --pill-compact-size-indicator-dot-radius: var(--core-metrics-spacing-50); --pill-compact-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-50); --pill-compact-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50); --pill-compact-size-indicator-icon-size: var(--core-metrics-spacing-200); --pill-compact-size-padding-horizontal-size: var(--pill-compact-size-horizontal-padding); --pill-compact-size-padding-vertical-size: var(--pill-compact-size-vertical-padding); --pill-compact-size-spacing-horizontal: var(--pill-compact-size-indicator-dot-horizontal-padding-right); --pill-compact-size-text-case: var(--core-type-semibold-10-case); --pill-compact-size-text-edge-padding: var(--pill-compact-size-text-horizontal-padding-left); --pill-compact-size-text-font-family: var(--core-type-semibold-10-font-family); --pill-compact-size-text-horizontal-padding-left: var(--core-metrics-spacing-100); --pill-compact-size-text-leading: var(--core-type-semibold-10-leading); --pill-compact-size-text-number-spacing: var(--core-type-semibold-10-number-spacing); --pill-compact-size-text-scale: var(--core-type-semibold-10-scale); --pill-compact-size-text-size: var(--core-type-semibold-10-size); --pill-compact-size-text-tracking: var(--core-type-semibold-10-tracking); --pill-compact-size-text-weight: var(--core-type-semibold-10-weight); --pill-compact-size-vertical-padding: var(--core-metrics-spacing-25); --pill-critical-variant-background-color: var(--pill-critical-variant-background-light-mode-color); --pill-critical-variant-background-dark-mode-color: var(--pill-critical-variant-normal-state-background-dark-mode-color); --pill-critical-variant-background-light-mode-color: var(--pill-critical-variant-normal-state-background-light-mode-color); --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-light-mode-color); --pill-critical-variant-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color); --pill-critical-variant-icon-light-mode-color: var(--core-critical-fill-light-mode-color); --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-light-mode-color); --pill-critical-variant-normal-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color); --pill-critical-variant-normal-state-background-light-mode-color: var(--core-critical-40-light-mode-color); --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-light-mode-color); --pill-critical-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color); --pill-critical-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color); --pill-critical-variant-text-color: var(--pill-critical-variant-text-light-mode-color); --pill-critical-variant-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --pill-critical-variant-text-light-mode-color: var(--core-critical-text-light-mode-color); --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-light-mode-color); --pill-emphasis-variant-background-dark-mode-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color); --pill-emphasis-variant-background-light-mode-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color); --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-light-mode-color); --pill-emphasis-variant-icon-dark-mode-color: var(--core-blue-text-dark-mode-color); --pill-emphasis-variant-icon-light-mode-color: var(--core-blue-text-light-mode-color); --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-light-mode-color); --pill-emphasis-variant-normal-state-background-dark-mode-color: var(--core-blue-40-dark-mode-color); --pill-emphasis-variant-normal-state-background-light-mode-color: var(--core-blue-40-light-mode-color); --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-light-mode-color); --pill-emphasis-variant-pressed-state-background-dark-mode-color: var(--core-blue-30-dark-mode-color); --pill-emphasis-variant-pressed-state-background-light-mode-color: var(--core-blue-30-light-mode-color); --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-light-mode-color); --pill-emphasis-variant-text-dark-mode-color: var(--core-blue-text-dark-mode-color); --pill-emphasis-variant-text-light-mode-color: var(--core-blue-text-light-mode-color); --pill-insight-variant-background-color: var(--pill-insight-variant-background-light-mode-color); --pill-insight-variant-background-dark-mode-color: var(--pill-insight-variant-normal-state-background-dark-mode-color); --pill-insight-variant-background-light-mode-color: var(--pill-insight-variant-normal-state-background-light-mode-color); --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-light-mode-color); --pill-insight-variant-icon-dark-mode-color: var(--core-purple-fill-dark-mode-color); --pill-insight-variant-icon-light-mode-color: var(--core-purple-fill-light-mode-color); --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-light-mode-color); --pill-insight-variant-normal-state-background-dark-mode-color: var(--core-purple-40-dark-mode-color); --pill-insight-variant-normal-state-background-light-mode-color: var(--core-purple-40-light-mode-color); --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-light-mode-color); --pill-insight-variant-pressed-state-background-dark-mode-color: var(--core-purple-30-dark-mode-color); --pill-insight-variant-pressed-state-background-light-mode-color: var(--core-purple-30-light-mode-color); --pill-insight-variant-text-color: var(--pill-insight-variant-text-light-mode-color); --pill-insight-variant-text-dark-mode-color: var(--core-purple-text-dark-mode-color); --pill-insight-variant-text-light-mode-color: var(--core-purple-text-light-mode-color); --pill-normal-size-border-radius: var(--core-radius-circle); --pill-normal-size-corner-radius: var(--pill-normal-size-border-radius); --pill-normal-size-horizontal-padding: var(--core-metrics-spacing-150); --pill-normal-size-icon-dot-radius: var(--pill-normal-size-indicator-dot-radius); --pill-normal-size-icon-left-padding: var(--pill-normal-size-indicator-icon-horizontal-padding-left); --pill-normal-size-icon-size: var(--pill-normal-size-indicator-icon-size); --pill-normal-size-icon-to-text-spacing: var(--pill-normal-size-indicator-icon-horizontal-padding-right); --pill-normal-size-indicator-dot-horizontal-padding-left: var(--core-metrics-spacing-100); --pill-normal-size-indicator-dot-horizontal-padding-right: var(--core-metrics-spacing-50); --pill-normal-size-indicator-dot-radius: 5px; --pill-normal-size-indicator-icon-horizontal-padding-left: var(--core-metrics-spacing-100); --pill-normal-size-indicator-icon-horizontal-padding-right: var(--core-metrics-spacing-50); --pill-normal-size-indicator-icon-size: var(--core-metrics-spacing-200); --pill-normal-size-padding-horizontal-size: var(--pill-normal-size-horizontal-padding); --pill-normal-size-padding-vertical-size: var(--pill-normal-size-vertical-padding); --pill-normal-size-spacing-horizontal: var(--pill-normal-size-indicator-dot-horizontal-padding-right); --pill-normal-size-text-case: var(--core-type-semibold-20-case); --pill-normal-size-text-edge-padding: var(--pill-normal-size-text-horizontal-padding-left); --pill-normal-size-text-font-family: var(--core-type-semibold-20-font-family); --pill-normal-size-text-horizontal-padding-left: var(--core-metrics-spacing-150); --pill-normal-size-text-leading: var(--core-type-semibold-20-leading); --pill-normal-size-text-number-spacing: var(--core-type-semibold-20-number-spacing); --pill-normal-size-text-scale: var(--core-type-semibold-20-scale); --pill-normal-size-text-size: var(--core-type-semibold-20-size); --pill-normal-size-text-tracking: var(--core-type-semibold-20-tracking); --pill-normal-size-text-weight: var(--core-type-semibold-20-weight); --pill-normal-size-vertical-padding: var(--core-metrics-spacing-50); --pill-normal-variant-background-color: var(--pill-normal-variant-background-light-mode-color); --pill-normal-variant-background-dark-mode-color: var(--pill-normal-variant-normal-state-background-dark-mode-color); --pill-normal-variant-background-light-mode-color: var(--pill-normal-variant-normal-state-background-light-mode-color); --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-light-mode-color); --pill-normal-variant-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --pill-normal-variant-icon-light-mode-color: var(--core-fill-20-light-mode-color); --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-light-mode-color); --pill-normal-variant-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --pill-normal-variant-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-light-mode-color); --pill-normal-variant-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --pill-normal-variant-pressed-state-background-light-mode-color: var(--core-fill-30-light-mode-color); --pill-normal-variant-text-color: var(--pill-normal-variant-text-light-mode-color); --pill-normal-variant-text-dark-mode-color: var(--core-text-20-dark-mode-color); --pill-normal-variant-text-light-mode-color: var(--core-text-20-light-mode-color); --pill-success-variant-background-color: var(--pill-success-variant-background-light-mode-color); --pill-success-variant-background-dark-mode-color: var(--pill-success-variant-normal-state-background-dark-mode-color); --pill-success-variant-background-light-mode-color: var(--pill-success-variant-normal-state-background-light-mode-color); --pill-success-variant-icon-color: var(--pill-success-variant-icon-light-mode-color); --pill-success-variant-icon-dark-mode-color: var(--core-success-fill-dark-mode-color); --pill-success-variant-icon-light-mode-color: var(--core-success-fill-light-mode-color); --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-light-mode-color); --pill-success-variant-normal-state-background-dark-mode-color: var(--core-success-40-dark-mode-color); --pill-success-variant-normal-state-background-light-mode-color: var(--core-success-40-light-mode-color); --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-light-mode-color); --pill-success-variant-pressed-state-background-dark-mode-color: var(--core-success-30-dark-mode-color); --pill-success-variant-pressed-state-background-light-mode-color: var(--core-success-30-light-mode-color); --pill-success-variant-text-color: var(--pill-success-variant-text-light-mode-color); --pill-success-variant-text-dark-mode-color: var(--core-success-text-dark-mode-color); --pill-success-variant-text-light-mode-color: var(--core-success-text-light-mode-color); --pill-warning-variant-background-color: var(--pill-warning-variant-background-light-mode-color); --pill-warning-variant-background-dark-mode-color: var(--pill-warning-variant-normal-state-background-dark-mode-color); --pill-warning-variant-background-light-mode-color: var(--pill-warning-variant-normal-state-background-light-mode-color); --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-light-mode-color); --pill-warning-variant-icon-dark-mode-color: var(--core-warning-fill-dark-mode-color); --pill-warning-variant-icon-light-mode-color: var(--core-warning-fill-light-mode-color); --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-light-mode-color); --pill-warning-variant-normal-state-background-dark-mode-color: var(--core-warning-40-dark-mode-color); --pill-warning-variant-normal-state-background-light-mode-color: var(--core-warning-40-light-mode-color); --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-light-mode-color); --pill-warning-variant-pressed-state-background-dark-mode-color: var(--core-warning-30-dark-mode-color); --pill-warning-variant-pressed-state-background-light-mode-color: var(--core-warning-30-light-mode-color); --pill-warning-variant-text-color: var(--pill-warning-variant-text-light-mode-color); --pill-warning-variant-text-dark-mode-color: var(--core-warning-text-dark-mode-color); --pill-warning-variant-text-light-mode-color: var(--core-warning-text-light-mode-color); /* ========== progressMeter ========== */ --progress-meter-bar-height: 4px; --progress-meter-bar-radius: 2px; --progress-meter-bar-width: 120px; --progress-meter-radial-large-size-diameter-size: 60px; --progress-meter-radial-large-size-stroke-size: 6px; --progress-meter-radial-small-size-diameter-size: 20px; --progress-meter-radial-small-size-stroke-size: 2px; /* ========== qrcode ========== */ --qrcode-border-color: var(--qrcode-border-light-mode-color); --qrcode-border-dark-mode-color: var(--core-divider-10-dark-mode-color); --qrcode-border-light-mode-color: var(--core-divider-10-light-mode-color); --qrcode-border-radius: var(--core-radius-266); --qrcode-border-width: 1px; --qrcode-gap: var(--core-metrics-spacing-200); --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-light-mode-color); --qrcode-monochrome-variant-background-dark-mode-color: var(--qrcode-normal-variant-background-dark-mode-color); --qrcode-monochrome-variant-background-light-mode-color: var(--qrcode-normal-variant-background-light-mode-color); --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-light-mode-color); --qrcode-monochrome-variant-foreground-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color); --qrcode-monochrome-variant-foreground-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color); --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-light-mode-color); --qrcode-monochrome-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color); --qrcode-monochrome-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color); --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-light-mode-color); --qrcode-normal-variant-background-dark-mode-color: var(--core-fill-black-dark-mode-color); --qrcode-normal-variant-background-light-mode-color: var(--core-fill-white-light-mode-color); --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-light-mode-color); --qrcode-normal-variant-foreground-dark-mode-color: var(--core-fill-white-dark-mode-color); --qrcode-normal-variant-foreground-light-mode-color: var(--core-fill-black-light-mode-color); --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-light-mode-color); --qrcode-normal-variant-icon-dark-mode-color: var(--qrcode-normal-variant-foreground-dark-mode-color); --qrcode-normal-variant-icon-light-mode-color: var(--qrcode-normal-variant-foreground-light-mode-color); --qrcode-padding: var(--core-metrics-spacing-600); /* ========== quantity-input-field ========== */ --quantity-input-field-display-color: var(--quantity-input-field-display-light-mode-color); --quantity-input-field-display-dark-mode-color: var(--core-text-10-dark-mode-color); --quantity-input-field-display-horizontal-padding: var(--core-metrics-spacing-100); --quantity-input-field-display-light-mode-color: var(--core-text-10-light-mode-color); --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-light-mode-color); --quantity-input-field-display-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color); --quantity-input-field-display-placeholder-light-mode-color: var(--core-text-20-light-mode-color); --quantity-input-field-display-primary-value-text-case: var(--core-type-display-20-case); --quantity-input-field-display-primary-value-text-font-family: var(--core-type-display-20-font-family); --quantity-input-field-display-primary-value-text-leading: var(--core-type-display-20-leading); --quantity-input-field-display-primary-value-text-number-spacing: 'monospaced'; --quantity-input-field-display-primary-value-text-scale: var(--core-type-display-20-scale); --quantity-input-field-display-primary-value-text-size: var(--core-type-display-20-size); --quantity-input-field-display-primary-value-text-tracking: var(--core-type-display-20-tracking); --quantity-input-field-display-primary-value-text-weight: var(--core-type-display-20-weight); --quantity-input-field-display-unit-text-case: var(--core-type-heading-30-case); --quantity-input-field-display-unit-text-font-family: var(--core-type-heading-30-font-family); --quantity-input-field-display-unit-text-leading: var(--core-type-heading-30-leading); --quantity-input-field-display-unit-text-number-spacing: var(--core-type-heading-30-number-spacing); --quantity-input-field-display-unit-text-scale: var(--core-type-heading-30-scale); --quantity-input-field-display-unit-text-size: var(--core-type-heading-30-size); --quantity-input-field-display-unit-text-tracking: var(--core-type-heading-30-tracking); --quantity-input-field-display-unit-text-weight: var(--core-type-heading-30-weight); --quantity-input-field-value-text-case: var(--core-type-display-20-case); --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-light-mode-color); --quantity-input-field-value-text-dark-mode-color: var(--core-text-10-dark-mode-color); --quantity-input-field-value-text-font-family: var(--core-type-display-20-font-family); --quantity-input-field-value-text-leading: var(--core-type-display-20-leading); --quantity-input-field-value-text-light-mode-color: var(--core-text-10-light-mode-color); --quantity-input-field-value-text-number-spacing: 'monospaced'; --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-light-mode-color); --quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color); --quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color); --quantity-input-field-value-text-scale: var(--core-type-display-20-scale); --quantity-input-field-value-text-size: var(--core-type-display-20-size); --quantity-input-field-value-text-tracking: var(--core-type-display-20-tracking); --quantity-input-field-value-text-weight: var(--core-type-display-20-weight); /* ========== radio ========== */ --radio-border-radius: 100px; --radio-border-size: var(--core-border-20); --radio-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-background-color); --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-border-color); --radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color); --radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color); --radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color); --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color); --radio-disabled-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color); --radio-disabled-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color); --radio-disabled-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color); --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color); --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color); --radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color); --radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color); --radio-disabled-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color); --radio-disabled-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color); --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-background-color); --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-border-color); --radio-disabled-state-normal-validity-selected-value-dark-mode-background-color: var(--core-fill-20-dark-mode-color); --radio-disabled-state-normal-validity-selected-value-dark-mode-border-color: transparent; --radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-light-mode-icon-color); --radio-disabled-state-normal-validity-selected-value-light-mode-background-color: var(--core-fill-20-light-mode-color); --radio-disabled-state-normal-validity-selected-value-light-mode-border-color: transparent; --radio-disabled-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-background-color); --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-light-mode-border-color); --radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-dark-mode-color); --radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-30-dark-mode-color); --radio-disabled-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color); --radio-disabled-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-30-light-mode-color); --radio-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --radio-focus-ring-color: var(--radio-light-mode-focus-ring-color); --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-background-color); --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-border-color); --radio-focus-state-invalid-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color); --radio-focus-state-invalid-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color); --radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-light-mode-icon-color); --radio-focus-state-invalid-validity-selected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color); --radio-focus-state-invalid-validity-selected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color); --radio-focus-state-invalid-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color); --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-background-color); --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-light-mode-border-color); --radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-focus-state-invalid-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color); --radio-focus-state-invalid-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color); --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-background-color); --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-border-color); --radio-focus-state-normal-validity-selected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color); --radio-focus-state-normal-validity-selected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color); --radio-focus-state-normal-validity-selected-value-dark-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color); --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-light-mode-icon-color); --radio-focus-state-normal-validity-selected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color); --radio-focus-state-normal-validity-selected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color); --radio-focus-state-normal-validity-selected-value-light-mode-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color); --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-background-color); --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-light-mode-border-color); --radio-focus-state-normal-validity-unselected-value-dark-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color); --radio-focus-state-normal-validity-unselected-value-dark-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color); --radio-focus-state-normal-validity-unselected-value-light-mode-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color); --radio-focus-state-normal-validity-unselected-value-light-mode-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color); --radio-height: var(--radio-width); --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-background-color); --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-border-color); --radio-hover-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-20-dark-mode-color); --radio-hover-state-invalid-validity-selected-value-dark-mode-border-color: transparent; --radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-light-mode-icon-color); --radio-hover-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-20-light-mode-color); --radio-hover-state-invalid-validity-selected-value-light-mode-border-color: transparent; --radio-hover-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-background-color); --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-light-mode-border-color); --radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color: transparent; --radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-20-dark-mode-color); --radio-hover-state-invalid-validity-unselected-value-light-mode-background-color: transparent; --radio-hover-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-20-light-mode-color); --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-background-color); --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-border-color); --radio-hover-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-20-light-mode-color); --radio-hover-state-normal-validity-selected-value-dark-mode-border-color: transparent; --radio-hover-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-light-mode-icon-color); --radio-hover-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-20-light-mode-color); --radio-hover-state-normal-validity-selected-value-light-mode-border-color: transparent; --radio-hover-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-background-color); --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-light-mode-border-color); --radio-hover-state-normal-validity-unselected-value-dark-mode-background-color: var(--core-fill-50-light-mode-color); --radio-hover-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-10-light-mode-color); --radio-hover-state-normal-validity-unselected-value-light-mode-background-color: var(--core-fill-50-light-mode-color); --radio-hover-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --radio-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-background-color); --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-border-color); --radio-normal-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-fill-dark-mode-color); --radio-normal-state-invalid-validity-selected-value-dark-mode-border-color: transparent; --radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-light-mode-icon-color); --radio-normal-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-fill-light-mode-color); --radio-normal-state-invalid-validity-selected-value-light-mode-border-color: transparent; --radio-normal-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-background-color); --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-light-mode-border-color); --radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color: transparent; --radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-fill-dark-mode-color); --radio-normal-state-invalid-validity-unselected-value-light-mode-background-color: transparent; --radio-normal-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-fill-light-mode-color); --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-background-color); --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-border-color); --radio-normal-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-fill-dark-mode-color); --radio-normal-state-normal-validity-selected-value-dark-mode-border-color: transparent; --radio-normal-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-text-inverse-dark-mode-color); --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-light-mode-icon-color); --radio-normal-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-fill-light-mode-color); --radio-normal-state-normal-validity-selected-value-light-mode-border-color: transparent; --radio-normal-state-normal-validity-selected-value-light-mode-icon-color: var(--core-text-inverse-light-mode-color); --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-background-color); --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-light-mode-border-color); --radio-normal-state-normal-validity-unselected-value-dark-mode-background-color: transparent; --radio-normal-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color); --radio-normal-state-normal-validity-unselected-value-light-mode-background-color: transparent; --radio-normal-state-normal-validity-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color); --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-background-color); --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-border-color); --radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color: var(--core-critical-10-dark-mode-color); --radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color: transparent; --radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color); --radio-pressed-state-invalid-validity-selected-value-light-mode-background-color: var(--core-critical-10-light-mode-color); --radio-pressed-state-invalid-validity-selected-value-light-mode-border-color: transparent; --radio-pressed-state-invalid-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color); --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color); --radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color: transparent; --radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color: var(--core-critical-10-dark-mode-color); --radio-pressed-state-invalid-validity-unselected-value-light-mode-background-color: transparent; --radio-pressed-state-invalid-validity-unselected-value-light-mode-border-color: var(--core-critical-10-light-mode-color); --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-background-color); --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-border-color); --radio-pressed-state-normal-validity-selected-value-dark-mode-background-color: var(--core-emphasis-10-dark-mode-color); --radio-pressed-state-normal-validity-selected-value-dark-mode-border-color: transparent; --radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color: var(--core-fill-white-dark-mode-color); --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-light-mode-icon-color); --radio-pressed-state-normal-validity-selected-value-light-mode-background-color: var(--core-emphasis-10-light-mode-color); --radio-pressed-state-normal-validity-selected-value-light-mode-border-color: transparent; --radio-pressed-state-normal-validity-selected-value-light-mode-icon-color: var(--core-fill-white-light-mode-color); --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-background-color); --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-light-mode-border-color); --radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color: transparent; --radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --radio-pressed-state-normal-validity-unselected-value-light-mode-background-color: transparent; --radio-pressed-state-normal-validity-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --radio-selected-value-border-radius: var(--core-radius-circle); --radio-selected-value-border-size: 0px; --radio-selected-value-dot-size: 0.3; --radio-svg-radius: 3px; --radio-unselected-value-border-radius: var(--core-radius-circle); --radio-unselected-value-border-size: var(--core-border-20); --radio-unselected-value-dot-size: 0; --radio-width: var(--core-control-size-width); /* ========== rich-text ========== */ --rich-text-link-edit-popover-spacing-vertical: var(--core-metrics-spacing-200); --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-light-mode-color); --rich-text-toolbar-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --rich-text-toolbar-background-light-mode-color: var(--core-fill-50-light-mode-color); --rich-text-toolbar-background-radius: var(--field-border-radius); --rich-text-toolbar-button-icon-height: var(--icon-button-small-size-icon-height); --rich-text-toolbar-button-icon-width: var(--icon-button-small-size-icon-width); --rich-text-toolbar-button-minimum-height: var(--core-metrics-spacing-400); --rich-text-toolbar-button-padding-size: var(--core-metrics-spacing-50); --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color); --rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color); --rich-text-toolbar-button-selected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color); --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-light-mode-color); --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); --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); --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-light-mode-color); --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); --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); --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color); --rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --rich-text-toolbar-button-selected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color); --rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --rich-text-toolbar-button-selected-value-hover-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color); --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color); --rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --rich-text-toolbar-button-selected-value-normal-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color); --rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --rich-text-toolbar-button-selected-value-normal-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-icon-light-mode-color: var(--core-text-10-light-mode-color); --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color); --rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color: var(--core-text-30-dark-mode-color); --rich-text-toolbar-button-unselected-value-disabled-state-icon-light-mode-color: var(--core-text-30-light-mode-color); --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-light-mode-color); --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); --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); --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-light-mode-color); --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); --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); --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-icon-light-mode-color: var(--core-text-10-light-mode-color); --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color); --rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --rich-text-toolbar-button-unselected-value-normal-state-icon-light-mode-color: var(--core-text-10-light-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-icon-light-mode-color: var(--core-emphasis-text-light-mode-color); --rich-text-toolbar-button-width-multiplier: 1; --rich-text-toolbar-divider-vertical-padding: var(--divider-extra-small-variant-vertical-padding); --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-light-mode-color); --rich-text-toolbar-overflow-gradient-dark-mode-color: var(--core-fill-40-dark-mode-color); --rich-text-toolbar-overflow-gradient-light-mode-color: var(--core-fill-40-light-mode-color); --rich-text-toolbar-overflow-gradient-width: var(--core-metrics-spacing-200); --rich-text-toolbar-padding-horizontal: var(--core-metrics-spacing-50); --rich-text-toolbar-padding-vertical: var(--core-metrics-spacing-50); --rich-text-toolbar-spacing-horizontal: var(--core-metrics-spacing-150); /* ========== row ========== */ --row-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding); --row-background-radius: var(--row-normal-variant-background-radius); --row-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding); --row-dark-mode-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color); --row-destructive-variant-background-horizontal-outset-padding: var(--row-normal-variant-background-horizontal-outset-padding); --row-destructive-variant-background-radius: var(--row-normal-variant-background-radius); --row-destructive-variant-background-vertical-outset-padding: var(--row-normal-variant-background-vertical-outset-padding); --row-destructive-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-light-mode-color); --row-destructive-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color); --row-destructive-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color); --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-light-mode-color); --row-destructive-variant-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color); --row-destructive-variant-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color); --row-destructive-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity); --row-destructive-variant-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity); --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-light-mode-color); --row-destructive-variant-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color); --row-destructive-variant-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color); --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-light-mode-color); --row-destructive-variant-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color); --row-destructive-variant-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color); --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-light-mode-color); --row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color); --row-destructive-variant-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color); --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-light-mode-color); --row-destructive-variant-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color); --row-destructive-variant-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color); --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-light-mode-color); --row-destructive-variant-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color); --row-destructive-variant-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color); --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-light-mode-color); --row-destructive-variant-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color); --row-destructive-variant-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color); --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-light-mode-focus-ring-color); --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-light-mode-color); --row-destructive-variant-focus-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color); --row-destructive-variant-focus-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color); --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-light-mode-color); --row-destructive-variant-focus-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color); --row-destructive-variant-focus-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color); --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-light-mode-color); --row-destructive-variant-focus-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color); --row-destructive-variant-focus-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color); --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-light-mode-color); --row-destructive-variant-focus-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color); --row-destructive-variant-focus-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color); --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-light-mode-color); --row-destructive-variant-focus-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color); --row-destructive-variant-focus-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color); --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-light-mode-color); --row-destructive-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color); --row-destructive-variant-focus-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color); --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-light-mode-color); --row-destructive-variant-focus-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color); --row-destructive-variant-focus-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color); --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-light-mode-color); --row-destructive-variant-focus-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color); --row-destructive-variant-focus-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color); --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-light-mode-color); --row-destructive-variant-focus-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color); --row-destructive-variant-focus-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color); --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-light-mode-color); --row-destructive-variant-hover-state-background-dark-mode-color: var(--core-critical-40-dark-mode-color); --row-destructive-variant-hover-state-background-light-mode-color: var(--core-critical-40-light-mode-color); --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-light-mode-color); --row-destructive-variant-hover-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color); --row-destructive-variant-hover-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color); --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-light-mode-color); --row-destructive-variant-hover-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color); --row-destructive-variant-hover-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color); --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-light-mode-color); --row-destructive-variant-hover-state-separator-dark-mode-color: transparent; --row-destructive-variant-hover-state-separator-light-mode-color: transparent; --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color); --row-destructive-variant-hover-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color); --row-destructive-variant-hover-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color); --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color); --row-destructive-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color); --row-destructive-variant-hover-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color); --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color); --row-destructive-variant-hover-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color); --row-destructive-variant-hover-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color); --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color); --row-destructive-variant-hover-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color); --row-destructive-variant-hover-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color); --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-light-mode-color); --row-destructive-variant-hover-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color); --row-destructive-variant-hover-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color); --row-destructive-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-light-mode-color); --row-destructive-variant-normal-state-background-dark-mode-color: transparent; --row-destructive-variant-normal-state-background-light-mode-color: transparent; --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-light-mode-color); --row-destructive-variant-normal-state-drill-dark-mode-color: var(--core-critical-20-dark-mode-color); --row-destructive-variant-normal-state-drill-light-mode-color: var(--core-critical-20-light-mode-color); --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-light-mode-color); --row-destructive-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --row-destructive-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color); --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-light-mode-color); --row-destructive-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --row-destructive-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color); --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color); --row-destructive-variant-normal-state-side-text-primary-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-side-text-primary-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color); --row-destructive-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-side-text-secondary-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color); --row-destructive-variant-normal-state-subtext-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-subtext-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color); --row-destructive-variant-normal-state-tertiary-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-tertiary-text-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-light-mode-color); --row-destructive-variant-normal-state-text-dark-mode-color: var(--core-critical-text-dark-mode-color); --row-destructive-variant-normal-state-text-light-mode-color: var(--core-critical-text-light-mode-color); --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-light-mode-color); --row-destructive-variant-pressed-state-background-dark-mode-color: var(--core-critical-30-dark-mode-color); --row-destructive-variant-pressed-state-background-light-mode-color: var(--core-critical-30-light-mode-color); --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-light-mode-color); --row-destructive-variant-pressed-state-drill-dark-mode-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color); --row-destructive-variant-pressed-state-drill-light-mode-color: var(--row-destructive-variant-normal-state-drill-light-mode-color); --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-light-mode-color); --row-destructive-variant-pressed-state-icon-dark-mode-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color); --row-destructive-variant-pressed-state-icon-light-mode-color: var(--row-destructive-variant-normal-state-icon-light-mode-color); --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-light-mode-color); --row-destructive-variant-pressed-state-separator-dark-mode-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color); --row-destructive-variant-pressed-state-separator-light-mode-color: var(--row-destructive-variant-normal-state-separator-light-mode-color); --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-light-mode-color); --row-destructive-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color); --row-destructive-variant-pressed-state-side-text-primary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-primary-light-mode-color); --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-light-mode-color); --row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color); --row-destructive-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-normal-state-side-text-secondary-light-mode-color); --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-light-mode-color); --row-destructive-variant-pressed-state-subtext-dark-mode-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color); --row-destructive-variant-pressed-state-subtext-light-mode-color: var(--row-destructive-variant-normal-state-subtext-light-mode-color); --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-light-mode-color); --row-destructive-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color); --row-destructive-variant-pressed-state-tertiary-text-light-mode-color: var(--row-destructive-variant-normal-state-tertiary-text-light-mode-color); --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-light-mode-color); --row-destructive-variant-pressed-state-text-dark-mode-color: var(--row-destructive-variant-normal-state-text-dark-mode-color); --row-destructive-variant-pressed-state-text-light-mode-color: var(--row-destructive-variant-normal-state-text-light-mode-color); --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-light-mode-color); --row-destructive-variant-selected-state-background-dark-mode-color: var(--row-destructive-variant-hover-state-background-dark-mode-color); --row-destructive-variant-selected-state-background-light-mode-color: var(--row-destructive-variant-hover-state-background-light-mode-color); --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-light-mode-color); --row-destructive-variant-selected-state-drill-dark-mode-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color); --row-destructive-variant-selected-state-drill-light-mode-color: var(--row-destructive-variant-hover-state-drill-light-mode-color); --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-light-mode-color); --row-destructive-variant-selected-state-icon-dark-mode-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color); --row-destructive-variant-selected-state-icon-light-mode-color: var(--row-destructive-variant-hover-state-icon-light-mode-color); --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-light-mode-color); --row-destructive-variant-selected-state-separator-dark-mode-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color); --row-destructive-variant-selected-state-separator-light-mode-color: var(--row-destructive-variant-hover-state-separator-light-mode-color); --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-light-mode-color); --row-destructive-variant-selected-state-side-text-primary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color); --row-destructive-variant-selected-state-side-text-primary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-primary-light-mode-color); --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-light-mode-color); --row-destructive-variant-selected-state-side-text-secondary-dark-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color); --row-destructive-variant-selected-state-side-text-secondary-light-mode-color: var(--row-destructive-variant-hover-state-side-text-secondary-light-mode-color); --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-light-mode-color); --row-destructive-variant-selected-state-subtext-dark-mode-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color); --row-destructive-variant-selected-state-subtext-light-mode-color: var(--row-destructive-variant-hover-state-subtext-light-mode-color); --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-light-mode-color); --row-destructive-variant-selected-state-tertiary-text-dark-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color); --row-destructive-variant-selected-state-tertiary-text-light-mode-color: var(--row-destructive-variant-hover-state-tertiary-text-light-mode-color); --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-light-mode-color); --row-destructive-variant-selected-state-text-dark-mode-color: var(--row-destructive-variant-hover-state-text-dark-mode-color); --row-destructive-variant-selected-state-text-light-mode-color: var(--row-destructive-variant-hover-state-text-light-mode-color); --row-destructive-variant-separator-height: var(--row-normal-variant-separator-height); --row-disabled-state-background-color: var(--row-disabled-state-background-light-mode-color); --row-disabled-state-background-dark-mode-color: var(--row-normal-variant-disabled-state-background-dark-mode-color); --row-disabled-state-background-light-mode-color: var(--row-normal-variant-disabled-state-background-light-mode-color); --row-disabled-state-drill-color: var(--row-disabled-state-drill-light-mode-color); --row-disabled-state-drill-dark-mode-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color); --row-disabled-state-drill-light-mode-color: var(--row-normal-variant-disabled-state-drill-light-mode-color); --row-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-image-opacity); --row-disabled-state-leading-accessory-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity); --row-disabled-state-separator-color: var(--row-disabled-state-separator-light-mode-color); --row-disabled-state-separator-dark-mode-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color); --row-disabled-state-separator-light-mode-color: var(--row-normal-variant-disabled-state-separator-light-mode-color); --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-light-mode-color); --row-disabled-state-side-text-primary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color); --row-disabled-state-side-text-primary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color); --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-light-mode-color); --row-disabled-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color); --row-disabled-state-side-text-secondary-light-mode-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color); --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-light-mode-color); --row-disabled-state-subtext-dark-mode-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color); --row-disabled-state-subtext-light-mode-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color); --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-light-mode-color); --row-disabled-state-tertiary-text-dark-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color); --row-disabled-state-tertiary-text-light-mode-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color); --row-disabled-state-text-color: var(--row-disabled-state-text-light-mode-color); --row-disabled-state-text-dark-mode-color: var(--row-normal-variant-disabled-state-text-dark-mode-color); --row-disabled-state-text-light-mode-color: var(--row-normal-variant-disabled-state-text-light-mode-color); --row-focus-ring-border-size: var(--core-focus-ring-border-size); --row-focus-ring-buffer-size: var(--core-focus-ring-buffer-size); --row-focus-ring-color: var(--row-light-mode-focus-ring-color); --row-focus-ring-radius: 6px; --row-focus-state-background-color: var(--row-focus-state-background-light-mode-color); --row-focus-state-background-dark-mode-color: var(--row-normal-variant-focus-state-background-dark-mode-color); --row-focus-state-background-light-mode-color: var(--row-normal-variant-focus-state-background-light-mode-color); --row-focus-state-drill-color: var(--row-focus-state-drill-light-mode-color); --row-focus-state-drill-dark-mode-color: var(--row-normal-variant-focus-state-drill-dark-mode-color); --row-focus-state-drill-light-mode-color: var(--row-normal-variant-focus-state-drill-light-mode-color); --row-focus-state-icon-color: var(--row-focus-state-icon-light-mode-color); --row-focus-state-icon-dark-mode-color: var(--row-normal-variant-focus-state-icon-dark-mode-color); --row-focus-state-icon-light-mode-color: var(--row-normal-variant-focus-state-icon-light-mode-color); --row-focus-state-separator-color: var(--row-focus-state-separator-light-mode-color); --row-focus-state-separator-dark-mode-color: var(--row-normal-variant-focus-state-separator-dark-mode-color); --row-focus-state-separator-light-mode-color: var(--row-normal-variant-focus-state-separator-light-mode-color); --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-light-mode-color); --row-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color); --row-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color); --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-light-mode-color); --row-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color); --row-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color); --row-focus-state-subtext-color: var(--row-focus-state-subtext-light-mode-color); --row-focus-state-subtext-dark-mode-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color); --row-focus-state-subtext-light-mode-color: var(--row-normal-variant-focus-state-subtext-light-mode-color); --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-light-mode-color); --row-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color); --row-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color); --row-focus-state-text-color: var(--row-focus-state-text-light-mode-color); --row-focus-state-text-dark-mode-color: var(--row-normal-variant-focus-state-text-dark-mode-color); --row-focus-state-text-light-mode-color: var(--row-normal-variant-focus-state-text-light-mode-color); --row-horizontal-spacing: 12px; --row-hover-state-background-color: var(--row-hover-state-background-light-mode-color); --row-hover-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color); --row-hover-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color); --row-hover-state-drill-color: var(--row-hover-state-drill-light-mode-color); --row-hover-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color); --row-hover-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color); --row-hover-state-icon-color: var(--row-hover-state-icon-light-mode-color); --row-hover-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color); --row-hover-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color); --row-hover-state-separator-color: var(--row-hover-state-separator-light-mode-color); --row-hover-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color); --row-hover-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color); --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-light-mode-color); --row-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color); --row-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color); --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-light-mode-color); --row-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color); --row-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color); --row-hover-state-subtext-color: var(--row-hover-state-subtext-light-mode-color); --row-hover-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color); --row-hover-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color); --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-light-mode-color); --row-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color); --row-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color); --row-hover-state-text-color: var(--row-hover-state-text-light-mode-color); --row-hover-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color); --row-hover-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color); --row-light-mode-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color); --row-medium-size-side-text-primary-case: var(--core-type-paragraph-30-case); --row-medium-size-side-text-primary-font-family: var(--core-type-paragraph-30-font-family); --row-medium-size-side-text-primary-leading: var(--core-type-paragraph-30-leading); --row-medium-size-side-text-primary-number-spacing: var(--core-type-paragraph-30-number-spacing); --row-medium-size-side-text-primary-scale: var(--core-type-paragraph-30-scale); --row-medium-size-side-text-primary-size: var(--core-type-paragraph-30-size); --row-medium-size-side-text-primary-tracking: var(--core-type-paragraph-30-tracking); --row-medium-size-side-text-primary-weight: var(--core-type-paragraph-30-weight); --row-medium-size-side-text-secondary-case: var(--core-type-paragraph-20-case); --row-medium-size-side-text-secondary-font-family: var(--core-type-paragraph-20-font-family); --row-medium-size-side-text-secondary-leading: var(--core-type-paragraph-20-leading); --row-medium-size-side-text-secondary-number-spacing: var(--core-type-paragraph-20-number-spacing); --row-medium-size-side-text-secondary-scale: var(--core-type-paragraph-20-scale); --row-medium-size-side-text-secondary-size: var(--core-type-paragraph-20-size); --row-medium-size-side-text-secondary-tracking: var(--core-type-paragraph-20-tracking); --row-medium-size-side-text-secondary-weight: var(--core-type-paragraph-20-weight); --row-medium-size-subtext-case: var(--core-type-paragraph-20-case); --row-medium-size-subtext-font-family: var(--core-type-paragraph-20-font-family); --row-medium-size-subtext-leading: var(--core-type-paragraph-20-leading); --row-medium-size-subtext-number-spacing: var(--core-type-paragraph-20-number-spacing); --row-medium-size-subtext-scale: var(--core-type-paragraph-20-scale); --row-medium-size-subtext-size: var(--core-type-paragraph-20-size); --row-medium-size-subtext-tracking: var(--core-type-paragraph-20-tracking); --row-medium-size-subtext-weight: var(--core-type-paragraph-20-weight); --row-medium-size-tertiary-text-case: var(--core-type-paragraph-20-case); --row-medium-size-tertiary-text-font-family: var(--core-type-paragraph-20-font-family); --row-medium-size-tertiary-text-leading: var(--core-type-paragraph-20-leading); --row-medium-size-tertiary-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --row-medium-size-tertiary-text-scale: var(--core-type-paragraph-20-scale); --row-medium-size-tertiary-text-size: var(--core-type-paragraph-20-size); --row-medium-size-tertiary-text-tracking: var(--core-type-paragraph-20-tracking); --row-medium-size-tertiary-text-weight: var(--core-type-paragraph-20-weight); --row-medium-size-text-case: var(--core-type-medium-30-case); --row-medium-size-text-font-family: var(--core-type-medium-30-font-family); --row-medium-size-text-leading: var(--core-type-medium-30-leading); --row-medium-size-text-number-spacing: var(--core-type-medium-30-number-spacing); --row-medium-size-text-scale: var(--core-type-medium-30-scale); --row-medium-size-text-size: var(--core-type-medium-30-size); --row-medium-size-text-tracking: var(--core-type-medium-30-tracking); --row-medium-size-text-vertical-gap: var(--core-metrics-spacing-25); --row-medium-size-text-vertical-spacing: 2px; --row-medium-size-text-weight: var(--core-type-medium-30-weight); --row-medium-size-vertical-bottom-accessory-gap: var(--core-metrics-spacing-150); --row-medium-size-vertical-padding: var(--core-metrics-spacing-200); --row-normal-state-background-color: var(--row-normal-state-background-light-mode-color); --row-normal-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color); --row-normal-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color); --row-normal-state-drill-color: var(--row-normal-state-drill-light-mode-color); --row-normal-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color); --row-normal-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color); --row-normal-state-icon-color: var(--row-normal-state-icon-light-mode-color); --row-normal-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color); --row-normal-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color); --row-normal-state-separator-color: var(--row-normal-state-separator-light-mode-color); --row-normal-state-separator-dark-mode-color: var(--row-normal-variant-normal-state-separator-dark-mode-color); --row-normal-state-separator-light-mode-color: var(--row-normal-variant-normal-state-separator-light-mode-color); --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-light-mode-color); --row-normal-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color); --row-normal-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color); --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-light-mode-color); --row-normal-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color); --row-normal-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color); --row-normal-state-subtext-color: var(--row-normal-state-subtext-light-mode-color); --row-normal-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color); --row-normal-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color); --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-light-mode-color); --row-normal-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color); --row-normal-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color); --row-normal-state-text-color: var(--row-normal-state-text-light-mode-color); --row-normal-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color); --row-normal-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color); --row-normal-variant-background-horizontal-outset-padding: var(--core-metrics-spacing-100); --row-normal-variant-background-radius: var(--core-radius-10); --row-normal-variant-background-vertical-outset-padding: 0px; --row-normal-variant-dark-mode-focus-ring-color: var(--core-focus-ring-dark-mode-color); --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-light-mode-color); --row-normal-variant-disabled-state-background-dark-mode-color: var(--row-normal-variant-normal-state-background-dark-mode-color); --row-normal-variant-disabled-state-background-light-mode-color: var(--row-normal-variant-normal-state-background-light-mode-color); --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-light-mode-color); --row-normal-variant-disabled-state-drill-dark-mode-color: var(--core-fill-30-dark-mode-color); --row-normal-variant-disabled-state-drill-light-mode-color: var(--core-fill-30-light-mode-color); --row-normal-variant-disabled-state-image-opacity: var(--row-normal-variant-disabled-state-leading-accessory-opacity); --row-normal-variant-disabled-state-leading-accessory-opacity: var(--core-opacity-disabled-state); --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-light-mode-color); --row-normal-variant-disabled-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --row-normal-variant-disabled-state-separator-light-mode-color: var(--core-divider-20-light-mode-color); --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-light-mode-color); --row-normal-variant-disabled-state-side-text-primary-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-side-text-primary-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-light-mode-color); --row-normal-variant-disabled-state-side-text-secondary-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-side-text-secondary-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-light-mode-color); --row-normal-variant-disabled-state-subtext-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-subtext-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-light-mode-color); --row-normal-variant-disabled-state-tertiary-text-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-tertiary-text-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-light-mode-color); --row-normal-variant-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color); --row-normal-variant-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color); --row-normal-variant-focus-ring-color: var(--row-normal-variant-light-mode-focus-ring-color); --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-light-mode-color); --row-normal-variant-focus-state-background-dark-mode-color: var(--row-normal-variant-hover-state-background-dark-mode-color); --row-normal-variant-focus-state-background-light-mode-color: var(--row-normal-variant-hover-state-background-light-mode-color); --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-light-mode-color); --row-normal-variant-focus-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color); --row-normal-variant-focus-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color); --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-light-mode-color); --row-normal-variant-focus-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color); --row-normal-variant-focus-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color); --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-light-mode-color); --row-normal-variant-focus-state-separator-dark-mode-color: var(--row-normal-variant-hover-state-separator-dark-mode-color); --row-normal-variant-focus-state-separator-light-mode-color: var(--row-normal-variant-hover-state-separator-light-mode-color); --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-light-mode-color); --row-normal-variant-focus-state-side-text-primary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color); --row-normal-variant-focus-state-side-text-primary-light-mode-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color); --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-light-mode-color); --row-normal-variant-focus-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color); --row-normal-variant-focus-state-side-text-secondary-light-mode-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color); --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-light-mode-color); --row-normal-variant-focus-state-subtext-dark-mode-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color); --row-normal-variant-focus-state-subtext-light-mode-color: var(--row-normal-variant-hover-state-subtext-light-mode-color); --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-light-mode-color); --row-normal-variant-focus-state-tertiary-text-dark-mode-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color); --row-normal-variant-focus-state-tertiary-text-light-mode-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color); --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-light-mode-color); --row-normal-variant-focus-state-text-dark-mode-color: var(--row-normal-variant-hover-state-text-dark-mode-color); --row-normal-variant-focus-state-text-light-mode-color: var(--row-normal-variant-hover-state-text-light-mode-color); --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-light-mode-color); --row-normal-variant-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --row-normal-variant-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-light-mode-color); --row-normal-variant-hover-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color); --row-normal-variant-hover-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color); --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-light-mode-color); --row-normal-variant-hover-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color); --row-normal-variant-hover-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color); --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-light-mode-color); --row-normal-variant-hover-state-separator-dark-mode-color: transparent; --row-normal-variant-hover-state-separator-light-mode-color: transparent; --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-light-mode-color); --row-normal-variant-hover-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color); --row-normal-variant-hover-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color); --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-light-mode-color); --row-normal-variant-hover-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color); --row-normal-variant-hover-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color); --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-light-mode-color); --row-normal-variant-hover-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color); --row-normal-variant-hover-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color); --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-light-mode-color); --row-normal-variant-hover-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color); --row-normal-variant-hover-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color); --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-light-mode-color); --row-normal-variant-hover-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color); --row-normal-variant-hover-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color); --row-normal-variant-light-mode-focus-ring-color: var(--core-focus-ring-light-mode-color); --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-light-mode-color); --row-normal-variant-normal-state-background-dark-mode-color: transparent; --row-normal-variant-normal-state-background-light-mode-color: transparent; --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-light-mode-color); --row-normal-variant-normal-state-drill-dark-mode-color: var(--core-fill-20-dark-mode-color); --row-normal-variant-normal-state-drill-light-mode-color: var(--core-fill-20-light-mode-color); --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-light-mode-color); --row-normal-variant-normal-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --row-normal-variant-normal-state-icon-light-mode-color: var(--core-fill-10-light-mode-color); --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-light-mode-color); --row-normal-variant-normal-state-separator-dark-mode-color: var(--core-divider-20-dark-mode-color); --row-normal-variant-normal-state-separator-light-mode-color: var(--core-divider-20-light-mode-color); --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color); --row-normal-variant-normal-state-side-text-primary-dark-mode-color: var(--core-text-10-dark-mode-color); --row-normal-variant-normal-state-side-text-primary-light-mode-color: var(--core-text-10-light-mode-color); --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color); --row-normal-variant-normal-state-side-text-secondary-dark-mode-color: var(--core-text-20-dark-mode-color); --row-normal-variant-normal-state-side-text-secondary-light-mode-color: var(--core-text-20-light-mode-color); --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-light-mode-color); --row-normal-variant-normal-state-subtext-dark-mode-color: var(--core-text-20-dark-mode-color); --row-normal-variant-normal-state-subtext-light-mode-color: var(--core-text-20-light-mode-color); --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color); --row-normal-variant-normal-state-tertiary-text-dark-mode-color: var(--core-text-20-dark-mode-color); --row-normal-variant-normal-state-tertiary-text-light-mode-color: var(--core-text-20-light-mode-color); --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-light-mode-color); --row-normal-variant-normal-state-text-dark-mode-color: var(--core-text-10-dark-mode-color); --row-normal-variant-normal-state-text-light-mode-color: var(--core-text-10-light-mode-color); --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-light-mode-color); --row-normal-variant-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --row-normal-variant-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-light-mode-color); --row-normal-variant-pressed-state-drill-dark-mode-color: var(--row-normal-variant-normal-state-drill-dark-mode-color); --row-normal-variant-pressed-state-drill-light-mode-color: var(--row-normal-variant-normal-state-drill-light-mode-color); --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-light-mode-color); --row-normal-variant-pressed-state-icon-dark-mode-color: var(--row-normal-variant-normal-state-icon-dark-mode-color); --row-normal-variant-pressed-state-icon-light-mode-color: var(--row-normal-variant-normal-state-icon-light-mode-color); --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-light-mode-color); --row-normal-variant-pressed-state-separator-dark-mode-color: transparent; --row-normal-variant-pressed-state-separator-light-mode-color: transparent; --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color); --row-normal-variant-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color); --row-normal-variant-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-normal-state-side-text-primary-light-mode-color); --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color); --row-normal-variant-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color); --row-normal-variant-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-normal-state-side-text-secondary-light-mode-color); --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color); --row-normal-variant-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color); --row-normal-variant-pressed-state-subtext-light-mode-color: var(--row-normal-variant-normal-state-subtext-light-mode-color); --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color); --row-normal-variant-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color); --row-normal-variant-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-normal-state-tertiary-text-light-mode-color); --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-light-mode-color); --row-normal-variant-pressed-state-text-dark-mode-color: var(--row-normal-variant-normal-state-text-dark-mode-color); --row-normal-variant-pressed-state-text-light-mode-color: var(--row-normal-variant-normal-state-text-light-mode-color); --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color); --row-normal-variant-selected-disabled-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --row-normal-variant-selected-disabled-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-light-mode-color); --row-normal-variant-selected-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --row-normal-variant-selected-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-light-mode-color); --row-normal-variant-selected-state-drill-dark-mode-color: var(--row-normal-variant-hover-state-drill-dark-mode-color); --row-normal-variant-selected-state-drill-light-mode-color: var(--row-normal-variant-hover-state-drill-light-mode-color); --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-light-mode-color); --row-normal-variant-selected-state-icon-dark-mode-color: var(--row-normal-variant-hover-state-icon-dark-mode-color); --row-normal-variant-selected-state-icon-light-mode-color: var(--row-normal-variant-hover-state-icon-light-mode-color); --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-light-mode-color); --row-normal-variant-selected-state-separator-dark-mode-color: transparent; --row-normal-variant-selected-state-separator-light-mode-color: transparent; --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color); --row-normal-variant-selected-state-side-text-primary-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-side-text-primary-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color); --row-normal-variant-selected-state-side-text-secondary-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-side-text-secondary-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-light-mode-color); --row-normal-variant-selected-state-subtext-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-subtext-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color); --row-normal-variant-selected-state-tertiary-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-tertiary-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-light-mode-color); --row-normal-variant-selected-state-text-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --row-normal-variant-selected-state-text-light-mode-color: var(--core-emphasis-text-light-mode-color); --row-normal-variant-separator-height: 1px; --row-pressed-state-background-color: var(--row-pressed-state-background-light-mode-color); --row-pressed-state-background-dark-mode-color: var(--row-normal-variant-pressed-state-background-dark-mode-color); --row-pressed-state-background-light-mode-color: var(--row-normal-variant-pressed-state-background-light-mode-color); --row-pressed-state-drill-color: var(--row-pressed-state-drill-light-mode-color); --row-pressed-state-drill-dark-mode-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color); --row-pressed-state-drill-light-mode-color: var(--row-normal-variant-pressed-state-drill-light-mode-color); --row-pressed-state-icon-color: var(--row-pressed-state-icon-light-mode-color); --row-pressed-state-icon-dark-mode-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color); --row-pressed-state-icon-light-mode-color: var(--row-normal-variant-pressed-state-icon-light-mode-color); --row-pressed-state-separator-color: var(--row-pressed-state-separator-light-mode-color); --row-pressed-state-separator-dark-mode-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color); --row-pressed-state-separator-light-mode-color: var(--row-normal-variant-pressed-state-separator-light-mode-color); --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-light-mode-color); --row-pressed-state-side-text-primary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color); --row-pressed-state-side-text-primary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-primary-light-mode-color); --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-light-mode-color); --row-pressed-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color); --row-pressed-state-side-text-secondary-light-mode-color: var(--row-normal-variant-pressed-state-side-text-secondary-light-mode-color); --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-light-mode-color); --row-pressed-state-subtext-dark-mode-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color); --row-pressed-state-subtext-light-mode-color: var(--row-normal-variant-pressed-state-subtext-light-mode-color); --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-light-mode-color); --row-pressed-state-tertiary-text-dark-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color); --row-pressed-state-tertiary-text-light-mode-color: var(--row-normal-variant-pressed-state-tertiary-text-light-mode-color); --row-pressed-state-text-color: var(--row-pressed-state-text-light-mode-color); --row-pressed-state-text-dark-mode-color: var(--row-normal-variant-pressed-state-text-dark-mode-color); --row-pressed-state-text-light-mode-color: var(--row-normal-variant-pressed-state-text-light-mode-color); --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-light-mode-color); --row-selected-disabled-state-background-dark-mode-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color); --row-selected-disabled-state-background-light-mode-color: var(--row-normal-variant-selected-disabled-state-background-light-mode-color); --row-selected-state-background-color: var(--row-selected-state-background-light-mode-color); --row-selected-state-background-dark-mode-color: var(--row-normal-variant-selected-state-background-dark-mode-color); --row-selected-state-background-light-mode-color: var(--row-normal-variant-selected-state-background-light-mode-color); --row-selected-state-drill-color: var(--row-selected-state-drill-light-mode-color); --row-selected-state-drill-dark-mode-color: var(--row-normal-variant-selected-state-drill-dark-mode-color); --row-selected-state-drill-light-mode-color: var(--row-normal-variant-selected-state-drill-light-mode-color); --row-selected-state-icon-color: var(--row-selected-state-icon-light-mode-color); --row-selected-state-icon-dark-mode-color: var(--row-normal-variant-selected-state-icon-dark-mode-color); --row-selected-state-icon-light-mode-color: var(--row-normal-variant-selected-state-icon-light-mode-color); --row-selected-state-separator-color: var(--row-selected-state-separator-light-mode-color); --row-selected-state-separator-dark-mode-color: var(--row-normal-variant-selected-state-separator-dark-mode-color); --row-selected-state-separator-light-mode-color: var(--row-normal-variant-selected-state-separator-light-mode-color); --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-light-mode-color); --row-selected-state-side-text-primary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color); --row-selected-state-side-text-primary-light-mode-color: var(--row-normal-variant-selected-state-side-text-primary-light-mode-color); --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-light-mode-color); --row-selected-state-side-text-secondary-dark-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color); --row-selected-state-side-text-secondary-light-mode-color: var(--row-normal-variant-selected-state-side-text-secondary-light-mode-color); --row-selected-state-subtext-color: var(--row-selected-state-subtext-light-mode-color); --row-selected-state-subtext-dark-mode-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color); --row-selected-state-subtext-light-mode-color: var(--row-normal-variant-selected-state-subtext-light-mode-color); --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-light-mode-color); --row-selected-state-tertiary-text-dark-mode-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color); --row-selected-state-tertiary-text-light-mode-color: var(--row-normal-variant-selected-state-tertiary-text-light-mode-color); --row-selected-state-text-color: var(--row-selected-state-text-light-mode-color); --row-selected-state-text-dark-mode-color: var(--row-normal-variant-selected-state-text-dark-mode-color); --row-selected-state-text-light-mode-color: var(--row-normal-variant-selected-state-text-light-mode-color); --row-separator-height: var(--row-normal-variant-separator-height); --row-small-size-side-text-primary-case: var(--core-type-paragraph-20-case); --row-small-size-side-text-primary-font-family: var(--core-type-paragraph-20-font-family); --row-small-size-side-text-primary-leading: var(--core-type-paragraph-20-leading); --row-small-size-side-text-primary-number-spacing: var(--core-type-paragraph-20-number-spacing); --row-small-size-side-text-primary-scale: var(--core-type-paragraph-20-scale); --row-small-size-side-text-primary-size: var(--core-type-paragraph-20-size); --row-small-size-side-text-primary-tracking: var(--core-type-paragraph-20-tracking); --row-small-size-side-text-primary-weight: var(--core-type-paragraph-20-weight); --row-small-size-side-text-secondary-case: var(--core-type-paragraph-10-case); --row-small-size-side-text-secondary-font-family: var(--core-type-paragraph-10-font-family); --row-small-size-side-text-secondary-leading: var(--core-type-paragraph-10-leading); --row-small-size-side-text-secondary-number-spacing: var(--core-type-paragraph-10-number-spacing); --row-small-size-side-text-secondary-scale: var(--core-type-paragraph-10-scale); --row-small-size-side-text-secondary-size: var(--core-type-paragraph-10-size); --row-small-size-side-text-secondary-tracking: var(--core-type-paragraph-10-tracking); --row-small-size-side-text-secondary-weight: var(--core-type-paragraph-10-weight); --row-small-size-subtext-case: var(--core-type-paragraph-10-case); --row-small-size-subtext-font-family: var(--core-type-paragraph-10-font-family); --row-small-size-subtext-leading: var(--core-type-paragraph-10-leading); --row-small-size-subtext-number-spacing: var(--core-type-paragraph-10-number-spacing); --row-small-size-subtext-scale: var(--core-type-paragraph-10-scale); --row-small-size-subtext-size: var(--core-type-paragraph-10-size); --row-small-size-subtext-tracking: var(--core-type-paragraph-10-tracking); --row-small-size-subtext-weight: var(--core-type-paragraph-10-weight); --row-small-size-tertiary-text-case: var(--core-type-paragraph-10-case); --row-small-size-tertiary-text-font-family: var(--core-type-paragraph-10-font-family); --row-small-size-tertiary-text-leading: var(--core-type-paragraph-10-leading); --row-small-size-tertiary-text-number-spacing: var(--core-type-paragraph-10-number-spacing); --row-small-size-tertiary-text-scale: var(--core-type-paragraph-10-scale); --row-small-size-tertiary-text-size: var(--core-type-paragraph-10-size); --row-small-size-tertiary-text-tracking: var(--core-type-paragraph-10-tracking); --row-small-size-tertiary-text-weight: var(--core-type-paragraph-10-weight); --row-small-size-text-case: var(--core-type-semibold-20-case); --row-small-size-text-font-family: var(--core-type-semibold-20-font-family); --row-small-size-text-leading: var(--core-type-semibold-20-leading); --row-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing); --row-small-size-text-scale: var(--core-type-semibold-20-scale); --row-small-size-text-size: var(--core-type-semibold-20-size); --row-small-size-text-tracking: var(--core-type-semibold-20-tracking); --row-small-size-text-vertical-gap: var(--row-medium-size-text-vertical-gap); --row-small-size-text-vertical-spacing: var(--row-medium-size-text-vertical-spacing); --row-small-size-text-weight: var(--core-type-semibold-20-weight); --row-small-size-vertical-bottom-accessory-gap: var(--row-medium-size-vertical-bottom-accessory-gap); --row-small-size-vertical-padding: var(--core-metrics-spacing-100); --row-text-accessory-spacing: 8px; /* ========== search ========== */ --search-border-radius: var(--core-radius-circle); --search-border-size: var(--field-border-size); --search-disabled-state-border-color: var(--search-disabled-state-border-light-mode-color); --search-disabled-state-border-dark-mode-color: var(--core-fill-40-dark-mode-color); --search-disabled-state-border-light-mode-color: var(--core-fill-40-light-mode-color); --search-disabled-state-input-color: var(--search-disabled-state-input-light-mode-color); --search-disabled-state-input-dark-mode-color: var(--core-text-30-dark-mode-color); --search-disabled-state-input-light-mode-color: var(--core-text-30-light-mode-color); --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-light-mode-color); --search-disabled-state-leading-icon-dark-mode-color: var(--core-text-30-dark-mode-color); --search-disabled-state-leading-icon-light-mode-color: var(--core-text-30-light-mode-color); --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-light-mode-color); --search-disabled-state-trailing-icon-dark-mode-color: var(--core-fill-30-dark-mode-color); --search-disabled-state-trailing-icon-light-mode-color: var(--core-fill-30-light-mode-color); --search-focused-state-border-color: var(--search-focused-state-border-light-mode-color); --search-focused-state-border-dark-mode-color: var(--core-fill-10-dark-mode-color); --search-focused-state-border-light-mode-color: var(--core-fill-10-light-mode-color); --search-focused-state-border-size: var(--core-border-20); --search-hint-text-color: var(--search-hint-text-light-mode-color); --search-hint-text-dark-mode-color: var(--core-text-20-dark-mode-color); --search-hint-text-light-mode-color: var(--core-text-20-light-mode-color); --search-input-case: var(--field-input-case); --search-input-font-family: var(--field-input-font-family); --search-input-leading: var(--field-input-leading); --search-input-number-spacing: var(--field-input-number-spacing); --search-input-scale: var(--field-input-scale); --search-input-size: var(--field-input-size); --search-input-tracking: var(--field-input-tracking); --search-input-weight: var(--field-input-weight); --search-large-size-minimum-height: 56px; --search-large-size-padding-horizontal: var(--core-metrics-spacing-250); --search-large-size-padding-vertical: var(--core-metrics-spacing-150); --search-large-size-spacing-horizontal: var(--search-normal-size-spacing-horizontal); --search-large-size-tags-spacing-right: var(--search-normal-size-tags-spacing-right); --search-normal-size-minimum-height: 40px; --search-normal-size-padding-horizontal: var(--core-metrics-spacing-200); --search-normal-size-padding-vertical: var(--core-metrics-spacing-100); --search-normal-size-spacing-horizontal: var(--core-metrics-spacing-150); --search-normal-size-tags-spacing-right: var(--core-metrics-spacing-100); --search-normal-state-border-color: var(--search-normal-state-border-light-mode-color); --search-normal-state-border-dark-mode-color: var(--core-fill-30-dark-mode-color); --search-normal-state-border-light-mode-color: var(--core-fill-30-light-mode-color); --search-normal-state-input-color: var(--search-normal-state-input-light-mode-color); --search-normal-state-input-dark-mode-color: var(--core-text-10-dark-mode-color); --search-normal-state-input-light-mode-color: var(--core-text-10-light-mode-color); --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-light-mode-color); --search-normal-state-leading-icon-dark-mode-color: var(--core-text-10-dark-mode-color); --search-normal-state-leading-icon-light-mode-color: var(--core-text-10-light-mode-color); --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-light-mode-color); --search-normal-state-trailing-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --search-normal-state-trailing-icon-light-mode-color: var(--core-fill-20-light-mode-color); /* ========== segmentedControl ========== */ --segmented-control-animation-duration: var(--core-animation-exit-transition-slow-speed-duration); --segmented-control-animation-easing: var(--core-animation-exit-transition-easing); --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-light-mode-color); --segmented-control-background-disabled-state-dark-mode-color: var(--segmented-control-disabled-state-background-dark-mode-color); --segmented-control-background-disabled-state-light-mode-color: var(--segmented-control-disabled-state-background-light-mode-color); --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-light-mode-color); --segmented-control-background-normal-state-dark-mode-color: var(--segmented-control-normal-state-background-dark-mode-color); --segmented-control-background-normal-state-light-mode-color: var(--segmented-control-normal-state-background-light-mode-color); --segmented-control-background-radius: var(--segmented-control-radius); --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-light-mode-color); --segmented-control-disabled-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --segmented-control-disabled-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --segmented-control-horizontal-padding: var(--core-metrics-spacing-50); --segmented-control-minimum-height: var(--core-medium-size-minimum-height); --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-light-mode-color); --segmented-control-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --segmented-control-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-light-mode-color); --segmented-control-option-background-disabled-state-dark-mode-color: transparent; --segmented-control-option-background-disabled-state-light-mode-color: transparent; --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-light-mode-color); --segmented-control-option-background-hover-state-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --segmented-control-option-background-hover-state-light-mode-color: var(--core-emphasis-40-light-mode-color); --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-light-mode-color); --segmented-control-option-background-normal-state-dark-mode-color: transparent; --segmented-control-option-background-normal-state-light-mode-color: transparent; --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-light-mode-color); --segmented-control-option-background-pressed-state-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --segmented-control-option-background-pressed-state-light-mode-color: var(--core-emphasis-30-light-mode-color); --segmented-control-option-background-radius: var(--segmented-control-option-radius); --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-light-mode-color); --segmented-control-option-background-selected-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-background-selected-state-light-mode-color: var(--core-fill-white-light-mode-color); --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-light-mode-color); --segmented-control-option-background-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color); --segmented-control-option-background-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color); --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-light-mode-color); --segmented-control-option-background-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color); --segmented-control-option-background-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color); --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-light-mode-color); --segmented-control-option-background-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color); --segmented-control-option-background-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color); --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-light-mode-color); --segmented-control-option-background-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color); --segmented-control-option-background-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color); --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-light-mode-color); --segmented-control-option-background-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color); --segmented-control-option-background-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color); --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-light-mode-color); --segmented-control-option-background-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color); --segmented-control-option-background-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color); --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-light-mode-color); --segmented-control-option-background-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color); --segmented-control-option-background-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color); --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-light-mode-color); --segmented-control-option-background-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color); --segmented-control-option-background-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color); --segmented-control-option-badge-disabled-state-opacity: var(--segmented-control-option-unselected-value-disabled-state-badge-opacity); --segmented-control-option-badge-hover-state-opacity: var(--segmented-control-option-unselected-value-hover-state-badge-opacity); --segmented-control-option-badge-normal-state-opacity: var(--segmented-control-option-unselected-value-normal-state-badge-opacity); --segmented-control-option-badge-pressed-state-opacity: var(--segmented-control-option-unselected-value-pressed-state-badge-opacity); --segmented-control-option-badge-selected-state-opacity: var(--segmented-control-option-selected-value-normal-state-badge-opacity); --segmented-control-option-horizontal-gap: var(--core-metrics-spacing-100); --segmented-control-option-horizontal-padding: var(--core-metrics-spacing-100); --segmented-control-option-label-case: var(--core-type-semibold-30-case); --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-light-mode-color); --segmented-control-option-label-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --segmented-control-option-label-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --segmented-control-option-label-font-family: var(--core-type-semibold-30-font-family); --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-light-mode-color); --segmented-control-option-label-hover-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color); --segmented-control-option-label-hover-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color); --segmented-control-option-label-leading: var(--core-type-semibold-30-leading); --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-light-mode-color); --segmented-control-option-label-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --segmented-control-option-label-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --segmented-control-option-label-number-spacing: var(--core-type-semibold-30-number-spacing); --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-light-mode-color); --segmented-control-option-label-pressed-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --segmented-control-option-label-pressed-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --segmented-control-option-label-scale: var(--core-type-semibold-30-scale); --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-light-mode-color); --segmented-control-option-label-selected-state-dark-mode-color: var(--segmented-control-option-label-normal-state-dark-mode-color); --segmented-control-option-label-selected-state-light-mode-color: var(--segmented-control-option-label-normal-state-light-mode-color); --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-light-mode-color); --segmented-control-option-label-selected-value-disabled-state-dark-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color); --segmented-control-option-label-selected-value-disabled-state-light-mode-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color); --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-light-mode-color); --segmented-control-option-label-selected-value-hover-state-dark-mode-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color); --segmented-control-option-label-selected-value-hover-state-light-mode-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color); --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-light-mode-color); --segmented-control-option-label-selected-value-normal-state-dark-mode-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color); --segmented-control-option-label-selected-value-normal-state-light-mode-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color); --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-light-mode-color); --segmented-control-option-label-selected-value-pressed-state-dark-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color); --segmented-control-option-label-selected-value-pressed-state-light-mode-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color); --segmented-control-option-label-size: var(--core-type-semibold-30-size); --segmented-control-option-label-tracking: var(--core-type-semibold-30-tracking); --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-light-mode-color); --segmented-control-option-label-unselected-value-disabled-state-dark-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color); --segmented-control-option-label-unselected-value-disabled-state-light-mode-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color); --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-light-mode-color); --segmented-control-option-label-unselected-value-hover-state-dark-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color); --segmented-control-option-label-unselected-value-hover-state-light-mode-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color); --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-light-mode-color); --segmented-control-option-label-unselected-value-normal-state-dark-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color); --segmented-control-option-label-unselected-value-normal-state-light-mode-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color); --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-light-mode-color); --segmented-control-option-label-unselected-value-pressed-state-dark-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color); --segmented-control-option-label-unselected-value-pressed-state-light-mode-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color); --segmented-control-option-label-weight: var(--core-type-semibold-30-weight); --segmented-control-option-minimum-height: var(--core-small-size-minimum-height); --segmented-control-option-padding-horizontal: var(--segmented-control-option-horizontal-padding); --segmented-control-option-padding-vertical: var(--segmented-control-option-vertical-padding); --segmented-control-option-radius: var(--core-radius-circle); --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-light-mode-color); --segmented-control-option-selected-value-disabled-state-background-dark-mode-color: #232323; --segmented-control-option-selected-value-disabled-state-background-light-mode-color: var(--core-surface-30-light-mode-color); --segmented-control-option-selected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state); --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-light-mode-color); --segmented-control-option-selected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color); --segmented-control-option-selected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color); --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-light-mode-color); --segmented-control-option-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-selected-value-hover-state-background-light-mode-color: var(--core-surface-30-light-mode-color); --segmented-control-option-selected-value-hover-state-badge-opacity: var(--core-opacity-hover-state); --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-light-mode-color); --segmented-control-option-selected-value-hover-state-label-dark-mode-color: var(--core-text-10-dark-mode-color); --segmented-control-option-selected-value-hover-state-label-light-mode-color: var(--core-text-10-light-mode-color); --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-light-mode-color); --segmented-control-option-selected-value-normal-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-selected-value-normal-state-background-light-mode-color: var(--core-surface-30-light-mode-color); --segmented-control-option-selected-value-normal-state-badge-opacity: 1; --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-light-mode-color); --segmented-control-option-selected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color); --segmented-control-option-selected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color); --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-light-mode-color); --segmented-control-option-selected-value-pressed-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --segmented-control-option-selected-value-pressed-state-background-light-mode-color: var(--core-surface-30-light-mode-color); --segmented-control-option-selected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state); --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-light-mode-color); --segmented-control-option-selected-value-pressed-state-label-dark-mode-color: var(--core-constant-gray-60-color); --segmented-control-option-selected-value-pressed-state-label-light-mode-color: #767676; --segmented-control-option-spacing-horizontal: var(--segmented-control-option-horizontal-gap); --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-light-mode-background-color); --segmented-control-option-unselected-value-disabled-state-badge-opacity: var(--core-opacity-disabled-state); --segmented-control-option-unselected-value-disabled-state-dark-mode-background-color: transparent; --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-light-mode-color); --segmented-control-option-unselected-value-disabled-state-label-dark-mode-color: var(--core-text-30-dark-mode-color); --segmented-control-option-unselected-value-disabled-state-label-light-mode-color: var(--core-text-30-light-mode-color); --segmented-control-option-unselected-value-disabled-state-light-mode-background-color: transparent; --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-light-mode-background-color); --segmented-control-option-unselected-value-hover-state-badge-opacity: var(--core-opacity-hover-state); --segmented-control-option-unselected-value-hover-state-dark-mode-background-color: transparent; --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-light-mode-color); --segmented-control-option-unselected-value-hover-state-label-dark-mode-color: var(--core-constant-gray-85-color); --segmented-control-option-unselected-value-hover-state-label-light-mode-color: var(--core-constant-gray-45-color); --segmented-control-option-unselected-value-hover-state-light-mode-background-color: transparent; --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-light-mode-background-color); --segmented-control-option-unselected-value-normal-state-badge-opacity: var(--core-opacity-normal-state); --segmented-control-option-unselected-value-normal-state-dark-mode-background-color: transparent; --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-light-mode-color); --segmented-control-option-unselected-value-normal-state-label-dark-mode-color: var(--core-text-10-dark-mode-color); --segmented-control-option-unselected-value-normal-state-label-light-mode-color: var(--core-text-10-light-mode-color); --segmented-control-option-unselected-value-normal-state-light-mode-background-color: transparent; --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-light-mode-background-color); --segmented-control-option-unselected-value-pressed-state-badge-opacity: var(--core-opacity-pressed-state); --segmented-control-option-unselected-value-pressed-state-dark-mode-background-color: transparent; --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-light-mode-color); --segmented-control-option-unselected-value-pressed-state-label-dark-mode-color: var(--core-constant-gray-60-color); --segmented-control-option-unselected-value-pressed-state-label-light-mode-color: #767676; --segmented-control-option-unselected-value-pressed-state-light-mode-background-color: transparent; --segmented-control-option-vertical-padding: var(--core-metrics-spacing-100); --segmented-control-padding-horizontal: var(--segmented-control-horizontal-padding); --segmented-control-padding-vertical: var(--segmented-control-vertical-padding); --segmented-control-radius: var(--core-radius-circle); --segmented-control-vertical-padding: var(--core-metrics-spacing-50); /* ========== select ========== */ --select-caret-color: var(--select-caret-light-mode-color); --select-caret-dark-mode-color: var(--select-disclosure-indicator-dark-mode-color); --select-caret-icon-height: var(--select-disclosure-indicator-icon-height); --select-caret-light-mode-color: var(--select-disclosure-indicator-light-mode-color); --select-disclosure-indicator-color: var(--select-disclosure-indicator-light-mode-color); --select-disclosure-indicator-dark-mode-color: var(--core-fill-20-dark-mode-color); --select-disclosure-indicator-icon-height: 8px; --select-disclosure-indicator-light-mode-color: var(--core-fill-20-light-mode-color); /* ========== skeleton-loader ========== */ --skeleton-loader-animation-duration: 3.00s; --skeleton-loader-animation-easing: cubic-bezier(0.0, 0.0, 1.0, 1.0); --skeleton-loader-border-radius: var(--core-radius-10); --skeleton-loader-fill-color: var(--skeleton-loader-fill-light-mode-color); --skeleton-loader-fill-dark-mode-color: var(--core-fill-40-dark-mode-color); --skeleton-loader-fill-light-mode-color: var(--core-fill-40-light-mode-color); --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-light-mode-1-color); --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-light-mode-2-color); --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-light-mode-3-color); --skeleton-loader-gradient-dark-mode-1-color: rgba(255,255,255,0.0); --skeleton-loader-gradient-dark-mode-2-color: rgba(255,255,255,0.1); --skeleton-loader-gradient-dark-mode-3-color: rgba(255,255,255,0.15); --skeleton-loader-gradient-light-mode-1-color: rgba(0, 0, 0, 0.0); --skeleton-loader-gradient-light-mode-2-color: rgba(0, 0, 0, 0.05); --skeleton-loader-gradient-light-mode-3-color: rgba(0, 0, 0, 0.08); --skeleton-loader-gradient-width-ratio: 0.5; /* ========== stepper ========== */ --stepper-border-radius: var(--field-border-radius); --stepper-button-border-radius: 4px; --stepper-button-decrement-height: var(--stepper-button-increment-height); --stepper-button-decrement-scale: var(--stepper-button-increment-scale); --stepper-button-decrement-width: var(--stepper-button-increment-width); --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-light-mode-background-color); --stepper-button-disabled-state-dark-mode-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --stepper-button-disabled-state-dark-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-light-mode-icon-color); --stepper-button-disabled-state-light-mode-background-color: var(--icon-button-secondary-rank-disabled-state-light-mode-background-color); --stepper-button-disabled-state-light-mode-icon-color: var(--icon-button-secondary-rank-disabled-state-light-mode-icon-color); --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-light-mode-background-color); --stepper-button-focus-state-dark-mode-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --stepper-button-focus-state-dark-mode-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-light-mode-icon-color); --stepper-button-focus-state-light-mode-background-color: var(--icon-button-secondary-rank-focus-state-light-mode-background-color); --stepper-button-focus-state-light-mode-icon-color: var(--icon-button-secondary-rank-focus-state-light-mode-icon-color); --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-light-mode-background-color); --stepper-button-hover-state-dark-mode-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --stepper-button-hover-state-dark-mode-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-light-mode-icon-color); --stepper-button-hover-state-light-mode-background-color: var(--icon-button-secondary-rank-hover-state-light-mode-background-color); --stepper-button-hover-state-light-mode-icon-color: var(--icon-button-secondary-rank-hover-state-light-mode-icon-color); --stepper-button-increment-height: 16px; --stepper-button-increment-scale: var(--core-type-semibold-20-scale); --stepper-button-increment-width: 16px; --stepper-button-minimum-height: 24px; --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-light-mode-background-color); --stepper-button-normal-state-dark-mode-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --stepper-button-normal-state-dark-mode-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-light-mode-icon-color); --stepper-button-normal-state-light-mode-background-color: var(--icon-button-secondary-rank-normal-state-light-mode-background-color); --stepper-button-normal-state-light-mode-icon-color: var(--icon-button-secondary-rank-normal-state-light-mode-icon-color); --stepper-button-padding-size: 4px; --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-light-mode-background-color); --stepper-button-pressed-state-dark-mode-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --stepper-button-pressed-state-dark-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-light-mode-icon-color); --stepper-button-pressed-state-light-mode-background-color: var(--icon-button-secondary-rank-pressed-state-light-mode-background-color); --stepper-button-pressed-state-light-mode-icon-color: var(--icon-button-secondary-rank-pressed-state-light-mode-icon-color); --stepper-button-width-multiplier: 1; --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-light-mode-color); --stepper-disabled-state-background-dark-mode-color: var(--field-disabled-state-dark-mode-background-color); --stepper-disabled-state-background-light-mode-color: var(--field-disabled-state-light-mode-background-color); --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-light-mode-color); --stepper-disabled-state-border-dark-mode-color: var(--field-disabled-state-dark-mode-border-color); --stepper-disabled-state-border-light-mode-color: var(--field-disabled-state-light-mode-border-color); --stepper-disabled-state-border-size: var(--field-border-size); --stepper-focus-state-background-color: var(--stepper-focus-state-background-light-mode-color); --stepper-focus-state-background-dark-mode-color: var(--field-focus-state-dark-mode-background-color); --stepper-focus-state-background-light-mode-color: var(--field-focus-state-light-mode-background-color); --stepper-focus-state-border-size: var(--field-focus-state-border-size); --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-light-mode-color); --stepper-focus-state-invalid-validity-dark-mode-color: var(--field-focus-state-invalid-validity-dark-mode-border-color); --stepper-focus-state-invalid-validity-light-mode-color: var(--field-focus-state-invalid-validity-light-mode-border-color); --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-light-mode-color); --stepper-focus-state-normal-validity-dark-mode-color: var(--field-focus-state-normal-validity-dark-mode-border-color); --stepper-focus-state-normal-validity-light-mode-color: var(--field-focus-state-normal-validity-light-mode-border-color); --stepper-horizontal-spacing: 12px; --stepper-hover-state-background-color: var(--stepper-hover-state-background-light-mode-color); --stepper-hover-state-background-dark-mode-color: var(--field-hover-state-dark-mode-background-color); --stepper-hover-state-background-light-mode-color: var(--field-hover-state-light-mode-background-color); --stepper-hover-state-border-size: var(--field-border-size); --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-light-mode-color); --stepper-hover-state-invalid-validity-dark-mode-color: var(--field-hover-state-invalid-validity-dark-mode-border-color); --stepper-hover-state-invalid-validity-light-mode-color: var(--field-hover-state-invalid-validity-light-mode-border-color); --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-light-mode-color); --stepper-hover-state-normal-validity-dark-mode-color: var(--field-hover-state-normal-validity-dark-mode-border-color); --stepper-hover-state-normal-validity-light-mode-color: var(--field-hover-state-normal-validity-light-mode-border-color); --stepper-normal-state-background-color: var(--stepper-normal-state-background-light-mode-color); --stepper-normal-state-background-dark-mode-color: var(--field-normal-state-dark-mode-background-color); --stepper-normal-state-background-light-mode-color: var(--field-normal-state-light-mode-background-color); --stepper-normal-state-border-size: var(--field-border-size); --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-light-mode-color); --stepper-normal-state-invalid-validity-dark-mode-color: var(--field-normal-state-invalid-validity-dark-mode-border-color); --stepper-normal-state-invalid-validity-light-mode-color: var(--field-normal-state-invalid-validity-light-mode-border-color); --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-light-mode-color); --stepper-normal-state-normal-validity-dark-mode-color: var(--field-normal-state-normal-validity-dark-mode-border-color); --stepper-normal-state-normal-validity-light-mode-color: var(--field-normal-state-normal-validity-light-mode-border-color); --stepper-padding-size: 12px; --stepper-quantity-input-field-minimum-width-multiplier: 1.66; --stepper-quantity-input-field-value-text-case: var(--core-type-paragraph-30-case); --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-light-mode-color); --stepper-quantity-input-field-value-text-disabled-state-dark-mode-color: var(--core-text-20-dark-mode-color); --stepper-quantity-input-field-value-text-disabled-state-light-mode-color: var(--core-text-20-light-mode-color); --stepper-quantity-input-field-value-text-font-family: var(--core-type-paragraph-30-font-family); --stepper-quantity-input-field-value-text-leading: var(--core-type-paragraph-30-leading); --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-light-mode-color); --stepper-quantity-input-field-value-text-normal-state-dark-mode-color: var(--core-text-10-dark-mode-color); --stepper-quantity-input-field-value-text-normal-state-light-mode-color: var(--core-text-10-light-mode-color); --stepper-quantity-input-field-value-text-number-spacing: 'monospaced'; --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-light-mode-color); --stepper-quantity-input-field-value-text-placeholder-dark-mode-color: var(--core-text-20-dark-mode-color); --stepper-quantity-input-field-value-text-placeholder-light-mode-color: var(--core-text-20-light-mode-color); --stepper-quantity-input-field-value-text-scale: var(--core-type-paragraph-30-scale); --stepper-quantity-input-field-value-text-size: var(--core-type-paragraph-30-size); --stepper-quantity-input-field-value-text-tracking: var(--core-type-paragraph-30-tracking); --stepper-quantity-input-field-value-text-weight: var(--core-type-paragraph-30-weight); /* ========== sticky-section-header ========== */ --sticky-section-header-background-color: var(--sticky-section-header-background-light-mode-color); --sticky-section-header-background-dark-mode-color: var(--core-surface-5-dark-mode-color); --sticky-section-header-background-light-mode-color: var(--core-surface-5-light-mode-color); --sticky-section-header-horizontal-spacing: var(--core-metrics-spacing-100); --sticky-section-header-separator-color: var(--sticky-section-header-separator-light-mode-color); --sticky-section-header-separator-dark-mode-color: var(--core-divider-10-dark-mode-color); --sticky-section-header-separator-height: 1px; --sticky-section-header-separator-light-mode-color: var(--core-divider-10-light-mode-color); --sticky-section-header-text-case: var(--core-type-heading-10-case); --sticky-section-header-text-color: var(--sticky-section-header-text-light-mode-color); --sticky-section-header-text-dark-mode-color: var(--core-text-10-dark-mode-color); --sticky-section-header-text-font-family: var(--core-type-heading-10-font-family); --sticky-section-header-text-leading: var(--core-type-heading-10-leading); --sticky-section-header-text-light-mode-color: var(--core-text-10-light-mode-color); --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-light-mode-color); --sticky-section-header-text-link-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --sticky-section-header-text-link-disabled-state-opacity: var(--text-link-disabled-state-opacity); --sticky-section-header-text-link-hover-state-opacity: var(--text-link-hover-state-opacity); --sticky-section-header-text-link-light-mode-color: var(--core-emphasis-text-light-mode-color); --sticky-section-header-text-link-normal-state-opacity: var(--text-link-normal-state-opacity); --sticky-section-header-text-link-pressed-state-opacity: var(--text-link-pressed-state-opacity); --sticky-section-header-text-link-text-case: var(--text-link-small-size-text-case); --sticky-section-header-text-link-text-font-family: var(--text-link-small-size-text-font-family); --sticky-section-header-text-link-text-leading: var(--text-link-small-size-text-leading); --sticky-section-header-text-link-text-number-spacing: var(--text-link-small-size-text-number-spacing); --sticky-section-header-text-link-text-scale: var(--text-link-small-size-text-scale); --sticky-section-header-text-link-text-size: var(--text-link-small-size-text-size); --sticky-section-header-text-link-text-tracking: var(--text-link-small-size-text-tracking); --sticky-section-header-text-link-text-weight: var(--text-link-small-size-text-weight); --sticky-section-header-text-link-vertical-padding: 0px; --sticky-section-header-text-number-spacing: var(--core-type-heading-10-number-spacing); --sticky-section-header-text-scale: var(--core-type-heading-10-scale); --sticky-section-header-text-size: var(--core-type-heading-10-size); --sticky-section-header-text-tracking: var(--core-type-heading-10-tracking); --sticky-section-header-text-weight: var(--core-type-heading-10-weight); --sticky-section-header-vertical-padding: 9px; /* ========== subtle-button ========== */ --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color); --subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color); --subtle-button-destructive-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color); --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color); --subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-critical-fill-dark-mode-color); --subtle-button-destructive-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-critical-fill-light-mode-color); --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color); --subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --subtle-button-destructive-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color); --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color); --subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-critical-10-dark-mode-color); --subtle-button-destructive-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-critical-10-light-mode-color); --subtle-button-horizontal-spacing-size: var(--core-metrics-spacing-100); --subtle-button-minimum-height: 24px; --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color); --subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color: var(--core-fill-30-dark-mode-color); --subtle-button-normal-variant-primary-rank-disabled-state-icon-light-mode-color: var(--core-fill-30-light-mode-color); --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color); --subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color: var(--core-fill-10-dark-mode-color); --subtle-button-normal-variant-primary-rank-hover-state-icon-light-mode-color: var(--core-fill-10-light-mode-color); --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color); --subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color: var(--core-fill-20-dark-mode-color); --subtle-button-normal-variant-primary-rank-normal-state-icon-light-mode-color: var(--core-fill-20-light-mode-color); --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color); --subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color: var(--core-constant-gray-60-color); --subtle-button-normal-variant-primary-rank-pressed-state-icon-light-mode-color: var(--core-constant-gray-60-color); --subtle-button-padding-size: 0px; --subtle-button-width-multiplier: 1; /* ========== swipe-action ========== */ --swipe-action-corner-radius: var(--core-radius-100); --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-light-mode-color); --swipe-action-destructive-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color); --swipe-action-destructive-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color); --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-light-mode-color); --swipe-action-destructive-variant-foreground-dark-mode-color: var(--core-text-white-dark-mode-color); --swipe-action-destructive-variant-foreground-light-mode-color: var(--core-text-white-light-mode-color); --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-light-mode-color); --swipe-action-primary-variant-background-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --swipe-action-primary-variant-background-light-mode-color: var(--core-emphasis-fill-light-mode-color); --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-light-mode-color); --swipe-action-primary-variant-foreground-dark-mode-color: var(--core-text-inverse-dark-mode-color); --swipe-action-primary-variant-foreground-light-mode-color: var(--core-text-inverse-light-mode-color); --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-light-mode-color); --swipe-action-secondary-variant-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --swipe-action-secondary-variant-background-light-mode-color: var(--core-fill-40-light-mode-color); --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-light-mode-color); --swipe-action-secondary-variant-foreground-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --swipe-action-secondary-variant-foreground-light-mode-color: var(--core-emphasis-text-light-mode-color); /* ========== tabbar ========== */ --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-light-mode-color); --tabbar-accessory-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color); --tabbar-accessory-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color); --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-light-mode-color); --tabbar-accessory-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-accessory-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-light-mode-color); --tabbar-accessory-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-accessory-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-light-mode-color); --tabbar-accessory-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-accessory-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-background-color: var(--tabbar-background-light-mode-color); --tabbar-background-dark-mode-color: var(--core-surface-5-dark-mode-color); --tabbar-background-light-mode-color: var(--core-surface-5-light-mode-color); --tabbar-bottom-label-style-item-spacing: var(--tabbar-icon-only-style-item-spacing); --tabbar-bottom-label-style-padding-bottom: var(--tabbar-icon-only-style-padding-bottom); --tabbar-bottom-label-style-padding-left: var(--tabbar-icon-only-style-padding-left); --tabbar-bottom-label-style-padding-right: var(--tabbar-icon-only-style-padding-right); --tabbar-bottom-label-style-padding-top: var(--tabbar-icon-only-style-padding-top); --tabbar-divider-color: var(--tabbar-divider-light-mode-color); --tabbar-divider-dark-mode-color: var(--core-divider-20-dark-mode-color); --tabbar-divider-light-mode-color: var(--core-divider-20-light-mode-color); --tabbar-divider-size: var(--core-border-10); --tabbar-icon-only-style-item-spacing: var(--core-metrics-spacing-50); --tabbar-icon-only-style-padding-bottom: var(--core-metrics-spacing-50); --tabbar-icon-only-style-padding-left: var(--core-metrics-spacing-50); --tabbar-icon-only-style-padding-right: var(--core-metrics-spacing-50); --tabbar-icon-only-style-padding-top: var(--core-metrics-spacing-50); --tabbar-item-bottom-label-style-icon-size-height: var(--core-icon-medium-size-height); --tabbar-item-bottom-label-style-icon-size-width: var(--core-icon-medium-size-width); --tabbar-item-bottom-label-style-icon-text-gap: var(--core-metrics-spacing-25); --tabbar-item-bottom-label-style-padding-bottom: var(--core-metrics-spacing-100); --tabbar-item-bottom-label-style-padding-left: var(--core-metrics-spacing-50); --tabbar-item-bottom-label-style-padding-right: var(--core-metrics-spacing-50); --tabbar-item-bottom-label-style-padding-top: var(--core-metrics-spacing-100); --tabbar-item-bottom-label-style-text-case: var(--core-type-semibold-10-case); --tabbar-item-bottom-label-style-text-font-family: var(--core-type-semibold-10-font-family); --tabbar-item-bottom-label-style-text-leading: var(--core-type-semibold-10-leading); --tabbar-item-bottom-label-style-text-number-spacing: var(--core-type-semibold-10-number-spacing); --tabbar-item-bottom-label-style-text-scale: var(--core-type-semibold-10-scale); --tabbar-item-bottom-label-style-text-size: 10px; --tabbar-item-bottom-label-style-text-tracking: var(--core-type-semibold-10-tracking); --tabbar-item-bottom-label-style-text-weight: var(--core-type-semibold-10-weight); --tabbar-item-corner-radius: var(--core-radius-200); --tabbar-item-icon-only-style-icon-size-height: var(--core-icon-medium-size-height); --tabbar-item-icon-only-style-icon-size-width: var(--core-icon-medium-size-width); --tabbar-item-icon-only-style-icon-text-gap: 0px; --tabbar-item-icon-only-style-padding-bottom: var(--core-metrics-spacing-150); --tabbar-item-icon-only-style-padding-left: var(--core-metrics-spacing-150); --tabbar-item-icon-only-style-padding-right: var(--core-metrics-spacing-150); --tabbar-item-icon-only-style-padding-top: var(--core-metrics-spacing-150); --tabbar-item-icon-only-style-text-case: var(--core-type-semibold-10-case); --tabbar-item-icon-only-style-text-font-family: var(--core-type-semibold-10-font-family); --tabbar-item-icon-only-style-text-leading: var(--core-type-semibold-10-leading); --tabbar-item-icon-only-style-text-number-spacing: var(--core-type-semibold-10-number-spacing); --tabbar-item-icon-only-style-text-scale: var(--core-type-semibold-10-scale); --tabbar-item-icon-only-style-text-size: 10px; --tabbar-item-icon-only-style-text-tracking: var(--core-type-semibold-10-tracking); --tabbar-item-icon-only-style-text-weight: var(--core-type-semibold-10-weight); --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-light-mode-color); --tabbar-item-selected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color); --tabbar-item-selected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color); --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-light-mode-color); --tabbar-item-selected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color); --tabbar-item-selected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color); --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-light-mode-color); --tabbar-item-selected-value-hover-state-background-dark-mode-color: var(--core-fill-30-dark-mode-color); --tabbar-item-selected-value-hover-state-background-light-mode-color: var(--core-fill-30-light-mode-color); --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-light-mode-color); --tabbar-item-selected-value-hover-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-item-selected-value-hover-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-light-mode-color); --tabbar-item-selected-value-normal-state-background-dark-mode-color: var(--core-fill-40-dark-mode-color); --tabbar-item-selected-value-normal-state-background-light-mode-color: var(--core-fill-40-light-mode-color); --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-light-mode-color); --tabbar-item-selected-value-normal-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-item-selected-value-normal-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-light-mode-color); --tabbar-item-selected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --tabbar-item-selected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-light-mode-color); --tabbar-item-selected-value-pressed-state-content-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tabbar-item-selected-value-pressed-state-content-light-mode-color: var(--core-emphasis-text-light-mode-color); --tabbar-item-side-label-style-icon-size-height: var(--core-icon-medium-size-height); --tabbar-item-side-label-style-icon-size-width: var(--core-icon-medium-size-width); --tabbar-item-side-label-style-icon-text-gap: var(--core-metrics-spacing-100); --tabbar-item-side-label-style-padding-bottom: var(--core-metrics-spacing-100); --tabbar-item-side-label-style-padding-left: var(--core-metrics-spacing-150); --tabbar-item-side-label-style-padding-right: var(--core-metrics-spacing-150); --tabbar-item-side-label-style-padding-top: var(--core-metrics-spacing-100); --tabbar-item-side-label-style-text-case: var(--core-type-semibold-20-case); --tabbar-item-side-label-style-text-font-family: var(--core-type-semibold-20-font-family); --tabbar-item-side-label-style-text-leading: var(--core-type-semibold-20-leading); --tabbar-item-side-label-style-text-number-spacing: var(--core-type-semibold-20-number-spacing); --tabbar-item-side-label-style-text-scale: var(--core-type-semibold-20-scale); --tabbar-item-side-label-style-text-size: var(--core-type-semibold-20-size); --tabbar-item-side-label-style-text-tracking: var(--core-type-semibold-20-tracking); --tabbar-item-side-label-style-text-weight: var(--core-type-semibold-20-weight); --tabbar-item-side-label-wide-style-icon-size-height: var(--tabbar-item-side-label-style-icon-size-height); --tabbar-item-side-label-wide-style-icon-size-width: var(--tabbar-item-side-label-style-icon-size-width); --tabbar-item-side-label-wide-style-icon-text-gap: var(--tabbar-item-side-label-style-icon-text-gap); --tabbar-item-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150); --tabbar-item-side-label-wide-style-padding-left: var(--tabbar-item-side-label-style-padding-left); --tabbar-item-side-label-wide-style-padding-right: var(--tabbar-item-side-label-style-padding-right); --tabbar-item-side-label-wide-style-padding-top: var(--core-metrics-spacing-150); --tabbar-item-side-label-wide-style-text-case: var(--tabbar-item-side-label-style-text-case); --tabbar-item-side-label-wide-style-text-font-family: var(--tabbar-item-side-label-style-text-font-family); --tabbar-item-side-label-wide-style-text-leading: var(--tabbar-item-side-label-style-text-leading); --tabbar-item-side-label-wide-style-text-number-spacing: var(--tabbar-item-side-label-style-text-number-spacing); --tabbar-item-side-label-wide-style-text-scale: var(--tabbar-item-side-label-style-text-scale); --tabbar-item-side-label-wide-style-text-size: var(--tabbar-item-side-label-style-text-size); --tabbar-item-side-label-wide-style-text-tracking: var(--tabbar-item-side-label-style-text-tracking); --tabbar-item-side-label-wide-style-text-weight: var(--tabbar-item-side-label-style-text-weight); --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-light-mode-color); --tabbar-item-unselected-value-disabled-state-background-dark-mode-color: var(--core-transparent-dark-mode-color); --tabbar-item-unselected-value-disabled-state-background-light-mode-color: var(--core-transparent-light-mode-color); --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-light-mode-color); --tabbar-item-unselected-value-disabled-state-content-dark-mode-color: var(--core-text-30-dark-mode-color); --tabbar-item-unselected-value-disabled-state-content-light-mode-color: var(--core-text-30-light-mode-color); --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-light-mode-color); --tabbar-item-unselected-value-hover-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --tabbar-item-unselected-value-hover-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-light-mode-color); --tabbar-item-unselected-value-hover-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --tabbar-item-unselected-value-hover-state-content-light-mode-color: var(--core-text-10-light-mode-color); --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-light-mode-color); --tabbar-item-unselected-value-normal-state-background-dark-mode-color: var(--core-transparent-dark-mode-color); --tabbar-item-unselected-value-normal-state-background-light-mode-color: var(--core-transparent-light-mode-color); --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-light-mode-color); --tabbar-item-unselected-value-normal-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --tabbar-item-unselected-value-normal-state-content-light-mode-color: var(--core-text-10-light-mode-color); --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-light-mode-color); --tabbar-item-unselected-value-pressed-state-background-dark-mode-color: var(--core-emphasis-30-dark-mode-color); --tabbar-item-unselected-value-pressed-state-background-light-mode-color: var(--core-emphasis-30-light-mode-color); --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-light-mode-color); --tabbar-item-unselected-value-pressed-state-content-dark-mode-color: var(--core-text-10-dark-mode-color); --tabbar-item-unselected-value-pressed-state-content-light-mode-color: var(--core-text-10-light-mode-color); --tabbar-side-label-style-item-spacing: var(--core-metrics-spacing-150); --tabbar-side-label-style-padding-bottom: var(--core-metrics-spacing-100); --tabbar-side-label-style-padding-left: var(--core-metrics-spacing-100); --tabbar-side-label-style-padding-right: var(--core-metrics-spacing-100); --tabbar-side-label-style-padding-top: var(--core-metrics-spacing-100); --tabbar-side-label-wide-style-item-spacing: var(--tabbar-side-label-style-item-spacing); --tabbar-side-label-wide-style-padding-bottom: var(--core-metrics-spacing-150); --tabbar-side-label-wide-style-padding-left: var(--tabbar-side-label-style-padding-left); --tabbar-side-label-wide-style-padding-right: var(--tabbar-side-label-style-padding-right); --tabbar-side-label-wide-style-padding-top: var(--core-metrics-spacing-150); /* ========== tableCell ========== */ --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-light-mode-color); --table-cell-disabled-state-text-dark-mode-color: var(--core-text-30-dark-mode-color); --table-cell-disabled-state-text-light-mode-color: var(--core-text-30-light-mode-color); --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-light-mode-color); --table-cell-focus-state-background-dark-mode-color: var(--table-cell-hover-state-background-dark-mode-color); --table-cell-focus-state-background-light-mode-color: var(--table-cell-hover-state-background-light-mode-color); --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-light-mode-color); --table-cell-hover-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --table-cell-hover-state-background-light-mode-color: var(--core-fill-50-light-mode-color); --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-light-mode-color); --table-cell-pressed-state-background-dark-mode-color: var(--core-emphasis-40-dark-mode-color); --table-cell-pressed-state-background-light-mode-color: var(--core-emphasis-40-light-mode-color); --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-light-mode-color); --table-cell-selected-state-background-dark-mode-color: var(--core-fill-50-dark-mode-color); --table-cell-selected-state-background-light-mode-color: var(--core-fill-50-light-mode-color); /* ========== tag ========== */ --tag-basic-format-bottom-padding: 7px; --tag-basic-format-left-padding: 12px; --tag-basic-format-right-padding: 8px; --tag-basic-format-top-padding: 7px; --tag-disabled-state-background-color: var(--tag-disabled-state-light-mode-background-color); --tag-disabled-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --tag-disabled-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-disabled-state-dark-mode-label-color: var(--core-text-30-dark-mode-color); --tag-disabled-state-dark-mode-remove-indicator-color: var(--core-fill-30-dark-mode-color); --tag-disabled-state-icon-color: var(--tag-disabled-state-light-mode-icon-color); --tag-disabled-state-label-color: var(--tag-disabled-state-light-mode-label-color); --tag-disabled-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --tag-disabled-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-disabled-state-light-mode-label-color: var(--core-text-30-light-mode-color); --tag-disabled-state-light-mode-remove-indicator-color: var(--core-fill-30-light-mode-color); --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-light-mode-remove-indicator-color); --tag-focus-state-background-color: var(--tag-focus-state-light-mode-background-color); --tag-focus-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --tag-focus-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-focus-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --tag-focus-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color); --tag-focus-state-icon-color: var(--tag-focus-state-light-mode-icon-color); --tag-focus-state-label-color: var(--tag-focus-state-light-mode-label-color); --tag-focus-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --tag-focus-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-focus-state-light-mode-label-color: var(--core-text-10-light-mode-color); --tag-focus-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color); --tag-focus-state-remove-indicator-color: var(--tag-focus-state-light-mode-remove-indicator-color); --tag-horizontal-spacing: 4px; --tag-hover-state-background-color: var(--tag-hover-state-light-mode-background-color); --tag-hover-state-dark-mode-background-color: var(--core-emphasis-40-dark-mode-color); --tag-hover-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-hover-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --tag-hover-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color); --tag-hover-state-icon-color: var(--tag-hover-state-light-mode-icon-color); --tag-hover-state-label-color: var(--tag-hover-state-light-mode-label-color); --tag-hover-state-light-mode-background-color: var(--core-emphasis-40-light-mode-color); --tag-hover-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-hover-state-light-mode-label-color: var(--core-text-10-light-mode-color); --tag-hover-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color); --tag-hover-state-remove-indicator-color: var(--tag-hover-state-light-mode-remove-indicator-color); --tag-minimum-width-multiplier: 1.5; --tag-normal-state-background-color: var(--tag-normal-state-light-mode-background-color); --tag-normal-state-dark-mode-background-color: var(--core-fill-40-dark-mode-color); --tag-normal-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-normal-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --tag-normal-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color); --tag-normal-state-icon-color: var(--tag-normal-state-light-mode-icon-color); --tag-normal-state-label-color: var(--tag-normal-state-light-mode-label-color); --tag-normal-state-light-mode-background-color: var(--core-fill-40-light-mode-color); --tag-normal-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-normal-state-light-mode-label-color: var(--core-text-10-light-mode-color); --tag-normal-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color); --tag-normal-state-remove-indicator-color: var(--tag-normal-state-light-mode-remove-indicator-color); --tag-pressed-state-background-color: var(--tag-pressed-state-light-mode-background-color); --tag-pressed-state-dark-mode-background-color: var(--core-emphasis-30-dark-mode-color); --tag-pressed-state-dark-mode-icon-color: var(--core-text-10-dark-mode-color); --tag-pressed-state-dark-mode-label-color: var(--core-text-10-dark-mode-color); --tag-pressed-state-dark-mode-remove-indicator-color: var(--core-fill-20-dark-mode-color); --tag-pressed-state-icon-color: var(--tag-pressed-state-light-mode-icon-color); --tag-pressed-state-label-color: var(--tag-pressed-state-light-mode-label-color); --tag-pressed-state-light-mode-background-color: var(--core-emphasis-30-light-mode-color); --tag-pressed-state-light-mode-icon-color: var(--core-text-10-light-mode-color); --tag-pressed-state-light-mode-label-color: var(--core-text-10-light-mode-color); --tag-pressed-state-light-mode-remove-indicator-color: var(--core-fill-20-light-mode-color); --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-light-mode-remove-indicator-color); --tag-remove-indicator-height: 16px; --tag-remove-indicator-icon-height: 16px; --tag-remove-indicator-icon-scale: var(--core-type-paragraph-10-scale); --tag-remove-indicator-icon-width: 16px; --tag-remove-indicator-scale: var(--core-type-paragraph-10-scale); --tag-remove-indicator-width: 16px; --tag-text-case: var(--core-type-paragraph-10-case); --tag-text-font-family: var(--core-type-paragraph-10-font-family); --tag-text-leading: var(--core-type-paragraph-10-leading); --tag-text-number-spacing: var(--core-type-paragraph-10-number-spacing); --tag-text-scale: var(--core-type-paragraph-10-scale); --tag-text-size: var(--core-type-paragraph-10-size); --tag-text-tracking: var(--core-type-paragraph-10-tracking); --tag-text-weight: var(--core-type-paragraph-10-weight); --tag-with-icon-format-bottom-padding: 8px; --tag-with-icon-format-left-padding: 8px; --tag-with-icon-format-right-padding: 8px; --tag-with-icon-format-top-padding: 8px; /* ========== text-link-group ========== */ --text-link-group-horizontal-spacing: var(--core-metrics-spacing-150); --text-link-group-separator-color: var(--text-link-group-separator-light-mode-color); --text-link-group-separator-dark-mode-color: var(--core-fill-10-dark-mode-color); --text-link-group-separator-height: 8px; --text-link-group-separator-light-mode-color: var(--core-fill-10-light-mode-color); --text-link-group-separator-opacity: 0.3; --text-link-group-separator-width: 1px; --text-link-group-vertical-spacing: var(--core-metrics-spacing-200); /* ========== text-link ========== */ --text-link-destructive-variant-color: var(--text-link-destructive-variant-light-mode-color); --text-link-destructive-variant-dark-mode-color: var(--core-critical-text-dark-mode-color); --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-light-mode-color); --text-link-destructive-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --text-link-destructive-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-light-mode-color); --text-link-destructive-variant-hover-state-dark-mode-color: var(--core-critical-20-dark-mode-color); --text-link-destructive-variant-hover-state-light-mode-color: var(--core-critical-20-light-mode-color); --text-link-destructive-variant-light-mode-color: var(--core-critical-text-light-mode-color); --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-light-mode-color); --text-link-destructive-variant-normal-state-dark-mode-color: var(--core-critical-text-dark-mode-color); --text-link-destructive-variant-normal-state-light-mode-color: var(--core-critical-text-light-mode-color); --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-light-mode-color); --text-link-destructive-variant-pressed-state-dark-mode-color: var(--core-critical-10-dark-mode-color); --text-link-destructive-variant-pressed-state-light-mode-color: var(--core-critical-10-light-mode-color); --text-link-disabled-state-opacity: 0.3; --text-link-hover-state-opacity: 0.6; --text-link-inline-style-disabled-state-underline-size: 1px; --text-link-inline-style-hover-state-underline-size: 1px; --text-link-inline-style-normal-state-underline-size: 1px; --text-link-inline-style-pressed-state-underline-size: 1px; --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-light-mode-color); --text-link-inverted-variant-disabled-state-dark-mode-color: var(--core-text-30-light-mode-color); --text-link-inverted-variant-disabled-state-light-mode-color: var(--core-text-30-dark-mode-color); --text-link-inverted-variant-disabled-state-opacity: 0.3; --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-light-mode-color); --text-link-inverted-variant-hover-state-dark-mode-color: var(--core-constant-gray-45-color); --text-link-inverted-variant-hover-state-light-mode-color: var(--core-constant-gray-85-color); --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-light-mode-color); --text-link-inverted-variant-normal-state-dark-mode-color: var(--core-emphasis-text-light-mode-color); --text-link-inverted-variant-normal-state-light-mode-color: var(--core-emphasis-text-dark-mode-color); --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-light-mode-color); --text-link-inverted-variant-pressed-state-dark-mode-color: 767676; --text-link-inverted-variant-pressed-state-light-mode-color: var(--core-constant-gray-60-color); --text-link-medium-size-text-case: var(--core-type-semibold-30-case); --text-link-medium-size-text-font-family: var(--core-type-semibold-30-font-family); --text-link-medium-size-text-leading: var(--core-type-semibold-30-leading); --text-link-medium-size-text-number-spacing: var(--core-type-semibold-30-number-spacing); --text-link-medium-size-text-scale: var(--core-type-semibold-30-scale); --text-link-medium-size-text-size: var(--core-type-semibold-30-size); --text-link-medium-size-text-tracking: var(--core-type-semibold-30-tracking); --text-link-medium-size-text-weight: var(--core-type-semibold-30-weight); --text-link-medium-size-vertical-padding: 0px; --text-link-normal-state-opacity: 1; --text-link-normal-variant-color: var(--text-link-normal-variant-light-mode-color); --text-link-normal-variant-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --text-link-normal-variant-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --text-link-normal-variant-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-light-mode-color); --text-link-normal-variant-hover-state-dark-mode-color: var(--core-constant-gray-85-color); --text-link-normal-variant-hover-state-light-mode-color: var(--core-constant-gray-45-color); --text-link-normal-variant-light-mode-color: var(--core-emphasis-text-light-mode-color); --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-light-mode-color); --text-link-normal-variant-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --text-link-normal-variant-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-light-mode-color); --text-link-normal-variant-pressed-state-dark-mode-color: var(--core-constant-gray-60-color); --text-link-normal-variant-pressed-state-light-mode-color: #767676; --text-link-pressed-state-opacity: 0.6; --text-link-small-size-text-case: var(--core-type-semibold-20-case); --text-link-small-size-text-font-family: var(--core-type-semibold-20-font-family); --text-link-small-size-text-leading: var(--core-type-semibold-20-leading); --text-link-small-size-text-number-spacing: var(--core-type-semibold-20-number-spacing); --text-link-small-size-text-scale: var(--core-type-semibold-20-scale); --text-link-small-size-text-size: var(--core-type-semibold-20-size); --text-link-small-size-text-tracking: var(--core-type-semibold-20-tracking); --text-link-small-size-text-weight: var(--core-type-semibold-20-weight); --text-link-small-size-vertical-padding: 0px; --text-link-standalone-style-disabled-state-underline-size: 1px; --text-link-standalone-style-hover-state-underline-size: 1px; --text-link-standalone-style-normal-state-underline-size: 1px; --text-link-standalone-style-pressed-state-underline-size: 1px; /* ========== textarea ========== */ --textarea-font-case: var(--core-type-paragraph-30-case); --textarea-font-font-family: var(--core-type-paragraph-30-font-family); --textarea-font-leading: var(--core-type-paragraph-30-leading); --textarea-font-number-spacing: var(--core-type-paragraph-30-number-spacing); --textarea-font-scale: var(--core-type-paragraph-30-scale); --textarea-font-size: var(--core-type-paragraph-30-size); --textarea-font-tracking: var(--core-type-paragraph-30-tracking); --textarea-font-weight: var(--core-type-paragraph-30-weight); --textarea-height: 112px; --textarea-maximum-height: 320px; --textarea-min-height: var(--textarea-minimum-height); --textarea-minimum-height: var(--textarea-height); --textarea-placeholder-color: var(--textarea-placeholder-light-mode-color); --textarea-placeholder-dark-mode-color: var(--core-fill-30-dark-mode-color); --textarea-placeholder-light-mode-color: var(--core-fill-30-light-mode-color); --textarea-selection-caret-color: var(--textarea-selection-caret-light-mode-color); --textarea-selection-caret-dark-mode-color: var(--textarea-selection-text-cursor-dark-mode-color); --textarea-selection-caret-light-mode-color: var(--textarea-selection-text-cursor-light-mode-color); --textarea-selection-highlight-color: var(--textarea-selection-highlight-light-mode-color); --textarea-selection-highlight-dark-mode-color: var(--core-fill-30-dark-mode-color); --textarea-selection-highlight-light-mode-color: var(--core-fill-30-light-mode-color); --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-light-mode-color); --textarea-selection-text-cursor-dark-mode-color: var(--core-text-10-dark-mode-color); --textarea-selection-text-cursor-light-mode-color: var(--core-text-10-light-mode-color); /* ========== toast ========== */ --toast-accent-color: var(--toast-accent-light-mode-color); --toast-accent-dark-mode-color: var(--core-fill-10-dark-mode-color); --toast-accent-light-mode-color: var(--core-fill-10-light-mode-color); --toast-background-color: var(--toast-background-light-mode-color); --toast-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color); --toast-background-light-mode-color: var(--core-surface-inverse-light-mode-color); --toast-button-gap: var(--core-metrics-spacing-150); --toast-button-spacing: var(--toast-button-gap); --toast-button-text-case: var(--core-type-semibold-30-case); --toast-button-text-font-family: var(--core-type-semibold-30-font-family); --toast-button-text-leading: var(--core-type-semibold-30-leading); --toast-button-text-number-spacing: var(--core-type-semibold-30-number-spacing); --toast-button-text-scale: var(--core-type-semibold-30-scale); --toast-button-text-size: var(--core-type-semibold-30-size); --toast-button-text-tracking: var(--core-type-semibold-30-tracking); --toast-button-text-weight: var(--core-type-semibold-30-weight); --toast-content-gap: var(--core-metrics-spacing-150); --toast-content-spacing: var(--toast-content-gap); --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-light-mode-color); --toast-critical-variant-accent-dark-mode-color: var(--core-fill-white-dark-mode-color); --toast-critical-variant-accent-light-mode-color: var(--core-fill-white-light-mode-color); --toast-critical-variant-background-color: var(--toast-critical-variant-background-light-mode-color); --toast-critical-variant-background-dark-mode-color: var(--core-critical-fill-dark-mode-color); --toast-critical-variant-background-light-mode-color: var(--core-critical-fill-light-mode-color); --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-light-mode-color); --toast-critical-variant-button-text-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color); --toast-critical-variant-button-text-light-mode-color: var(--toast-critical-variant-link-light-mode-color); --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-light-mode-color); --toast-critical-variant-dismiss-button-dark-mode-color: var(--core-fill-white-dark-mode-color); --toast-critical-variant-dismiss-button-light-mode-color: var(--core-fill-white-light-mode-color); --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-light-mode-color); --toast-critical-variant-icon-dark-mode-color: var(--core-fill-white-dark-mode-color); --toast-critical-variant-icon-light-mode-color: var(--core-fill-white-light-mode-color); --toast-critical-variant-link-color: var(--toast-critical-variant-link-light-mode-color); --toast-critical-variant-link-dark-mode-color: var(--core-text-white-dark-mode-color); --toast-critical-variant-link-light-mode-color: var(--core-text-white-light-mode-color); --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-light-mode-color); --toast-critical-variant-progress-bar-dark-mode-color: var(--toast-critical-variant-accent-dark-mode-color); --toast-critical-variant-progress-bar-light-mode-color: var(--toast-critical-variant-accent-light-mode-color); --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-light-mode-color); --toast-critical-variant-separator-dark-mode-color: var(--toast-critical-variant-link-dark-mode-color); --toast-critical-variant-separator-light-mode-color: var(--toast-critical-variant-link-light-mode-color); --toast-critical-variant-text-color: var(--toast-critical-variant-text-light-mode-color); --toast-critical-variant-text-dark-mode-color: var(--core-text-white-dark-mode-color); --toast-critical-variant-text-light-mode-color: var(--core-text-white-light-mode-color); --toast-dismiss-button-color: var(--toast-dismiss-button-light-mode-color); --toast-dismiss-button-dark-mode-color: var(--core-text-inverse-dark-mode-color); --toast-dismiss-button-light-mode-color: var(--core-text-inverse-light-mode-color); --toast-dismissal-delay-long-duration: 10.00s; --toast-dismissal-delay-medium-duration: 5.00s; --toast-dismissal-delay-short-duration: 2.00s; --toast-horizontal-padding: var(--core-metrics-spacing-200); --toast-horizontal-padding-size: var(--toast-horizontal-padding); --toast-icon-color: var(--toast-icon-light-mode-color); --toast-icon-dark-mode-color: var(--toast-accent-dark-mode-color); --toast-icon-gap: var(--core-metrics-spacing-150); --toast-icon-light-mode-color: var(--toast-accent-light-mode-color); --toast-icon-spacing: var(--toast-icon-gap); --toast-info-variant-accent-color: var(--toast-info-variant-accent-light-mode-color); --toast-info-variant-accent-dark-mode-color: var(--core-emphasis-fill-dark-mode-color); --toast-info-variant-accent-light-mode-color: var(--core-emphasis-fill-light-mode-color); --toast-info-variant-background-color: var(--toast-info-variant-background-light-mode-color); --toast-info-variant-background-dark-mode-color: var(--toast-background-dark-mode-color); --toast-info-variant-background-light-mode-color: var(--toast-background-light-mode-color); --toast-info-variant-button-text-case: var(--toast-info-variant-link-case); --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-light-mode-color); --toast-info-variant-button-text-dark-mode-color: var(--toast-info-variant-link-dark-mode-color); --toast-info-variant-button-text-font-family: var(--toast-info-variant-link-font-family); --toast-info-variant-button-text-leading: var(--toast-info-variant-link-leading); --toast-info-variant-button-text-light-mode-color: var(--toast-info-variant-link-light-mode-color); --toast-info-variant-button-text-multiline-gap: var(--toast-info-variant-link-multiline-gap); --toast-info-variant-button-text-multiline-spacing: var(--toast-info-variant-link-multiline-spacing); --toast-info-variant-button-text-number-spacing: var(--toast-info-variant-link-number-spacing); --toast-info-variant-button-text-scale: var(--toast-info-variant-link-scale); --toast-info-variant-button-text-size: var(--toast-info-variant-link-size); --toast-info-variant-button-text-tracking: var(--toast-info-variant-link-tracking); --toast-info-variant-button-text-weight: var(--toast-info-variant-link-weight); --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-light-mode-color); --toast-info-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color); --toast-info-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color); --toast-info-variant-icon-color: var(--toast-info-variant-icon-light-mode-color); --toast-info-variant-icon-dark-mode-color: var(--core-text-inverse-dark-mode-color); --toast-info-variant-icon-light-mode-color: var(--core-text-inverse-light-mode-color); --toast-info-variant-link-case: var(--toast-info-variant-text-case); --toast-info-variant-link-color: var(--toast-info-variant-link-light-mode-color); --toast-info-variant-link-dark-mode-color: var(--toast-info-variant-text-dark-mode-color); --toast-info-variant-link-font-family: var(--toast-info-variant-text-font-family); --toast-info-variant-link-leading: var(--toast-info-variant-text-leading); --toast-info-variant-link-light-mode-color: var(--toast-info-variant-text-light-mode-color); --toast-info-variant-link-multiline-gap: var(--toast-info-variant-text-multiline-gap); --toast-info-variant-link-multiline-spacing: var(--toast-info-variant-text-multiline-spacing); --toast-info-variant-link-number-spacing: var(--toast-info-variant-text-number-spacing); --toast-info-variant-link-scale: var(--toast-info-variant-text-scale); --toast-info-variant-link-size: var(--toast-info-variant-text-size); --toast-info-variant-link-tracking: var(--toast-info-variant-text-tracking); --toast-info-variant-link-weight: var(--toast-info-variant-text-weight); --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-light-mode-color); --toast-info-variant-progress-bar-dark-mode-color: var(--core-fill-40-dark-mode-color); --toast-info-variant-progress-bar-light-mode-color: var(--core-fill-40-light-mode-color); --toast-info-variant-separator-case: var(--toast-info-variant-link-case); --toast-info-variant-separator-color: var(--toast-info-variant-separator-light-mode-color); --toast-info-variant-separator-dark-mode-color: var(--toast-info-variant-link-dark-mode-color); --toast-info-variant-separator-font-family: var(--toast-info-variant-link-font-family); --toast-info-variant-separator-leading: var(--toast-info-variant-link-leading); --toast-info-variant-separator-light-mode-color: var(--toast-info-variant-link-light-mode-color); --toast-info-variant-separator-multiline-gap: var(--toast-info-variant-link-multiline-gap); --toast-info-variant-separator-multiline-spacing: var(--toast-info-variant-link-multiline-spacing); --toast-info-variant-separator-number-spacing: var(--toast-info-variant-link-number-spacing); --toast-info-variant-separator-scale: var(--toast-info-variant-link-scale); --toast-info-variant-separator-size: var(--toast-info-variant-link-size); --toast-info-variant-separator-tracking: var(--toast-info-variant-link-tracking); --toast-info-variant-separator-weight: var(--toast-info-variant-link-weight); --toast-info-variant-text-case: var(--toast-text-case); --toast-info-variant-text-color: var(--toast-info-variant-text-light-mode-color); --toast-info-variant-text-dark-mode-color: var(--toast-text-dark-mode-color); --toast-info-variant-text-font-family: var(--toast-text-font-family); --toast-info-variant-text-leading: var(--toast-text-leading); --toast-info-variant-text-light-mode-color: var(--toast-text-light-mode-color); --toast-info-variant-text-multiline-gap: var(--toast-text-multiline-gap); --toast-info-variant-text-multiline-spacing: var(--toast-text-multiline-spacing); --toast-info-variant-text-number-spacing: var(--toast-text-number-spacing); --toast-info-variant-text-scale: var(--toast-text-scale); --toast-info-variant-text-size: var(--toast-text-size); --toast-info-variant-text-tracking: var(--toast-text-tracking); --toast-info-variant-text-weight: var(--toast-text-weight); --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-light-mode-color); --toast-insight-variant-accent-dark-mode-color: var(--core-purple-fill-dark-mode-color); --toast-insight-variant-accent-light-mode-color: var(--core-purple-fill-light-mode-color); --toast-insight-variant-background-color: var(--toast-insight-variant-background-light-mode-color); --toast-insight-variant-background-dark-mode-color: var(--core-surface-10-dark-mode-color); --toast-insight-variant-background-light-mode-color: var(--core-surface-10-light-mode-color); --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-light-mode-color); --toast-insight-variant-button-text-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color); --toast-insight-variant-button-text-light-mode-color: var(--toast-insight-variant-link-light-mode-color); --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-light-mode-color); --toast-insight-variant-dismiss-button-dark-mode-color: var(--core-fill-10-dark-mode-color); --toast-insight-variant-dismiss-button-light-mode-color: var(--core-fill-10-light-mode-color); --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-light-mode-color); --toast-insight-variant-icon-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color); --toast-insight-variant-icon-light-mode-color: var(--toast-insight-variant-accent-light-mode-color); --toast-insight-variant-link-color: var(--toast-insight-variant-link-light-mode-color); --toast-insight-variant-link-dark-mode-color: var(--toast-insight-variant-text-dark-mode-color); --toast-insight-variant-link-light-mode-color: var(--toast-insight-variant-text-light-mode-color); --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-light-mode-color); --toast-insight-variant-progress-bar-dark-mode-color: var(--toast-insight-variant-accent-dark-mode-color); --toast-insight-variant-progress-bar-light-mode-color: var(--toast-insight-variant-accent-light-mode-color); --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-light-mode-color); --toast-insight-variant-separator-dark-mode-color: var(--toast-insight-variant-link-dark-mode-color); --toast-insight-variant-separator-light-mode-color: var(--toast-insight-variant-link-light-mode-color); --toast-insight-variant-text-color: var(--toast-insight-variant-text-light-mode-color); --toast-insight-variant-text-dark-mode-color: var(--core-text-10-dark-mode-color); --toast-insight-variant-text-light-mode-color: var(--core-text-10-light-mode-color); --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-light-mode-color); --toast-link-destructive-variant-dark-mode-color: var(--text-link-destructive-variant-dark-mode-color); --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-light-mode-color); --toast-link-destructive-variant-disabled-state-dark-mode-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color); --toast-link-destructive-variant-disabled-state-light-mode-color: var(--text-link-destructive-variant-disabled-state-light-mode-color); --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-light-mode-color); --toast-link-destructive-variant-hover-state-dark-mode-color: var(--text-link-destructive-variant-hover-state-dark-mode-color); --toast-link-destructive-variant-hover-state-light-mode-color: var(--text-link-destructive-variant-hover-state-light-mode-color); --toast-link-destructive-variant-light-mode-color: var(--text-link-destructive-variant-light-mode-color); --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-light-mode-color); --toast-link-destructive-variant-normal-state-dark-mode-color: var(--text-link-destructive-variant-normal-state-dark-mode-color); --toast-link-destructive-variant-normal-state-light-mode-color: var(--text-link-destructive-variant-normal-state-light-mode-color); --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-light-mode-color); --toast-link-destructive-variant-pressed-state-dark-mode-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color); --toast-link-destructive-variant-pressed-state-light-mode-color: var(--text-link-destructive-variant-pressed-state-light-mode-color); --toast-link-disabled-state-opacity: var(--text-link-disabled-state-opacity); --toast-link-hover-state-opacity: var(--text-link-hover-state-opacity); --toast-link-inline-style-disabled-state-underline-size: var(--text-link-inline-style-disabled-state-underline-size); --toast-link-inline-style-hover-state-underline-size: var(--text-link-inline-style-hover-state-underline-size); --toast-link-inline-style-normal-state-underline-size: var(--text-link-inline-style-normal-state-underline-size); --toast-link-inline-style-pressed-state-underline-size: var(--text-link-inline-style-pressed-state-underline-size); --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-light-mode-color); --toast-link-inverted-variant-disabled-state-dark-mode-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color); --toast-link-inverted-variant-disabled-state-light-mode-color: var(--text-link-inverted-variant-disabled-state-light-mode-color); --toast-link-inverted-variant-disabled-state-opacity: var(--text-link-inverted-variant-disabled-state-opacity); --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-light-mode-color); --toast-link-inverted-variant-hover-state-dark-mode-color: var(--text-link-inverted-variant-hover-state-dark-mode-color); --toast-link-inverted-variant-hover-state-light-mode-color: var(--text-link-inverted-variant-hover-state-light-mode-color); --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-light-mode-color); --toast-link-inverted-variant-normal-state-dark-mode-color: var(--text-link-inverted-variant-normal-state-dark-mode-color); --toast-link-inverted-variant-normal-state-light-mode-color: var(--text-link-inverted-variant-normal-state-light-mode-color); --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-light-mode-color); --toast-link-inverted-variant-pressed-state-dark-mode-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color); --toast-link-inverted-variant-pressed-state-light-mode-color: var(--text-link-inverted-variant-pressed-state-light-mode-color); --toast-link-medium-size-text-case: var(--text-link-medium-size-text-case); --toast-link-medium-size-text-font-family: var(--text-link-medium-size-text-font-family); --toast-link-medium-size-text-leading: var(--text-link-medium-size-text-leading); --toast-link-medium-size-text-number-spacing: var(--text-link-medium-size-text-number-spacing); --toast-link-medium-size-text-scale: var(--text-link-medium-size-text-scale); --toast-link-medium-size-text-size: var(--text-link-medium-size-text-size); --toast-link-medium-size-text-tracking: var(--text-link-medium-size-text-tracking); --toast-link-medium-size-text-weight: var(--text-link-medium-size-text-weight); --toast-link-medium-size-vertical-padding: var(--text-link-medium-size-vertical-padding); --toast-link-normal-state-opacity: var(--text-link-normal-state-opacity); --toast-link-normal-variant-color: var(--toast-link-normal-variant-light-mode-color); --toast-link-normal-variant-dark-mode-color: var(--text-link-normal-variant-dark-mode-color); --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-light-mode-color); --toast-link-normal-variant-disabled-state-dark-mode-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --toast-link-normal-variant-disabled-state-light-mode-color: var(--text-link-normal-variant-disabled-state-light-mode-color); --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-light-mode-color); --toast-link-normal-variant-hover-state-dark-mode-color: var(--text-link-normal-variant-hover-state-dark-mode-color); --toast-link-normal-variant-hover-state-light-mode-color: var(--text-link-normal-variant-hover-state-light-mode-color); --toast-link-normal-variant-light-mode-color: var(--text-link-normal-variant-light-mode-color); --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-light-mode-color); --toast-link-normal-variant-normal-state-dark-mode-color: var(--text-link-normal-variant-normal-state-dark-mode-color); --toast-link-normal-variant-normal-state-light-mode-color: var(--text-link-normal-variant-normal-state-light-mode-color); --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-light-mode-color); --toast-link-normal-variant-pressed-state-dark-mode-color: var(--text-link-normal-variant-pressed-state-dark-mode-color); --toast-link-normal-variant-pressed-state-light-mode-color: var(--text-link-normal-variant-pressed-state-light-mode-color); --toast-link-pressed-state-opacity: var(--text-link-pressed-state-opacity); --toast-link-small-size-text-case: var(--text-link-small-size-text-case); --toast-link-small-size-text-font-family: var(--text-link-small-size-text-font-family); --toast-link-small-size-text-leading: var(--text-link-small-size-text-leading); --toast-link-small-size-text-number-spacing: var(--text-link-small-size-text-number-spacing); --toast-link-small-size-text-scale: var(--text-link-small-size-text-scale); --toast-link-small-size-text-size: var(--text-link-small-size-text-size); --toast-link-small-size-text-tracking: var(--text-link-small-size-text-tracking); --toast-link-small-size-text-weight: var(--text-link-small-size-text-weight); --toast-link-small-size-vertical-padding: var(--text-link-small-size-vertical-padding); --toast-link-standalone-style-disabled-state-underline-size: var(--text-link-standalone-style-disabled-state-underline-size); --toast-link-standalone-style-hover-state-underline-size: var(--text-link-standalone-style-hover-state-underline-size); --toast-link-standalone-style-normal-state-underline-size: var(--text-link-standalone-style-normal-state-underline-size); --toast-link-standalone-style-pressed-state-underline-size: var(--text-link-standalone-style-pressed-state-underline-size); --toast-maximum-width: 600px; --toast-progress-bar-color: var(--toast-progress-bar-light-mode-color); --toast-progress-bar-dark-mode-color: var(--core-fill-inverse-dark-mode-color); --toast-progress-bar-height: var(--core-metrics-spacing-50); --toast-progress-bar-light-mode-color: var(--core-fill-inverse-light-mode-color); --toast-radius: var(--core-radius-200); --toast-separator-height: var(--core-metrics-spacing-100); --toast-separator-opacity: 0.3; --toast-separator-width: 1px; --toast-success-variant-accent-color: var(--toast-success-variant-accent-light-mode-color); --toast-success-variant-accent-dark-mode-color: var(--core-success-fill-dark-mode-color); --toast-success-variant-accent-light-mode-color: var(--core-success-fill-light-mode-color); --toast-success-variant-background-color: var(--toast-success-variant-background-light-mode-color); --toast-success-variant-background-dark-mode-color: var(--toast-background-dark-mode-color); --toast-success-variant-background-light-mode-color: var(--toast-background-light-mode-color); --toast-success-variant-button-text-case: var(--toast-success-variant-link-case); --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-light-mode-color); --toast-success-variant-button-text-dark-mode-color: var(--toast-success-variant-link-dark-mode-color); --toast-success-variant-button-text-font-family: var(--toast-success-variant-link-font-family); --toast-success-variant-button-text-leading: var(--toast-success-variant-link-leading); --toast-success-variant-button-text-light-mode-color: var(--toast-success-variant-link-light-mode-color); --toast-success-variant-button-text-multiline-gap: var(--toast-success-variant-link-multiline-gap); --toast-success-variant-button-text-multiline-spacing: var(--toast-success-variant-link-multiline-spacing); --toast-success-variant-button-text-number-spacing: var(--toast-success-variant-link-number-spacing); --toast-success-variant-button-text-scale: var(--toast-success-variant-link-scale); --toast-success-variant-button-text-size: var(--toast-success-variant-link-size); --toast-success-variant-button-text-tracking: var(--toast-success-variant-link-tracking); --toast-success-variant-button-text-weight: var(--toast-success-variant-link-weight); --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-light-mode-color); --toast-success-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color); --toast-success-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color); --toast-success-variant-icon-color: var(--toast-success-variant-icon-light-mode-color); --toast-success-variant-icon-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color); --toast-success-variant-icon-light-mode-color: var(--toast-success-variant-accent-light-mode-color); --toast-success-variant-link-case: var(--toast-success-variant-text-case); --toast-success-variant-link-color: var(--toast-success-variant-link-light-mode-color); --toast-success-variant-link-dark-mode-color: var(--toast-success-variant-text-dark-mode-color); --toast-success-variant-link-font-family: var(--toast-success-variant-text-font-family); --toast-success-variant-link-leading: var(--toast-success-variant-text-leading); --toast-success-variant-link-light-mode-color: var(--toast-success-variant-text-light-mode-color); --toast-success-variant-link-multiline-gap: var(--toast-success-variant-text-multiline-gap); --toast-success-variant-link-multiline-spacing: var(--toast-success-variant-text-multiline-spacing); --toast-success-variant-link-number-spacing: var(--toast-success-variant-text-number-spacing); --toast-success-variant-link-scale: var(--toast-success-variant-text-scale); --toast-success-variant-link-size: var(--toast-success-variant-text-size); --toast-success-variant-link-tracking: var(--toast-success-variant-text-tracking); --toast-success-variant-link-weight: var(--toast-success-variant-text-weight); --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-light-mode-color); --toast-success-variant-progress-bar-dark-mode-color: var(--toast-success-variant-accent-dark-mode-color); --toast-success-variant-progress-bar-light-mode-color: var(--toast-success-variant-accent-light-mode-color); --toast-success-variant-separator-case: var(--toast-success-variant-link-case); --toast-success-variant-separator-color: var(--toast-success-variant-separator-light-mode-color); --toast-success-variant-separator-dark-mode-color: var(--toast-success-variant-link-dark-mode-color); --toast-success-variant-separator-font-family: var(--toast-success-variant-link-font-family); --toast-success-variant-separator-leading: var(--toast-success-variant-link-leading); --toast-success-variant-separator-light-mode-color: var(--toast-success-variant-link-light-mode-color); --toast-success-variant-separator-multiline-gap: var(--toast-success-variant-link-multiline-gap); --toast-success-variant-separator-multiline-spacing: var(--toast-success-variant-link-multiline-spacing); --toast-success-variant-separator-number-spacing: var(--toast-success-variant-link-number-spacing); --toast-success-variant-separator-scale: var(--toast-success-variant-link-scale); --toast-success-variant-separator-size: var(--toast-success-variant-link-size); --toast-success-variant-separator-tracking: var(--toast-success-variant-link-tracking); --toast-success-variant-separator-weight: var(--toast-success-variant-link-weight); --toast-success-variant-text-case: var(--toast-text-case); --toast-success-variant-text-color: var(--toast-success-variant-text-light-mode-color); --toast-success-variant-text-dark-mode-color: var(--toast-text-dark-mode-color); --toast-success-variant-text-font-family: var(--toast-text-font-family); --toast-success-variant-text-leading: var(--toast-text-leading); --toast-success-variant-text-light-mode-color: var(--toast-text-light-mode-color); --toast-success-variant-text-multiline-gap: var(--toast-text-multiline-gap); --toast-success-variant-text-multiline-spacing: var(--toast-text-multiline-spacing); --toast-success-variant-text-number-spacing: var(--toast-text-number-spacing); --toast-success-variant-text-scale: var(--toast-text-scale); --toast-success-variant-text-size: var(--toast-text-size); --toast-success-variant-text-tracking: var(--toast-text-tracking); --toast-success-variant-text-weight: var(--toast-text-weight); --toast-text-case: var(--core-type-paragraph-30-case); --toast-text-color: var(--toast-text-light-mode-color); --toast-text-dark-mode-color: var(--core-text-inverse-dark-mode-color); --toast-text-font-family: var(--core-type-paragraph-30-font-family); --toast-text-leading: var(--core-type-paragraph-30-leading); --toast-text-light-mode-color: var(--core-text-inverse-light-mode-color); --toast-text-multiline-gap: var(--core-metrics-spacing-150); --toast-text-multiline-spacing: var(--toast-text-multiline-gap); --toast-text-number-spacing: var(--core-type-paragraph-30-number-spacing); --toast-text-scale: var(--core-type-paragraph-30-scale); --toast-text-size: var(--core-type-paragraph-30-size); --toast-text-tracking: var(--core-type-paragraph-30-tracking); --toast-text-weight: var(--core-type-paragraph-30-weight); --toast-vertical-padding: var(--core-metrics-spacing-200); --toast-vertical-padding-size: var(--toast-vertical-padding); --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-light-mode-color); --toast-warning-variant-accent-dark-mode-color: var(--core-warning-fill-dark-mode-color); --toast-warning-variant-accent-light-mode-color: var(--core-warning-fill-light-mode-color); --toast-warning-variant-background-color: var(--toast-warning-variant-background-light-mode-color); --toast-warning-variant-background-dark-mode-color: var(--toast-background-dark-mode-color); --toast-warning-variant-background-light-mode-color: var(--toast-background-light-mode-color); --toast-warning-variant-button-text-case: var(--toast-warning-variant-link-case); --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-light-mode-color); --toast-warning-variant-button-text-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color); --toast-warning-variant-button-text-font-family: var(--toast-warning-variant-link-font-family); --toast-warning-variant-button-text-leading: var(--toast-warning-variant-link-leading); --toast-warning-variant-button-text-light-mode-color: var(--toast-warning-variant-link-light-mode-color); --toast-warning-variant-button-text-multiline-gap: var(--toast-warning-variant-link-multiline-gap); --toast-warning-variant-button-text-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing); --toast-warning-variant-button-text-number-spacing: var(--toast-warning-variant-link-number-spacing); --toast-warning-variant-button-text-scale: var(--toast-warning-variant-link-scale); --toast-warning-variant-button-text-size: var(--toast-warning-variant-link-size); --toast-warning-variant-button-text-tracking: var(--toast-warning-variant-link-tracking); --toast-warning-variant-button-text-weight: var(--toast-warning-variant-link-weight); --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-light-mode-color); --toast-warning-variant-dismiss-button-dark-mode-color: var(--toast-dismiss-button-dark-mode-color); --toast-warning-variant-dismiss-button-light-mode-color: var(--toast-dismiss-button-light-mode-color); --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-light-mode-color); --toast-warning-variant-icon-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color); --toast-warning-variant-icon-light-mode-color: var(--toast-warning-variant-accent-light-mode-color); --toast-warning-variant-link-case: var(--toast-warning-variant-text-case); --toast-warning-variant-link-color: var(--toast-warning-variant-link-light-mode-color); --toast-warning-variant-link-dark-mode-color: var(--toast-warning-variant-text-dark-mode-color); --toast-warning-variant-link-font-family: var(--toast-warning-variant-text-font-family); --toast-warning-variant-link-leading: var(--toast-warning-variant-text-leading); --toast-warning-variant-link-light-mode-color: var(--toast-warning-variant-text-light-mode-color); --toast-warning-variant-link-multiline-gap: var(--toast-warning-variant-text-multiline-gap); --toast-warning-variant-link-multiline-spacing: var(--toast-warning-variant-text-multiline-spacing); --toast-warning-variant-link-number-spacing: var(--toast-warning-variant-text-number-spacing); --toast-warning-variant-link-scale: var(--toast-warning-variant-text-scale); --toast-warning-variant-link-size: var(--toast-warning-variant-text-size); --toast-warning-variant-link-tracking: var(--toast-warning-variant-text-tracking); --toast-warning-variant-link-weight: var(--toast-warning-variant-text-weight); --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-light-mode-color); --toast-warning-variant-progress-bar-dark-mode-color: var(--toast-warning-variant-accent-dark-mode-color); --toast-warning-variant-progress-bar-light-mode-color: var(--toast-warning-variant-accent-light-mode-color); --toast-warning-variant-separator-case: var(--toast-warning-variant-link-case); --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-light-mode-color); --toast-warning-variant-separator-dark-mode-color: var(--toast-warning-variant-link-dark-mode-color); --toast-warning-variant-separator-font-family: var(--toast-warning-variant-link-font-family); --toast-warning-variant-separator-leading: var(--toast-warning-variant-link-leading); --toast-warning-variant-separator-light-mode-color: var(--toast-warning-variant-link-light-mode-color); --toast-warning-variant-separator-multiline-gap: var(--toast-warning-variant-link-multiline-gap); --toast-warning-variant-separator-multiline-spacing: var(--toast-warning-variant-link-multiline-spacing); --toast-warning-variant-separator-number-spacing: var(--toast-warning-variant-link-number-spacing); --toast-warning-variant-separator-scale: var(--toast-warning-variant-link-scale); --toast-warning-variant-separator-size: var(--toast-warning-variant-link-size); --toast-warning-variant-separator-tracking: var(--toast-warning-variant-link-tracking); --toast-warning-variant-separator-weight: var(--toast-warning-variant-link-weight); --toast-warning-variant-text-case: var(--toast-text-case); --toast-warning-variant-text-color: var(--toast-warning-variant-text-light-mode-color); --toast-warning-variant-text-dark-mode-color: var(--toast-text-dark-mode-color); --toast-warning-variant-text-font-family: var(--toast-text-font-family); --toast-warning-variant-text-leading: var(--toast-text-leading); --toast-warning-variant-text-light-mode-color: var(--toast-text-light-mode-color); --toast-warning-variant-text-multiline-gap: var(--toast-text-multiline-gap); --toast-warning-variant-text-multiline-spacing: var(--toast-text-multiline-spacing); --toast-warning-variant-text-number-spacing: var(--toast-text-number-spacing); --toast-warning-variant-text-scale: var(--toast-text-scale); --toast-warning-variant-text-size: var(--toast-text-size); --toast-warning-variant-text-tracking: var(--toast-text-tracking); --toast-warning-variant-text-weight: var(--toast-text-weight); /* ========== toggle ========== */ --toggle-border-radius: var(--core-radius-circle); --toggle-border-size: var(--core-border-20); --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-light-mode-border-color); --toggle-disabled-state-selected-value-dark-mode-border-color: var(--core-constant-gray-50-color); --toggle-disabled-state-selected-value-dark-mode-thumb-color: var(--core-fill-white-dark-mode-color); --toggle-disabled-state-selected-value-dark-mode-track-color: var(--core-fill-20-dark-mode-color); --toggle-disabled-state-selected-value-light-mode-border-color: var(--core-constant-gray-65-color); --toggle-disabled-state-selected-value-light-mode-thumb-color: var(--core-fill-white-light-mode-color); --toggle-disabled-state-selected-value-light-mode-track-color: var(--core-fill-20-light-mode-color); --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-light-mode-thumb-color); --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-light-mode-track-color); --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-light-mode-border-color); --toggle-disabled-state-unselected-value-dark-mode-border-color: var(--core-constant-gray-45-color); --toggle-disabled-state-unselected-value-dark-mode-thumb-color: var(--core-fill-30-dark-mode-color); --toggle-disabled-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color); --toggle-disabled-state-unselected-value-light-mode-border-color: var(--core-constant-gray-85-color); --toggle-disabled-state-unselected-value-light-mode-thumb-color: var(--core-fill-30-light-mode-color); --toggle-disabled-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color); --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-light-mode-thumb-color); --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-light-mode-track-color); --toggle-focus-ring-border-size: var(--core-focus-ring-border-size); --toggle-focus-ring-buffer-size: 0px; --toggle-focus-ring-color: var(--toggle-focus-ring-light-mode-color); --toggle-focus-ring-dark-mode-color: var(--core-focus-ring-dark-mode-color); --toggle-focus-ring-light-mode-color: var(--core-focus-ring-light-mode-color); --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-light-mode-border-color); --toggle-focus-state-selected-value-dark-mode-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color); --toggle-focus-state-selected-value-dark-mode-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color); --toggle-focus-state-selected-value-dark-mode-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color); --toggle-focus-state-selected-value-light-mode-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color); --toggle-focus-state-selected-value-light-mode-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color); --toggle-focus-state-selected-value-light-mode-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color); --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-light-mode-thumb-color); --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-light-mode-track-color); --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-light-mode-border-color); --toggle-focus-state-unselected-value-dark-mode-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color); --toggle-focus-state-unselected-value-dark-mode-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color); --toggle-focus-state-unselected-value-dark-mode-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color); --toggle-focus-state-unselected-value-light-mode-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color); --toggle-focus-state-unselected-value-light-mode-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color); --toggle-focus-state-unselected-value-light-mode-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color); --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-light-mode-thumb-color); --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-light-mode-track-color); --toggle-height: 24px; --toggle-horizontal-padding: var(--core-metrics-spacing-50); --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-light-mode-border-color); --toggle-hover-state-selected-value-dark-mode-border-color: var(--core-emphasis-20-dark-mode-color); --toggle-hover-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color); --toggle-hover-state-selected-value-dark-mode-track-color: var(--core-emphasis-20-dark-mode-color); --toggle-hover-state-selected-value-light-mode-border-color: var(--core-emphasis-20-light-mode-color); --toggle-hover-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color); --toggle-hover-state-selected-value-light-mode-track-color: var(--core-emphasis-20-light-mode-color); --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-light-mode-thumb-color); --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-light-mode-track-color); --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-light-mode-border-color); --toggle-hover-state-unselected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --toggle-hover-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-10-dark-mode-color); --toggle-hover-state-unselected-value-dark-mode-track-color: var(--core-fill-50-dark-mode-color); --toggle-hover-state-unselected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --toggle-hover-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-10-light-mode-color); --toggle-hover-state-unselected-value-light-mode-track-color: var(--core-fill-50-light-mode-color); --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-light-mode-thumb-color); --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-light-mode-track-color); --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-light-mode-border-color); --toggle-normal-state-selected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --toggle-normal-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color); --toggle-normal-state-selected-value-dark-mode-track-color: var(--core-emphasis-fill-dark-mode-color); --toggle-normal-state-selected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --toggle-normal-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color); --toggle-normal-state-selected-value-light-mode-track-color: var(--core-emphasis-fill-light-mode-color); --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-light-mode-thumb-color); --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-light-mode-track-color); --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-light-mode-border-color); --toggle-normal-state-unselected-value-dark-mode-border-color: var(--core-fill-20-dark-mode-color); --toggle-normal-state-unselected-value-dark-mode-thumb-color: var(--core-fill-20-dark-mode-color); --toggle-normal-state-unselected-value-dark-mode-track-color: transparent; --toggle-normal-state-unselected-value-light-mode-border-color: var(--core-fill-20-light-mode-color); --toggle-normal-state-unselected-value-light-mode-thumb-color: var(--core-fill-20-light-mode-color); --toggle-normal-state-unselected-value-light-mode-track-color: transparent; --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-light-mode-thumb-color); --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-light-mode-track-color); --toggle-padding-horizontal: 5px; --toggle-padding-vertical: 5px; --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-light-mode-border-color); --toggle-pressed-state-selected-value-dark-mode-border-color: var(--core-emphasis-10-dark-mode-color); --toggle-pressed-state-selected-value-dark-mode-thumb-color: var(--core-text-inverse-dark-mode-color); --toggle-pressed-state-selected-value-dark-mode-track-color: var(--core-emphasis-10-dark-mode-color); --toggle-pressed-state-selected-value-light-mode-border-color: var(--core-emphasis-10-light-mode-color); --toggle-pressed-state-selected-value-light-mode-thumb-color: var(--core-text-inverse-light-mode-color); --toggle-pressed-state-selected-value-light-mode-track-color: var(--core-emphasis-10-light-mode-color); --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-light-mode-thumb-color); --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-light-mode-track-color); --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-light-mode-border-color); --toggle-pressed-state-unselected-value-dark-mode-border-color: var(--core-emphasis-fill-dark-mode-color); --toggle-pressed-state-unselected-value-dark-mode-thumb-color: var(--core-emphasis-fill-dark-mode-color); --toggle-pressed-state-unselected-value-dark-mode-track-color: transparent; --toggle-pressed-state-unselected-value-light-mode-border-color: var(--core-emphasis-fill-light-mode-color); --toggle-pressed-state-unselected-value-light-mode-thumb-color: var(--core-emphasis-fill-light-mode-color); --toggle-pressed-state-unselected-value-light-mode-track-color: transparent; --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-light-mode-thumb-color); --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-light-mode-track-color); --toggle-vertical-padding: var(--core-metrics-spacing-50); --toggle-width: 40px; /* ========== tooltip ========== */ --tooltip-animation-move-transition-duration: var(--tooltip-trigger-animation-fade-transition-duration); --tooltip-background-color: var(--tooltip-background-light-mode-color); --tooltip-background-dark-mode-color: var(--tooltip-popover-background-dark-mode-color); --tooltip-background-light-mode-color: var(--tooltip-popover-background-light-mode-color); --tooltip-link-case: var(--tooltip-popover-link-case); --tooltip-link-color: var(--tooltip-link-light-mode-color); --tooltip-link-dark-mode-color: var(--tooltip-popover-link-dark-mode-color); --tooltip-link-font-family: var(--tooltip-popover-link-font-family); --tooltip-link-leading: var(--tooltip-popover-link-leading); --tooltip-link-light-mode-color: var(--tooltip-popover-link-light-mode-color); --tooltip-link-number-spacing: var(--tooltip-popover-link-number-spacing); --tooltip-link-scale: var(--tooltip-popover-link-scale); --tooltip-link-size: var(--tooltip-popover-link-size); --tooltip-link-tracking: var(--tooltip-popover-link-tracking); --tooltip-link-weight: var(--tooltip-popover-link-weight); --tooltip-maximum-width: var(--tooltip-popover-maximum-width); --tooltip-minimum-height: var(--tooltip-trigger-minimum-height); --tooltip-minimum-width: var(--tooltip-trigger-minimum-width); --tooltip-padding-horizontal-size: var(--tooltip-popover-horizontal-padding); --tooltip-padding-vertical-size: var(--tooltip-popover-vertical-padding); --tooltip-popover-background-color: var(--tooltip-popover-background-light-mode-color); --tooltip-popover-background-dark-mode-color: var(--core-surface-inverse-dark-mode-color); --tooltip-popover-background-light-mode-color: var(--core-surface-inverse-light-mode-color); --tooltip-popover-horizontal-padding: var(--core-metrics-spacing-150); --tooltip-popover-link-case: var(--core-type-semibold-20-case); --tooltip-popover-link-color: var(--tooltip-popover-link-light-mode-color); --tooltip-popover-link-dark-mode-color: var(--core-text-inverse-dark-mode-color); --tooltip-popover-link-font-family: var(--core-type-semibold-20-font-family); --tooltip-popover-link-leading: var(--core-type-semibold-20-leading); --tooltip-popover-link-light-mode-color: var(--core-text-inverse-light-mode-color); --tooltip-popover-link-number-spacing: var(--core-type-semibold-20-number-spacing); --tooltip-popover-link-scale: var(--core-type-semibold-20-scale); --tooltip-popover-link-size: var(--core-type-semibold-20-size); --tooltip-popover-link-tracking: var(--core-type-semibold-20-tracking); --tooltip-popover-link-weight: var(--core-type-semibold-20-weight); --tooltip-popover-maximum-width: 400px; --tooltip-popover-radius: var(--core-radius-200); --tooltip-popover-text-case: var(--core-type-paragraph-20-case); --tooltip-popover-text-color: var(--tooltip-popover-text-light-mode-color); --tooltip-popover-text-dark-mode-color: var(--core-text-inverse-dark-mode-color); --tooltip-popover-text-font-family: var(--core-type-paragraph-20-font-family); --tooltip-popover-text-leading: var(--core-type-paragraph-20-leading); --tooltip-popover-text-light-mode-color: var(--core-text-inverse-light-mode-color); --tooltip-popover-text-number-spacing: var(--core-type-paragraph-20-number-spacing); --tooltip-popover-text-scale: var(--core-type-paragraph-20-scale); --tooltip-popover-text-size: var(--core-type-paragraph-20-size); --tooltip-popover-text-tracking: var(--core-type-paragraph-20-tracking); --tooltip-popover-text-weight: var(--core-type-paragraph-20-weight); --tooltip-popover-vertical-padding: var(--core-metrics-spacing-100); --tooltip-radius: var(--tooltip-popover-radius); --tooltip-text-case: var(--tooltip-popover-text-case); --tooltip-text-color: var(--tooltip-text-light-mode-color); --tooltip-text-dark-mode-color: var(--tooltip-popover-text-dark-mode-color); --tooltip-text-font-family: var(--tooltip-popover-text-font-family); --tooltip-text-leading: var(--tooltip-popover-text-leading); --tooltip-text-light-mode-color: var(--tooltip-popover-text-light-mode-color); --tooltip-text-number-spacing: var(--tooltip-popover-text-number-spacing); --tooltip-text-scale: var(--tooltip-popover-text-scale); --tooltip-text-size: var(--tooltip-popover-text-size); --tooltip-text-tracking: var(--tooltip-popover-text-tracking); --tooltip-text-weight: var(--tooltip-popover-text-weight); --tooltip-trigger-animation-fade-transition-duration: var(--core-animation-move-transition-moderate-speed-duration); --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-light-mode-color); --tooltip-trigger-icon-active-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --tooltip-trigger-icon-active-state-light-mode-color: var(--core-fill-10-light-mode-color); --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-light-mode-color); --tooltip-trigger-icon-disabled-state-dark-mode-color: var(--core-fill-30-dark-mode-color); --tooltip-trigger-icon-disabled-state-light-mode-color: var(--core-fill-30-light-mode-color); --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-light-mode-color); --tooltip-trigger-icon-normal-state-dark-mode-color: var(--core-fill-20-dark-mode-color); --tooltip-trigger-icon-normal-state-light-mode-color: var(--core-fill-20-light-mode-color); --tooltip-trigger-minimum-height: var(--tooltip-trigger-minimum-width); --tooltip-trigger-minimum-width: var(--core-metrics-spacing-500); --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-light-mode-color); --tooltip-trigger-text-active-state-dark-mode-color: var(--core-text-10-dark-mode-color); --tooltip-trigger-text-active-state-light-mode-color: var(--core-text-10-light-mode-color); --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-light-mode-color); --tooltip-trigger-text-disabled-state-dark-mode-color: var(--core-text-30-dark-mode-color); --tooltip-trigger-text-disabled-state-light-mode-color: var(--core-text-30-light-mode-color); --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-light-mode-color); --tooltip-trigger-text-normal-state-dark-mode-color: var(--core-emphasis-text-dark-mode-color); --tooltip-trigger-text-normal-state-light-mode-color: var(--core-emphasis-text-light-mode-color); --tooltip-trigger-text-underline-size: 1px; /* ========== tracker ========== */ --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-light-mode-color); --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing); --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-light-mode-color); --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-case: var(--core-type-heading-20-case); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-font-family: var(--core-type-heading-20-font-family); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-leading: var(--core-type-heading-20-leading); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-number-spacing: var(--core-type-heading-20-number-spacing); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-scale: var(--core-type-heading-20-scale); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-size: var(--core-type-heading-20-size); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-spacing: var(--core-metrics-spacing-100); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-tracking: var(--core-type-heading-20-tracking); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-label-weight: var(--core-type-heading-20-weight); --tracker-horizontal-orientation-compact-density-large-size-current-state-step-maximum-width: 100px; --tracker-horizontal-orientation-compact-density-large-size-current-state-step-minimum-width: 0px; --tracker-horizontal-orientation-compact-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-light-mode-color); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing); --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-light-mode-color); --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-case: var(--core-type-semibold-30-case); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-font-family: var(--core-type-semibold-30-font-family); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-leading: var(--core-type-semibold-30-leading); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-number-spacing: var(--core-type-semibold-30-number-spacing); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-scale: var(--core-type-semibold-30-scale); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-size: var(--core-type-semibold-30-size); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-spacing: var(--core-metrics-spacing-100); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-tracking: var(--core-type-semibold-30-tracking); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-label-weight: var(--core-type-semibold-30-weight); --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-maximum-width: 90px; --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-minimum-width: 0px; --tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color); --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-dark-mode-color: var(--core-text-inverse-dark-mode-color); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-custom-tint-light-mode-color: var(--core-text-inverse-light-mode-color); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-padding: 2px; --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-checkmark-variant-stroke-width: 0px; --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-padding: 1px; --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-circle-variant-stroke-width: 0px; --tracker-horizontal-orientation-compact-density-small-size-completed-state-indicator-custom-variant-padding: 0px; --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); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-light-mode-color: var(--core-fill-10-light-mode-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color); --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height: var(--divider-thin-size-height); --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius: var(--divider-radius); --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-vertical-padding: var(--divider-extra-small-variant-vertical-padding); --tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width: var(--core-metrics-spacing-150); --tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color: var(--core-fill-10-dark-mode-color); --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-padding: 0px; --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-size: var(--core-metrics-spacing-200); --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-checkmark-variant-stroke-width: 2px; --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); --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); --tracker-horizontal-orientation-compact-density-small-size-current-state-indicator-circle-variant-stroke-width: 4px; --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-current-state-light-mode-color: var(--core-fill-10-light-mode-color); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-horizontal-padding: 0px; --tracker-horizontal-orientation-compact-density-small-size-current-state-step-content-vertical-padding: 9px; --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-case: var(--core-type-semibold-10-case); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-font-family: var(--core-type-semibold-10-font-family); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-leading: var(--core-type-semibold-10-leading); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-number-spacing: var(--core-type-semibold-10-number-spacing); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-scale: var(--core-type-semibold-10-scale); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-size: var(--core-type-semibold-10-size); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-spacing: var(--core-metrics-spacing-100); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-tracking: var(--core-type-semibold-10-tracking); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-label-weight: var(--core-type-semibold-10-weight); --tracker-horizontal-orientation-compact-density-small-size-current-state-step-maximum-width: 80px; --tracker-horizontal-orientation-compact-density-small-size-current-state-step-minimum-width: 0px; --tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-dark-mode-color: var(--core-text-20-dark-mode-color); --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-padding: 1px; --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-circle-variant-stroke-width: 2px; --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-indicator-custom-variant-padding: 0px; --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); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-light-mode-color: var(--core-text-20-light-mode-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-compact-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height); --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing: var(--core-metrics-spacing-200); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-large-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing: var(--core-metrics-spacing-150); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-medium-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-light-mode-color); --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-connectors-density-small-size-current-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-100); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-connectors-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-light-mode-color); --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-height); --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-large-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-large-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-step-spacing); --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-light-mode-color); --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-height); --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-large-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-large-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-step-spacing); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-light-mode-color); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-step-spacing); --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-light-mode-color); --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-medium-size-current-state-connector-width: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-medium-size-current-state-step-spacing: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-step-spacing); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-light-mode-color); --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-height); --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-small-size-completed-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-completed-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing); --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-light-mode-color); --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-height: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-height); --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-radius: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-connector-radius); --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); --tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width: var(--core-metrics-spacing-400); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing: var(--core-metrics-spacing-300); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-connector-width: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-connector-width); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --tracker-horizontal-orientation-regular-density-small-size-in-progress-state-step-spacing: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-step-spacing); } /* * Monochrome: dark mode tokens scoped to [data-market-features*="dark-mode"][data-market-theme="monochrome"] */ /* This file is automatically generated. Do not edit. */ @media (prefers-color-scheme: dark) { [data-market-theme="monochrome"][data-market-features*="dark-mode"] { /* ====================================================================== * CORE * ====================================================================== */ /* ========== core ========== */ --core-blue-10-color: var(--core-blue-10-dark-mode-color); --core-blue-20-color: var(--core-blue-20-dark-mode-color); --core-blue-30-color: var(--core-blue-30-dark-mode-color); --core-blue-40-color: var(--core-blue-40-dark-mode-color); --core-blue-fill-color: var(--core-blue-fill-dark-mode-color); --core-blue-text-color: var(--core-blue-text-dark-mode-color); --core-brown-10-color: var(--core-brown-10-dark-mode-color); --core-brown-20-color: var(--core-brown-20-dark-mode-color); --core-brown-30-color: var(--core-brown-30-dark-mode-color); --core-brown-40-color: var(--core-brown-40-dark-mode-color); --core-brown-fill-color: var(--core-brown-fill-dark-mode-color); --core-brown-text-color: var(--core-brown-text-dark-mode-color); --core-burgundy-10-color: var(--core-burgundy-10-dark-mode-color); --core-burgundy-20-color: var(--core-burgundy-20-dark-mode-color); --core-burgundy-30-color: var(--core-burgundy-30-dark-mode-color); --core-burgundy-40-color: var(--core-burgundy-40-dark-mode-color); --core-burgundy-fill-color: var(--core-burgundy-fill-dark-mode-color); --core-burgundy-text-color: var(--core-burgundy-text-dark-mode-color); --core-critical-10-color: var(--core-critical-10-dark-mode-color); --core-critical-20-color: var(--core-critical-20-dark-mode-color); --core-critical-30-color: var(--core-critical-30-dark-mode-color); --core-critical-40-color: var(--core-critical-40-dark-mode-color); --core-critical-fill-color: var(--core-critical-fill-dark-mode-color); --core-critical-text-color: var(--core-critical-text-dark-mode-color); --core-divider-10-color: var(--core-divider-10-dark-mode-color); --core-divider-20-color: var(--core-divider-20-dark-mode-color); --core-emphasis-10-color: var(--core-emphasis-10-dark-mode-color); --core-emphasis-20-color: var(--core-emphasis-20-dark-mode-color); --core-emphasis-30-color: var(--core-emphasis-30-dark-mode-color); --core-emphasis-40-color: var(--core-emphasis-40-dark-mode-color); --core-emphasis-fill-color: var(--core-emphasis-fill-dark-mode-color); --core-emphasis-text-color: var(--core-emphasis-text-dark-mode-color); --core-fill-10-color: var(--core-fill-10-dark-mode-color); --core-fill-20-color: var(--core-fill-20-dark-mode-color); --core-fill-30-color: var(--core-fill-30-dark-mode-color); --core-fill-40-color: var(--core-fill-40-dark-mode-color); --core-fill-50-color: var(--core-fill-50-dark-mode-color); --core-fill-black-color: var(--core-fill-black-dark-mode-color); --core-fill-inverse-color: var(--core-fill-inverse-dark-mode-color); --core-fill-white-color: var(--core-fill-white-dark-mode-color); --core-focus-color: var(--core-focus-dark-mode-color); --core-focus-ring-color: var(--core-focus-ring-dark-mode-color); --core-forest-10-color: var(--core-forest-10-dark-mode-color); --core-forest-20-color: var(--core-forest-20-dark-mode-color); --core-forest-30-color: var(--core-forest-30-dark-mode-color); --core-forest-40-color: var(--core-forest-40-dark-mode-color); --core-forest-fill-color: var(--core-forest-fill-dark-mode-color); --core-forest-text-color: var(--core-forest-text-dark-mode-color); --core-gold-10-color: var(--core-gold-10-dark-mode-color); --core-gold-20-color: var(--core-gold-20-dark-mode-color); --core-gold-30-color: var(--core-gold-30-dark-mode-color); --core-gold-40-color: var(--core-gold-40-dark-mode-color); --core-gold-fill-color: var(--core-gold-fill-dark-mode-color); --core-gold-text-color: var(--core-gold-text-dark-mode-color); --core-green-10-color: var(--core-green-10-dark-mode-color); --core-green-20-color: var(--core-green-20-dark-mode-color); --core-green-30-color: var(--core-green-30-dark-mode-color); --core-green-40-color: var(--core-green-40-dark-mode-color); --core-green-fill-color: var(--core-green-fill-dark-mode-color); --core-green-text-color: var(--core-green-text-dark-mode-color); --core-orange-10-color: var(--core-orange-10-dark-mode-color); --core-orange-20-color: var(--core-orange-20-dark-mode-color); --core-orange-30-color: var(--core-orange-30-dark-mode-color); --core-orange-40-color: var(--core-orange-40-dark-mode-color); --core-orange-fill-color: var(--core-orange-fill-dark-mode-color); --core-orange-text-color: var(--core-orange-text-dark-mode-color); --core-pink-10-color: var(--core-pink-10-dark-mode-color); --core-pink-20-color: var(--core-pink-20-dark-mode-color); --core-pink-30-color: var(--core-pink-30-dark-mode-color); --core-pink-40-color: var(--core-pink-40-dark-mode-color); --core-pink-fill-color: var(--core-pink-fill-dark-mode-color); --core-pink-text-color: var(--core-pink-text-dark-mode-color); --core-purple-10-color: var(--core-purple-10-dark-mode-color); --core-purple-20-color: var(--core-purple-20-dark-mode-color); --core-purple-30-color: var(--core-purple-30-dark-mode-color); --core-purple-40-color: var(--core-purple-40-dark-mode-color); --core-purple-fill-color: var(--core-purple-fill-dark-mode-color); --core-purple-text-color: var(--core-purple-text-dark-mode-color); --core-red-10-color: var(--core-red-10-dark-mode-color); --core-red-20-color: var(--core-red-20-dark-mode-color); --core-red-30-color: var(--core-red-30-dark-mode-color); --core-red-40-color: var(--core-red-40-dark-mode-color); --core-red-fill-color: var(--core-red-fill-dark-mode-color); --core-red-text-color: var(--core-red-text-dark-mode-color); --core-sky-10-color: var(--core-sky-10-dark-mode-color); --core-sky-20-color: var(--core-sky-20-dark-mode-color); --core-sky-30-color: var(--core-sky-30-dark-mode-color); --core-sky-40-color: var(--core-sky-40-dark-mode-color); --core-sky-fill-color: var(--core-sky-fill-dark-mode-color); --core-sky-text-color: var(--core-sky-text-dark-mode-color); --core-success-10-color: var(--core-success-10-dark-mode-color); --core-success-20-color: var(--core-success-20-dark-mode-color); --core-success-30-color: var(--core-success-30-dark-mode-color); --core-success-40-color: var(--core-success-40-dark-mode-color); --core-success-fill-color: var(--core-success-fill-dark-mode-color); --core-success-text-color: var(--core-success-text-dark-mode-color); --core-surface-10-color: var(--core-surface-10-dark-mode-color); --core-surface-20-color: var(--core-surface-20-dark-mode-color); --core-surface-30-color: var(--core-surface-30-dark-mode-color); --core-surface-5-color: var(--core-surface-5-dark-mode-color); --core-surface-inverse-color: var(--core-surface-inverse-dark-mode-color); --core-surface-overlay-color: var(--core-surface-overlay-dark-mode-color); --core-taupe-10-color: var(--core-taupe-10-dark-mode-color); --core-taupe-20-color: var(--core-taupe-20-dark-mode-color); --core-taupe-30-color: var(--core-taupe-30-dark-mode-color); --core-taupe-40-color: var(--core-taupe-40-dark-mode-color); --core-taupe-fill-color: var(--core-taupe-fill-dark-mode-color); --core-taupe-text-color: var(--core-taupe-text-dark-mode-color); --core-teal-10-color: var(--core-teal-10-dark-mode-color); --core-teal-20-color: var(--core-teal-20-dark-mode-color); --core-teal-30-color: var(--core-teal-30-dark-mode-color); --core-teal-40-color: var(--core-teal-40-dark-mode-color); --core-teal-fill-color: var(--core-teal-fill-dark-mode-color); --core-teal-text-color: var(--core-teal-text-dark-mode-color); --core-text-10-color: var(--core-text-10-dark-mode-color); --core-text-20-color: var(--core-text-20-dark-mode-color); --core-text-30-color: var(--core-text-30-dark-mode-color); --core-text-black-color: var(--core-text-black-dark-mode-color); --core-text-inverse-color: var(--core-text-inverse-dark-mode-color); --core-text-white-color: var(--core-text-white-dark-mode-color); --core-transparent-color: var(--core-transparent-dark-mode-color); --core-warning-10-color: var(--core-warning-10-dark-mode-color); --core-warning-20-color: var(--core-warning-20-dark-mode-color); --core-warning-30-color: var(--core-warning-30-dark-mode-color); --core-warning-40-color: var(--core-warning-40-dark-mode-color); --core-warning-fill-color: var(--core-warning-fill-dark-mode-color); --core-warning-text-color: var(--core-warning-text-dark-mode-color); --core-yellow-10-color: var(--core-yellow-10-dark-mode-color); --core-yellow-20-color: var(--core-yellow-20-dark-mode-color); --core-yellow-30-color: var(--core-yellow-30-dark-mode-color); --core-yellow-40-color: var(--core-yellow-40-dark-mode-color); --core-yellow-fill-color: var(--core-yellow-fill-dark-mode-color); --core-yellow-text-color: var(--core-yellow-text-dark-mode-color); /* ====================================================================== * COMPONENT * ====================================================================== */ /* ========== accessory ========== */ --accessory-background-color: var(--accessory-background-dark-mode-color); --accessory-disabled-state-background-color: var(--accessory-disabled-state-background-dark-mode-color); --accessory-disabled-state-icon-color: var(--accessory-disabled-state-icon-dark-mode-color); --accessory-disabled-state-text-color: var(--accessory-disabled-state-text-dark-mode-color); --accessory-icon-variant-color: var(--accessory-icon-variant-dark-mode-color); --accessory-initials-variant-color: var(--accessory-initials-variant-dark-mode-color); --accessory-normal-state-background-color: var(--accessory-normal-state-background-dark-mode-color); --accessory-normal-state-icon-color: var(--accessory-normal-state-icon-dark-mode-color); --accessory-normal-state-text-color: var(--accessory-normal-state-text-dark-mode-color); /* ========== accordion ========== */ --accordion-disabled-state-content-color: var(--accordion-disabled-state-content-dark-mode-color); --accordion-disabled-state-side-text-color: var(--accordion-disabled-state-side-text-dark-mode-color); --accordion-focus-state-content-color: var(--accordion-focus-state-content-dark-mode-color); --accordion-focus-state-side-text-color: var(--accordion-focus-state-side-text-dark-mode-color); --accordion-heading-10-variant-separator-color: var(--accordion-heading-10-variant-separator-dark-mode-color); --accordion-heading-20-variant-separator-color: var(--accordion-heading-20-variant-separator-dark-mode-color); --accordion-heading-30-variant-separator-color: var(--accordion-heading-30-variant-separator-dark-mode-color); --accordion-hover-state-content-color: var(--accordion-hover-state-content-dark-mode-color); --accordion-hover-state-side-text-color: var(--accordion-hover-state-side-text-dark-mode-color); --accordion-large-size-separator-color: var(--accordion-large-size-separator-dark-mode-color); --accordion-medium-size-separator-color: var(--accordion-medium-size-separator-dark-mode-color); --accordion-normal-state-content-color: var(--accordion-normal-state-content-dark-mode-color); --accordion-normal-state-side-text-color: var(--accordion-normal-state-side-text-dark-mode-color); --accordion-pressed-state-content-color: var(--accordion-pressed-state-content-dark-mode-color); --accordion-pressed-state-side-text-color: var(--accordion-pressed-state-side-text-dark-mode-color); --accordion-small-size-separator-color: var(--accordion-small-size-separator-dark-mode-color); /* ========== actionCard ========== */ --action-card-active-state-selected-value-background-color: var(--action-card-active-state-selected-value-background-dark-mode-color); --action-card-active-state-selected-value-border-color: var(--action-card-active-state-selected-value-border-dark-mode-color); --action-card-active-state-unselected-value-background-color: var(--action-card-active-state-unselected-value-background-dark-mode-color); --action-card-active-state-unselected-value-border-color: var(--action-card-active-state-unselected-value-border-dark-mode-color); --action-card-background-color: var(--action-card-background-dark-mode-color); --action-card-border-disabled-state-color: var(--action-card-border-disabled-state-dark-mode-color); --action-card-border-hover-state-color: var(--action-card-border-hover-state-dark-mode-color); --action-card-border-selected-state-color: var(--action-card-border-selected-state-dark-mode-color); --action-card-disabled-state-selected-value-background-color: var(--action-card-disabled-state-selected-value-background-dark-mode-color); --action-card-disabled-state-selected-value-border-color: var(--action-card-disabled-state-selected-value-border-dark-mode-color); --action-card-disabled-state-unselected-value-background-color: var(--action-card-disabled-state-unselected-value-background-dark-mode-color); --action-card-disabled-state-unselected-value-border-color: var(--action-card-disabled-state-unselected-value-border-dark-mode-color); --action-card-focus-ring-color: var(--action-card-focus-ring-dark-mode-color); --action-card-hover-state-selected-value-background-color: var(--action-card-hover-state-selected-value-background-dark-mode-color); --action-card-hover-state-selected-value-border-color: var(--action-card-hover-state-selected-value-border-dark-mode-color); --action-card-hover-state-unselected-value-background-color: var(--action-card-hover-state-unselected-value-background-dark-mode-color); --action-card-hover-state-unselected-value-border-color: var(--action-card-hover-state-unselected-value-border-dark-mode-color); --action-card-normal-state-selected-value-background-color: var(--action-card-normal-state-selected-value-background-dark-mode-color); --action-card-normal-state-selected-value-border-color: var(--action-card-normal-state-selected-value-border-dark-mode-color); --action-card-normal-state-unselected-value-background-color: var(--action-card-normal-state-unselected-value-background-dark-mode-color); --action-card-normal-state-unselected-value-border-color: var(--action-card-normal-state-unselected-value-border-dark-mode-color); --action-card-normal-state-unselected-value-border-high-contrast-color: var(--action-card-normal-state-unselected-value-border-high-contrast-dark-mode-color); --action-card-normal-state-unselected-value-border-normal-contrast-color: var(--action-card-normal-state-unselected-value-border-normal-contrast-dark-mode-color); /* ========== badge ========== */ --badge-critical-style-background-color: var(--badge-critical-style-background-dark-mode-color); --badge-info-style-background-color: var(--badge-info-style-background-dark-mode-color); --badge-modal-blade-context-border-color: var(--badge-modal-blade-context-border-dark-mode-color); --badge-modal-dialog-context-border-color: var(--badge-modal-dialog-context-border-dark-mode-color); --badge-modal-full-context-border-color: var(--badge-modal-full-context-border-dark-mode-color); --badge-modal-partial-context-border-color: var(--badge-modal-partial-context-border-dark-mode-color); --badge-modal-popover-context-border-color: var(--badge-modal-popover-context-border-dark-mode-color); --badge-modal-sheet-context-border-color: var(--badge-modal-sheet-context-border-dark-mode-color); /* ========== banner ========== */ --banner-button-separator-color: var(--banner-button-separator-dark-mode-color); --banner-critical-variant-background-color: var(--banner-critical-variant-background-dark-mode-color); --banner-critical-variant-border-color: var(--banner-critical-variant-border-dark-mode-color); --banner-critical-variant-button-text-color: var(--banner-critical-variant-button-text-dark-mode-color); --banner-critical-variant-disabled-state-text-link-text-color: var(--banner-critical-variant-disabled-state-text-link-text-dark-mode-color); --banner-critical-variant-focused-state-text-link-text-color: var(--banner-critical-variant-focused-state-text-link-text-dark-mode-color); --banner-critical-variant-hover-state-text-link-text-color: var(--banner-critical-variant-hover-state-text-link-text-dark-mode-color); --banner-critical-variant-icon-color: var(--banner-critical-variant-icon-dark-mode-color); --banner-critical-variant-icon-high-contrast-color: var(--banner-critical-variant-icon-high-contrast-dark-mode-color); --banner-critical-variant-icon-normal-contrast-color: var(--banner-critical-variant-icon-normal-contrast-dark-mode-color); --banner-critical-variant-normal-state-text-link-text-color: var(--banner-critical-variant-normal-state-text-link-text-dark-mode-color); --banner-critical-variant-pressed-state-text-link-text-color: var(--banner-critical-variant-pressed-state-text-link-text-dark-mode-color); --banner-critical-variant-text-color: var(--banner-critical-variant-text-dark-mode-color); --banner-critical-variant-text-link-text-color: var(--banner-critical-variant-text-link-text-dark-mode-color); --banner-dismiss-button-normal-state-color: var(--banner-dismiss-button-normal-state-dark-mode-color); --banner-dismiss-button-pressed-state-color: var(--banner-dismiss-button-pressed-state-dark-mode-color); --banner-info-variant-background-color: var(--banner-info-variant-background-dark-mode-color); --banner-info-variant-border-color: var(--banner-info-variant-border-dark-mode-color); --banner-info-variant-button-text-color: var(--banner-info-variant-button-text-dark-mode-color); --banner-info-variant-disabled-state-text-link-text-color: var(--banner-info-variant-disabled-state-text-link-text-dark-mode-color); --banner-info-variant-focused-state-text-link-text-color: var(--banner-info-variant-focused-state-text-link-text-dark-mode-color); --banner-info-variant-hover-state-text-link-text-color: var(--banner-info-variant-hover-state-text-link-text-dark-mode-color); --banner-info-variant-icon-color: var(--banner-info-variant-icon-dark-mode-color); --banner-info-variant-icon-high-contrast-color: var(--banner-info-variant-icon-high-contrast-dark-mode-color); --banner-info-variant-icon-normal-contrast-color: var(--banner-info-variant-icon-normal-contrast-dark-mode-color); --banner-info-variant-normal-state-text-link-text-color: var(--banner-info-variant-normal-state-text-link-text-dark-mode-color); --banner-info-variant-pressed-state-text-link-text-color: var(--banner-info-variant-pressed-state-text-link-text-dark-mode-color); --banner-info-variant-text-color: var(--banner-info-variant-text-dark-mode-color); --banner-info-variant-text-link-text-color: var(--banner-info-variant-text-link-text-dark-mode-color); --banner-insight-variant-background-color: var(--banner-insight-variant-background-dark-mode-color); --banner-insight-variant-border-color: var(--banner-insight-variant-border-dark-mode-color); --banner-insight-variant-button-text-color: var(--banner-insight-variant-button-text-dark-mode-color); --banner-insight-variant-disabled-state-text-link-text-color: var(--banner-insight-variant-disabled-state-text-link-text-dark-mode-color); --banner-insight-variant-focused-state-text-link-text-color: var(--banner-insight-variant-focused-state-text-link-text-dark-mode-color); --banner-insight-variant-hover-state-text-link-text-color: var(--banner-insight-variant-hover-state-text-link-text-dark-mode-color); --banner-insight-variant-icon-color: var(--banner-insight-variant-icon-dark-mode-color); --banner-insight-variant-icon-high-contrast-color: var(--banner-insight-variant-icon-high-contrast-dark-mode-color); --banner-insight-variant-icon-normal-contrast-color: var(--banner-insight-variant-icon-normal-contrast-dark-mode-color); --banner-insight-variant-normal-state-text-link-text-color: var(--banner-insight-variant-normal-state-text-link-text-dark-mode-color); --banner-insight-variant-pressed-state-text-link-text-color: var(--banner-insight-variant-pressed-state-text-link-text-dark-mode-color); --banner-insight-variant-text-color: var(--banner-insight-variant-text-dark-mode-color); --banner-insight-variant-text-link-text-color: var(--banner-insight-variant-text-link-text-dark-mode-color); --banner-success-variant-background-color: var(--banner-success-variant-background-dark-mode-color); --banner-success-variant-border-color: var(--banner-success-variant-border-dark-mode-color); --banner-success-variant-button-text-color: var(--banner-success-variant-button-text-dark-mode-color); --banner-success-variant-disabled-state-text-link-text-color: var(--banner-success-variant-disabled-state-text-link-text-dark-mode-color); --banner-success-variant-focused-state-text-link-text-color: var(--banner-success-variant-focused-state-text-link-text-dark-mode-color); --banner-success-variant-hover-state-text-link-text-color: var(--banner-success-variant-hover-state-text-link-text-dark-mode-color); --banner-success-variant-icon-color: var(--banner-success-variant-icon-dark-mode-color); --banner-success-variant-icon-high-contrast-color: var(--banner-success-variant-icon-high-contrast-dark-mode-color); --banner-success-variant-icon-normal-contrast-color: var(--banner-success-variant-icon-normal-contrast-dark-mode-color); --banner-success-variant-normal-state-text-link-text-color: var(--banner-success-variant-normal-state-text-link-text-dark-mode-color); --banner-success-variant-pressed-state-text-link-text-color: var(--banner-success-variant-pressed-state-text-link-text-dark-mode-color); --banner-success-variant-text-color: var(--banner-success-variant-text-dark-mode-color); --banner-success-variant-text-link-text-color: var(--banner-success-variant-text-link-text-dark-mode-color); --banner-text-link-group-separator-color: var(--banner-text-link-group-separator-dark-mode-color); --banner-warning-variant-background-color: var(--banner-warning-variant-background-dark-mode-color); --banner-warning-variant-border-color: var(--banner-warning-variant-border-dark-mode-color); --banner-warning-variant-button-text-color: var(--banner-warning-variant-button-text-dark-mode-color); --banner-warning-variant-disabled-state-text-link-text-color: var(--banner-warning-variant-disabled-state-text-link-text-dark-mode-color); --banner-warning-variant-focused-state-text-link-text-color: var(--banner-warning-variant-focused-state-text-link-text-dark-mode-color); --banner-warning-variant-hover-state-text-link-text-color: var(--banner-warning-variant-hover-state-text-link-text-dark-mode-color); --banner-warning-variant-icon-color: var(--banner-warning-variant-icon-dark-mode-color); --banner-warning-variant-icon-high-contrast-color: var(--banner-warning-variant-icon-high-contrast-dark-mode-color); --banner-warning-variant-icon-normal-contrast-color: var(--banner-warning-variant-icon-normal-contrast-dark-mode-color); --banner-warning-variant-normal-state-text-link-text-color: var(--banner-warning-variant-normal-state-text-link-text-dark-mode-color); --banner-warning-variant-pressed-state-text-link-text-color: var(--banner-warning-variant-pressed-state-text-link-text-dark-mode-color); --banner-warning-variant-text-color: var(--banner-warning-variant-text-dark-mode-color); --banner-warning-variant-text-link-text-color: var(--banner-warning-variant-text-link-text-dark-mode-color); /* ========== button-group ========== */ --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --button-group-overflow-button-disabled-state-background-color: var(--button-group-overflow-button-disabled-state-dark-mode-background-color); --button-group-overflow-button-disabled-state-icon-color: var(--button-group-overflow-button-disabled-state-dark-mode-icon-color); --button-group-overflow-button-focus-state-background-color: var(--button-group-overflow-button-focus-state-dark-mode-background-color); --button-group-overflow-button-focus-state-icon-color: var(--button-group-overflow-button-focus-state-dark-mode-icon-color); --button-group-overflow-button-hover-state-background-color: var(--button-group-overflow-button-hover-state-dark-mode-background-color); --button-group-overflow-button-hover-state-icon-color: var(--button-group-overflow-button-hover-state-dark-mode-icon-color); --button-group-overflow-button-normal-state-background-color: var(--button-group-overflow-button-normal-state-dark-mode-background-color); --button-group-overflow-button-normal-state-icon-color: var(--button-group-overflow-button-normal-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --button-group-overflow-button-pressed-state-background-color: var(--button-group-overflow-button-pressed-state-dark-mode-background-color); --button-group-overflow-button-pressed-state-icon-color: var(--button-group-overflow-button-pressed-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-disabled-state-background-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-disabled-state-icon-color: var(--button-group-overflow-button-primary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-focus-state-background-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-focus-state-icon-color: var(--button-group-overflow-button-primary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-hover-state-background-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-hover-state-icon-color: var(--button-group-overflow-button-primary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-normal-state-background-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-normal-state-icon-color: var(--button-group-overflow-button-primary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-primary-rank-pressed-state-background-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-primary-rank-pressed-state-icon-color: var(--button-group-overflow-button-primary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-disabled-state-background-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-disabled-state-icon-color: var(--button-group-overflow-button-secondary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-focus-state-background-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-focus-state-icon-color: var(--button-group-overflow-button-secondary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-hover-state-background-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-hover-state-icon-color: var(--button-group-overflow-button-secondary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-normal-state-background-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-normal-state-icon-color: var(--button-group-overflow-button-secondary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-secondary-rank-pressed-state-background-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-secondary-rank-pressed-state-icon-color: var(--button-group-overflow-button-secondary-rank-pressed-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-disabled-state-background-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-disabled-state-icon-color: var(--button-group-overflow-button-tertiary-rank-disabled-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-focus-state-background-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-focus-state-icon-color: var(--button-group-overflow-button-tertiary-rank-focus-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-hover-state-background-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-hover-state-icon-color: var(--button-group-overflow-button-tertiary-rank-hover-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-normal-state-background-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-normal-state-icon-color: var(--button-group-overflow-button-tertiary-rank-normal-state-dark-mode-icon-color); --button-group-overflow-button-tertiary-rank-pressed-state-background-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-background-color); --button-group-overflow-button-tertiary-rank-pressed-state-icon-color: var(--button-group-overflow-button-tertiary-rank-pressed-state-dark-mode-icon-color); /* ========== button ========== */ --button-destructive-variant-primary-rank-disabled-state-background-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-primary-rank-disabled-state-label-color: var(--button-destructive-variant-primary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-primary-rank-focus-state-background-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-background-color); --button-destructive-variant-primary-rank-focus-state-label-color: var(--button-destructive-variant-primary-rank-focus-state-dark-mode-label-color); --button-destructive-variant-primary-rank-hover-state-background-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-primary-rank-hover-state-label-color: var(--button-destructive-variant-primary-rank-hover-state-dark-mode-label-color); --button-destructive-variant-primary-rank-normal-state-background-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-primary-rank-normal-state-label-color: var(--button-destructive-variant-primary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-primary-rank-pressed-state-background-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color); --button-destructive-variant-primary-rank-pressed-state-label-color: var(--button-destructive-variant-primary-rank-pressed-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-disabled-state-background-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-disabled-state-label-color: var(--button-destructive-variant-secondary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-focus-state-background-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-focus-state-label-color: var(--button-destructive-variant-secondary-rank-focus-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-hover-state-background-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-hover-state-label-color: var(--button-destructive-variant-secondary-rank-hover-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-normal-state-background-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-normal-state-label-color: var(--button-destructive-variant-secondary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-secondary-rank-pressed-state-background-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color); --button-destructive-variant-secondary-rank-pressed-state-label-color: var(--button-destructive-variant-secondary-rank-pressed-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-disabled-state-label-color: var(--button-destructive-variant-tertiary-rank-disabled-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-focus-state-background-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-focus-state-label-color: var(--button-destructive-variant-tertiary-rank-focus-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-hover-state-background-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-hover-state-label-color: var(--button-destructive-variant-tertiary-rank-hover-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-normal-state-background-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-normal-state-label-color: var(--button-destructive-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color); --button-destructive-variant-tertiary-rank-pressed-state-label-color: var(--button-destructive-variant-tertiary-rank-pressed-state-dark-mode-label-color); --button-focus-ring-color: var(--button-dark-mode-focus-ring-color); --button-normal-variant-primary-rank-disabled-state-background-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --button-normal-variant-primary-rank-disabled-state-label-color: var(--button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-primary-rank-focus-state-background-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-background-color); --button-normal-variant-primary-rank-focus-state-label-color: var(--button-normal-variant-primary-rank-focus-state-dark-mode-label-color); --button-normal-variant-primary-rank-hover-state-background-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-background-color); --button-normal-variant-primary-rank-hover-state-label-color: var(--button-normal-variant-primary-rank-hover-state-dark-mode-label-color); --button-normal-variant-primary-rank-normal-state-background-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-background-color); --button-normal-variant-primary-rank-normal-state-label-color: var(--button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --button-normal-variant-primary-rank-pressed-state-background-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-background-color); --button-normal-variant-primary-rank-pressed-state-label-color: var(--button-normal-variant-primary-rank-pressed-state-dark-mode-label-color); --button-normal-variant-secondary-rank-disabled-state-background-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --button-normal-variant-secondary-rank-disabled-state-label-color: var(--button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-secondary-rank-focus-state-background-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-background-color); --button-normal-variant-secondary-rank-focus-state-label-color: var(--button-normal-variant-secondary-rank-focus-state-dark-mode-label-color); --button-normal-variant-secondary-rank-hover-state-background-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --button-normal-variant-secondary-rank-hover-state-label-color: var(--button-normal-variant-secondary-rank-hover-state-dark-mode-label-color); --button-normal-variant-secondary-rank-normal-state-background-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --button-normal-variant-secondary-rank-normal-state-label-color: var(--button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --button-normal-variant-secondary-rank-pressed-state-background-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --button-normal-variant-secondary-rank-pressed-state-label-color: var(--button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-disabled-state-background-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-disabled-state-label-color: var(--button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-focus-state-background-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-focus-state-label-color: var(--button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-hover-state-background-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-hover-state-label-color: var(--button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-normal-state-background-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-normal-state-label-color: var(--button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --button-normal-variant-tertiary-rank-pressed-state-background-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color); --button-normal-variant-tertiary-rank-pressed-state-label-color: var(--button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color); /* ========== calculator ========== */ --calculator-button-default-variant-background-disabled-state-color: var(--calculator-button-default-variant-background-disabled-state-dark-mode-color); --calculator-button-default-variant-background-normal-state-color: var(--calculator-button-default-variant-background-normal-state-dark-mode-color); --calculator-button-default-variant-background-pressed-state-color: var(--calculator-button-default-variant-background-pressed-state-dark-mode-color); --calculator-button-default-variant-foreground-disabled-state-color: var(--calculator-button-default-variant-foreground-disabled-state-dark-mode-color); --calculator-button-default-variant-foreground-normal-state-color: var(--calculator-button-default-variant-foreground-normal-state-dark-mode-color); --calculator-button-default-variant-foreground-pressed-state-color: var(--calculator-button-default-variant-foreground-pressed-state-dark-mode-color); --calculator-button-primary-operator-variant-background-disabled-state-color: var(--calculator-button-primary-operator-variant-background-disabled-state-dark-mode-color); --calculator-button-primary-operator-variant-background-normal-state-color: var(--calculator-button-primary-operator-variant-background-normal-state-dark-mode-color); --calculator-button-primary-operator-variant-background-pressed-state-color: var(--calculator-button-primary-operator-variant-background-pressed-state-dark-mode-color); --calculator-button-primary-operator-variant-foreground-disabled-state-color: var(--calculator-button-primary-operator-variant-foreground-disabled-state-dark-mode-color); --calculator-button-primary-operator-variant-foreground-normal-state-color: var(--calculator-button-primary-operator-variant-foreground-normal-state-dark-mode-color); --calculator-button-primary-operator-variant-foreground-pressed-state-color: var(--calculator-button-primary-operator-variant-foreground-pressed-state-dark-mode-color); --calculator-button-secondary-operator-variant-background-disabled-state-color: var(--calculator-button-secondary-operator-variant-background-disabled-state-dark-mode-color); --calculator-button-secondary-operator-variant-background-normal-state-color: var(--calculator-button-secondary-operator-variant-background-normal-state-dark-mode-color); --calculator-button-secondary-operator-variant-background-pressed-state-color: var(--calculator-button-secondary-operator-variant-background-pressed-state-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-disabled-state-color: var(--calculator-button-secondary-operator-variant-foreground-disabled-state-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-normal-state-color: var(--calculator-button-secondary-operator-variant-foreground-normal-state-dark-mode-color); --calculator-button-secondary-operator-variant-foreground-pressed-state-color: var(--calculator-button-secondary-operator-variant-foreground-pressed-state-dark-mode-color); --calculator-display-border-color: var(--calculator-display-border-dark-mode-color); --calculator-display-text-color: var(--calculator-display-text-dark-mode-color); /* ========== checkbox ========== */ --checkbox-disabled-state-invalid-validity-checked-value-background-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-checked-value-border-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-checked-value-icon-color: var(--checkbox-disabled-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-disabled-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-disabled-state-invalid-validity-unchecked-value-background-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-disabled-state-invalid-validity-unchecked-value-border-color: var(--checkbox-disabled-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-disabled-state-normal-validity-checked-value-background-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-disabled-state-normal-validity-checked-value-border-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-disabled-state-normal-validity-checked-value-icon-color: var(--checkbox-disabled-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-disabled-state-normal-validity-indeterminate-value-background-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-disabled-state-normal-validity-indeterminate-value-border-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-disabled-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-disabled-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-disabled-state-normal-validity-unchecked-value-background-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-disabled-state-normal-validity-unchecked-value-border-color: var(--checkbox-disabled-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-focus-ring-color: var(--checkbox-dark-mode-focus-ring-color); --checkbox-focus-state-invalid-validity-checked-value-background-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-checked-value-border-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-checked-value-icon-color: var(--checkbox-focus-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-focus-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-focus-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-focus-state-invalid-validity-unchecked-value-background-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-focus-state-invalid-validity-unchecked-value-border-color: var(--checkbox-focus-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-background-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-checked-value-border-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-checked-value-icon-color: var(--checkbox-focus-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-focus-state-normal-validity-indeterminate-value-background-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-indeterminate-value-border-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-focus-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-focus-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-focus-state-normal-validity-unchecked-value-background-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-focus-state-normal-validity-unchecked-value-border-color: var(--checkbox-focus-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-hover-state-invalid-validity-checked-value-background-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-hover-state-invalid-validity-checked-value-border-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-hover-state-invalid-validity-checked-value-icon-color: var(--checkbox-hover-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-hover-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-hover-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-hover-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-hover-state-invalid-validity-unchecked-value-background-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-hover-state-invalid-validity-unchecked-value-border-color: var(--checkbox-hover-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-hover-state-normal-validity-checked-value-background-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-hover-state-normal-validity-checked-value-border-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-hover-state-normal-validity-checked-value-icon-color: var(--checkbox-hover-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-hover-state-normal-validity-indeterminate-value-background-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-hover-state-normal-validity-indeterminate-value-border-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-hover-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-hover-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-hover-state-normal-validity-unchecked-value-background-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-hover-state-normal-validity-unchecked-value-border-color: var(--checkbox-hover-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-normal-state-invalid-validity-checked-value-background-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-normal-state-invalid-validity-checked-value-border-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-normal-state-invalid-validity-checked-value-icon-color: var(--checkbox-normal-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-normal-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-normal-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-normal-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-normal-state-invalid-validity-unchecked-value-background-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-normal-state-invalid-validity-unchecked-value-border-color: var(--checkbox-normal-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-normal-state-normal-validity-checked-value-background-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-normal-state-normal-validity-checked-value-border-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-normal-state-normal-validity-checked-value-icon-color: var(--checkbox-normal-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-normal-state-normal-validity-indeterminate-value-background-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-normal-state-normal-validity-indeterminate-value-border-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-normal-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-normal-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-normal-state-normal-validity-unchecked-value-background-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-normal-state-normal-validity-unchecked-value-border-color: var(--checkbox-normal-state-normal-validity-unchecked-value-dark-mode-border-color); --checkbox-pressed-state-invalid-validity-checked-value-background-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-background-color); --checkbox-pressed-state-invalid-validity-checked-value-border-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-border-color); --checkbox-pressed-state-invalid-validity-checked-value-icon-color: var(--checkbox-pressed-state-invalid-validity-checked-value-dark-mode-icon-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-background-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-border-color); --checkbox-pressed-state-invalid-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-invalid-validity-indeterminate-value-dark-mode-icon-color); --checkbox-pressed-state-invalid-validity-unchecked-value-background-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-background-color); --checkbox-pressed-state-invalid-validity-unchecked-value-border-color: var(--checkbox-pressed-state-invalid-validity-unchecked-value-dark-mode-border-color); --checkbox-pressed-state-normal-validity-checked-value-background-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-background-color); --checkbox-pressed-state-normal-validity-checked-value-border-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-border-color); --checkbox-pressed-state-normal-validity-checked-value-icon-color: var(--checkbox-pressed-state-normal-validity-checked-value-dark-mode-icon-color); --checkbox-pressed-state-normal-validity-indeterminate-value-background-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-background-color); --checkbox-pressed-state-normal-validity-indeterminate-value-border-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-border-color); --checkbox-pressed-state-normal-validity-indeterminate-value-icon-color: var(--checkbox-pressed-state-normal-validity-indeterminate-value-dark-mode-icon-color); --checkbox-pressed-state-normal-validity-unchecked-value-background-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-background-color); --checkbox-pressed-state-normal-validity-unchecked-value-border-color: var(--checkbox-pressed-state-normal-validity-unchecked-value-dark-mode-border-color); /* ========== choice-button ========== */ --choice-button-focus-ring-color: var(--choice-button-dark-mode-focus-ring-color); --choice-button-selected-value-disabled-state-background-color: var(--choice-button-selected-value-disabled-state-dark-mode-background-color); --choice-button-selected-value-disabled-state-label-color: var(--choice-button-selected-value-disabled-state-dark-mode-label-color); --choice-button-selected-value-hover-state-background-color: var(--choice-button-selected-value-hover-state-dark-mode-background-color); --choice-button-selected-value-hover-state-label-color: var(--choice-button-selected-value-hover-state-dark-mode-label-color); --choice-button-selected-value-normal-state-background-color: var(--choice-button-selected-value-normal-state-dark-mode-background-color); --choice-button-selected-value-normal-state-label-color: var(--choice-button-selected-value-normal-state-dark-mode-label-color); --choice-button-selected-value-pressed-state-background-color: var(--choice-button-selected-value-pressed-state-dark-mode-background-color); --choice-button-selected-value-pressed-state-label-color: var(--choice-button-selected-value-pressed-state-dark-mode-label-color); --choice-button-unselected-value-disabled-state-background-color: var(--choice-button-unselected-value-disabled-state-dark-mode-background-color); --choice-button-unselected-value-disabled-state-label-color: var(--choice-button-unselected-value-disabled-state-dark-mode-label-color); --choice-button-unselected-value-hover-state-background-color: var(--choice-button-unselected-value-hover-state-dark-mode-background-color); --choice-button-unselected-value-hover-state-label-color: var(--choice-button-unselected-value-hover-state-dark-mode-label-color); --choice-button-unselected-value-normal-state-background-color: var(--choice-button-unselected-value-normal-state-dark-mode-background-color); --choice-button-unselected-value-normal-state-label-color: var(--choice-button-unselected-value-normal-state-dark-mode-label-color); --choice-button-unselected-value-pressed-state-background-color: var(--choice-button-unselected-value-pressed-state-dark-mode-background-color); --choice-button-unselected-value-pressed-state-label-color: var(--choice-button-unselected-value-pressed-state-dark-mode-label-color); /* ========== choice-icon-button ========== */ --choice-icon-button-focus-ring-color: var(--choice-icon-button-dark-mode-focus-ring-color); --choice-icon-button-selected-value-disabled-state-background-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-background-color); --choice-icon-button-selected-value-disabled-state-icon-color: var(--choice-icon-button-selected-value-disabled-state-dark-mode-icon-color); --choice-icon-button-selected-value-hover-state-background-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-background-color); --choice-icon-button-selected-value-hover-state-icon-color: var(--choice-icon-button-selected-value-hover-state-dark-mode-icon-color); --choice-icon-button-selected-value-normal-state-background-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-background-color); --choice-icon-button-selected-value-normal-state-icon-color: var(--choice-icon-button-selected-value-normal-state-dark-mode-icon-color); --choice-icon-button-selected-value-pressed-state-background-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-background-color); --choice-icon-button-selected-value-pressed-state-icon-color: var(--choice-icon-button-selected-value-pressed-state-dark-mode-icon-color); --choice-icon-button-unselected-value-disabled-state-background-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-background-color); --choice-icon-button-unselected-value-disabled-state-icon-color: var(--choice-icon-button-unselected-value-disabled-state-dark-mode-icon-color); --choice-icon-button-unselected-value-hover-state-background-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-background-color); --choice-icon-button-unselected-value-hover-state-icon-color: var(--choice-icon-button-unselected-value-hover-state-dark-mode-icon-color); --choice-icon-button-unselected-value-normal-state-background-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-background-color); --choice-icon-button-unselected-value-normal-state-icon-color: var(--choice-icon-button-unselected-value-normal-state-dark-mode-icon-color); --choice-icon-button-unselected-value-pressed-state-background-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-background-color); --choice-icon-button-unselected-value-pressed-state-icon-color: var(--choice-icon-button-unselected-value-pressed-state-dark-mode-icon-color); /* ========== coachmark ========== */ --coachmark-background-color: var(--coachmark-background-dark-mode-color); --coachmark-heading-color: var(--coachmark-heading-dark-mode-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --coachmark-icon-button-disabled-state-background-color: var(--coachmark-icon-button-disabled-state-dark-mode-background-color); --coachmark-icon-button-disabled-state-icon-color: var(--coachmark-icon-button-disabled-state-dark-mode-icon-color); --coachmark-icon-button-focus-state-background-color: var(--coachmark-icon-button-focus-state-dark-mode-background-color); --coachmark-icon-button-focus-state-icon-color: var(--coachmark-icon-button-focus-state-dark-mode-icon-color); --coachmark-icon-button-hover-state-background-color: var(--coachmark-icon-button-hover-state-dark-mode-background-color); --coachmark-icon-button-hover-state-icon-color: var(--coachmark-icon-button-hover-state-dark-mode-icon-color); --coachmark-icon-button-normal-state-background-color: var(--coachmark-icon-button-normal-state-dark-mode-background-color); --coachmark-icon-button-normal-state-icon-color: var(--coachmark-icon-button-normal-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --coachmark-icon-button-pressed-state-background-color: var(--coachmark-icon-button-pressed-state-dark-mode-background-color); --coachmark-icon-button-pressed-state-icon-color: var(--coachmark-icon-button-pressed-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-disabled-state-background-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-disabled-state-icon-color: var(--coachmark-icon-button-primary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-focus-state-background-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-focus-state-icon-color: var(--coachmark-icon-button-primary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-hover-state-background-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-hover-state-icon-color: var(--coachmark-icon-button-primary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-normal-state-background-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-normal-state-icon-color: var(--coachmark-icon-button-primary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-primary-rank-pressed-state-background-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-primary-rank-pressed-state-icon-color: var(--coachmark-icon-button-primary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-disabled-state-background-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-disabled-state-icon-color: var(--coachmark-icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-focus-state-background-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-focus-state-icon-color: var(--coachmark-icon-button-secondary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-hover-state-background-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-hover-state-icon-color: var(--coachmark-icon-button-secondary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-normal-state-background-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-normal-state-icon-color: var(--coachmark-icon-button-secondary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-secondary-rank-pressed-state-background-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-secondary-rank-pressed-state-icon-color: var(--coachmark-icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-disabled-state-background-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-disabled-state-icon-color: var(--coachmark-icon-button-tertiary-rank-disabled-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-focus-state-background-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-focus-state-icon-color: var(--coachmark-icon-button-tertiary-rank-focus-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-hover-state-background-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-hover-state-icon-color: var(--coachmark-icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-normal-state-background-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-normal-state-icon-color: var(--coachmark-icon-button-tertiary-rank-normal-state-dark-mode-icon-color); --coachmark-icon-button-tertiary-rank-pressed-state-background-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-background-color); --coachmark-icon-button-tertiary-rank-pressed-state-icon-color: var(--coachmark-icon-button-tertiary-rank-pressed-state-dark-mode-icon-color); --coachmark-paragraph-color: var(--coachmark-paragraph-dark-mode-color); --coachmark-pill-alpha-variant-background-color: var(--coachmark-pill-alpha-variant-background-dark-mode-color); --coachmark-pill-alpha-variant-icon-color: var(--coachmark-pill-alpha-variant-icon-dark-mode-color); --coachmark-pill-alpha-variant-normal-state-background-color: var(--coachmark-pill-alpha-variant-normal-state-background-dark-mode-color); --coachmark-pill-alpha-variant-pressed-state-background-color: var(--coachmark-pill-alpha-variant-pressed-state-background-dark-mode-color); --coachmark-pill-alpha-variant-text-color: var(--coachmark-pill-alpha-variant-text-dark-mode-color); --coachmark-pill-beta-variant-background-color: var(--coachmark-pill-beta-variant-background-dark-mode-color); --coachmark-pill-beta-variant-icon-color: var(--coachmark-pill-beta-variant-icon-dark-mode-color); --coachmark-pill-beta-variant-normal-state-background-color: var(--coachmark-pill-beta-variant-normal-state-background-dark-mode-color); --coachmark-pill-beta-variant-pressed-state-background-color: var(--coachmark-pill-beta-variant-pressed-state-background-dark-mode-color); --coachmark-pill-beta-variant-text-color: var(--coachmark-pill-beta-variant-text-dark-mode-color); --coachmark-pill-border-color: var(--coachmark-pill-border-dark-mode-color); --coachmark-pill-critical-variant-background-color: var(--coachmark-pill-critical-variant-background-dark-mode-color); --coachmark-pill-critical-variant-icon-color: var(--coachmark-pill-critical-variant-icon-dark-mode-color); --coachmark-pill-critical-variant-normal-state-background-color: var(--coachmark-pill-critical-variant-normal-state-background-dark-mode-color); --coachmark-pill-critical-variant-pressed-state-background-color: var(--coachmark-pill-critical-variant-pressed-state-background-dark-mode-color); --coachmark-pill-critical-variant-text-color: var(--coachmark-pill-critical-variant-text-dark-mode-color); --coachmark-pill-emphasis-variant-background-color: var(--coachmark-pill-emphasis-variant-background-dark-mode-color); --coachmark-pill-emphasis-variant-icon-color: var(--coachmark-pill-emphasis-variant-icon-dark-mode-color); --coachmark-pill-emphasis-variant-normal-state-background-color: var(--coachmark-pill-emphasis-variant-normal-state-background-dark-mode-color); --coachmark-pill-emphasis-variant-pressed-state-background-color: var(--coachmark-pill-emphasis-variant-pressed-state-background-dark-mode-color); --coachmark-pill-emphasis-variant-text-color: var(--coachmark-pill-emphasis-variant-text-dark-mode-color); --coachmark-pill-insight-variant-background-color: var(--coachmark-pill-insight-variant-background-dark-mode-color); --coachmark-pill-insight-variant-icon-color: var(--coachmark-pill-insight-variant-icon-dark-mode-color); --coachmark-pill-insight-variant-normal-state-background-color: var(--coachmark-pill-insight-variant-normal-state-background-dark-mode-color); --coachmark-pill-insight-variant-pressed-state-background-color: var(--coachmark-pill-insight-variant-pressed-state-background-dark-mode-color); --coachmark-pill-insight-variant-text-color: var(--coachmark-pill-insight-variant-text-dark-mode-color); --coachmark-pill-normal-variant-background-color: var(--coachmark-pill-normal-variant-background-dark-mode-color); --coachmark-pill-normal-variant-icon-color: var(--coachmark-pill-normal-variant-icon-dark-mode-color); --coachmark-pill-normal-variant-normal-state-background-color: var(--coachmark-pill-normal-variant-normal-state-background-dark-mode-color); --coachmark-pill-normal-variant-pressed-state-background-color: var(--coachmark-pill-normal-variant-pressed-state-background-dark-mode-color); --coachmark-pill-normal-variant-text-color: var(--coachmark-pill-normal-variant-text-dark-mode-color); --coachmark-pill-success-variant-background-color: var(--coachmark-pill-success-variant-background-dark-mode-color); --coachmark-pill-success-variant-icon-color: var(--coachmark-pill-success-variant-icon-dark-mode-color); --coachmark-pill-success-variant-normal-state-background-color: var(--coachmark-pill-success-variant-normal-state-background-dark-mode-color); --coachmark-pill-success-variant-pressed-state-background-color: var(--coachmark-pill-success-variant-pressed-state-background-dark-mode-color); --coachmark-pill-success-variant-text-color: var(--coachmark-pill-success-variant-text-dark-mode-color); --coachmark-pill-warning-variant-background-color: var(--coachmark-pill-warning-variant-background-dark-mode-color); --coachmark-pill-warning-variant-icon-color: var(--coachmark-pill-warning-variant-icon-dark-mode-color); --coachmark-pill-warning-variant-normal-state-background-color: var(--coachmark-pill-warning-variant-normal-state-background-dark-mode-color); --coachmark-pill-warning-variant-pressed-state-background-color: var(--coachmark-pill-warning-variant-pressed-state-background-dark-mode-color); --coachmark-pill-warning-variant-text-color: var(--coachmark-pill-warning-variant-text-dark-mode-color); --coachmark-step-indicator-color: var(--coachmark-step-indicator-dark-mode-color); --coachmark-text-link-color: var(--coachmark-text-link-dark-mode-color); /* ========== colorPicker ========== */ --color-picker-adjustments-scrubber-border-inner-color: var(--color-picker-adjustments-scrubber-border-inner-dark-mode-color); --color-picker-adjustments-scrubber-border-outer-color: var(--color-picker-adjustments-scrubber-border-outer-dark-mode-color); --color-picker-dots-icon-color: var(--color-picker-dots-icon-dark-mode-color); --color-picker-grid-color-palette-gray-color: var(--color-picker-grid-color-palette-gray-dark-mode-color); --color-picker-swatch-selected-state-border-color: var(--color-picker-swatch-selected-state-dark-mode-border-color); /* ========== contentCard ========== */ --content-card-background-color: var(--content-card-background-dark-mode-color); --content-card-border-color: var(--content-card-border-dark-mode-color); --content-card-border-high-contrast-color: var(--content-card-border-high-contrast-dark-mode-color); --content-card-border-normal-contrast-color: var(--content-card-border-normal-contrast-dark-mode-color); --content-card-default-variant-background-color: var(--content-card-default-variant-background-dark-mode-color); --content-card-default-variant-border-color: var(--content-card-default-variant-border-dark-mode-color); --content-card-default-variant-border-high-contrast-color: var(--content-card-default-variant-border-high-contrast-dark-mode-color); --content-card-default-variant-border-normal-contrast-color: var(--content-card-default-variant-border-normal-contrast-dark-mode-color); --content-card-emphasis-variant-background-color: var(--content-card-emphasis-variant-background-dark-mode-color); --content-card-emphasis-variant-border-color: var(--content-card-emphasis-variant-border-dark-mode-color); /* ========== content-expander ========== */ --content-expander-collapsed-display-disabled-state-color: var(--content-expander-collapsed-display-disabled-state-dark-mode-color); --content-expander-collapsed-display-hover-state-color: var(--content-expander-collapsed-display-hover-state-dark-mode-color); --content-expander-collapsed-display-normal-state-color: var(--content-expander-collapsed-display-normal-state-dark-mode-color); --content-expander-collapsed-display-pressed-state-color: var(--content-expander-collapsed-display-pressed-state-dark-mode-color); --content-expander-disabled-state-color: var(--content-expander-disabled-state-dark-mode-color); --content-expander-expanded-display-disabled-state-color: var(--content-expander-expanded-display-disabled-state-dark-mode-color); --content-expander-expanded-display-hover-state-color: var(--content-expander-expanded-display-hover-state-dark-mode-color); --content-expander-expanded-display-normal-state-color: var(--content-expander-expanded-display-normal-state-dark-mode-color); --content-expander-expanded-display-pressed-state-color: var(--content-expander-expanded-display-pressed-state-dark-mode-color); --content-expander-hover-state-color: var(--content-expander-hover-state-dark-mode-color); --content-expander-normal-state-color: var(--content-expander-normal-state-dark-mode-color); --content-expander-pressed-state-color: var(--content-expander-pressed-state-dark-mode-color); /* ========== datePicker ========== */ --date-picker-date-background-range-first-selection-disabled-state-color: var(--date-picker-date-background-range-first-selection-disabled-state-dark-mode-color); --date-picker-date-background-range-first-selection-hover-state-color: var(--date-picker-date-background-range-first-selection-hover-state-dark-mode-color); --date-picker-date-background-range-first-selection-normal-state-color: var(--date-picker-date-background-range-first-selection-normal-state-dark-mode-color); --date-picker-date-background-range-first-selection-pressed-state-color: var(--date-picker-date-background-range-first-selection-pressed-state-dark-mode-color); --date-picker-date-background-range-last-selection-disabled-state-color: var(--date-picker-date-background-range-last-selection-disabled-state-dark-mode-color); --date-picker-date-background-range-last-selection-hover-state-color: var(--date-picker-date-background-range-last-selection-hover-state-dark-mode-color); --date-picker-date-background-range-last-selection-normal-state-color: var(--date-picker-date-background-range-last-selection-normal-state-dark-mode-color); --date-picker-date-background-range-last-selection-pressed-state-color: var(--date-picker-date-background-range-last-selection-pressed-state-dark-mode-color); --date-picker-date-background-range-middle-selection-disabled-state-color: var(--date-picker-date-background-range-middle-selection-disabled-state-dark-mode-color); --date-picker-date-background-range-middle-selection-hover-state-color: var(--date-picker-date-background-range-middle-selection-hover-state-dark-mode-color); --date-picker-date-background-range-middle-selection-normal-state-color: var(--date-picker-date-background-range-middle-selection-normal-state-dark-mode-color); --date-picker-date-background-range-middle-selection-pressed-state-color: var(--date-picker-date-background-range-middle-selection-pressed-state-dark-mode-color); --date-picker-date-background-single-selection-disabled-state-color: var(--date-picker-date-background-single-selection-disabled-state-dark-mode-color); --date-picker-date-background-single-selection-hover-state-color: var(--date-picker-date-background-single-selection-hover-state-dark-mode-color); --date-picker-date-background-single-selection-normal-state-color: var(--date-picker-date-background-single-selection-normal-state-dark-mode-color); --date-picker-date-background-single-selection-pressed-state-color: var(--date-picker-date-background-single-selection-pressed-state-dark-mode-color); --date-picker-date-background-unselected-selection-disabled-state-color: var(--date-picker-date-background-unselected-selection-disabled-state-dark-mode-color); --date-picker-date-background-unselected-selection-hover-state-color: var(--date-picker-date-background-unselected-selection-hover-state-dark-mode-color); --date-picker-date-background-unselected-selection-normal-state-color: var(--date-picker-date-background-unselected-selection-normal-state-dark-mode-color); --date-picker-date-background-unselected-selection-pressed-state-color: var(--date-picker-date-background-unselected-selection-pressed-state-dark-mode-color); --date-picker-date-border-disabled-state-color-color: var(--date-picker-date-border-disabled-state-color-dark-mode-color); --date-picker-date-border-focused-state-color-color: var(--date-picker-date-border-focused-state-color-dark-mode-color); --date-picker-date-border-normal-state-color-color: var(--date-picker-date-border-normal-state-color-dark-mode-color); --date-picker-date-text-range-first-selection-disabled-state-color: var(--date-picker-date-text-range-first-selection-disabled-state-dark-mode-color); --date-picker-date-text-range-first-selection-hover-state-color: var(--date-picker-date-text-range-first-selection-hover-state-dark-mode-color); --date-picker-date-text-range-first-selection-normal-state-color: var(--date-picker-date-text-range-first-selection-normal-state-dark-mode-color); --date-picker-date-text-range-first-selection-pressed-state-color: var(--date-picker-date-text-range-first-selection-pressed-state-dark-mode-color); --date-picker-date-text-range-last-selection-disabled-state-color: var(--date-picker-date-text-range-last-selection-disabled-state-dark-mode-color); --date-picker-date-text-range-last-selection-hover-state-color: var(--date-picker-date-text-range-last-selection-hover-state-dark-mode-color); --date-picker-date-text-range-last-selection-normal-state-color: var(--date-picker-date-text-range-last-selection-normal-state-dark-mode-color); --date-picker-date-text-range-last-selection-pressed-state-color: var(--date-picker-date-text-range-last-selection-pressed-state-dark-mode-color); --date-picker-date-text-range-middle-selection-disabled-state-color: var(--date-picker-date-text-range-middle-selection-disabled-state-dark-mode-color); --date-picker-date-text-range-middle-selection-hover-state-color: var(--date-picker-date-text-range-middle-selection-hover-state-dark-mode-color); --date-picker-date-text-range-middle-selection-normal-state-color: var(--date-picker-date-text-range-middle-selection-normal-state-dark-mode-color); --date-picker-date-text-range-middle-selection-pressed-state-color: var(--date-picker-date-text-range-middle-selection-pressed-state-dark-mode-color); --date-picker-date-text-single-selection-disabled-state-color: var(--date-picker-date-text-single-selection-disabled-state-dark-mode-color); --date-picker-date-text-single-selection-hover-state-color: var(--date-picker-date-text-single-selection-hover-state-dark-mode-color); --date-picker-date-text-single-selection-normal-state-color: var(--date-picker-date-text-single-selection-normal-state-dark-mode-color); --date-picker-date-text-single-selection-pressed-state-color: var(--date-picker-date-text-single-selection-pressed-state-dark-mode-color); --date-picker-date-text-unselected-selection-disabled-state-color: var(--date-picker-date-text-unselected-selection-disabled-state-dark-mode-color); --date-picker-date-text-unselected-selection-hover-state-color: var(--date-picker-date-text-unselected-selection-hover-state-dark-mode-color); --date-picker-date-text-unselected-selection-normal-state-color: var(--date-picker-date-text-unselected-selection-normal-state-dark-mode-color); --date-picker-date-text-unselected-selection-pressed-state-color: var(--date-picker-date-text-unselected-selection-pressed-state-dark-mode-color); --date-picker-header-button-background-color: var(--date-picker-header-button-background-dark-mode-color); --date-picker-header-button-color: var(--date-picker-header-button-dark-mode-color); --date-picker-header-color-color: var(--date-picker-header-color-dark-mode-color); --date-picker-menu-row-background-selected-state-color-color: var(--date-picker-menu-row-background-selected-state-color-dark-mode-color); --date-picker-menu-row-label-selected-state-text-color: var(--date-picker-menu-row-label-selected-state-text-dark-mode-color); --date-picker-today-border-color-color: var(--date-picker-today-border-color-dark-mode-color); --date-picker-today-label-disabled-state-color-color: var(--date-picker-today-label-disabled-state-color-dark-mode-color); --date-picker-weekdays-color-color: var(--date-picker-weekdays-color-dark-mode-color); /* ========== divider ========== */ --divider-fill-color: var(--divider-fill-dark-mode-color); /* ========== dropdown-button ========== */ --dropdown-button-normal-variant-primary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-primary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-primary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-primary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-primary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-primary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-primary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-primary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-secondary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-secondary-rank-pressed-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-disabled-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-disabled-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-focus-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-focus-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-hover-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-hover-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-normal-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-normal-state-dark-mode-label-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-background-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-background-color); --dropdown-button-normal-variant-tertiary-rank-pressed-state-label-color: var(--dropdown-button-normal-variant-tertiary-rank-pressed-state-dark-mode-label-color); /* ========== dropdown-icon-button ========== */ --dropdown-icon-button-disabled-state-background-color: var(--dropdown-icon-button-disabled-state-dark-mode-background-color); --dropdown-icon-button-disabled-state-icon-color: var(--dropdown-icon-button-disabled-state-dark-mode-icon-color); --dropdown-icon-button-focus-state-background-color: var(--dropdown-icon-button-focus-state-dark-mode-background-color); --dropdown-icon-button-focus-state-icon-color: var(--dropdown-icon-button-focus-state-dark-mode-icon-color); --dropdown-icon-button-hover-state-background-color: var(--dropdown-icon-button-hover-state-dark-mode-background-color); --dropdown-icon-button-hover-state-icon-color: var(--dropdown-icon-button-hover-state-dark-mode-icon-color); --dropdown-icon-button-normal-state-background-color: var(--dropdown-icon-button-normal-state-dark-mode-background-color); --dropdown-icon-button-normal-state-icon-color: var(--dropdown-icon-button-normal-state-dark-mode-icon-color); --dropdown-icon-button-pressed-state-background-color: var(--dropdown-icon-button-pressed-state-dark-mode-background-color); --dropdown-icon-button-pressed-state-icon-color: var(--dropdown-icon-button-pressed-state-dark-mode-icon-color); /* ========== empty-state ========== */ --empty-state-background-color: var(--empty-state-background-dark-mode-color); --empty-state-border-color: var(--empty-state-border-dark-mode-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-disabled-state-background-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-background-color); --empty-state-button-group-overflow-button-disabled-state-icon-color: var(--empty-state-button-group-overflow-button-disabled-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-focus-state-background-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-background-color); --empty-state-button-group-overflow-button-focus-state-icon-color: var(--empty-state-button-group-overflow-button-focus-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-hover-state-background-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-background-color); --empty-state-button-group-overflow-button-hover-state-icon-color: var(--empty-state-button-group-overflow-button-hover-state-dark-mode-icon-color); --empty-state-button-group-overflow-button-normal-state-background-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-background-color); --empty-state-button-group-overflow-button-normal-state-icon-color: var(--empty-state-button-group-overflow-button-normal-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-button-group-overflow-button-pressed-state-background-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-background-color); --empty-state-button-group-overflow-button-pressed-state-icon-color: var(--empty-state-button-group-overflow-button-pressed-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --empty-state-heading-color: var(--empty-state-heading-dark-mode-color); --empty-state-heading-text-color: var(--empty-state-heading-text-dark-mode-color); --empty-state-paragraph-text-color: var(--empty-state-paragraph-text-dark-mode-color); /* ========== field ========== */ --field-action-text-color: var(--field-dark-mode-action-text-color); --field-disabled-state-background-color: var(--field-disabled-state-dark-mode-background-color); --field-disabled-state-border-color: var(--field-disabled-state-dark-mode-border-color); --field-disabled-state-empty-phase-label-color: var(--field-disabled-state-empty-phase-dark-mode-label-color); --field-disabled-state-float-phase-label-color: var(--field-disabled-state-float-phase-dark-mode-label-color); --field-disabled-state-input-color: var(--field-disabled-state-dark-mode-input-color); --field-error-message-text-color: var(--field-dark-mode-error-message-text-color); --field-focus-state-background-color: var(--field-focus-state-dark-mode-background-color); --field-focus-state-float-phase-label-color: var(--field-focus-state-float-phase-dark-mode-label-color); --field-focus-state-input-color: var(--field-focus-state-dark-mode-input-color); --field-focus-state-invalid-validity-border-color: var(--field-focus-state-invalid-validity-dark-mode-border-color); --field-focus-state-normal-validity-border-color: var(--field-focus-state-normal-validity-dark-mode-border-color); --field-helper-text-text-color: var(--field-dark-mode-helper-text-text-color); --field-hover-state-background-color: var(--field-hover-state-dark-mode-background-color); --field-hover-state-empty-phase-label-color: var(--field-hover-state-empty-phase-dark-mode-label-color); --field-hover-state-float-phase-label-color: var(--field-hover-state-float-phase-dark-mode-label-color); --field-hover-state-input-color: var(--field-hover-state-dark-mode-input-color); --field-hover-state-invalid-validity-border-color: var(--field-hover-state-invalid-validity-dark-mode-border-color); --field-hover-state-normal-validity-border-color: var(--field-hover-state-normal-validity-dark-mode-border-color); --field-normal-state-background-color: var(--field-normal-state-dark-mode-background-color); --field-normal-state-empty-phase-label-color: var(--field-normal-state-empty-phase-dark-mode-label-color); --field-normal-state-float-phase-label-color: var(--field-normal-state-float-phase-dark-mode-label-color); --field-normal-state-input-color: var(--field-normal-state-dark-mode-input-color); --field-normal-state-invalid-validity-border-color: var(--field-normal-state-invalid-validity-dark-mode-border-color); --field-normal-state-normal-validity-border-color: var(--field-normal-state-normal-validity-dark-mode-border-color); --field-normal-state-normal-validity-border-high-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-high-contrast-color); --field-normal-state-normal-validity-border-normal-contrast-color: var(--field-normal-state-normal-validity-dark-mode-border-normal-contrast-color); --field-placeholder-text-color: var(--field-dark-mode-placeholder-text-color); --field-selection-caret-color: var(--field-dark-mode-selection-caret-color); --field-selection-highlight-color: var(--field-dark-mode-selection-highlight-color); --field-selection-text-cursor-color: var(--field-dark-mode-selection-text-cursor-color); /* ========== file-upload ========== */ --file-upload-dropzone-disabled-state-background-color: var(--file-upload-dropzone-disabled-state-background-dark-mode-color); --file-upload-dropzone-disabled-state-border-color: var(--file-upload-dropzone-disabled-state-border-dark-mode-color); --file-upload-dropzone-disabled-state-icon-color: var(--file-upload-dropzone-disabled-state-icon-dark-mode-color); --file-upload-dropzone-disabled-state-subtext-color: var(--file-upload-dropzone-disabled-state-subtext-dark-mode-color); --file-upload-dropzone-disabled-state-text-color: var(--file-upload-dropzone-disabled-state-text-dark-mode-color); --file-upload-dropzone-hover-state-background-color: var(--file-upload-dropzone-hover-state-background-dark-mode-color); --file-upload-dropzone-hover-state-border-color: var(--file-upload-dropzone-hover-state-border-dark-mode-color); --file-upload-dropzone-hover-state-icon-color: var(--file-upload-dropzone-hover-state-icon-dark-mode-color); --file-upload-dropzone-hover-state-subtext-color: var(--file-upload-dropzone-hover-state-subtext-dark-mode-color); --file-upload-dropzone-hover-state-text-color: var(--file-upload-dropzone-hover-state-text-dark-mode-color); --file-upload-dropzone-normal-state-background-color: var(--file-upload-dropzone-normal-state-background-dark-mode-color); --file-upload-dropzone-normal-state-border-color: var(--file-upload-dropzone-normal-state-border-dark-mode-color); --file-upload-dropzone-normal-state-icon-color: var(--file-upload-dropzone-normal-state-icon-dark-mode-color); --file-upload-dropzone-normal-state-subtext-color: var(--file-upload-dropzone-normal-state-subtext-dark-mode-color); --file-upload-dropzone-normal-state-text-color: var(--file-upload-dropzone-normal-state-text-dark-mode-color); --file-upload-dropzone-pressed-state-background-color: var(--file-upload-dropzone-pressed-state-background-dark-mode-color); --file-upload-dropzone-pressed-state-border-color: var(--file-upload-dropzone-pressed-state-border-dark-mode-color); --file-upload-dropzone-pressed-state-icon-color: var(--file-upload-dropzone-pressed-state-icon-dark-mode-color); --file-upload-dropzone-pressed-state-subtext-color: var(--file-upload-dropzone-pressed-state-subtext-dark-mode-color); --file-upload-dropzone-pressed-state-text-color: var(--file-upload-dropzone-pressed-state-text-dark-mode-color); --file-upload-upload-item-error-state-background-color: var(--file-upload-upload-item-error-state-background-dark-mode-color); --file-upload-upload-item-error-state-leading-accessory-background-color: var(--file-upload-upload-item-error-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-error-state-leading-accessory-icon-color: var(--file-upload-upload-item-error-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-error-state-subtext-color: var(--file-upload-upload-item-error-state-subtext-dark-mode-color); --file-upload-upload-item-error-state-text-color: var(--file-upload-upload-item-error-state-text-dark-mode-color); --file-upload-upload-item-error-state-trailing-accessory-icon-color: var(--file-upload-upload-item-error-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-hover-state-background-color: var(--file-upload-upload-item-hover-state-background-dark-mode-color); --file-upload-upload-item-hover-state-leading-accessory-background-color: var(--file-upload-upload-item-hover-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-hover-state-leading-accessory-icon-color: var(--file-upload-upload-item-hover-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-hover-state-subtext-color: var(--file-upload-upload-item-hover-state-subtext-dark-mode-color); --file-upload-upload-item-hover-state-text-color: var(--file-upload-upload-item-hover-state-text-dark-mode-color); --file-upload-upload-item-hover-state-trailing-accessory-icon-color: var(--file-upload-upload-item-hover-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-loading-state-background-color: var(--file-upload-upload-item-loading-state-background-dark-mode-color); --file-upload-upload-item-loading-state-leading-accessory-background-color: var(--file-upload-upload-item-loading-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-loading-state-leading-accessory-icon-color: var(--file-upload-upload-item-loading-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-loading-state-subtext-color: var(--file-upload-upload-item-loading-state-subtext-dark-mode-color); --file-upload-upload-item-loading-state-text-color: var(--file-upload-upload-item-loading-state-text-dark-mode-color); --file-upload-upload-item-loading-state-trailing-accessory-icon-color: var(--file-upload-upload-item-loading-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-multiple-value-separator-color: var(--file-upload-upload-item-multiple-value-separator-dark-mode-color); --file-upload-upload-item-normal-state-background-color: var(--file-upload-upload-item-normal-state-background-dark-mode-color); --file-upload-upload-item-normal-state-leading-accessory-background-color: var(--file-upload-upload-item-normal-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-normal-state-leading-accessory-icon-color: var(--file-upload-upload-item-normal-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-normal-state-subtext-color: var(--file-upload-upload-item-normal-state-subtext-dark-mode-color); --file-upload-upload-item-normal-state-text-color: var(--file-upload-upload-item-normal-state-text-dark-mode-color); --file-upload-upload-item-normal-state-trailing-accessory-icon-color: var(--file-upload-upload-item-normal-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-pressed-state-background-color: var(--file-upload-upload-item-pressed-state-background-dark-mode-color); --file-upload-upload-item-pressed-state-leading-accessory-background-color: var(--file-upload-upload-item-pressed-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-pressed-state-leading-accessory-icon-color: var(--file-upload-upload-item-pressed-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-pressed-state-subtext-color: var(--file-upload-upload-item-pressed-state-subtext-dark-mode-color); --file-upload-upload-item-pressed-state-text-color: var(--file-upload-upload-item-pressed-state-text-dark-mode-color); --file-upload-upload-item-pressed-state-trailing-accessory-icon-color: var(--file-upload-upload-item-pressed-state-trailing-accessory-icon-dark-mode-color); --file-upload-upload-item-single-value-border-color-color: var(--file-upload-upload-item-single-value-border-color-dark-mode-color); --file-upload-upload-item-success-state-background-color: var(--file-upload-upload-item-success-state-background-dark-mode-color); --file-upload-upload-item-success-state-leading-accessory-background-color: var(--file-upload-upload-item-success-state-leading-accessory-background-dark-mode-color); --file-upload-upload-item-success-state-leading-accessory-icon-color: var(--file-upload-upload-item-success-state-leading-accessory-icon-dark-mode-color); --file-upload-upload-item-success-state-subtext-color: var(--file-upload-upload-item-success-state-subtext-dark-mode-color); --file-upload-upload-item-success-state-text-color: var(--file-upload-upload-item-success-state-text-dark-mode-color); --file-upload-upload-item-success-state-trailing-accessory-icon-color: var(--file-upload-upload-item-success-state-trailing-accessory-icon-dark-mode-color); /* ========== filter-button ========== */ --filter-button-disabled-state-background-color: var(--filter-button-disabled-state-background-dark-mode-color); --filter-button-disabled-state-border-color: var(--filter-button-disabled-state-border-dark-mode-color); --filter-button-disabled-state-feedback-color: var(--filter-button-disabled-state-feedback-dark-mode-color); --filter-button-disabled-state-label-color: var(--filter-button-disabled-state-label-dark-mode-color); --filter-button-hover-state-background-color: var(--filter-button-hover-state-background-dark-mode-color); --filter-button-hover-state-border-color: var(--filter-button-hover-state-border-dark-mode-color); --filter-button-hover-state-feedback-color: var(--filter-button-hover-state-feedback-dark-mode-color); --filter-button-hover-state-label-color: var(--filter-button-hover-state-label-dark-mode-color); --filter-button-normal-state-background-color: var(--filter-button-normal-state-background-dark-mode-color); --filter-button-normal-state-border-color: var(--filter-button-normal-state-border-dark-mode-color); --filter-button-normal-state-border-high-contrast-color: var(--filter-button-normal-state-border-high-contrast-dark-mode-color); --filter-button-normal-state-border-normal-contrast-color: var(--filter-button-normal-state-border-normal-contrast-dark-mode-color); --filter-button-normal-state-feedback-color: var(--filter-button-normal-state-feedback-dark-mode-color); --filter-button-normal-state-label-color: var(--filter-button-normal-state-label-dark-mode-color); --filter-button-pressed-state-background-color: var(--filter-button-pressed-state-background-dark-mode-color); --filter-button-pressed-state-border-color: var(--filter-button-pressed-state-border-dark-mode-color); --filter-button-pressed-state-feedback-color: var(--filter-button-pressed-state-feedback-dark-mode-color); --filter-button-pressed-state-label-color: var(--filter-button-pressed-state-label-dark-mode-color); /* ========== hardware-slider ========== */ --hardware-slider-icon-tint-color: var(--hardware-slider-icon-tint-dark-mode-color); --hardware-slider-track-active-disabled-state-background-color: var(--hardware-slider-track-active-disabled-state-background-dark-mode-color); --hardware-slider-track-active-normal-state-background-color: var(--hardware-slider-track-active-normal-state-background-dark-mode-color); --hardware-slider-track-inactive-disabled-state-background-color: var(--hardware-slider-track-inactive-disabled-state-background-dark-mode-color); --hardware-slider-track-inactive-normal-state-background-color: var(--hardware-slider-track-inactive-normal-state-background-dark-mode-color); /* ========== header ========== */ --header-compact-content-style-secondary-title-color: var(--header-compact-content-style-secondary-title-dark-mode-color); --header-compact-content-style-title-color: var(--header-compact-content-style-title-dark-mode-color); --header-divider-color: var(--header-divider-dark-mode-color); --header-large-content-style-secondary-title-color: var(--header-large-content-style-secondary-title-dark-mode-color); --header-large-content-style-title-color: var(--header-large-content-style-title-dark-mode-color); --header-main-text-text-color: var(--header-main-text-dark-mode-text-color); --header-paragraph-color: var(--header-paragraph-dark-mode-color); --header-sub-text-text-color: var(--header-sub-text-dark-mode-text-color); /* ========== icon-button ========== */ --icon-button-destructive-variant-primary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-background-color); --icon-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-primary-rank-disabled-state-dark-mode-icon-color); --icon-button-destructive-variant-primary-rank-hover-state-background-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-background-color); --icon-button-destructive-variant-primary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-primary-rank-hover-state-dark-mode-icon-color); --icon-button-destructive-variant-primary-rank-normal-state-background-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-background-color); --icon-button-destructive-variant-primary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-primary-rank-normal-state-dark-mode-icon-color); --icon-button-destructive-variant-primary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-background-color); --icon-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-primary-rank-pressed-state-dark-mode-icon-color); --icon-button-destructive-variant-secondary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-background-color); --icon-button-destructive-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-disabled-state-dark-mode-icon-color); --icon-button-destructive-variant-secondary-rank-hover-state-background-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-background-color); --icon-button-destructive-variant-secondary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-hover-state-dark-mode-icon-color); --icon-button-destructive-variant-secondary-rank-normal-state-background-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-background-color); --icon-button-destructive-variant-secondary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-normal-state-dark-mode-icon-color); --icon-button-destructive-variant-secondary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-background-color); --icon-button-destructive-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-secondary-rank-pressed-state-dark-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-background-color); --icon-button-destructive-variant-tertiary-rank-disabled-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-disabled-state-dark-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-hover-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-background-color); --icon-button-destructive-variant-tertiary-rank-hover-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-hover-state-dark-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-normal-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-background-color); --icon-button-destructive-variant-tertiary-rank-normal-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-normal-state-dark-mode-icon-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-background-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-background-color); --icon-button-destructive-variant-tertiary-rank-pressed-state-icon-color: var(--icon-button-destructive-variant-tertiary-rank-pressed-state-dark-mode-icon-color); --icon-button-disabled-state-background-color: var(--icon-button-disabled-state-dark-mode-background-color); --icon-button-disabled-state-icon-color: var(--icon-button-disabled-state-dark-mode-icon-color); --icon-button-focus-state-background-color: var(--icon-button-focus-state-dark-mode-background-color); --icon-button-focus-state-icon-color: var(--icon-button-focus-state-dark-mode-icon-color); --icon-button-hover-state-background-color: var(--icon-button-hover-state-dark-mode-background-color); --icon-button-hover-state-icon-color: var(--icon-button-hover-state-dark-mode-icon-color); --icon-button-normal-state-background-color: var(--icon-button-normal-state-dark-mode-background-color); --icon-button-normal-state-icon-color: var(--icon-button-normal-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-disabled-state-background-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-primary-rank-disabled-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-focus-state-background-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-focus-state-icon-color: var(--icon-button-normal-variant-primary-rank-focus-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-hover-state-background-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-hover-state-icon-color: var(--icon-button-normal-variant-primary-rank-hover-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-normal-state-background-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-normal-state-icon-color: var(--icon-button-normal-variant-primary-rank-normal-state-dark-mode-icon-color); --icon-button-normal-variant-primary-rank-pressed-state-background-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-background-color); --icon-button-normal-variant-primary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-primary-rank-pressed-state-dark-mode-icon-color); --icon-button-normal-variant-secondary-rank-disabled-state-background-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-background-color); --icon-button-normal-variant-secondary-rank-disabled-state-icon-color: var(--icon-button-normal-variant-secondary-rank-disabled-state-dark-mode-icon-color); --icon-button-normal-variant-secondary-rank-hover-state-background-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-background-color); --icon-button-normal-variant-secondary-rank-hover-state-icon-color: var(--icon-button-normal-variant-secondary-rank-hover-state-dark-mode-icon-color); --icon-button-normal-variant-secondary-rank-normal-state-background-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-background-color); --icon-button-normal-variant-secondary-rank-normal-state-icon-color: var(--icon-button-normal-variant-secondary-rank-normal-state-dark-mode-icon-color); --icon-button-normal-variant-secondary-rank-pressed-state-background-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-background-color); --icon-button-normal-variant-secondary-rank-pressed-state-icon-color: var(--icon-button-normal-variant-secondary-rank-pressed-state-dark-mode-icon-color); --icon-button-pressed-state-background-color: var(--icon-button-pressed-state-dark-mode-background-color); --icon-button-pressed-state-icon-color: var(--icon-button-pressed-state-dark-mode-icon-color); --icon-button-primary-rank-disabled-state-background-color: var(--icon-button-primary-rank-disabled-state-dark-mode-background-color); --icon-button-primary-rank-disabled-state-icon-color: var(--icon-button-primary-rank-disabled-state-dark-mode-icon-color); --icon-button-primary-rank-focus-state-background-color: var(--icon-button-primary-rank-focus-state-dark-mode-background-color); --icon-button-primary-rank-focus-state-icon-color: var(--icon-button-primary-rank-focus-state-dark-mode-icon-color); --icon-button-primary-rank-hover-state-background-color: var(--icon-button-primary-rank-hover-state-dark-mode-background-color); --icon-button-primary-rank-hover-state-icon-color: var(--icon-button-primary-rank-hover-state-dark-mode-icon-color); --icon-button-primary-rank-normal-state-background-color: var(--icon-button-primary-rank-normal-state-dark-mode-background-color); --icon-button-primary-rank-normal-state-icon-color: var(--icon-button-primary-rank-normal-state-dark-mode-icon-color); --icon-button-primary-rank-pressed-state-background-color: var(--icon-button-primary-rank-pressed-state-dark-mode-background-color); --icon-button-primary-rank-pressed-state-icon-color: var(--icon-button-primary-rank-pressed-state-dark-mode-icon-color); --icon-button-secondary-rank-disabled-state-background-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-background-color); --icon-button-secondary-rank-disabled-state-icon-color: var(--icon-button-secondary-rank-disabled-state-dark-mode-icon-color); --icon-button-secondary-rank-focus-state-background-color: var(--icon-button-secondary-rank-focus-state-dark-mode-background-color); --icon-button-secondary-rank-focus-state-icon-color: var(--icon-button-secondary-rank-focus-state-dark-mode-icon-color); --icon-button-secondary-rank-hover-state-background-color: var(--icon-button-secondary-rank-hover-state-dark-mode-background-color); --icon-button-secondary-rank-hover-state-icon-color: var(--icon-button-secondary-rank-hover-state-dark-mode-icon-color); --icon-button-secondary-rank-normal-state-background-color: var(--icon-button-secondary-rank-normal-state-dark-mode-background-color); --icon-button-secondary-rank-normal-state-icon-color: var(--icon-button-secondary-rank-normal-state-dark-mode-icon-color); --icon-button-secondary-rank-pressed-state-background-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-background-color); --icon-button-secondary-rank-pressed-state-icon-color: var(--icon-button-secondary-rank-pressed-state-dark-mode-icon-color); --icon-button-tertiary-rank-disabled-state-background-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-background-color); --icon-button-tertiary-rank-disabled-state-icon-color: var(--icon-button-tertiary-rank-disabled-state-dark-mode-icon-color); --icon-button-tertiary-rank-focus-state-background-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-background-color); --icon-button-tertiary-rank-focus-state-icon-color: var(--icon-button-tertiary-rank-focus-state-dark-mode-icon-color); --icon-button-tertiary-rank-hover-state-background-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-background-color); --icon-button-tertiary-rank-hover-state-icon-color: var(--icon-button-tertiary-rank-hover-state-dark-mode-icon-color); --icon-button-tertiary-rank-normal-state-background-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-background-color); --icon-button-tertiary-rank-normal-state-icon-color: var(--icon-button-tertiary-rank-normal-state-dark-mode-icon-color); --icon-button-tertiary-rank-pressed-state-background-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-background-color); --icon-button-tertiary-rank-pressed-state-icon-color: var(--icon-button-tertiary-rank-pressed-state-dark-mode-icon-color); /* ========== inline-section-header ========== */ --inline-section-header-heading-color: var(--inline-section-header-heading-dark-mode-color); --inline-section-header-paragraph-color: var(--inline-section-header-paragraph-dark-mode-color); --inline-section-header-text-link-color: var(--inline-section-header-text-link-dark-mode-color); /* ========== inline-status ========== */ --inline-status-error-variant-icon-color: var(--inline-status-error-variant-icon-dark-mode-color); --inline-status-error-variant-text-color: var(--inline-status-error-variant-text-dark-mode-color); --inline-status-info-variant-icon-color: var(--inline-status-info-variant-icon-dark-mode-color); --inline-status-info-variant-text-color: var(--inline-status-info-variant-text-dark-mode-color); --inline-status-success-variant-icon-color: var(--inline-status-success-variant-icon-dark-mode-color); --inline-status-success-variant-text-color: var(--inline-status-success-variant-text-dark-mode-color); --inline-status-warning-variant-icon-color: var(--inline-status-warning-variant-icon-dark-mode-color); --inline-status-warning-variant-text-color: var(--inline-status-warning-variant-text-dark-mode-color); /* ========== keyboard-bar ========== */ --keyboard-bar-background-color: var(--keyboard-bar-dark-mode-background-color); --keyboard-bar-separator-color: var(--keyboard-bar-dark-mode-separator-color); --keyboard-bar-surface-color: var(--keyboard-bar-dark-mode-surface-color); /* ========== menu ========== */ --menu-item-selected-value-disabled-state-accordion-color: var(--menu-item-selected-value-disabled-state-accordion-dark-mode-color); --menu-item-selected-value-disabled-state-background-color: var(--menu-item-selected-value-disabled-state-background-dark-mode-color); --menu-item-selected-value-disabled-state-drill-color: var(--menu-item-selected-value-disabled-state-drill-dark-mode-color); --menu-item-selected-value-disabled-state-text-color: var(--menu-item-selected-value-disabled-state-text-dark-mode-color); --menu-item-selected-value-hover-state-accordion-color: var(--menu-item-selected-value-hover-state-accordion-dark-mode-color); --menu-item-selected-value-hover-state-background-color: var(--menu-item-selected-value-hover-state-background-dark-mode-color); --menu-item-selected-value-hover-state-drill-color: var(--menu-item-selected-value-hover-state-drill-dark-mode-color); --menu-item-selected-value-hover-state-text-color: var(--menu-item-selected-value-hover-state-text-dark-mode-color); --menu-item-selected-value-normal-state-accordion-color: var(--menu-item-selected-value-normal-state-accordion-dark-mode-color); --menu-item-selected-value-normal-state-background-color: var(--menu-item-selected-value-normal-state-background-dark-mode-color); --menu-item-selected-value-normal-state-drill-color: var(--menu-item-selected-value-normal-state-drill-dark-mode-color); --menu-item-selected-value-normal-state-text-color: var(--menu-item-selected-value-normal-state-text-dark-mode-color); --menu-item-selected-value-pressed-state-accordion-color: var(--menu-item-selected-value-pressed-state-accordion-dark-mode-color); --menu-item-selected-value-pressed-state-background-color: var(--menu-item-selected-value-pressed-state-background-dark-mode-color); --menu-item-selected-value-pressed-state-drill-color: var(--menu-item-selected-value-pressed-state-drill-dark-mode-color); --menu-item-selected-value-pressed-state-text-color: var(--menu-item-selected-value-pressed-state-text-dark-mode-color); --menu-item-unselected-value-disabled-state-accordion-color: var(--menu-item-unselected-value-disabled-state-accordion-dark-mode-color); --menu-item-unselected-value-disabled-state-background-color: var(--menu-item-unselected-value-disabled-state-background-dark-mode-color); --menu-item-unselected-value-disabled-state-drill-color: var(--menu-item-unselected-value-disabled-state-drill-dark-mode-color); --menu-item-unselected-value-disabled-state-text-color: var(--menu-item-unselected-value-disabled-state-text-dark-mode-color); --menu-item-unselected-value-hover-state-accordion-color: var(--menu-item-unselected-value-hover-state-accordion-dark-mode-color); --menu-item-unselected-value-hover-state-background-color: var(--menu-item-unselected-value-hover-state-background-dark-mode-color); --menu-item-unselected-value-hover-state-drill-color: var(--menu-item-unselected-value-hover-state-drill-dark-mode-color); --menu-item-unselected-value-hover-state-text-color: var(--menu-item-unselected-value-hover-state-text-dark-mode-color); --menu-item-unselected-value-normal-state-accordion-color: var(--menu-item-unselected-value-normal-state-accordion-dark-mode-color); --menu-item-unselected-value-normal-state-background-color: var(--menu-item-unselected-value-normal-state-background-dark-mode-color); --menu-item-unselected-value-normal-state-drill-color: var(--menu-item-unselected-value-normal-state-drill-dark-mode-color); --menu-item-unselected-value-normal-state-text-color: var(--menu-item-unselected-value-normal-state-text-dark-mode-color); --menu-item-unselected-value-pressed-state-accordion-color: var(--menu-item-unselected-value-pressed-state-accordion-dark-mode-color); --menu-item-unselected-value-pressed-state-background-color: var(--menu-item-unselected-value-pressed-state-background-dark-mode-color); --menu-item-unselected-value-pressed-state-drill-color: var(--menu-item-unselected-value-pressed-state-drill-dark-mode-color); --menu-item-unselected-value-pressed-state-text-color: var(--menu-item-unselected-value-pressed-state-text-dark-mode-color); /* ========== modalBlade ========== */ --modal-blade-background-color: var(--modal-blade-background-dark-mode-color); /* ========== modalDialog ========== */ --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-disabled-state-background-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-disabled-state-icon-color: var(--modal-dialog-actions-overflow-button-disabled-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-focus-state-background-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-focus-state-icon-color: var(--modal-dialog-actions-overflow-button-focus-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-hover-state-background-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-hover-state-icon-color: var(--modal-dialog-actions-overflow-button-hover-state-dark-mode-icon-color); --modal-dialog-actions-overflow-button-normal-state-background-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-normal-state-icon-color: var(--modal-dialog-actions-overflow-button-normal-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-actions-overflow-button-pressed-state-background-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-background-color); --modal-dialog-actions-overflow-button-pressed-state-icon-color: var(--modal-dialog-actions-overflow-button-pressed-state-dark-mode-icon-color); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --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); --modal-dialog-background-color: var(--modal-dialog-background-dark-mode-color); --modal-dialog-content-heading-color: var(--modal-dialog-content-heading-dark-mode-color); --modal-dialog-veil-color: var(--modal-dialog-veil-dark-mode-color); /* ========== modalFull ========== */ --modal-full-background-color: var(--modal-full-background-dark-mode-color); --modal-full-veil-color: var(--modal-full-veil-dark-mode-color); /* ========== modalPartial ========== */ --modal-partial-background-color: var(--modal-partial-background-dark-mode-color); --modal-partial-veil-color: var(--modal-partial-veil-dark-mode-color); /* ========== modalPopover ========== */ --modal-popover-background-color: var(--modal-popover-background-dark-mode-color); /* ========== modalSheet ========== */ --modal-sheet-background-color: var(--modal-sheet-background-dark-mode-color); --modal-sheet-handle-background-color: var(--modal-sheet-handle-dark-mode-background-color); --modal-sheet-handle-fill-color: var(--modal-sheet-handle-dark-mode-fill-color); --modal-sheet-veil-color: var(--modal-sheet-veil-dark-mode-color); /* ========== pageIndicator ========== */ --page-indicator-dot-color: var(--page-indicator-dark-mode-dot-color); --page-indicator-selected-color: var(--page-indicator-dark-mode-selected-color); /* ========== pagingIndicator ========== */ --paging-indicator-selected-state-color: var(--paging-indicator-selected-state-dark-mode-color); --paging-indicator-unselected-state-color: var(--paging-indicator-unselected-state-dark-mode-color); /* ========== pill ========== */ --pill-alpha-variant-background-color: var(--pill-alpha-variant-background-dark-mode-color); --pill-alpha-variant-icon-color: var(--pill-alpha-variant-icon-dark-mode-color); --pill-alpha-variant-normal-state-background-color: var(--pill-alpha-variant-normal-state-background-dark-mode-color); --pill-alpha-variant-pressed-state-background-color: var(--pill-alpha-variant-pressed-state-background-dark-mode-color); --pill-alpha-variant-text-color: var(--pill-alpha-variant-text-dark-mode-color); --pill-beta-variant-background-color: var(--pill-beta-variant-background-dark-mode-color); --pill-beta-variant-icon-color: var(--pill-beta-variant-icon-dark-mode-color); --pill-beta-variant-normal-state-background-color: var(--pill-beta-variant-normal-state-background-dark-mode-color); --pill-beta-variant-pressed-state-background-color: var(--pill-beta-variant-pressed-state-background-dark-mode-color); --pill-beta-variant-text-color: var(--pill-beta-variant-text-dark-mode-color); --pill-border-color: var(--pill-border-dark-mode-color); --pill-critical-variant-background-color: var(--pill-critical-variant-background-dark-mode-color); --pill-critical-variant-icon-color: var(--pill-critical-variant-icon-dark-mode-color); --pill-critical-variant-normal-state-background-color: var(--pill-critical-variant-normal-state-background-dark-mode-color); --pill-critical-variant-pressed-state-background-color: var(--pill-critical-variant-pressed-state-background-dark-mode-color); --pill-critical-variant-text-color: var(--pill-critical-variant-text-dark-mode-color); --pill-emphasis-variant-background-color: var(--pill-emphasis-variant-background-dark-mode-color); --pill-emphasis-variant-icon-color: var(--pill-emphasis-variant-icon-dark-mode-color); --pill-emphasis-variant-normal-state-background-color: var(--pill-emphasis-variant-normal-state-background-dark-mode-color); --pill-emphasis-variant-pressed-state-background-color: var(--pill-emphasis-variant-pressed-state-background-dark-mode-color); --pill-emphasis-variant-text-color: var(--pill-emphasis-variant-text-dark-mode-color); --pill-insight-variant-background-color: var(--pill-insight-variant-background-dark-mode-color); --pill-insight-variant-icon-color: var(--pill-insight-variant-icon-dark-mode-color); --pill-insight-variant-normal-state-background-color: var(--pill-insight-variant-normal-state-background-dark-mode-color); --pill-insight-variant-pressed-state-background-color: var(--pill-insight-variant-pressed-state-background-dark-mode-color); --pill-insight-variant-text-color: var(--pill-insight-variant-text-dark-mode-color); --pill-normal-variant-background-color: var(--pill-normal-variant-background-dark-mode-color); --pill-normal-variant-icon-color: var(--pill-normal-variant-icon-dark-mode-color); --pill-normal-variant-normal-state-background-color: var(--pill-normal-variant-normal-state-background-dark-mode-color); --pill-normal-variant-pressed-state-background-color: var(--pill-normal-variant-pressed-state-background-dark-mode-color); --pill-normal-variant-text-color: var(--pill-normal-variant-text-dark-mode-color); --pill-success-variant-background-color: var(--pill-success-variant-background-dark-mode-color); --pill-success-variant-icon-color: var(--pill-success-variant-icon-dark-mode-color); --pill-success-variant-normal-state-background-color: var(--pill-success-variant-normal-state-background-dark-mode-color); --pill-success-variant-pressed-state-background-color: var(--pill-success-variant-pressed-state-background-dark-mode-color); --pill-success-variant-text-color: var(--pill-success-variant-text-dark-mode-color); --pill-warning-variant-background-color: var(--pill-warning-variant-background-dark-mode-color); --pill-warning-variant-icon-color: var(--pill-warning-variant-icon-dark-mode-color); --pill-warning-variant-normal-state-background-color: var(--pill-warning-variant-normal-state-background-dark-mode-color); --pill-warning-variant-pressed-state-background-color: var(--pill-warning-variant-pressed-state-background-dark-mode-color); --pill-warning-variant-text-color: var(--pill-warning-variant-text-dark-mode-color); /* ========== qrcode ========== */ --qrcode-border-color: var(--qrcode-border-dark-mode-color); --qrcode-monochrome-variant-background-color: var(--qrcode-monochrome-variant-background-dark-mode-color); --qrcode-monochrome-variant-foreground-color: var(--qrcode-monochrome-variant-foreground-dark-mode-color); --qrcode-monochrome-variant-icon-color: var(--qrcode-monochrome-variant-icon-dark-mode-color); --qrcode-normal-variant-background-color: var(--qrcode-normal-variant-background-dark-mode-color); --qrcode-normal-variant-foreground-color: var(--qrcode-normal-variant-foreground-dark-mode-color); --qrcode-normal-variant-icon-color: var(--qrcode-normal-variant-icon-dark-mode-color); /* ========== quantity-input-field ========== */ --quantity-input-field-display-color: var(--quantity-input-field-display-dark-mode-color); --quantity-input-field-display-placeholder-color: var(--quantity-input-field-display-placeholder-dark-mode-color); --quantity-input-field-value-text-color: var(--quantity-input-field-value-text-dark-mode-color); --quantity-input-field-value-text-placeholder-color: var(--quantity-input-field-value-text-placeholder-dark-mode-color); /* ========== radio ========== */ --radio-disabled-state-invalid-validity-selected-value-background-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-background-color); --radio-disabled-state-invalid-validity-selected-value-border-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-border-color); --radio-disabled-state-invalid-validity-selected-value-icon-color: var(--radio-disabled-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-disabled-state-invalid-validity-unselected-value-background-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-disabled-state-invalid-validity-unselected-value-border-color: var(--radio-disabled-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-disabled-state-normal-validity-selected-value-background-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-background-color); --radio-disabled-state-normal-validity-selected-value-border-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-border-color); --radio-disabled-state-normal-validity-selected-value-icon-color: var(--radio-disabled-state-normal-validity-selected-value-dark-mode-icon-color); --radio-disabled-state-normal-validity-unselected-value-background-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-background-color); --radio-disabled-state-normal-validity-unselected-value-border-color: var(--radio-disabled-state-normal-validity-unselected-value-dark-mode-border-color); --radio-focus-ring-color: var(--radio-dark-mode-focus-ring-color); --radio-focus-state-invalid-validity-selected-value-background-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-background-color); --radio-focus-state-invalid-validity-selected-value-border-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-border-color); --radio-focus-state-invalid-validity-selected-value-icon-color: var(--radio-focus-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-focus-state-invalid-validity-unselected-value-background-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-focus-state-invalid-validity-unselected-value-border-color: var(--radio-focus-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-focus-state-normal-validity-selected-value-background-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-background-color); --radio-focus-state-normal-validity-selected-value-border-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-border-color); --radio-focus-state-normal-validity-selected-value-icon-color: var(--radio-focus-state-normal-validity-selected-value-dark-mode-icon-color); --radio-focus-state-normal-validity-unselected-value-background-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-background-color); --radio-focus-state-normal-validity-unselected-value-border-color: var(--radio-focus-state-normal-validity-unselected-value-dark-mode-border-color); --radio-hover-state-invalid-validity-selected-value-background-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-background-color); --radio-hover-state-invalid-validity-selected-value-border-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-border-color); --radio-hover-state-invalid-validity-selected-value-icon-color: var(--radio-hover-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-hover-state-invalid-validity-unselected-value-background-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-hover-state-invalid-validity-unselected-value-border-color: var(--radio-hover-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-hover-state-normal-validity-selected-value-background-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-background-color); --radio-hover-state-normal-validity-selected-value-border-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-border-color); --radio-hover-state-normal-validity-selected-value-icon-color: var(--radio-hover-state-normal-validity-selected-value-dark-mode-icon-color); --radio-hover-state-normal-validity-unselected-value-background-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-background-color); --radio-hover-state-normal-validity-unselected-value-border-color: var(--radio-hover-state-normal-validity-unselected-value-dark-mode-border-color); --radio-normal-state-invalid-validity-selected-value-background-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-background-color); --radio-normal-state-invalid-validity-selected-value-border-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-border-color); --radio-normal-state-invalid-validity-selected-value-icon-color: var(--radio-normal-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-normal-state-invalid-validity-unselected-value-background-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-normal-state-invalid-validity-unselected-value-border-color: var(--radio-normal-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-normal-state-normal-validity-selected-value-background-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-background-color); --radio-normal-state-normal-validity-selected-value-border-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-border-color); --radio-normal-state-normal-validity-selected-value-icon-color: var(--radio-normal-state-normal-validity-selected-value-dark-mode-icon-color); --radio-normal-state-normal-validity-unselected-value-background-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-background-color); --radio-normal-state-normal-validity-unselected-value-border-color: var(--radio-normal-state-normal-validity-unselected-value-dark-mode-border-color); --radio-pressed-state-invalid-validity-selected-value-background-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-background-color); --radio-pressed-state-invalid-validity-selected-value-border-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-border-color); --radio-pressed-state-invalid-validity-selected-value-icon-color: var(--radio-pressed-state-invalid-validity-selected-value-dark-mode-icon-color); --radio-pressed-state-invalid-validity-unselected-value-background-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-background-color); --radio-pressed-state-invalid-validity-unselected-value-border-color: var(--radio-pressed-state-invalid-validity-unselected-value-dark-mode-border-color); --radio-pressed-state-normal-validity-selected-value-background-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-background-color); --radio-pressed-state-normal-validity-selected-value-border-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-border-color); --radio-pressed-state-normal-validity-selected-value-icon-color: var(--radio-pressed-state-normal-validity-selected-value-dark-mode-icon-color); --radio-pressed-state-normal-validity-unselected-value-background-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-background-color); --radio-pressed-state-normal-validity-unselected-value-border-color: var(--radio-pressed-state-normal-validity-unselected-value-dark-mode-border-color); /* ========== rich-text ========== */ --rich-text-toolbar-background-color: var(--rich-text-toolbar-background-dark-mode-color); --rich-text-toolbar-button-selected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-selected-value-disabled-state-icon-dark-mode-color); --rich-text-toolbar-button-selected-value-focus-state-background-color: var(--rich-text-toolbar-button-selected-value-focus-state-background-dark-mode-color); --rich-text-toolbar-button-selected-value-focus-state-icon-color: var(--rich-text-toolbar-button-selected-value-focus-state-icon-dark-mode-color); --rich-text-toolbar-button-selected-value-hover-state-background-color: var(--rich-text-toolbar-button-selected-value-hover-state-background-dark-mode-color); --rich-text-toolbar-button-selected-value-hover-state-icon-color: var(--rich-text-toolbar-button-selected-value-hover-state-icon-dark-mode-color); --rich-text-toolbar-button-selected-value-normal-state-background-color: var(--rich-text-toolbar-button-selected-value-normal-state-background-dark-mode-color); --rich-text-toolbar-button-selected-value-normal-state-icon-color: var(--rich-text-toolbar-button-selected-value-normal-state-icon-dark-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-background-color: var(--rich-text-toolbar-button-selected-value-pressed-state-background-dark-mode-color); --rich-text-toolbar-button-selected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-selected-value-pressed-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-disabled-state-icon-color: var(--rich-text-toolbar-button-unselected-value-disabled-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-focus-state-background-color: var(--rich-text-toolbar-button-unselected-value-focus-state-background-dark-mode-color); --rich-text-toolbar-button-unselected-value-focus-state-icon-color: var(--rich-text-toolbar-button-unselected-value-focus-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-background-color: var(--rich-text-toolbar-button-unselected-value-hover-state-background-dark-mode-color); --rich-text-toolbar-button-unselected-value-hover-state-icon-color: var(--rich-text-toolbar-button-unselected-value-hover-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-normal-state-icon-color: var(--rich-text-toolbar-button-unselected-value-normal-state-icon-dark-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-background-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-background-dark-mode-color); --rich-text-toolbar-button-unselected-value-pressed-state-icon-color: var(--rich-text-toolbar-button-unselected-value-pressed-state-icon-dark-mode-color); --rich-text-toolbar-overflow-gradient-color: var(--rich-text-toolbar-overflow-gradient-dark-mode-color); /* ========== row ========== */ --row-destructive-variant-disabled-state-background-color: var(--row-destructive-variant-disabled-state-background-dark-mode-color); --row-destructive-variant-disabled-state-drill-color: var(--row-destructive-variant-disabled-state-drill-dark-mode-color); --row-destructive-variant-disabled-state-separator-color: var(--row-destructive-variant-disabled-state-separator-dark-mode-color); --row-destructive-variant-disabled-state-side-text-primary-color: var(--row-destructive-variant-disabled-state-side-text-primary-dark-mode-color); --row-destructive-variant-disabled-state-side-text-secondary-color: var(--row-destructive-variant-disabled-state-side-text-secondary-dark-mode-color); --row-destructive-variant-disabled-state-subtext-color: var(--row-destructive-variant-disabled-state-subtext-dark-mode-color); --row-destructive-variant-disabled-state-tertiary-text-color: var(--row-destructive-variant-disabled-state-tertiary-text-dark-mode-color); --row-destructive-variant-disabled-state-text-color: var(--row-destructive-variant-disabled-state-text-dark-mode-color); --row-destructive-variant-focus-ring-color: var(--row-destructive-variant-dark-mode-focus-ring-color); --row-destructive-variant-focus-state-background-color: var(--row-destructive-variant-focus-state-background-dark-mode-color); --row-destructive-variant-focus-state-drill-color: var(--row-destructive-variant-focus-state-drill-dark-mode-color); --row-destructive-variant-focus-state-icon-color: var(--row-destructive-variant-focus-state-icon-dark-mode-color); --row-destructive-variant-focus-state-separator-color: var(--row-destructive-variant-focus-state-separator-dark-mode-color); --row-destructive-variant-focus-state-side-text-primary-color: var(--row-destructive-variant-focus-state-side-text-primary-dark-mode-color); --row-destructive-variant-focus-state-side-text-secondary-color: var(--row-destructive-variant-focus-state-side-text-secondary-dark-mode-color); --row-destructive-variant-focus-state-subtext-color: var(--row-destructive-variant-focus-state-subtext-dark-mode-color); --row-destructive-variant-focus-state-tertiary-text-color: var(--row-destructive-variant-focus-state-tertiary-text-dark-mode-color); --row-destructive-variant-focus-state-text-color: var(--row-destructive-variant-focus-state-text-dark-mode-color); --row-destructive-variant-hover-state-background-color: var(--row-destructive-variant-hover-state-background-dark-mode-color); --row-destructive-variant-hover-state-drill-color: var(--row-destructive-variant-hover-state-drill-dark-mode-color); --row-destructive-variant-hover-state-icon-color: var(--row-destructive-variant-hover-state-icon-dark-mode-color); --row-destructive-variant-hover-state-separator-color: var(--row-destructive-variant-hover-state-separator-dark-mode-color); --row-destructive-variant-hover-state-side-text-primary-color: var(--row-destructive-variant-hover-state-side-text-primary-dark-mode-color); --row-destructive-variant-hover-state-side-text-secondary-color: var(--row-destructive-variant-hover-state-side-text-secondary-dark-mode-color); --row-destructive-variant-hover-state-subtext-color: var(--row-destructive-variant-hover-state-subtext-dark-mode-color); --row-destructive-variant-hover-state-tertiary-text-color: var(--row-destructive-variant-hover-state-tertiary-text-dark-mode-color); --row-destructive-variant-hover-state-text-color: var(--row-destructive-variant-hover-state-text-dark-mode-color); --row-destructive-variant-normal-state-background-color: var(--row-destructive-variant-normal-state-background-dark-mode-color); --row-destructive-variant-normal-state-drill-color: var(--row-destructive-variant-normal-state-drill-dark-mode-color); --row-destructive-variant-normal-state-icon-color: var(--row-destructive-variant-normal-state-icon-dark-mode-color); --row-destructive-variant-normal-state-separator-color: var(--row-destructive-variant-normal-state-separator-dark-mode-color); --row-destructive-variant-normal-state-side-text-primary-color: var(--row-destructive-variant-normal-state-side-text-primary-dark-mode-color); --row-destructive-variant-normal-state-side-text-secondary-color: var(--row-destructive-variant-normal-state-side-text-secondary-dark-mode-color); --row-destructive-variant-normal-state-subtext-color: var(--row-destructive-variant-normal-state-subtext-dark-mode-color); --row-destructive-variant-normal-state-tertiary-text-color: var(--row-destructive-variant-normal-state-tertiary-text-dark-mode-color); --row-destructive-variant-normal-state-text-color: var(--row-destructive-variant-normal-state-text-dark-mode-color); --row-destructive-variant-pressed-state-background-color: var(--row-destructive-variant-pressed-state-background-dark-mode-color); --row-destructive-variant-pressed-state-drill-color: var(--row-destructive-variant-pressed-state-drill-dark-mode-color); --row-destructive-variant-pressed-state-icon-color: var(--row-destructive-variant-pressed-state-icon-dark-mode-color); --row-destructive-variant-pressed-state-separator-color: var(--row-destructive-variant-pressed-state-separator-dark-mode-color); --row-destructive-variant-pressed-state-side-text-primary-color: var(--row-destructive-variant-pressed-state-side-text-primary-dark-mode-color); --row-destructive-variant-pressed-state-side-text-secondary-color: var(--row-destructive-variant-pressed-state-side-text-secondary-dark-mode-color); --row-destructive-variant-pressed-state-subtext-color: var(--row-destructive-variant-pressed-state-subtext-dark-mode-color); --row-destructive-variant-pressed-state-tertiary-text-color: var(--row-destructive-variant-pressed-state-tertiary-text-dark-mode-color); --row-destructive-variant-pressed-state-text-color: var(--row-destructive-variant-pressed-state-text-dark-mode-color); --row-destructive-variant-selected-state-background-color: var(--row-destructive-variant-selected-state-background-dark-mode-color); --row-destructive-variant-selected-state-drill-color: var(--row-destructive-variant-selected-state-drill-dark-mode-color); --row-destructive-variant-selected-state-icon-color: var(--row-destructive-variant-selected-state-icon-dark-mode-color); --row-destructive-variant-selected-state-separator-color: var(--row-destructive-variant-selected-state-separator-dark-mode-color); --row-destructive-variant-selected-state-side-text-primary-color: var(--row-destructive-variant-selected-state-side-text-primary-dark-mode-color); --row-destructive-variant-selected-state-side-text-secondary-color: var(--row-destructive-variant-selected-state-side-text-secondary-dark-mode-color); --row-destructive-variant-selected-state-subtext-color: var(--row-destructive-variant-selected-state-subtext-dark-mode-color); --row-destructive-variant-selected-state-tertiary-text-color: var(--row-destructive-variant-selected-state-tertiary-text-dark-mode-color); --row-destructive-variant-selected-state-text-color: var(--row-destructive-variant-selected-state-text-dark-mode-color); --row-disabled-state-background-color: var(--row-disabled-state-background-dark-mode-color); --row-disabled-state-drill-color: var(--row-disabled-state-drill-dark-mode-color); --row-disabled-state-separator-color: var(--row-disabled-state-separator-dark-mode-color); --row-disabled-state-side-text-primary-color: var(--row-disabled-state-side-text-primary-dark-mode-color); --row-disabled-state-side-text-secondary-color: var(--row-disabled-state-side-text-secondary-dark-mode-color); --row-disabled-state-subtext-color: var(--row-disabled-state-subtext-dark-mode-color); --row-disabled-state-tertiary-text-color: var(--row-disabled-state-tertiary-text-dark-mode-color); --row-disabled-state-text-color: var(--row-disabled-state-text-dark-mode-color); --row-focus-ring-color: var(--row-dark-mode-focus-ring-color); --row-focus-state-background-color: var(--row-focus-state-background-dark-mode-color); --row-focus-state-drill-color: var(--row-focus-state-drill-dark-mode-color); --row-focus-state-icon-color: var(--row-focus-state-icon-dark-mode-color); --row-focus-state-separator-color: var(--row-focus-state-separator-dark-mode-color); --row-focus-state-side-text-primary-color: var(--row-focus-state-side-text-primary-dark-mode-color); --row-focus-state-side-text-secondary-color: var(--row-focus-state-side-text-secondary-dark-mode-color); --row-focus-state-subtext-color: var(--row-focus-state-subtext-dark-mode-color); --row-focus-state-tertiary-text-color: var(--row-focus-state-tertiary-text-dark-mode-color); --row-focus-state-text-color: var(--row-focus-state-text-dark-mode-color); --row-hover-state-background-color: var(--row-hover-state-background-dark-mode-color); --row-hover-state-drill-color: var(--row-hover-state-drill-dark-mode-color); --row-hover-state-icon-color: var(--row-hover-state-icon-dark-mode-color); --row-hover-state-separator-color: var(--row-hover-state-separator-dark-mode-color); --row-hover-state-side-text-primary-color: var(--row-hover-state-side-text-primary-dark-mode-color); --row-hover-state-side-text-secondary-color: var(--row-hover-state-side-text-secondary-dark-mode-color); --row-hover-state-subtext-color: var(--row-hover-state-subtext-dark-mode-color); --row-hover-state-tertiary-text-color: var(--row-hover-state-tertiary-text-dark-mode-color); --row-hover-state-text-color: var(--row-hover-state-text-dark-mode-color); --row-normal-state-background-color: var(--row-normal-state-background-dark-mode-color); --row-normal-state-drill-color: var(--row-normal-state-drill-dark-mode-color); --row-normal-state-icon-color: var(--row-normal-state-icon-dark-mode-color); --row-normal-state-separator-color: var(--row-normal-state-separator-dark-mode-color); --row-normal-state-side-text-primary-color: var(--row-normal-state-side-text-primary-dark-mode-color); --row-normal-state-side-text-secondary-color: var(--row-normal-state-side-text-secondary-dark-mode-color); --row-normal-state-subtext-color: var(--row-normal-state-subtext-dark-mode-color); --row-normal-state-tertiary-text-color: var(--row-normal-state-tertiary-text-dark-mode-color); --row-normal-state-text-color: var(--row-normal-state-text-dark-mode-color); --row-normal-variant-disabled-state-background-color: var(--row-normal-variant-disabled-state-background-dark-mode-color); --row-normal-variant-disabled-state-drill-color: var(--row-normal-variant-disabled-state-drill-dark-mode-color); --row-normal-variant-disabled-state-separator-color: var(--row-normal-variant-disabled-state-separator-dark-mode-color); --row-normal-variant-disabled-state-side-text-primary-color: var(--row-normal-variant-disabled-state-side-text-primary-dark-mode-color); --row-normal-variant-disabled-state-side-text-secondary-color: var(--row-normal-variant-disabled-state-side-text-secondary-dark-mode-color); --row-normal-variant-disabled-state-subtext-color: var(--row-normal-variant-disabled-state-subtext-dark-mode-color); --row-normal-variant-disabled-state-tertiary-text-color: var(--row-normal-variant-disabled-state-tertiary-text-dark-mode-color); --row-normal-variant-disabled-state-text-color: var(--row-normal-variant-disabled-state-text-dark-mode-color); --row-normal-variant-focus-ring-color: var(--row-normal-variant-dark-mode-focus-ring-color); --row-normal-variant-focus-state-background-color: var(--row-normal-variant-focus-state-background-dark-mode-color); --row-normal-variant-focus-state-drill-color: var(--row-normal-variant-focus-state-drill-dark-mode-color); --row-normal-variant-focus-state-icon-color: var(--row-normal-variant-focus-state-icon-dark-mode-color); --row-normal-variant-focus-state-separator-color: var(--row-normal-variant-focus-state-separator-dark-mode-color); --row-normal-variant-focus-state-side-text-primary-color: var(--row-normal-variant-focus-state-side-text-primary-dark-mode-color); --row-normal-variant-focus-state-side-text-secondary-color: var(--row-normal-variant-focus-state-side-text-secondary-dark-mode-color); --row-normal-variant-focus-state-subtext-color: var(--row-normal-variant-focus-state-subtext-dark-mode-color); --row-normal-variant-focus-state-tertiary-text-color: var(--row-normal-variant-focus-state-tertiary-text-dark-mode-color); --row-normal-variant-focus-state-text-color: var(--row-normal-variant-focus-state-text-dark-mode-color); --row-normal-variant-hover-state-background-color: var(--row-normal-variant-hover-state-background-dark-mode-color); --row-normal-variant-hover-state-drill-color: var(--row-normal-variant-hover-state-drill-dark-mode-color); --row-normal-variant-hover-state-icon-color: var(--row-normal-variant-hover-state-icon-dark-mode-color); --row-normal-variant-hover-state-separator-color: var(--row-normal-variant-hover-state-separator-dark-mode-color); --row-normal-variant-hover-state-side-text-primary-color: var(--row-normal-variant-hover-state-side-text-primary-dark-mode-color); --row-normal-variant-hover-state-side-text-secondary-color: var(--row-normal-variant-hover-state-side-text-secondary-dark-mode-color); --row-normal-variant-hover-state-subtext-color: var(--row-normal-variant-hover-state-subtext-dark-mode-color); --row-normal-variant-hover-state-tertiary-text-color: var(--row-normal-variant-hover-state-tertiary-text-dark-mode-color); --row-normal-variant-hover-state-text-color: var(--row-normal-variant-hover-state-text-dark-mode-color); --row-normal-variant-normal-state-background-color: var(--row-normal-variant-normal-state-background-dark-mode-color); --row-normal-variant-normal-state-drill-color: var(--row-normal-variant-normal-state-drill-dark-mode-color); --row-normal-variant-normal-state-icon-color: var(--row-normal-variant-normal-state-icon-dark-mode-color); --row-normal-variant-normal-state-separator-color: var(--row-normal-variant-normal-state-separator-dark-mode-color); --row-normal-variant-normal-state-side-text-primary-color: var(--row-normal-variant-normal-state-side-text-primary-dark-mode-color); --row-normal-variant-normal-state-side-text-secondary-color: var(--row-normal-variant-normal-state-side-text-secondary-dark-mode-color); --row-normal-variant-normal-state-subtext-color: var(--row-normal-variant-normal-state-subtext-dark-mode-color); --row-normal-variant-normal-state-tertiary-text-color: var(--row-normal-variant-normal-state-tertiary-text-dark-mode-color); --row-normal-variant-normal-state-text-color: var(--row-normal-variant-normal-state-text-dark-mode-color); --row-normal-variant-pressed-state-background-color: var(--row-normal-variant-pressed-state-background-dark-mode-color); --row-normal-variant-pressed-state-drill-color: var(--row-normal-variant-pressed-state-drill-dark-mode-color); --row-normal-variant-pressed-state-icon-color: var(--row-normal-variant-pressed-state-icon-dark-mode-color); --row-normal-variant-pressed-state-separator-color: var(--row-normal-variant-pressed-state-separator-dark-mode-color); --row-normal-variant-pressed-state-side-text-primary-color: var(--row-normal-variant-pressed-state-side-text-primary-dark-mode-color); --row-normal-variant-pressed-state-side-text-secondary-color: var(--row-normal-variant-pressed-state-side-text-secondary-dark-mode-color); --row-normal-variant-pressed-state-subtext-color: var(--row-normal-variant-pressed-state-subtext-dark-mode-color); --row-normal-variant-pressed-state-tertiary-text-color: var(--row-normal-variant-pressed-state-tertiary-text-dark-mode-color); --row-normal-variant-pressed-state-text-color: var(--row-normal-variant-pressed-state-text-dark-mode-color); --row-normal-variant-selected-disabled-state-background-color: var(--row-normal-variant-selected-disabled-state-background-dark-mode-color); --row-normal-variant-selected-state-background-color: var(--row-normal-variant-selected-state-background-dark-mode-color); --row-normal-variant-selected-state-drill-color: var(--row-normal-variant-selected-state-drill-dark-mode-color); --row-normal-variant-selected-state-icon-color: var(--row-normal-variant-selected-state-icon-dark-mode-color); --row-normal-variant-selected-state-separator-color: var(--row-normal-variant-selected-state-separator-dark-mode-color); --row-normal-variant-selected-state-side-text-primary-color: var(--row-normal-variant-selected-state-side-text-primary-dark-mode-color); --row-normal-variant-selected-state-side-text-secondary-color: var(--row-normal-variant-selected-state-side-text-secondary-dark-mode-color); --row-normal-variant-selected-state-subtext-color: var(--row-normal-variant-selected-state-subtext-dark-mode-color); --row-normal-variant-selected-state-tertiary-text-color: var(--row-normal-variant-selected-state-tertiary-text-dark-mode-color); --row-normal-variant-selected-state-text-color: var(--row-normal-variant-selected-state-text-dark-mode-color); --row-pressed-state-background-color: var(--row-pressed-state-background-dark-mode-color); --row-pressed-state-drill-color: var(--row-pressed-state-drill-dark-mode-color); --row-pressed-state-icon-color: var(--row-pressed-state-icon-dark-mode-color); --row-pressed-state-separator-color: var(--row-pressed-state-separator-dark-mode-color); --row-pressed-state-side-text-primary-color: var(--row-pressed-state-side-text-primary-dark-mode-color); --row-pressed-state-side-text-secondary-color: var(--row-pressed-state-side-text-secondary-dark-mode-color); --row-pressed-state-subtext-color: var(--row-pressed-state-subtext-dark-mode-color); --row-pressed-state-tertiary-text-color: var(--row-pressed-state-tertiary-text-dark-mode-color); --row-pressed-state-text-color: var(--row-pressed-state-text-dark-mode-color); --row-selected-disabled-state-background-color: var(--row-selected-disabled-state-background-dark-mode-color); --row-selected-state-background-color: var(--row-selected-state-background-dark-mode-color); --row-selected-state-drill-color: var(--row-selected-state-drill-dark-mode-color); --row-selected-state-icon-color: var(--row-selected-state-icon-dark-mode-color); --row-selected-state-separator-color: var(--row-selected-state-separator-dark-mode-color); --row-selected-state-side-text-primary-color: var(--row-selected-state-side-text-primary-dark-mode-color); --row-selected-state-side-text-secondary-color: var(--row-selected-state-side-text-secondary-dark-mode-color); --row-selected-state-subtext-color: var(--row-selected-state-subtext-dark-mode-color); --row-selected-state-tertiary-text-color: var(--row-selected-state-tertiary-text-dark-mode-color); --row-selected-state-text-color: var(--row-selected-state-text-dark-mode-color); /* ========== search ========== */ --search-disabled-state-border-color: var(--search-disabled-state-border-dark-mode-color); --search-disabled-state-input-color: var(--search-disabled-state-input-dark-mode-color); --search-disabled-state-leading-icon-color: var(--search-disabled-state-leading-icon-dark-mode-color); --search-disabled-state-trailing-icon-color: var(--search-disabled-state-trailing-icon-dark-mode-color); --search-focused-state-border-color: var(--search-focused-state-border-dark-mode-color); --search-hint-text-color: var(--search-hint-text-dark-mode-color); --search-normal-state-border-color: var(--search-normal-state-border-dark-mode-color); --search-normal-state-input-color: var(--search-normal-state-input-dark-mode-color); --search-normal-state-leading-icon-color: var(--search-normal-state-leading-icon-dark-mode-color); --search-normal-state-trailing-icon-color: var(--search-normal-state-trailing-icon-dark-mode-color); /* ========== segmentedControl ========== */ --segmented-control-background-disabled-state-color: var(--segmented-control-background-disabled-state-dark-mode-color); --segmented-control-background-normal-state-color: var(--segmented-control-background-normal-state-dark-mode-color); --segmented-control-disabled-state-background-color: var(--segmented-control-disabled-state-background-dark-mode-color); --segmented-control-normal-state-background-color: var(--segmented-control-normal-state-background-dark-mode-color); --segmented-control-option-background-disabled-state-color: var(--segmented-control-option-background-disabled-state-dark-mode-color); --segmented-control-option-background-hover-state-color: var(--segmented-control-option-background-hover-state-dark-mode-color); --segmented-control-option-background-normal-state-color: var(--segmented-control-option-background-normal-state-dark-mode-color); --segmented-control-option-background-pressed-state-color: var(--segmented-control-option-background-pressed-state-dark-mode-color); --segmented-control-option-background-selected-state-color: var(--segmented-control-option-background-selected-state-dark-mode-color); --segmented-control-option-background-selected-value-disabled-state-color: var(--segmented-control-option-background-selected-value-disabled-state-dark-mode-color); --segmented-control-option-background-selected-value-hover-state-color: var(--segmented-control-option-background-selected-value-hover-state-dark-mode-color); --segmented-control-option-background-selected-value-normal-state-color: var(--segmented-control-option-background-selected-value-normal-state-dark-mode-color); --segmented-control-option-background-selected-value-pressed-state-color: var(--segmented-control-option-background-selected-value-pressed-state-dark-mode-color); --segmented-control-option-background-unselected-value-disabled-state-color: var(--segmented-control-option-background-unselected-value-disabled-state-dark-mode-color); --segmented-control-option-background-unselected-value-hover-state-color: var(--segmented-control-option-background-unselected-value-hover-state-dark-mode-color); --segmented-control-option-background-unselected-value-normal-state-color: var(--segmented-control-option-background-unselected-value-normal-state-dark-mode-color); --segmented-control-option-background-unselected-value-pressed-state-color: var(--segmented-control-option-background-unselected-value-pressed-state-dark-mode-color); --segmented-control-option-label-disabled-state-color: var(--segmented-control-option-label-disabled-state-dark-mode-color); --segmented-control-option-label-hover-state-color: var(--segmented-control-option-label-hover-state-dark-mode-color); --segmented-control-option-label-normal-state-color: var(--segmented-control-option-label-normal-state-dark-mode-color); --segmented-control-option-label-pressed-state-color: var(--segmented-control-option-label-pressed-state-dark-mode-color); --segmented-control-option-label-selected-state-color: var(--segmented-control-option-label-selected-state-dark-mode-color); --segmented-control-option-label-selected-value-disabled-state-color: var(--segmented-control-option-label-selected-value-disabled-state-dark-mode-color); --segmented-control-option-label-selected-value-hover-state-color: var(--segmented-control-option-label-selected-value-hover-state-dark-mode-color); --segmented-control-option-label-selected-value-normal-state-color: var(--segmented-control-option-label-selected-value-normal-state-dark-mode-color); --segmented-control-option-label-selected-value-pressed-state-color: var(--segmented-control-option-label-selected-value-pressed-state-dark-mode-color); --segmented-control-option-label-unselected-value-disabled-state-color: var(--segmented-control-option-label-unselected-value-disabled-state-dark-mode-color); --segmented-control-option-label-unselected-value-hover-state-color: var(--segmented-control-option-label-unselected-value-hover-state-dark-mode-color); --segmented-control-option-label-unselected-value-normal-state-color: var(--segmented-control-option-label-unselected-value-normal-state-dark-mode-color); --segmented-control-option-label-unselected-value-pressed-state-color: var(--segmented-control-option-label-unselected-value-pressed-state-dark-mode-color); --segmented-control-option-selected-value-disabled-state-background-color: var(--segmented-control-option-selected-value-disabled-state-background-dark-mode-color); --segmented-control-option-selected-value-disabled-state-label-color: var(--segmented-control-option-selected-value-disabled-state-label-dark-mode-color); --segmented-control-option-selected-value-hover-state-background-color: var(--segmented-control-option-selected-value-hover-state-background-dark-mode-color); --segmented-control-option-selected-value-hover-state-label-color: var(--segmented-control-option-selected-value-hover-state-label-dark-mode-color); --segmented-control-option-selected-value-normal-state-background-color: var(--segmented-control-option-selected-value-normal-state-background-dark-mode-color); --segmented-control-option-selected-value-normal-state-label-color: var(--segmented-control-option-selected-value-normal-state-label-dark-mode-color); --segmented-control-option-selected-value-pressed-state-background-color: var(--segmented-control-option-selected-value-pressed-state-background-dark-mode-color); --segmented-control-option-selected-value-pressed-state-label-color: var(--segmented-control-option-selected-value-pressed-state-label-dark-mode-color); --segmented-control-option-unselected-value-disabled-state-background-color: var(--segmented-control-option-unselected-value-disabled-state-dark-mode-background-color); --segmented-control-option-unselected-value-disabled-state-label-color: var(--segmented-control-option-unselected-value-disabled-state-label-dark-mode-color); --segmented-control-option-unselected-value-hover-state-background-color: var(--segmented-control-option-unselected-value-hover-state-dark-mode-background-color); --segmented-control-option-unselected-value-hover-state-label-color: var(--segmented-control-option-unselected-value-hover-state-label-dark-mode-color); --segmented-control-option-unselected-value-normal-state-background-color: var(--segmented-control-option-unselected-value-normal-state-dark-mode-background-color); --segmented-control-option-unselected-value-normal-state-label-color: var(--segmented-control-option-unselected-value-normal-state-label-dark-mode-color); --segmented-control-option-unselected-value-pressed-state-background-color: var(--segmented-control-option-unselected-value-pressed-state-dark-mode-background-color); --segmented-control-option-unselected-value-pressed-state-label-color: var(--segmented-control-option-unselected-value-pressed-state-label-dark-mode-color); /* ========== select ========== */ --select-caret-color: var(--select-caret-dark-mode-color); --select-disclosure-indicator-color: var(--select-disclosure-indicator-dark-mode-color); /* ========== skeleton-loader ========== */ --skeleton-loader-fill-color: var(--skeleton-loader-fill-dark-mode-color); --skeleton-loader-gradient-1-color: var(--skeleton-loader-gradient-dark-mode-1-color); --skeleton-loader-gradient-2-color: var(--skeleton-loader-gradient-dark-mode-2-color); --skeleton-loader-gradient-3-color: var(--skeleton-loader-gradient-dark-mode-3-color); /* ========== stepper ========== */ --stepper-button-disabled-state-background-color: var(--stepper-button-disabled-state-dark-mode-background-color); --stepper-button-disabled-state-icon-color: var(--stepper-button-disabled-state-dark-mode-icon-color); --stepper-button-focus-state-background-color: var(--stepper-button-focus-state-dark-mode-background-color); --stepper-button-focus-state-icon-color: var(--stepper-button-focus-state-dark-mode-icon-color); --stepper-button-hover-state-background-color: var(--stepper-button-hover-state-dark-mode-background-color); --stepper-button-hover-state-icon-color: var(--stepper-button-hover-state-dark-mode-icon-color); --stepper-button-normal-state-background-color: var(--stepper-button-normal-state-dark-mode-background-color); --stepper-button-normal-state-icon-color: var(--stepper-button-normal-state-dark-mode-icon-color); --stepper-button-pressed-state-background-color: var(--stepper-button-pressed-state-dark-mode-background-color); --stepper-button-pressed-state-icon-color: var(--stepper-button-pressed-state-dark-mode-icon-color); --stepper-disabled-state-background-color: var(--stepper-disabled-state-background-dark-mode-color); --stepper-disabled-state-border-color: var(--stepper-disabled-state-border-dark-mode-color); --stepper-focus-state-background-color: var(--stepper-focus-state-background-dark-mode-color); --stepper-focus-state-invalid-validity-color: var(--stepper-focus-state-invalid-validity-dark-mode-color); --stepper-focus-state-normal-validity-color: var(--stepper-focus-state-normal-validity-dark-mode-color); --stepper-hover-state-background-color: var(--stepper-hover-state-background-dark-mode-color); --stepper-hover-state-invalid-validity-color: var(--stepper-hover-state-invalid-validity-dark-mode-color); --stepper-hover-state-normal-validity-color: var(--stepper-hover-state-normal-validity-dark-mode-color); --stepper-normal-state-background-color: var(--stepper-normal-state-background-dark-mode-color); --stepper-normal-state-invalid-validity-color: var(--stepper-normal-state-invalid-validity-dark-mode-color); --stepper-normal-state-normal-validity-color: var(--stepper-normal-state-normal-validity-dark-mode-color); --stepper-quantity-input-field-value-text-disabled-state-color: var(--stepper-quantity-input-field-value-text-disabled-state-dark-mode-color); --stepper-quantity-input-field-value-text-normal-state-color: var(--stepper-quantity-input-field-value-text-normal-state-dark-mode-color); --stepper-quantity-input-field-value-text-placeholder-color: var(--stepper-quantity-input-field-value-text-placeholder-dark-mode-color); /* ========== sticky-section-header ========== */ --sticky-section-header-background-color: var(--sticky-section-header-background-dark-mode-color); --sticky-section-header-separator-color: var(--sticky-section-header-separator-dark-mode-color); --sticky-section-header-text-color: var(--sticky-section-header-text-dark-mode-color); --sticky-section-header-text-link-color: var(--sticky-section-header-text-link-dark-mode-color); /* ========== subtle-button ========== */ --subtle-button-destructive-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-disabled-state-icon-dark-mode-color); --subtle-button-destructive-variant-primary-rank-hover-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-hover-state-icon-dark-mode-color); --subtle-button-destructive-variant-primary-rank-normal-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-normal-state-icon-dark-mode-color); --subtle-button-destructive-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-destructive-variant-primary-rank-pressed-state-icon-dark-mode-color); --subtle-button-normal-variant-primary-rank-disabled-state-icon-color: var(--subtle-button-normal-variant-primary-rank-disabled-state-icon-dark-mode-color); --subtle-button-normal-variant-primary-rank-hover-state-icon-color: var(--subtle-button-normal-variant-primary-rank-hover-state-icon-dark-mode-color); --subtle-button-normal-variant-primary-rank-normal-state-icon-color: var(--subtle-button-normal-variant-primary-rank-normal-state-icon-dark-mode-color); --subtle-button-normal-variant-primary-rank-pressed-state-icon-color: var(--subtle-button-normal-variant-primary-rank-pressed-state-icon-dark-mode-color); /* ========== swipe-action ========== */ --swipe-action-destructive-variant-background-color: var(--swipe-action-destructive-variant-background-dark-mode-color); --swipe-action-destructive-variant-foreground-color: var(--swipe-action-destructive-variant-foreground-dark-mode-color); --swipe-action-primary-variant-background-color: var(--swipe-action-primary-variant-background-dark-mode-color); --swipe-action-primary-variant-foreground-color: var(--swipe-action-primary-variant-foreground-dark-mode-color); --swipe-action-secondary-variant-background-color: var(--swipe-action-secondary-variant-background-dark-mode-color); --swipe-action-secondary-variant-foreground-color: var(--swipe-action-secondary-variant-foreground-dark-mode-color); /* ========== tabbar ========== */ --tabbar-accessory-disabled-state-content-color: var(--tabbar-accessory-disabled-state-content-dark-mode-color); --tabbar-accessory-hover-state-content-color: var(--tabbar-accessory-hover-state-content-dark-mode-color); --tabbar-accessory-normal-state-content-color: var(--tabbar-accessory-normal-state-content-dark-mode-color); --tabbar-accessory-pressed-state-content-color: var(--tabbar-accessory-pressed-state-content-dark-mode-color); --tabbar-background-color: var(--tabbar-background-dark-mode-color); --tabbar-divider-color: var(--tabbar-divider-dark-mode-color); --tabbar-item-selected-value-disabled-state-background-color: var(--tabbar-item-selected-value-disabled-state-background-dark-mode-color); --tabbar-item-selected-value-disabled-state-content-color: var(--tabbar-item-selected-value-disabled-state-content-dark-mode-color); --tabbar-item-selected-value-hover-state-background-color: var(--tabbar-item-selected-value-hover-state-background-dark-mode-color); --tabbar-item-selected-value-hover-state-content-color: var(--tabbar-item-selected-value-hover-state-content-dark-mode-color); --tabbar-item-selected-value-normal-state-background-color: var(--tabbar-item-selected-value-normal-state-background-dark-mode-color); --tabbar-item-selected-value-normal-state-content-color: var(--tabbar-item-selected-value-normal-state-content-dark-mode-color); --tabbar-item-selected-value-pressed-state-background-color: var(--tabbar-item-selected-value-pressed-state-background-dark-mode-color); --tabbar-item-selected-value-pressed-state-content-color: var(--tabbar-item-selected-value-pressed-state-content-dark-mode-color); --tabbar-item-unselected-value-disabled-state-background-color: var(--tabbar-item-unselected-value-disabled-state-background-dark-mode-color); --tabbar-item-unselected-value-disabled-state-content-color: var(--tabbar-item-unselected-value-disabled-state-content-dark-mode-color); --tabbar-item-unselected-value-hover-state-background-color: var(--tabbar-item-unselected-value-hover-state-background-dark-mode-color); --tabbar-item-unselected-value-hover-state-content-color: var(--tabbar-item-unselected-value-hover-state-content-dark-mode-color); --tabbar-item-unselected-value-normal-state-background-color: var(--tabbar-item-unselected-value-normal-state-background-dark-mode-color); --tabbar-item-unselected-value-normal-state-content-color: var(--tabbar-item-unselected-value-normal-state-content-dark-mode-color); --tabbar-item-unselected-value-pressed-state-background-color: var(--tabbar-item-unselected-value-pressed-state-background-dark-mode-color); --tabbar-item-unselected-value-pressed-state-content-color: var(--tabbar-item-unselected-value-pressed-state-content-dark-mode-color); /* ========== tableCell ========== */ --table-cell-disabled-state-text-color: var(--table-cell-disabled-state-text-dark-mode-color); --table-cell-focus-state-background-color: var(--table-cell-focus-state-background-dark-mode-color); --table-cell-hover-state-background-color: var(--table-cell-hover-state-background-dark-mode-color); --table-cell-pressed-state-background-color: var(--table-cell-pressed-state-background-dark-mode-color); --table-cell-selected-state-background-color: var(--table-cell-selected-state-background-dark-mode-color); /* ========== tag ========== */ --tag-disabled-state-background-color: var(--tag-disabled-state-dark-mode-background-color); --tag-disabled-state-icon-color: var(--tag-disabled-state-dark-mode-icon-color); --tag-disabled-state-label-color: var(--tag-disabled-state-dark-mode-label-color); --tag-disabled-state-remove-indicator-color: var(--tag-disabled-state-dark-mode-remove-indicator-color); --tag-focus-state-background-color: var(--tag-focus-state-dark-mode-background-color); --tag-focus-state-icon-color: var(--tag-focus-state-dark-mode-icon-color); --tag-focus-state-label-color: var(--tag-focus-state-dark-mode-label-color); --tag-focus-state-remove-indicator-color: var(--tag-focus-state-dark-mode-remove-indicator-color); --tag-hover-state-background-color: var(--tag-hover-state-dark-mode-background-color); --tag-hover-state-icon-color: var(--tag-hover-state-dark-mode-icon-color); --tag-hover-state-label-color: var(--tag-hover-state-dark-mode-label-color); --tag-hover-state-remove-indicator-color: var(--tag-hover-state-dark-mode-remove-indicator-color); --tag-normal-state-background-color: var(--tag-normal-state-dark-mode-background-color); --tag-normal-state-icon-color: var(--tag-normal-state-dark-mode-icon-color); --tag-normal-state-label-color: var(--tag-normal-state-dark-mode-label-color); --tag-normal-state-remove-indicator-color: var(--tag-normal-state-dark-mode-remove-indicator-color); --tag-pressed-state-background-color: var(--tag-pressed-state-dark-mode-background-color); --tag-pressed-state-icon-color: var(--tag-pressed-state-dark-mode-icon-color); --tag-pressed-state-label-color: var(--tag-pressed-state-dark-mode-label-color); --tag-pressed-state-remove-indicator-color: var(--tag-pressed-state-dark-mode-remove-indicator-color); /* ========== text-link-group ========== */ --text-link-group-separator-color: var(--text-link-group-separator-dark-mode-color); /* ========== text-link ========== */ --text-link-destructive-variant-color: var(--text-link-destructive-variant-dark-mode-color); --text-link-destructive-variant-disabled-state-color: var(--text-link-destructive-variant-disabled-state-dark-mode-color); --text-link-destructive-variant-hover-state-color: var(--text-link-destructive-variant-hover-state-dark-mode-color); --text-link-destructive-variant-normal-state-color: var(--text-link-destructive-variant-normal-state-dark-mode-color); --text-link-destructive-variant-pressed-state-color: var(--text-link-destructive-variant-pressed-state-dark-mode-color); --text-link-inverted-variant-disabled-state-color: var(--text-link-inverted-variant-disabled-state-dark-mode-color); --text-link-inverted-variant-hover-state-color: var(--text-link-inverted-variant-hover-state-dark-mode-color); --text-link-inverted-variant-normal-state-color: var(--text-link-inverted-variant-normal-state-dark-mode-color); --text-link-inverted-variant-pressed-state-color: var(--text-link-inverted-variant-pressed-state-dark-mode-color); --text-link-normal-variant-color: var(--text-link-normal-variant-dark-mode-color); --text-link-normal-variant-disabled-state-color: var(--text-link-normal-variant-disabled-state-dark-mode-color); --text-link-normal-variant-hover-state-color: var(--text-link-normal-variant-hover-state-dark-mode-color); --text-link-normal-variant-normal-state-color: var(--text-link-normal-variant-normal-state-dark-mode-color); --text-link-normal-variant-pressed-state-color: var(--text-link-normal-variant-pressed-state-dark-mode-color); /* ========== textarea ========== */ --textarea-placeholder-color: var(--textarea-placeholder-dark-mode-color); --textarea-selection-caret-color: var(--textarea-selection-caret-dark-mode-color); --textarea-selection-highlight-color: var(--textarea-selection-highlight-dark-mode-color); --textarea-selection-text-cursor-color: var(--textarea-selection-text-cursor-dark-mode-color); /* ========== toast ========== */ --toast-accent-color: var(--toast-accent-dark-mode-color); --toast-background-color: var(--toast-background-dark-mode-color); --toast-critical-variant-accent-color: var(--toast-critical-variant-accent-dark-mode-color); --toast-critical-variant-background-color: var(--toast-critical-variant-background-dark-mode-color); --toast-critical-variant-button-text-color: var(--toast-critical-variant-button-text-dark-mode-color); --toast-critical-variant-dismiss-button-color: var(--toast-critical-variant-dismiss-button-dark-mode-color); --toast-critical-variant-icon-color: var(--toast-critical-variant-icon-dark-mode-color); --toast-critical-variant-link-color: var(--toast-critical-variant-link-dark-mode-color); --toast-critical-variant-progress-bar-color: var(--toast-critical-variant-progress-bar-dark-mode-color); --toast-critical-variant-separator-color: var(--toast-critical-variant-separator-dark-mode-color); --toast-critical-variant-text-color: var(--toast-critical-variant-text-dark-mode-color); --toast-dismiss-button-color: var(--toast-dismiss-button-dark-mode-color); --toast-icon-color: var(--toast-icon-dark-mode-color); --toast-info-variant-accent-color: var(--toast-info-variant-accent-dark-mode-color); --toast-info-variant-background-color: var(--toast-info-variant-background-dark-mode-color); --toast-info-variant-button-text-color: var(--toast-info-variant-button-text-dark-mode-color); --toast-info-variant-dismiss-button-color: var(--toast-info-variant-dismiss-button-dark-mode-color); --toast-info-variant-icon-color: var(--toast-info-variant-icon-dark-mode-color); --toast-info-variant-link-color: var(--toast-info-variant-link-dark-mode-color); --toast-info-variant-progress-bar-color: var(--toast-info-variant-progress-bar-dark-mode-color); --toast-info-variant-separator-color: var(--toast-info-variant-separator-dark-mode-color); --toast-info-variant-text-color: var(--toast-info-variant-text-dark-mode-color); --toast-insight-variant-accent-color: var(--toast-insight-variant-accent-dark-mode-color); --toast-insight-variant-background-color: var(--toast-insight-variant-background-dark-mode-color); --toast-insight-variant-button-text-color: var(--toast-insight-variant-button-text-dark-mode-color); --toast-insight-variant-dismiss-button-color: var(--toast-insight-variant-dismiss-button-dark-mode-color); --toast-insight-variant-icon-color: var(--toast-insight-variant-icon-dark-mode-color); --toast-insight-variant-link-color: var(--toast-insight-variant-link-dark-mode-color); --toast-insight-variant-progress-bar-color: var(--toast-insight-variant-progress-bar-dark-mode-color); --toast-insight-variant-separator-color: var(--toast-insight-variant-separator-dark-mode-color); --toast-insight-variant-text-color: var(--toast-insight-variant-text-dark-mode-color); --toast-link-destructive-variant-color: var(--toast-link-destructive-variant-dark-mode-color); --toast-link-destructive-variant-disabled-state-color: var(--toast-link-destructive-variant-disabled-state-dark-mode-color); --toast-link-destructive-variant-hover-state-color: var(--toast-link-destructive-variant-hover-state-dark-mode-color); --toast-link-destructive-variant-normal-state-color: var(--toast-link-destructive-variant-normal-state-dark-mode-color); --toast-link-destructive-variant-pressed-state-color: var(--toast-link-destructive-variant-pressed-state-dark-mode-color); --toast-link-inverted-variant-disabled-state-color: var(--toast-link-inverted-variant-disabled-state-dark-mode-color); --toast-link-inverted-variant-hover-state-color: var(--toast-link-inverted-variant-hover-state-dark-mode-color); --toast-link-inverted-variant-normal-state-color: var(--toast-link-inverted-variant-normal-state-dark-mode-color); --toast-link-inverted-variant-pressed-state-color: var(--toast-link-inverted-variant-pressed-state-dark-mode-color); --toast-link-normal-variant-color: var(--toast-link-normal-variant-dark-mode-color); --toast-link-normal-variant-disabled-state-color: var(--toast-link-normal-variant-disabled-state-dark-mode-color); --toast-link-normal-variant-hover-state-color: var(--toast-link-normal-variant-hover-state-dark-mode-color); --toast-link-normal-variant-normal-state-color: var(--toast-link-normal-variant-normal-state-dark-mode-color); --toast-link-normal-variant-pressed-state-color: var(--toast-link-normal-variant-pressed-state-dark-mode-color); --toast-progress-bar-color: var(--toast-progress-bar-dark-mode-color); --toast-success-variant-accent-color: var(--toast-success-variant-accent-dark-mode-color); --toast-success-variant-background-color: var(--toast-success-variant-background-dark-mode-color); --toast-success-variant-button-text-color: var(--toast-success-variant-button-text-dark-mode-color); --toast-success-variant-dismiss-button-color: var(--toast-success-variant-dismiss-button-dark-mode-color); --toast-success-variant-icon-color: var(--toast-success-variant-icon-dark-mode-color); --toast-success-variant-link-color: var(--toast-success-variant-link-dark-mode-color); --toast-success-variant-progress-bar-color: var(--toast-success-variant-progress-bar-dark-mode-color); --toast-success-variant-separator-color: var(--toast-success-variant-separator-dark-mode-color); --toast-success-variant-text-color: var(--toast-success-variant-text-dark-mode-color); --toast-text-color: var(--toast-text-dark-mode-color); --toast-warning-variant-accent-color: var(--toast-warning-variant-accent-dark-mode-color); --toast-warning-variant-background-color: var(--toast-warning-variant-background-dark-mode-color); --toast-warning-variant-button-text-color: var(--toast-warning-variant-button-text-dark-mode-color); --toast-warning-variant-dismiss-button-color: var(--toast-warning-variant-dismiss-button-dark-mode-color); --toast-warning-variant-icon-color: var(--toast-warning-variant-icon-dark-mode-color); --toast-warning-variant-link-color: var(--toast-warning-variant-link-dark-mode-color); --toast-warning-variant-progress-bar-color: var(--toast-warning-variant-progress-bar-dark-mode-color); --toast-warning-variant-separator-color: var(--toast-warning-variant-separator-dark-mode-color); --toast-warning-variant-text-color: var(--toast-warning-variant-text-dark-mode-color); /* ========== toggle ========== */ --toggle-disabled-state-selected-value-border-color: var(--toggle-disabled-state-selected-value-dark-mode-border-color); --toggle-disabled-state-selected-value-thumb-color: var(--toggle-disabled-state-selected-value-dark-mode-thumb-color); --toggle-disabled-state-selected-value-track-color: var(--toggle-disabled-state-selected-value-dark-mode-track-color); --toggle-disabled-state-unselected-value-border-color: var(--toggle-disabled-state-unselected-value-dark-mode-border-color); --toggle-disabled-state-unselected-value-thumb-color: var(--toggle-disabled-state-unselected-value-dark-mode-thumb-color); --toggle-disabled-state-unselected-value-track-color: var(--toggle-disabled-state-unselected-value-dark-mode-track-color); --toggle-focus-ring-color: var(--toggle-focus-ring-dark-mode-color); --toggle-focus-state-selected-value-border-color: var(--toggle-focus-state-selected-value-dark-mode-border-color); --toggle-focus-state-selected-value-thumb-color: var(--toggle-focus-state-selected-value-dark-mode-thumb-color); --toggle-focus-state-selected-value-track-color: var(--toggle-focus-state-selected-value-dark-mode-track-color); --toggle-focus-state-unselected-value-border-color: var(--toggle-focus-state-unselected-value-dark-mode-border-color); --toggle-focus-state-unselected-value-thumb-color: var(--toggle-focus-state-unselected-value-dark-mode-thumb-color); --toggle-focus-state-unselected-value-track-color: var(--toggle-focus-state-unselected-value-dark-mode-track-color); --toggle-hover-state-selected-value-border-color: var(--toggle-hover-state-selected-value-dark-mode-border-color); --toggle-hover-state-selected-value-thumb-color: var(--toggle-hover-state-selected-value-dark-mode-thumb-color); --toggle-hover-state-selected-value-track-color: var(--toggle-hover-state-selected-value-dark-mode-track-color); --toggle-hover-state-unselected-value-border-color: var(--toggle-hover-state-unselected-value-dark-mode-border-color); --toggle-hover-state-unselected-value-thumb-color: var(--toggle-hover-state-unselected-value-dark-mode-thumb-color); --toggle-hover-state-unselected-value-track-color: var(--toggle-hover-state-unselected-value-dark-mode-track-color); --toggle-normal-state-selected-value-border-color: var(--toggle-normal-state-selected-value-dark-mode-border-color); --toggle-normal-state-selected-value-thumb-color: var(--toggle-normal-state-selected-value-dark-mode-thumb-color); --toggle-normal-state-selected-value-track-color: var(--toggle-normal-state-selected-value-dark-mode-track-color); --toggle-normal-state-unselected-value-border-color: var(--toggle-normal-state-unselected-value-dark-mode-border-color); --toggle-normal-state-unselected-value-thumb-color: var(--toggle-normal-state-unselected-value-dark-mode-thumb-color); --toggle-normal-state-unselected-value-track-color: var(--toggle-normal-state-unselected-value-dark-mode-track-color); --toggle-pressed-state-selected-value-border-color: var(--toggle-pressed-state-selected-value-dark-mode-border-color); --toggle-pressed-state-selected-value-thumb-color: var(--toggle-pressed-state-selected-value-dark-mode-thumb-color); --toggle-pressed-state-selected-value-track-color: var(--toggle-pressed-state-selected-value-dark-mode-track-color); --toggle-pressed-state-unselected-value-border-color: var(--toggle-pressed-state-unselected-value-dark-mode-border-color); --toggle-pressed-state-unselected-value-thumb-color: var(--toggle-pressed-state-unselected-value-dark-mode-thumb-color); --toggle-pressed-state-unselected-value-track-color: var(--toggle-pressed-state-unselected-value-dark-mode-track-color); /* ========== tooltip ========== */ --tooltip-background-color: var(--tooltip-background-dark-mode-color); --tooltip-link-color: var(--tooltip-link-dark-mode-color); --tooltip-popover-background-color: var(--tooltip-popover-background-dark-mode-color); --tooltip-popover-link-color: var(--tooltip-popover-link-dark-mode-color); --tooltip-popover-text-color: var(--tooltip-popover-text-dark-mode-color); --tooltip-text-color: var(--tooltip-text-dark-mode-color); --tooltip-trigger-icon-active-state-color: var(--tooltip-trigger-icon-active-state-dark-mode-color); --tooltip-trigger-icon-disabled-state-color: var(--tooltip-trigger-icon-disabled-state-dark-mode-color); --tooltip-trigger-icon-normal-state-color: var(--tooltip-trigger-icon-normal-state-dark-mode-color); --tooltip-trigger-text-active-state-color: var(--tooltip-trigger-text-active-state-dark-mode-color); --tooltip-trigger-text-disabled-state-color: var(--tooltip-trigger-text-disabled-state-dark-mode-color); --tooltip-trigger-text-normal-state-color: var(--tooltip-trigger-text-normal-state-dark-mode-color); /* ========== tracker ========== */ --tracker-horizontal-orientation-compact-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-large-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-large-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-medium-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-compact-density-small-size-current-state-color: var(--tracker-horizontal-orientation-compact-density-small-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-large-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-large-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-medium-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-connectors-density-small-size-current-state-color: var(--tracker-horizontal-orientation-connectors-density-small-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-large-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-large-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-large-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-medium-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-medium-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-medium-size-current-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-small-size-completed-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-completed-state-dark-mode-color); --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); --tracker-horizontal-orientation-regular-density-small-size-current-state-color: var(--tracker-horizontal-orientation-regular-density-small-size-current-state-dark-mode-color); --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); } } /* shared imports and styles */ /* If importing this file directly, make sure to also import design token CSS variables */ /* global styles */ .market-grid-container { display: grid; grid-template-columns: repeat(var(--core-grid-column-count), 1fr); grid-gap: var(--core-grid-horizontal-spacing) var(--core-grid-vertical-spacing); } .market-grid-item-small { grid-column: auto / span var(--core-grid-item-small-size-column-span); } .market-grid-item-medium { grid-column: auto / span var(--core-grid-item-medium-size-column-span); } .market-grid-item-large { grid-column: auto / span var(--core-grid-item-large-size-column-span); } .market-grid-item-full { grid-column: auto / span var(--core-grid-item-full-size-column-span); } /* TODO: Figure out how to get token values into the media query breakpoints */ /* Medium Viewports: --core-breakpoint-medium-min-width: 600px */ @media only screen and (min-width: 600px) { messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] { --core-grid-column-count: var(--core-medium-viewport-grid-column-count); --core-grid-horizontal-spacing: var(--core-medium-viewport-grid-horizontal-spacing); --core-grid-vertical-spacing: var(--core-medium-viewport-grid-vertical-spacing); --core-grid-item-full-size-column-span: var(--core-medium-viewport-grid-item-full-size-column-span); --core-grid-item-large-size-column-span: var(--core-medium-viewport-grid-item-large-size-column-span); --core-grid-item-medium-size-column-span: var(--core-medium-viewport-grid-item-medium-size-column-span); --core-grid-item-small-size-column-span: var(--core-medium-viewport-grid-item-small-size-column-span); } } /* Wide Viewports: --core-breakpoint-wide-min-width: 800px */ @media only screen and (min-width: 800px) { messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] { --core-grid-column-count: var(--core-wide-viewport-grid-column-count); --core-grid-horizontal-spacing: var(--core-wide-viewport-grid-horizontal-spacing); --core-grid-vertical-spacing: var(--core-wide-viewport-grid-vertical-spacing); --core-grid-item-full-size-column-span: var(--core-wide-viewport-grid-item-full-size-column-span); --core-grid-item-large-size-column-span: var(--core-wide-viewport-grid-item-large-size-column-span); --core-grid-item-medium-size-column-span: var(--core-wide-viewport-grid-item-medium-size-column-span); --core-grid-item-small-size-column-span: var(--core-wide-viewport-grid-item-small-size-column-span); } } /* Extra Wide Viewports: --core-breakpoint-extra-wide-min-width: 1024px */ @media only screen and (min-width: 1024px) { messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] { --core-grid-column-count: var(--core-extra-wide-viewport-grid-column-count); --core-grid-horizontal-spacing: var(--core-extra-wide-viewport-grid-horizontal-spacing); --core-grid-vertical-spacing: var(--core-extra-wide-viewport-grid-vertical-spacing); --core-grid-item-full-size-column-span: var(--core-extra-wide-viewport-grid-item-full-size-column-span); --core-grid-item-large-size-column-span: var(--core-extra-wide-viewport-grid-item-large-size-column-span); --core-grid-item-medium-size-column-span: var(--core-extra-wide-viewport-grid-item-medium-size-column-span); --core-grid-item-small-size-column-span: var(--core-extra-wide-viewport-grid-item-small-size-column-span); } } /* TODO: Make these to design spec */ /* We have separate enter and exit animations because of the way that CSS animation seems to work, despite having an animation-direction property. Using separate animations is the only way to allow reverse animation without having to use javascript to trigger re-animating https://stackoverflow.com/a/47992656 */ messages-plugin, :host, [data-market-features] { --animation-infinite-duration: 1s; --animation-infinite-iteration-count: infinite; --animation-infinite-timing-function: linear; } @keyframes market-popup { messages-plugin from { opacity: 0%; transform: scale(0.9, 0.9); } messages-plugin to { opacity: 100%; transform: scale(1, 1); } } @keyframes market-popdown { messages-plugin from { opacity: 100%; transform: scale(1, 1); } messages-plugin to { opacity: 0%; transform: scale(0.9, 0.9); } } @keyframes market-slideup { messages-plugin from { opacity: 0%; transform: translateY(80vh); } messages-plugin to { opacity: 100%; transform: translateY(0); } } @keyframes market-slidedown { messages-plugin from { opacity: 100%; transform: translateY(0); } messages-plugin to { opacity: 0%; transform: translateY(80vh); } } @keyframes market-slide-left-enter { messages-plugin from { transform: translateX(100%); } messages-plugin to { transform: translateX(0); } } /* animation-direction reverse not working; reversing the animation manually instead */ @keyframes market-slide-left-exit { messages-plugin from { transform: translateX(0); } messages-plugin to { transform: translateX(100%); } } @keyframes market-fade-in { messages-plugin from { opacity: 0%; } messages-plugin to { opacity: 100%; } } @keyframes market-fade-out { messages-plugin from { opacity: 100%; } messages-plugin to { opacity: 0%; } } @keyframes market-file-upload-loading-rotation { messages-plugin from { transform: rotate(0deg); } messages-plugin to { transform: rotate(360deg); } } @keyframes market-activity-indicator-rotation { messages-plugin from { transform: rotate(0deg); } messages-plugin to { transform: rotate(360deg); } } /* stylelint-disable block-no-empty */ /** * These empty input-autofill animations are part of a hack that allows us to * detect browser autofill: https://stackoverflow.com/a/41530164 */ @keyframes market-input-autofill-start { messages-plugin from {} messages-plugin to {} } @keyframes market-input-autofill-cancel { messages-plugin from {} messages-plugin to {} } /** * These empty input-search animations allow us detect compact enter/exit animations */ @keyframes market-input-search-compact-enter { messages-plugin from {} messages-plugin to {} } @keyframes market-input-search-compact-exit { messages-plugin from {} messages-plugin to {} } /* stylelint-enable block-no-empty */ /* stylelint-disable max-line-length */ messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] { /* Partial Modals do not have settings for narrow viewports because they display with the same CSS as full modals, therefore, the second-smallest viewport here, medium, is the default for partial modal custom properties */ --modal-partial-vertical-padding-size: var(--modal-partial-medium-viewport-vertical-padding-size); --modal-partial-vertical-screen-buffer-size: var(--modal-partial-medium-viewport-vertical-screen-buffer-size); --modal-partial-horizontal-padding-size: var(--modal-partial-medium-viewport-horizontal-padding-size); --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-medium-viewport-horizontal-screen-buffer-size); --modal-partial-width: var(--modal-partial-medium-viewport-width); --modal-full-horizontal-padding-size: var(--modal-full-narrow-viewport-horizontal-padding-size); --modal-full-vertical-padding-size: var(--modal-full-narrow-viewport-vertical-padding-size); --modal-dialog-vertical-padding-size: var(--modal-dialog-medium-viewport-vertical-padding-size); --modal-dialog-horizontal-padding-size: var(--modal-dialog-medium-viewport-horizontal-padding-size); --modal-dialog-width: var(--modal-dialog-medium-viewport-width); } messages-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)) { overflow: hidden; } /* TODO: Use env() here with a design token -jbiggs */ /* Medium Viewports: --core-breakpoint-medium-min-width: 600px */ @media (min-width: 600px) { messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] { --modal-full-vertical-padding-size: var(--modal-full-medium-viewport-vertical-padding-size); --modal-full-horizontal-padding-size: var(--modal-full-medium-viewport-horizontal-padding-size); --modal-dialog-vertical-padding-size: var(--modal-dialog-medium-viewport-vertical-padding-size); --modal-dialog-horizontal-padding-size: var(--modal-dialog-medium-viewport-horizontal-padding-size); --modal-dialog-width: var(--modal-dialog-medium-viewport-width); } } /* Wide Viewports: --core-breakpoint-wide-min-width: 800px */ @media (min-width: 800px) { messages-plugin, :host, [data-market-features],messages-plugin, :host, [data-market-features] *[data-market-theme] { --modal-partial-vertical-padding-size: var(--modal-partial-wide-viewport-vertical-padding-size); --modal-partial-vertical-screen-buffer-size: var(--modal-partial-wide-viewport-vertical-screen-buffer-size); --modal-partial-horizontal-padding-size: var(--modal-partial-wide-viewport-horizontal-padding-size); --modal-partial-horizontal-screen-buffer-size: var(--modal-partial-wide-viewport-horizontal-screen-buffer-size); --modal-partial-width: var(--modal-partial-wide-viewport-width); --modal-full-vertical-padding-size: var(--modal-full-wide-viewport-vertical-padding-size); --modal-full-horizontal-padding-size: var(--modal-full-wide-viewport-horizontal-padding-size); --modal-dialog-vertical-padding-size: var(--modal-dialog-wide-viewport-vertical-padding-size); --modal-dialog-horizontal-padding-size: var(--modal-dialog-wide-viewport-horizontal-padding-size); --modal-dialog-width: var(--modal-dialog-wide-viewport-width); } } messages-plugin, :host, [data-market-features] { --elevation-10-shadow: 0 0 4px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 20%); --elevation-20-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%), 0 4px 8px 0 rgb(0 0 0 / 10%); --elevation-30-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 10%); } /* feature flagged styles */ [data-market-features*="typography"] { color: var(--core-text-10-color); font-weight: var(--core-type-regular-weight); font-family: var(--core-type-font-family); font-synthesis: none; -webkit-font-smoothing: antialiased; -moz-osz-font-smoothing: grayscale; font-smooth: always; /* stylelint-disable-line property-no-unknown */ } messages-plugin h1, .display-10 { font-weight: var(--core-type-display-10-weight); font-size: var(--core-type-display-10-size); font-family: var(--core-type-display-10-font-family); line-height: var(--core-type-display-10-leading); letter-spacing: var(--core-type-display-10-tracking); text-transform: var(--core-type-display-10-case); } .display-20 { font-weight: var(--core-type-display-20-weight); font-size: var(--core-type-display-20-size); font-family: var(--core-type-display-20-font-family); line-height: var(--core-type-display-20-leading); letter-spacing: var(--core-type-display-20-tracking); text-transform: var(--core-type-display-20-case); } messages-plugin h2, .heading-30 { font-weight: var(--core-type-heading-30-weight); font-size: var(--core-type-heading-30-size); font-family: var(--core-type-heading-30-font-family); line-height: var(--core-type-heading-30-leading); letter-spacing: var(--core-type-heading-30-tracking); text-transform: var(--core-type-heading-30-case); } messages-plugin h3, .heading-20 { font-weight: var(--core-type-heading-20-weight); font-size: var(--core-type-heading-20-size); font-family: var(--core-type-heading-20-font-family); line-height: var(--core-type-heading-20-leading); letter-spacing: var(--core-type-heading-20-tracking); text-transform: var(--core-type-heading-20-case); } messages-plugin h4, .heading-10 { font-weight: var(--core-type-heading-10-weight); font-size: var(--core-type-heading-10-size); font-family: var(--core-type-heading-10-font-family); line-height: var(--core-type-heading-10-leading); letter-spacing: var(--core-type-heading-10-tracking); text-transform: var(--core-type-heading-10-case); } messages-plugin h5, .heading-5 { font-weight: var(--core-type-heading-5-weight); font-size: var(--core-type-heading-5-size); font-family: var(--core-type-heading-5-font-family); line-height: var(--core-type-heading-5-leading); letter-spacing: var(--core-type-heading-5-tracking); text-transform: var(--core-type-heading-5-case); } .paragraph-30 { font-weight: var(--core-type-paragraph-30-weight); font-size: var(--core-type-paragraph-30-size); font-family: var(--core-type-paragraph-30-font-family); line-height: var(--core-type-paragraph-30-leading); letter-spacing: var(--core-type-paragraph-30-tracking); text-transform: var(--core-type-paragraph-30-case); } .paragraph-30 b, .paragraph-30 strong { font-weight: var(--core-type-semibold-30-weight); } messages-plugin p, .paragraph-20 { font-weight: var(--core-type-paragraph-20-weight); font-size: var(--core-type-paragraph-20-size); font-family: var(--core-type-paragraph-20-font-family); line-height: var(--core-type-paragraph-20-leading); letter-spacing: var(--core-type-paragraph-20-tracking); text-transform: var(--core-type-paragraph-20-case); } messages-plugin p b,messages-plugin p strong, .paragraph-20 b, .paragraph-20 strong { font-weight: var(--core-type-semibold-20-weight); } .paragraph-10 { font-weight: var(--core-type-paragraph-10-weight); font-size: var(--core-type-paragraph-10-size); font-family: var(--core-type-paragraph-10-font-family); line-height: var(--core-type-paragraph-10-leading); letter-spacing: var(--core-type-paragraph-10-tracking); text-transform: var(--core-type-paragraph-10-case); } .paragraph-10 b, .paragraph-10 strong { font-weight: var(--core-type-semibold-10-weight); } .medium-10 { font-weight: var(--core-type-medium-10-weight); font-size: var(--core-type-medium-10-size); font-family: var(--core-type-medium-10-font-family); line-height: var(--core-type-medium-10-leading); letter-spacing: var(--core-type-medium-10-tracking); text-transform: var(--core-type-medium-10-case); } .medium-20 { font-weight: var(--core-type-medium-20-weight); font-size: var(--core-type-medium-20-size); font-family: var(--core-type-medium-20-font-family); line-height: var(--core-type-medium-20-leading); letter-spacing: var(--core-type-medium-20-tracking); text-transform: var(--core-type-medium-20-case); } .medium-30 { font-weight: var(--core-type-medium-30-weight); font-size: var(--core-type-medium-30-size); font-family: var(--core-type-medium-30-font-family); line-height: var(--core-type-medium-30-leading); letter-spacing: var(--core-type-medium-30-tracking); text-transform: var(--core-type-medium-30-case); } .semibold-10 { font-weight: var(--core-type-semibold-10-weight); font-size: var(--core-type-semibold-10-size); font-family: var(--core-type-semibold-10-font-family); line-height: var(--core-type-semibold-10-leading); letter-spacing: var(--core-type-semibold-10-tracking); text-transform: var(--core-type-semibold-10-case); } .semibold-20 { font-weight: var(--core-type-semibold-20-weight); font-size: var(--core-type-semibold-20-size); font-family: var(--core-type-semibold-20-font-family); line-height: var(--core-type-semibold-20-leading); letter-spacing: var(--core-type-semibold-20-tracking); text-transform: var(--core-type-semibold-20-case); } .semibold-30 { font-weight: var(--core-type-semibold-30-weight); font-size: var(--core-type-semibold-30-size); font-family: var(--core-type-semibold-30-font-family); line-height: var(--core-type-semibold-30-leading); letter-spacing: var(--core-type-semibold-30-tracking); text-transform: var(--core-type-semibold-30-case); } messages-plugin code, .monospace { font-family: var(--core-type-mono-font-family); } @layer market-feature--typography { [data-market-features*="typography"] { } } [data-market-features*="typography"] [data-disabled-market-features*="typography"] { color: revert-layer; font-weight: revert-layer; font-family: revert-layer; font-synthesis: revert-layer; -webkit-font-smoothing: revert-layer; -moz-osz-font-smoothing: revert-layer; font-smooth: always; /* stylelint-disable-line property-no-unknown */ } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .display-20 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h1, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .display-10 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h2, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .heading-30 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h3, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .heading-20 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h4, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .heading-10 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) h5, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .heading-5 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-30 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [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 { font-weight: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) p, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-20 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [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 { font-weight: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .paragraph-10 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [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 { font-weight: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .medium-30 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .medium-20 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .medium-10 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .semibold-30 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .semibold-20 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .semibold-10 { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) code, [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .monospace { font-family: revert-layer; } /* Not wrapped in @layer market-feature--typography in order to override general typography */ /* ROW */ /* Small Size */ [data-market-features*="typography"] .market-row[size="small"] > [slot="label"] { font-weight: var(--row-small-size-text-weight); font-size: var(--row-small-size-text-size); line-height: var(--row-small-size-text-leading); letter-spacing: var(--row-small-size-text-tracking); text-transform: var(--row-small-size-text-case); } [data-market-features*="typography"] .market-row[size="small"] > [slot="subtext"] { font-weight: var(--row-small-size-subtext-weight); font-size: var(--row-small-size-subtext-size); line-height: var(--row-small-size-subtext-leading); letter-spacing: var(--row-small-size-subtext-tracking); text-transform: var(--row-small-size-subtext-case); } [data-market-features*="typography"] .market-row[size="small"] > [slot="side-label"] { font-weight: var(--row-small-size-side-text-primary-weight); font-size: var(--row-small-size-side-text-primary-size); line-height: var(--row-small-size-side-text-primary-leading); letter-spacing: var(--row-small-size-side-text-primary-tracking); text-transform: var(--row-small-size-side-text-primary-case); } [data-market-features*="typography"] .market-row[size="small"] > [slot="side-subtext"] { font-weight: var(--row-small-size-side-text-secondary-weight); font-size: var(--row-small-size-side-text-secondary-size); line-height: var(--row-small-size-side-text-secondary-leading); letter-spacing: var(--row-small-size-side-text-secondary-tracking); text-transform: var(--row-small-size-side-text-secondary-case); } /* Medium Size */ [data-market-features*="typography"] .market-row[size="medium"] > [slot="label"] { font-weight: var(--row-medium-size-text-weight); font-size: var(--row-medium-size-text-size); line-height: var(--row-medium-size-text-leading); letter-spacing: var(--row-medium-size-text-tracking); text-transform: var(--row-medium-size-text-case); } [data-market-features*="typography"] .market-row[size="medium"] > [slot="subtext"] { font-weight: var(--row-medium-size-subtext-weight); font-size: var(--row-medium-size-subtext-size); line-height: var(--row-medium-size-subtext-leading); letter-spacing: var(--row-medium-size-subtext-tracking); text-transform: var(--row-medium-size-subtext-case); } [data-market-features*="typography"] .market-row[size="medium"] > [slot="side-label"] { font-weight: var(--row-medium-size-side-text-primary-weight); font-size: var(--row-medium-size-side-text-primary-size); line-height: var(--row-medium-size-side-text-primary-leading); letter-spacing: var(--row-medium-size-side-text-primary-tracking); text-transform: var(--row-medium-size-side-text-primary-case); } [data-market-features*="typography"] .market-row[size="medium"] > [slot="side-subtext"] { font-weight: var(--row-medium-size-side-text-secondary-weight); font-size: var(--row-medium-size-side-text-secondary-size); line-height: var(--row-medium-size-side-text-secondary-leading); letter-spacing: var(--row-medium-size-side-text-secondary-tracking); text-transform: var(--row-medium-size-side-text-secondary-case); } [data-market-features*="typography"] .market-row[slot="displayed-selection"] > [slot="label"] { font-weight: var(--field-input-weight); font-size: inherit; line-height: inherit; } /* FIELD */ [data-market-features*="typography"] .market-field > [slot="error"] { color: var(--field-error-message-text-color); font-weight: var(--field-error-message-text-weight); font-size: var(--field-error-message-text-size); line-height: var(--field-error-message-text-leading); letter-spacing: var(--field-error-message-text-tracking); } [data-market-features*="typography"] .market-field > [slot="action"] { color: var(--field-action-text-color); } [data-market-features*="typography"] .market-field > [slot] { margin-top: 4px; /* TODO: design token */ } /* HEADER */ [data-market-features*="typography"] .market-header[show-navigation] > [slot="compact"]:not(.wayfinding):not(.subheading) { font-weight: var(--core-type-heading-20-weight); font-size: var(--core-type-heading-20-size); font-family: var(--core-type-heading-20-font-family); line-height: var(--core-type-heading-20-leading); letter-spacing: var(--core-type-heading-20-tracking); text-transform: var(--core-type-heading-20-case); } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="small"] > [slot="label"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="small"] > [slot="subtext"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="small"] > [slot="side-label"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="small"] > [slot="side-subtext"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="medium"] > [slot="label"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="medium"] > [slot="subtext"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="medium"] > [slot="side-label"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[size="medium"] > [slot="side-subtext"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-row[slot="displayed-selection"] > [slot="label"] { font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-field > [slot="error"] { color: revert-layer; font-weight: revert-layer; font-size: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-field > [slot="action"] { color: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-field > [slot] { margin-top: revert-layer; } [data-market-features*="typography"] :where([data-disabled-market-features*="typography"]) .market-header[show-navigation] > [slot="compact"]:not(.wayfinding):not(.subheading) { font-weight: revert-layer; font-size: revert-layer; font-family: revert-layer; line-height: revert-layer; letter-spacing: revert-layer; text-transform: revert-layer; } messages-plugin a { /* TODO: add link focus ring tokens (UI-6643) */ --text-link-focus-ring-border-size: var(--button-focus-ring-border-size); --text-link-focus-ring-buffer-size: var(--button-focus-ring-buffer-size); --text-link-focus-ring-color: var(--button-focus-ring-color); --focus-ring-color: color-mix(in srgb, var(--text-link-focus-ring-color) 100%, transparent); } messages-plugin a:focus-visible { border-radius: 1px; outline: var(--text-link-focus-ring-border-size) solid var(--focus-ring-color); outline-offset: var(--text-link-focus-ring-buffer-size); } @layer market-feature--html-styles { [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 { color: var(--text-link-normal-variant-color); font-weight: var(--text-link-medium-size-text-weight); transition: color var(--core-animation-enter-transition-moderate-speed-duration); text-decoration-line: none; text-decoration-style: solid; text-decoration-thickness: var(--text-link-standalone-style-normal-state-underline-size); text-underline-offset: var(--text-link-standalone-style-underline-offset, 2px); } [data-market-features*="html-styles"] a:hover { color: var(--text-link-normal-variant-hover-state-color); text-decoration-thickness: var(--text-link-standalone-style-hover-state-underline-size); text-decoration-line: underline; } [data-market-features*="html-styles"] a:active { color: var(--text-link-normal-variant-pressed-state-color); text-decoration-thickness: var(--text-link-standalone-style-pressed-state-underline-size); } [data-market-features*="html-styles"] a[disabled], [data-market-features*="html-styles"] a.disabled, [data-market-features*="html-styles"] a[aria-disabled="true"] { color: var(--text-link-normal-variant-disabled-state-color); text-decoration-thickness: var(--text-link-standalone-style-disabled-state-underline-size); } [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 { text-decoration-line: underline; } [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 { color: revert-layer; font-weight: revert-layer; transition: revert-layer; text-decoration-line: revert-layer; text-decoration-style: revert-layer; text-decoration-thickness: revert-layer; text-underline-offset: revert-layer; } [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 { color: revert-layer; text-decoration-thickness: revert-layer; text-decoration-line: revert-layer; } [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 { color: revert-layer; text-decoration-thickness: revert-layer; } [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"] { color: revert-layer; text-decoration-thickness: revert-layer; } [data-disabled-market-features*="html-styles"][data-market-features*="html-styles"] a, [data-market-features*="html-styles"] [data-disabled-market-features*="html-styles"] a { --text-link-focus-ring-border-size: revert-layer; --text-link-focus-ring-buffer-size: revert-layer; --text-link-focus-ring-color: revert-layer; --focus-ring-color: revert-layer; } [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 { border-radius: revert-layer; outline: revert-layer; outline-offset: revert-layer; } } [data-market-features*="dark-mode"] { background-color: var(--core-surface-10-color); } /* stylelint-disable declaration-no-important */ [data-market-features*="chromatic"] { /* infinite animations disabled */ --animation-infinite-duration: 0s !important; --animation-infinite-iteration-count: 0 !important; } /* stylelint-enable declaration-no-important */ /* Screen reader only class */ /* Learn more -> https://webaim.org/techniques/css/invisiblecontent/ */ .market-sr-only { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); } </style><style>@import url(https://square-fonts-production-f.squarecdn.com/square-sans.min.css);</style><style>.grecaptcha-badge { visibility: hidden; } </style><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/home-page.6ff3f087c43a3d1476ec.css"><script type="text/javascript" src="//cdn2.editmysite.com/javascript/buyer-analytics-1.3.0.js"></script><link data-vue-meta="1" rel="canonical" href="https://culturebatiscan.square.site/"><link data-vue-meta="1" rel="shortcut icon" type="image/x-icon" href="/app/website/square.ico"><link data-vue-meta="1" rel="preconnect" href="https://ec.editmysite.com"><link data-vue-meta="1" rel="preload" as="style" href="https://cdn3.editmysite.com/app/website/static/fonts/Inter/font.css"><link data-vue-meta="1" rel="stylesheet" href="https://cdn3.editmysite.com/app/website/static/fonts/Inter/font.css" media="all" type="text/css"><meta data-vue-meta="1" data-vmid="description" name="description" content=""><meta data-vue-meta="1" og:title="Home"><meta data-vue-meta="1" og:description=""><style data-vue-meta="1" data-vmid="pageStyles" type="text/css">:root { --base-font-size: 14; --type-scale: 1.13; --primary-font: Inter; --secondary-font: Inter; --primary-font-weight: 700; --secondary-font-weight: 400; --ui-font: Inter; --ui-font-weight: 500; --title-font: var(--primary-font); --title-font-weight: var(--primary-font-weight); --body-font: var(--secondary-font); --body-font-weight: var(--secondary-font-weight); --site-title-font: var(--primary-font); --site-title-font-weight: var(--primary-font-weight); --headline-font: var(--primary-font); --headline-font-weight: var(--primary-font-weight); --section-title-font: var(--primary-font); --section-title-font-weight: var(--primary-font-weight); --section-callout-font: var(--primary-font); --section-callout-font-weight: var(--primary-font-weight); --attribution-font: var(--ui-font); --attribution-font-weight: var(--ui-font-weight); --navigation-font: var(--ui-font); --navigation-font-weight: var(--ui-font-weight); --product-price-font: var(--ui-font); --product-price-font-weight: var(--ui-font-weight); --button-font: var(--ui-font); --button-font-weight: var(--ui-font-weight); --primary-color: #212121; --color-secondary-minimal-black-jcNIsx: #141414; --gray-light-one: #f6f7f9; --gray-light-two: #ebedef; --gray-dark: #343b42; --color-white: #ffffff; --color-black: #000000; --primary-bright-dark: #463939; --primary-subtle-dark: #301d1d; --primary-bright-light: #c6b9b9; --primary-subtle-light: #f5efef; --primary-contrast-color: #ffffff; --secondary-bright-dark: #2d3953; --secondary-subtle-dark: #1d2330; --secondary-bright-light: #acb9d2; --secondary-subtle-light: #eff1f5; --secondary-contrast-color: #000000; --site-background-color: var(--color-white); --gutter-column-xs: 16px; --gutter-column-sm: 16px; --gutter-column-md: 16px; --gutter-column-lg: 16px; --gutter-column-xl: 16px; --gutter-row-xs: 16px; --gutter-row-sm: 16px; --gutter-row-md: 16px; --gutter-row-lg: 16px; --gutter-row-xl: 16px; } .container { margin: 0 auto; } .w-block--contain-none .container { max-width: none; } .w-block--contain-block { max-width: 1200px; } </style><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/navigation-mobile.22b9ccef0f5960d0a3c4.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/64376.5953c30991a4e1a9f969.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/cart-1.4920bcf7ff230d98e136.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/84977.019daa55cf9a2494bf16.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/header-3.7c8915394b843940cae8.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/57955.8e45fff4ef3e4bd0d7cf.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/banner-1.3d11dc3f900b9c0226b6.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/about-us-mission.d6308d6ad4971f02ab09.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/embed-pdf-1.0c3b33e963a46dc79578.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/27798.e682dc910d58c5dbaa36.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/contact-us-1.244953bcc8652ada4b46.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/footer-7.5872d27eb4e0cb324aed.css"><link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/website/js/../css/free-footer.86d148e5cb2be7f08d49.css"></head> <body class="show-all-popups"> <div data-v-25532360="" class="app-container"><div data-v-25532360="" 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: #212121; --maker-color-background: #ffffff; --maker-color-heading: #141414; --maker-color-body: #141414; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: "Inter"; --maker-font-heading-font-weight: 700; --maker-font-body-font-family: "Inter"; --maker-font-body-font-weight: 400; --maker-font-label-font-family: "Inter"; --maker-font-label-font-weight: 500; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 4px; --maker-shape-button-border-radius: 8px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px;"><div data-v-25532360="" id="app" class="๐19-10-2QtxK6 ๐19-10-2_EoEp theme-square w-background-light"><div data-v-25532360="" class=""><div data-v-0df30486="" class="reset-z-index"> <!----> <div data-v-4436f4cd="" data-v-0df30486=""><div data-v-48f8ed10="" data-v-4436f4cd="" class="slideout" style="--slideout-max-height: 0; display: none;"><div data-v-48f8ed10="" class="slideout__overlay"></div> <div data-v-48f8ed10="" tabindex="-1"><div data-v-614c05a6="" data-v-48f8ed10="" class="w-container slideout__content col slideout--right"><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-48f8ed10="" class="w-cell slideout__row row" data-v-614c05a6=""><div data-v-301e84c2="" data-v-48f8ed10="" id="rEAfwe" data-block-purpose="nav-mobile@^1.2.1" class="w-block-wrapper" type="block"> <div data-v-301e84c2=""><div data-v-7d258f40="" data-v-6122d9c6="" data-v-301e84c2="" class="nav-mobile w-block w-background-light" id="471df2a2-9e2c-11f0-a744-f5f650974e46" layout="navigation-mobile" shortid="rEAfwe" style="background-color: var(--color-white); --text-color: #141414; --text-color-10: #e8e8e8; --text-color-20: #d0d0d0; --text-color-30: #b9b9b9; --text-color-40: #a1a1a1; --text-color-50: #8a8a8a; --text-color-60: #727272; --text-color-70: #5b5b5b; --text-color-80: #434343; --text-color-90: #2c2c2c; --text-color-alpha-10: rgba(20, 20, 20, 0.1); text-align: center; flex-direction: column; height: 100vh;"><div data-v-6122d9c6="" class="container content-align--center"><div data-v-614c05a6="" data-v-6122d9c6="" class="w-container row"><div 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);"></div> <div 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);"><div data-v-ab1ca44a="" data-v-6122d9c6="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-4bde60a8="" data-v-6122d9c6="" class="nav-icon nav-icon__close" id="63471b56-0aef-11ee-9bda-8180174bf7ee" data-v-ab1ca44a=""><button data-v-4bde60a8="" type="button" aria-label="Fermer" class="nav-btn"><span data-v-4700918e="" data-v-4bde60a8="" class="icon ๐19-10-2vCfSe" style="--color: var(--color-secondary-minimal-black-jcNIsx); --icon-size: 24px; --fill: currentColor;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path 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"></path></svg> </span></button></div></div></div></div></div> <div data-v-6122d9c6="" class="nav-scroll"><!----> <div data-v-ab1ca44a="" data-v-6122d9c6="" class="w-wrapper"> <div data-v-53e2d1eb="" data-v-6122d9c6="" id="63471b55-0aef-11ee-9bda-8180174bf7ee" data-v-ab1ca44a=""><nav data-v-53e2d1eb="" class="w-nav nav--mobile"><ul data-v-53e2d1eb="" class="nav__main"><li data-v-53e2d1eb="" class="nav__item"><a data-v-53e2d1eb="" href="/s/shop" class="" allow-nav=""> Tout afficher </a></li> <!----> <!----></ul></nav></div></div> <!----></div></div></div></div> <div data-v-301e84c2="" data-v-48f8ed10="" id="rePFRT" data-block-purpose="cart@^1.3.6" class="w-block-wrapper" type="block" style="display: none;"> <div 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: #212121; --maker-color-background: #ffffff; --maker-color-heading: #141414; --maker-color-body: #141414; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: "Inter"; --maker-font-heading-font-weight: 700; --maker-font-body-font-family: "Inter"; --maker-font-body-font-weight: 400; --maker-font-label-font-family: "Inter"; --maker-font-label-font-weight: 500; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 4px; --maker-shape-button-border-radius: 8px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; background: none;"><div data-v-69ce6424="" data-v-301e84c2="" class="slideout-cart-container w-block ๐19-10-2rI2oH" id="471df2a0-9e2c-11f0-a744-f5f650974e46" layout="cart-1" shortid="rePFRT" 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: #212121; --maker-color-background: #ffffff; --maker-color-heading: #141414; --maker-color-body: #141414; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: "Inter"; --maker-font-heading-font-weight: 700; --maker-font-body-font-family: "Inter"; --maker-font-body-font-weight: 400; --maker-font-label-font-family: "Inter"; --maker-font-label-font-weight: 500; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 4px; --maker-shape-button-border-radius: 8px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px;"><form data-v-69ce6424=""><div 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);"><!----> <div data-v-2e2967c3="" class="heading compact-style-heading"><div data-v-2e2967c3="" class="heading-content"><h3 data-v-2e2967c3="" class="heading-title"> Panier </h3> <div data-v-2e2967c3="" class="icon-wrapper"><span data-v-4700918e="" data-v-2e2967c3="" class="icon heading-icon ๐19-10-2vCfSe" style="--color: currentColor; --icon-size: 16px; --fill: currentColor;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path 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"></path></svg> </span></div></div> <div data-v-2e2967c3="" class="banner"><div data-v-5f79a3f4="" data-v-2e2967c3=""><!----> <!----> <!----></div></div></div> <div data-v-2e2967c3="" class="content"><div data-v-5f79a3f4="" data-v-2e2967c3="" class="cart-middle"><div data-v-614c05a6="" data-v-5f79a3f4="" class="w-container cart-slideout-container col" data-v-2e2967c3=""><!----> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-5f79a3f4="" class="w-cell row align--center" data-v-614c05a6=""><div 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.13; font-family: Inter; font-weight: 400; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><p>Votre panier ne semble comporter aucun article.</p></div></div></div></div> <!----></div> <div data-v-2e2967c3="" class="footing" style="display: none;"><div data-v-5f79a3f4="" data-v-2e2967c3="" class="cart-slideout-container__checkout js-cart-slideout-container__checkout"><!----> <button 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: #212121; --color-contrast: #ffffff; --color-hover: #353535; --color-active: #4a4a4a; --color-focus: #2121214d;"><!----> <span class="๐19-10-2DK0_A ๐19-10-2O_pqx"> Payer </span> <!----></button></div> <div data-v-5f79a3f4="" data-v-2e2967c3="" class="font--large continue-shopping"><button data-v-5f79a3f4="" type="button" class="๐19-10-2_xxoX ๐19-10-2t5BZq" data-v-2e2967c3="" style="--color: #212121;"><!----> <span class="๐19-10-2qfj5z"> Poursuivre les achats </span></button></div> <div data-v-5f79a3f4="" class="cart-section__divider ๐19-10-2_q2yX" data-v-2e2967c3="" style="--divider-color: #949494; --divider-size: 1px;"></div> <div data-v-5f79a3f4="" data-v-2e2967c3="" class="accepted-pay accepted-pay--new-line"><div data-v-5f79a3f4="" data-v-2e2967c3="" class="accepted-pay__text"> Acceptรฉ. </div> <div data-v-37b9dd09="" data-v-5f79a3f4="" class="payment-methods" data-v-2e2967c3=""><!----> <span data-v-37b9dd09="" class="square-pay"><svg data-v-37b9dd09="" width="24" height="24" viewBox="0 0 24 24" class="square-pay__icon"><path 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"></path></svg></span> <img data-v-37b9dd09="" src="/static/icons/payment-methods/applepay.svg" alt="Apple Pay" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/googlepay.svg" alt="Google Pay" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/visa.svg" alt="Visa" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/mastercard.svg" alt="Mastercard" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/americanexpress.svg" alt="American Express" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/discover.svg" alt="Discover" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/jcb.svg" alt="JCB" class="supported-payment-method"> <!----> <!----> <img data-v-37b9dd09="" src="/static/icons/payment-methods/interac.svg" alt="Interac" class="supported-payment-method"> <!----></div></div></div></div></form></div></div></div></div></div></div></div> <div data-v-614c05a6="" data-v-4436f4cd="" class="w-container main-container col"><header data-v-4436f4cd="" data-v-614c05a6=""><div 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: 80px;"><div data-v-301e84c2="" data-v-091f3071="" id="XnjTRJ" data-block-purpose="header" class="w-block-wrapper header" type="block"> <div data-v-301e84c2=""><div data-v-3ec57e16="" data-v-32530eda="" data-v-301e84c2="" class="w-block-header header-block-wrapper w-block" subnavcolor="--color-white" id="471df2a1-9e2c-11f0-a744-f5f650974e46" layout="header-3" shortid="XnjTRJ" style="--text-color: #141414; --text-color-10: #e8e8e8; --text-color-20: #d0d0d0; --text-color-30: #b9b9b9; --text-color-40: #a1a1a1; --text-color-50: #8a8a8a; --text-color-60: #727272; --text-color-70: #5b5b5b; --text-color-80: #434343; --text-color-90: #2c2c2c; --text-color-alpha-10: rgba(20, 20, 20, 0.1);"><!----> <div data-v-3ec57e16="" class="w-block-background" style="background-color: var(--color-white); top: 0px; --sticky-header-bg-color: #ffffff;"><div data-v-32530eda="" class="w-header header-3 container header-content content-align--center" style="text-align: left; min-height: auto; --icons-spacing: calc(var(--gutter-column) * 0.66);"><div data-v-614c05a6="" data-v-32530eda="" class="w-container header__content-container row"><div data-v-6bcfc41e="" data-v-32530eda="" 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);"><div data-v-695112c6="" data-v-32530eda="" class="header-animate__wrap header__logo" data-v-6bcfc41e=""><div data-v-ab1ca44a="" class="w-wrapper" data-v-695112c6=""> <a data-v-437bd440="" href="/" class="logo__link router-link-exact-active router-link-active" id="63471b50-0aef-11ee-9bda-8180174bf7ee" name="Logo Culture Batiscan.jpg" original="/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Logo%20Culture%20Batiscan_1768250045.jpg" data-v-ab1ca44a="" style="text-align: inherit;"><span data-v-23d6841e="" data-v-437bd440="" class="w-sitelogo" data-wg-notranslate="" style="text-align: inherit;"><div 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: 103.30188679245282px; --mobile-width: 54.90566037735849px;"><!----> <img sizes="(min-width: 600px) 103.30188679245282px, 54.90566037735849px" src="https://d85edc729c5a0e80db4d.cdn6.editmysite.com/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Logo%20Culture%20Batiscan_1768250045.jpg?width=2400&optimize=medium" alt="Culture 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;"> <!----></div></span></a></div></div> <div data-v-695112c6="" data-v-32530eda="" class="header-animate__wrap header__navigation display-desktop" data-v-6bcfc41e=""><div data-v-ab1ca44a="" class="w-wrapper" data-v-695112c6=""> <nav data-v-d59c3ea4="" class="w-nav nav--desktop square__navigation-desktop_desktopNav--ZEnDx" id="63471b52-0aef-11ee-9bda-8180174bf7ee" data-v-ab1ca44a=""><ul data-v-d59c3ea4="" class="nav__main ready" style="text-align: center; --nav-color-link: var(--color-secondary-minimal-black-jcNIsx); --nav-color-underline: var(--color-secondary-minimal-black-jcNIsx);"><li data-v-13004c05="" data-v-d59c3ea4="" class="text-component nav__item ๐19-10-2uGevg ๐19-10-2EEwzY square__navigation-desktop_desktopNavItem--12r0w" style="--mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 500; color: rgb(20, 20, 20);"><a data-v-d59c3ea4="" href="/s/shop" class="nav__link" allow-nav=""> Tout afficher </a> <!----></li> <li data-v-13004c05="" data-v-d59c3ea4="" class="text-component nav__item nav__more-link ๐19-10-2uGevg ๐19-10-2EEwzY square__navigation-desktop_desktopNavItem--12r0w" style="--mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 500; color: rgb(20, 20, 20); display: none;"><a data-v-d59c3ea4="" href="#">Plus</a> <!----></li></ul> <!----></nav></div></div> <div data-v-6664d1e5="" data-v-32530eda="" class="header__icons header__icons" data-v-6bcfc41e=""><div data-v-695112c6="" data-v-6664d1e5="" class="header-animate__wrap header__button"></div> <div data-v-ab1ca44a="" data-v-6664d1e5="" class="w-wrapper icons"> <div data-v-695112c6="" data-v-9820d1ea="" data-v-6664d1e5="" class="header-animate__wrap icon header__search" data-v-ab1ca44a=""><div data-v-4bde60a8="" data-v-9820d1ea="" class="search-icon nav-icon nav-icon__search" data-v-695112c6=""><button data-v-4bde60a8="" type="button" aria-label="Chercher" class="nav-btn search-icon__wrap"><span data-v-4700918e="" data-v-4bde60a8="" class="icon ๐19-10-2vCfSe" style="--color: var(--color-secondary-minimal-black-jcNIsx); --icon-size: 24px; --fill: currentColor;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path 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"></path></svg> </span></button></div></div> <!----> <div data-v-6664d1e5="" id="mini-cart-popover" data-v-ab1ca44a="" style="display: contents;"><div data-v-695112c6="" data-v-670998c8="" data-v-6664d1e5="" class="header-animate__wrap icon header__cart"><button data-v-670998c8="" data-v-695112c6="" aria-label="Icรดne du panier" aria-haspopup="true" aria-controls="mini-cart-popover" class="nav-btn cart-icon cart-icon__wrap mini-cart-icon"><span data-v-4700918e="" data-v-670998c8="" class="icon ๐19-10-2vCfSe" data-v-695112c6="" style="--color: var(--color-secondary-minimal-black-jcNIsx); --icon-size: 24px; --fill: currentColor;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path 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"></path></svg> </span> <!----></button></div> <!----></div></div></div> <div data-v-695112c6="" data-v-8cf4aed2="" data-v-32530eda="" class="header-animate__wrap header__hamburger display-mobile" data-v-6bcfc41e=""><div data-v-ab1ca44a="" data-v-8cf4aed2="" class="w-wrapper display-mobile" data-v-695112c6=""> <div data-v-4bde60a8="" data-v-8cf4aed2="" class="hamburger-icon nav-icon nav-icon__hamburger" id="63471b53-0aef-11ee-9bda-8180174bf7ee" data-v-ab1ca44a=""><button data-v-4bde60a8="" type="button" aria-label="Ouvrir le menu" class="nav-btn"><span data-v-4700918e="" data-v-4bde60a8="" class="icon ๐19-10-2vCfSe" style="--color: var(--color-secondary-minimal-black-jcNIsx); --icon-size: 24px; --fill: currentColor;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 6h18v2H3V6Zm18 5H3v2h18v-2Zm0 5H3v2h18v-2Z" clip-rule="evenodd"></path></svg> </span></button></div></div></div> <div data-v-428eabae="" data-v-32530eda="" class="search__wrap search__bar" data-v-6bcfc41e=""><div data-v-428eabae="" class="search-bar__wrap"><div data-v-50a1234d="" data-v-428eabae="" class="autocomplete-container search-bar"><div data-v-50a1234d="" class="๐19-10-2rIy1g"><div class="๐19-10-2_FrL8 ๐19-10-2_2TXJ"><input placeholder="Rechercher" aria-label="Rechercher" class="๐19-10-2U4Dfn ๐19-10-2jZ_Vi"> <span class="๐19-10-2swXoB ๐19-10-2qI9Qu"><span data-v-4700918e="" data-v-50a1234d="" class="icon icon-prefix ๐19-10-2vCfSe" style="--color: currentColor; --icon-size: 24px; --fill: currentColor;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path 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"></path></svg> </span></span> <span class="๐19-10-2swXoB ๐19-10-2Du2TA"><span data-v-4700918e="" data-v-50a1234d="" class="icon ๐19-10-2vCfSe" style="--color: currentColor; --icon-size: 16px; --fill: currentColor;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path 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"></path></svg> </span></span></div> <!----></div> <!----> <div 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);"></div></div></div> <div data-v-428eabae="" class="search-bar__icon--close"><div data-v-4bde60a8="" data-v-428eabae="" class="nav-icon nav-icon__searchClose"><button data-v-4bde60a8="" type="button" aria-label="Fermer la recherche" class="nav-btn"><span data-v-4700918e="" data-v-4bde60a8="" class="icon ๐19-10-2vCfSe" style="--color: var(--color-secondary-minimal-black-jcNIsx); --icon-size: 24px; --fill: currentColor;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path 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"></path></svg> </span></button></div></div></div></div></div> <!----></div> <!----> <!----></div></div></div></div> <div data-v-301e84c2="" data-v-091f3071="" id="KkXUmq" data-block-purpose="banner" class="w-block-wrapper banner" type="block"> <div 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: #212121; --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: "Inter"; --maker-font-heading-font-weight: 700; --maker-font-body-font-family: "Inter"; --maker-font-body-font-weight: 400; --maker-font-label-font-family: "Inter"; --maker-font-label-font-weight: 500; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 4px; --maker-shape-button-border-radius: 8px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px; background: none;"><div data-v-c28c44a2="" data-v-301e84c2="" class="banner-block-wrapper w-block" id="47f566e3-9e2c-11f0-a744-f5f650974e46" layout="banner-1" shortid="KkXUmq"><div data-v-ab1ca44a="" data-v-c28c44a2="" class="w-wrapper banner-slide-wrapper wrapper"> <div data-v-c28c44a2="" data-v-ab1ca44a=""><div data-v-46b85cd6="" data-v-b3256484="" data-v-7d258f40="" data-v-20b0e156="" role="img" aria-label="" original="/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Alain%20Quessy%20et%20son%20band_1770305179.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("https://d85edc729c5a0e80db4d.cdn6.editmysite.com/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Alain%20Quessy%20et%20son%20band_1770305179.jpg?width=2400&optimize=medium"); --bg-img-src-400w: url("https://d85edc729c5a0e80db4d.cdn6.editmysite.com/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Alain%20Quessy%20et%20son%20band_1770305179.jpg?width=400&optimize=medium&height=480&fit=cover&dpr=1"); --bg-img-src-800w: url("https://d85edc729c5a0e80db4d.cdn6.editmysite.com/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Alain%20Quessy%20et%20son%20band_1770305179.jpg?width=800&optimize=medium&height=480&fit=cover&dpr=1"); --bg-img-src-1200w: url("https://d85edc729c5a0e80db4d.cdn6.editmysite.com/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Alain%20Quessy%20et%20son%20band_1770305179.jpg?width=1200&optimize=medium&height=480&fit=cover&dpr=1"); --bg-img-src-1600w: url("https://d85edc729c5a0e80db4d.cdn6.editmysite.com/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Alain%20Quessy%20et%20son%20band_1770305179.jpg?width=1600&optimize=medium&height=480&fit=cover&dpr=1"); --bg-img-src-2000w: url("https://d85edc729c5a0e80db4d.cdn6.editmysite.com/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Alain%20Quessy%20et%20son%20band_1770305179.jpg?width=2000&optimize=medium&height=480&fit=cover&dpr=1"); --bg-img-src-2400w: url("https://d85edc729c5a0e80db4d.cdn6.editmysite.com/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Alain%20Quessy%20et%20son%20band_1770305179.jpg?width=2400&optimize=medium&height=480&fit=cover&dpr=1"); --text-color: #141414; --text-color-10: #020202; --text-color-20: #040404; --text-color-30: #060606; --text-color-40: #080808; --text-color-50: #0a0a0a; --text-color-60: #0c0c0c; --text-color-70: #0e0e0e; --text-color-80: #101010; --text-color-90: #121212; --text-color-alpha-10: rgba(20, 20, 20, 0.1);"><!----> <div data-v-20b0e156="" data-v-46b85cd6="" class="container content-align--center content-height--large" style="text-align: center;"><div data-v-614c05a6="" class="w-container row" data-v-46b85cd6=""><div data-v-6bcfc41e="" class="w-cell col col-12 col-sm-10 col-md-8 col-lg-6 offset-sm-1 offset-md-2 offset-lg-3" data-v-614c05a6=""><div data-v-a10a13dc="" class="element-group" data-v-6bcfc41e=""><!----> <div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper"> <div data-v-13004c05="" data-v-df07630a="" data-v-a10a13dc="" class="text-component ๐19-10-2uGevg ๐19-10-2_lg_u w-text--rendered" data-v-ab1ca44a="" style="--mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 700; color: rgb(255, 255, 255); --inline-link-color: var(--primary-color);"><h1>Alain Quessy <br>et son Band<br></h1></div></div> <div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper"> <div data-v-13004c05="" data-v-df07630a="" data-v-a10a13dc="" class="text-component ๐19-10-2uGevg ๐19-10-2sEevC w-text--rendered" data-v-ab1ca44a="" style="--mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 400; color: rgb(255, 255, 255); --inline-link-color: var(--primary-color);"><p>Eglise de Batiscan<br>26 avril 2026<br>14h<br><br>Adultes 30$<br>15 ans et moins 15$</p></div></div> <div data-v-a10a13dc=""><div data-v-a10a13dc="" class="button-group"><div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper button-wrapper"> <div data-v-e2a9ea0a="" data-v-a10a13dc="" class="button" id="groups/0/button" data-v-ab1ca44a=""><a type="button" role="button" href="/s/shop" class="๐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" style="--color-main: #212121; --color-contrast: #ffffff; --color-hover: #353535; --color-active: #4a4a4a; --color-focus: #2121214d; --border-radius: 8px; --border-radius-hover: 8px; --border-width: 0px; --border-width-hover: 0px; --font-family: "Inter"; --font-weight: 500; --font-family-hover: "Inter"; --font-weight-hover: 500;"><!----> <span class="๐19-10-2DK0_A ๐19-10-2O_pqx"><!----> <span 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(--primary-color);"><p>Acheter</p></span> <span data-v-e2a9ea0a=""></span></span> <!----></a></div></div> <!----></div></div></div></div></div></div></div></div></div></div></div></div></div> <!----></header> <main data-v-4436f4cd="" data-v-614c05a6="" class="main-content"><!----> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-4436f4cd="" class="w-cell user-content row main-content-wrapper" data-v-614c05a6=""><div data-v-614c05a6="" data-v-4436f4cd="" class="w-container col" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-4436f4cd="" class="w-cell row" data-v-614c05a6=""><div data-v-301e84c2="" data-v-4436f4cd="" id="bmldQR" data-block-purpose="about-us@^1.0.0" class="w-block-wrapper" type="block"> <div data-v-301e84c2=""><div data-v-7d258f40="" data-v-20b0e156="" data-v-301e84c2="" class="w-block w-background-light" id="bf640ff0-eff4-11f0-ade8-2fde3ef4fb4b" elements="" layout="about-us-mission" shortid="bmldQR" style="background-color: var(--color-white); --text-color: #141414; --text-color-10: #e8e8e8; --text-color-20: #d0d0d0; --text-color-30: #b9b9b9; --text-color-40: #a1a1a1; --text-color-50: #8a8a8a; --text-color-60: #727272; --text-color-70: #5b5b5b; --text-color-80: #434343; --text-color-90: #2c2c2c; --text-color-alpha-10: rgba(20, 20, 20, 0.1);"><div data-v-20b0e156="" class="container content-align--center" style="text-align: center;"><div data-v-614c05a6="" class="w-container row"><div data-v-6bcfc41e="" class="w-cell col col-12 col-sm-8 offset-sm-2" data-v-614c05a6=""><div data-v-a10a13dc="" class="element-group" data-v-6bcfc41e=""><!----> <div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper"> <div data-v-13004c05="" data-v-df07630a="" data-v-a10a13dc="" 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.13; font-family: Inter; font-weight: 700; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><h3>Vous voulez plus d'informations? Contactez-nous</h3></div></div> <div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper"> <div data-v-13004c05="" data-v-df07630a="" data-v-a10a13dc="" class="text-component ๐19-10-2uGevg ๐19-10-2sEevC w-text--rendered" data-v-ab1ca44a="" style="--mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 400; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><p>Pour contacter Culture Batiscan:<br>Denis Goulet<br>denisgoulet310@gmail.com<br>Texto: 418-325-6020</p></div></div> <!----></div></div></div></div></div></div></div></div><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-4436f4cd="" class="w-cell row" data-v-614c05a6=""><div data-v-301e84c2="" data-v-4436f4cd="" id="xSoWmQ" data-block-purpose="embed-pdf@^1.0.0" class="w-block-wrapper" type="block"> <div data-v-301e84c2=""><div data-v-7d258f40="" data-v-20b0e156="" data-v-7d8dd732="" data-v-301e84c2="" class="embed-pdf-1 w-block w-background-light" id="37d54b91-02a9-11f1-b369-b9fc38e2f860" elements="" layout="embed-pdf-1" shortid="xSoWmQ" style="background-color: var(--color-white); --text-color: #141414; --text-color-10: #e8e8e8; --text-color-20: #d0d0d0; --text-color-30: #b9b9b9; --text-color-40: #a1a1a1; --text-color-50: #8a8a8a; --text-color-60: #727272; --text-color-70: #5b5b5b; --text-color-80: #434343; --text-color-90: #2c2c2c; --text-color-alpha-10: rgba(20, 20, 20, 0.1);"><div data-v-20b0e156="" class="container content-align--center" style="text-align: center;"><div data-v-614c05a6="" data-v-7d8dd732="" class="w-container col"><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-7d8dd732="" class="w-cell row" data-v-614c05a6="" style="margin-bottom: calc(var(--gutter-row-lg) * 3);"><div data-v-614c05a6="" data-v-7d8dd732="" class="w-container row" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-7d8dd732="" class="w-cell col" data-v-614c05a6=""><div data-v-a10a13dc="" data-v-7d8dd732="" class="element-group" data-v-6bcfc41e=""><!----> <div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper"> <div data-v-13004c05="" data-v-df07630a="" data-v-a10a13dc="" 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.13; font-family: Inter; font-weight: 700; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><h3>Politique de vente en ligne</h3></div></div> <div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper"> <div data-v-13004c05="" data-v-df07630a="" data-v-a10a13dc="" 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.13; font-family: Inter; font-weight: 400; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><p><br></p></div></div> <!----></div></div></div></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-7d8dd732="" class="w-cell row" data-v-614c05a6=""><div data-v-614c05a6="" data-v-7d8dd732="" class="w-container row" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-7d8dd732="" class="w-cell col" data-v-614c05a6=""><div data-v-ab1ca44a="" data-v-7d8dd732="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-2cd4c699="" data-v-7d8dd732="" class="pdf-viewer-container" data-v-ab1ca44a=""><!----> <div data-v-2cd4c699="" class="pdf-viewer pdfobject-container"><embed class="pdfobject" src="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/03fc5380-02aa-11f1-bcda-d78022bcc926.pdf" type="application/pdf" style="overflow: auto; width: 100%; height: 100%;"></div></div></div></div></div></div></div></div></div></div></div></div><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-4436f4cd="" class="w-cell row" data-v-614c05a6=""><div data-v-301e84c2="" data-v-4436f4cd="" id="iZYuPX" data-block-purpose="embed-pdf@^1.0.0" class="w-block-wrapper" type="block"> <div data-v-301e84c2=""><div data-v-7d258f40="" data-v-20b0e156="" data-v-7d8dd732="" data-v-301e84c2="" class="embed-pdf-1 w-block w-background-light" id="48f028e1-02b9-11f1-bcda-d78022bcc926" elements="" layout="embed-pdf-1" shortid="iZYuPX" style="background-color: var(--color-white); --text-color: #141414; --text-color-10: #e8e8e8; --text-color-20: #d0d0d0; --text-color-30: #b9b9b9; --text-color-40: #a1a1a1; --text-color-50: #8a8a8a; --text-color-60: #727272; --text-color-70: #5b5b5b; --text-color-80: #434343; --text-color-90: #2c2c2c; --text-color-alpha-10: rgba(20, 20, 20, 0.1);"><div data-v-20b0e156="" class="container content-align--center" style="text-align: center;"><div data-v-614c05a6="" data-v-7d8dd732="" class="w-container col"><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-7d8dd732="" class="w-cell row" data-v-614c05a6="" style="margin-bottom: calc(var(--gutter-row-lg) * 3);"><div data-v-614c05a6="" data-v-7d8dd732="" class="w-container row" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-7d8dd732="" class="w-cell col" data-v-614c05a6=""><div data-v-a10a13dc="" data-v-7d8dd732="" class="element-group" data-v-6bcfc41e=""><!----> <div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper"> <div data-v-13004c05="" data-v-df07630a="" data-v-a10a13dc="" 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.13; font-family: Inter; font-weight: 700; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><h3>Politique de confidentialitรฉ</h3></div></div> <div data-v-ab1ca44a="" data-v-a10a13dc="" class="w-wrapper"> <div data-v-13004c05="" data-v-df07630a="" data-v-a10a13dc="" 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.13; font-family: Inter; font-weight: 400; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><p><br></p></div></div> <!----></div></div></div></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-7d8dd732="" class="w-cell row" data-v-614c05a6=""><div data-v-614c05a6="" data-v-7d8dd732="" class="w-container row" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-7d8dd732="" class="w-cell col" data-v-614c05a6=""><div data-v-ab1ca44a="" data-v-7d8dd732="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-2cd4c699="" data-v-7d8dd732="" class="pdf-viewer-container" data-v-ab1ca44a=""><!----> <div data-v-2cd4c699="" class="pdf-viewer pdfobject-container"><embed class="pdfobject" src="/uploads/b/47160be0-9e2c-11f0-8d9f-f1583ae11416/8e839770-02b9-11f1-bcda-d78022bcc926.pdf" type="application/pdf" style="overflow: auto; width: 100%; height: 100%;"></div></div></div></div></div></div></div></div></div></div></div></div><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-4436f4cd="" class="w-cell row" data-v-614c05a6=""><div data-v-301e84c2="" data-v-4436f4cd="" id="nVgcjT" data-block-purpose="contact-us@^1.0.0" class="w-block-wrapper" type="block"> <div data-v-301e84c2=""><div data-v-7d258f40="" data-v-45d0b848="" data-v-301e84c2="" class="w-block w-background-light" id="5c8f8fe0-c70d-11f0-9acb-17a46e2c3569" layout="contact-us-1" shortid="nVgcjT" style="background-color: var(--color-white); --text-color: #141414; --text-color-10: #e8e8e8; --text-color-20: #d0d0d0; --text-color-30: #b9b9b9; --text-color-40: #a1a1a1; --text-color-50: #8a8a8a; --text-color-60: #727272; --text-color-70: #5b5b5b; --text-color-80: #434343; --text-color-90: #2c2c2c; --text-color-alpha-10: rgba(20, 20, 20, 0.1);"><div data-v-45d0b848="" class="contact-us-1 container content-align--center" style="text-align: center;"><div data-v-614c05a6="" data-v-45d0b848="" class="w-container row"><div data-v-6bcfc41e="" data-v-45d0b848="" class="w-cell col" data-v-614c05a6="" style="margin-top: calc(var(--gutter-row-lg) * 3); margin-bottom: calc(var(--gutter-row-lg) * 3);"><div data-v-614c05a6="" data-v-45d0b848="" class="w-container row" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-45d0b848="" class="w-cell col col-12 col-sm-8 col-md-6 offset-sm-2 offset-md-3" data-v-614c05a6=""><div data-v-614c05a6="" data-v-45d0b848="" class="w-container col" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-45d0b848="" class="w-cell row" data-v-614c05a6=""><div data-v-ab1ca44a="" data-v-45d0b848="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-13004c05="" data-v-df07630a="" data-v-45d0b848="" 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.13; font-family: Inter; font-weight: 700; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><h3><br></h3></div></div></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-45d0b848="" class="w-cell row" data-v-614c05a6=""><div data-v-ab1ca44a="" data-v-45d0b848="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-13004c05="" data-v-df07630a="" data-v-45d0b848="" 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.13; font-family: Inter; font-weight: 400; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><p><br></p></div></div></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-45d0b848="" class="w-cell row" data-v-614c05a6=""><form data-v-c8518698="" data-v-45d0b848="" action="/app/cms/api/v1/schemas/4d1c97b0-02bd-11f1-80c4-17e70256f7d9/entries" method="post" novalidate="novalidate" aria-label="Nous contacter" class="form" type="contact-form" data-v-6bcfc41e=""><div data-v-614c05a6="" data-v-c8518698="" class="w-container container--no-gutters col"><div data-v-6bcfc41e="" data-v-c8518698="" class="w-cell col col-12" data-v-614c05a6="" style="margin-top: calc(var(--gutter-row-xs) * 1); margin-bottom: calc(var(--gutter-row-xs) * 1); padding-left: calc(var(--gutter-column-xs) * 0); padding-right: calc(var(--gutter-column-xs) * 0);"><div data-v-ab1ca44a="" data-v-c8518698="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-c8518698="" class="๐19-10-2rIy1g" data-v-ab1ca44a=""><div class="๐19-10-2_FrL8 ๐19-10-2_2TXJ"><input label="Adresse courriel" name="5d1b7c31-c70d-11f0-9e41-033e9aa7eb03" placeholder="Adresse courriel" required="required" properties="[object Object]" meta="[object Object]" error="[object Object]" type="email" aria-label="Adresse courriel (obligatoire)" aria-invalid="false" class="๐19-10-2U4Dfn ๐19-10-2jZ_Vi"> <!----> <!----></div> <!----></div></div></div> <!----></div> <div data-v-351dc09f="" data-v-c8518698="" class="recaptcha-terms form__row row form__row--no-gutters">Ce formulaire est protรฉgรฉ par reCAPTCHA. La <a rel="noreferrer noopener" href="https://policies.google.com/privacy" target="_blank">Politique de confidentialitรฉ</a> et les <a rel="noreferrer noopener" href="https://policies.google.com/terms" target="_blank">Conditions dโutilisation</a> de Google sโappliquent.</div> <div data-v-c8518698="" class="form__row row form__row--no-gutters"><!----></div> <div data-v-c8518698="" class="row"><div data-v-ab1ca44a="" data-v-c8518698="" class="w-wrapper"> <button data-v-438faef7="" data-v-c8518698="" type="submit" disabled="disabled" aria-disabled="true" 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" id="form-button-4d1c97b0-02bd-11f1-80c4-17e70256f7d9" aria-label="Envoyer le formulaire Nous contacter" data-v-ab1ca44a="" style="--color-main: #212121; --color-contrast: #ffffff; --color-hover: #353535; --color-active: #4a4a4a; --color-focus: #2121214d; --border-radius: 8px; --border-radius-hover: 8px; --border-width: 0px; --border-width-hover: 0px; --font-family: "Inter"; --font-weight: 500; --font-family-hover: "Inter"; --font-weight-hover: 500;"><!----> <span class="๐19-10-2DK0_A ๐19-10-2O_pqx"> Valider </span> <!----></button></div></div></form></div></div></div></div></div></div></div></div></div></div></div></div></div></main> <footer data-v-4436f4cd="" data-v-614c05a6=""><!----> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-4436f4cd="" class="w-cell row" data-v-614c05a6=""><div data-v-301e84c2="" data-v-4436f4cd="" id="KDsYUf" data-block-purpose="footer" class="w-block-wrapper" type="block"> <div data-v-301e84c2=""><div data-v-7d258f40="" data-v-20b0e156="" data-v-f2727a24="" data-v-301e84c2="" class="w-block w-background-light" layout="footer-7" shortid="KDsYUf" colorprofile="" style="background-color: var(--color-white); --text-color: #141414; --text-color-10: #e8e8e8; --text-color-20: #d0d0d0; --text-color-30: #b9b9b9; --text-color-40: #a1a1a1; --text-color-50: #8a8a8a; --text-color-60: #727272; --text-color-70: #5b5b5b; --text-color-80: #434343; --text-color-90: #2c2c2c; --text-color-alpha-10: rgba(20, 20, 20, 0.1);"><div data-v-20b0e156="" class="container content-align--center" style="text-align: left;"><div data-v-614c05a6="" data-v-f2727a24="" class="w-container col"><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-f2727a24="" class="w-cell row" data-v-614c05a6=""><div data-v-614c05a6="" data-v-f2727a24="" class="w-container align-flex-end row" data-v-6bcfc41e=""><div 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);"><div data-v-614c05a6="" data-v-f2727a24="" class="w-container col" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-f2727a24="" class="w-cell row" data-v-614c05a6=""><div data-v-ab1ca44a="" data-v-f2727a24="" class="w-wrapper" data-v-6bcfc41e=""> <a data-v-437bd440="" data-v-f2727a24="" href="/" class="logo__link router-link-exact-active router-link-active" id="6396c1f0-0aef-11ee-9bda-8180174bf7ee" button="[object Object]" data-v-ab1ca44a="" style="text-align: inherit;"><div data-v-13004c05="" data-v-df07630a="" data-v-68c8fdff="" data-v-437bd440="" class="text-component w-sitetitle ๐19-10-2uGevg ๐19-10-2TxSrO w-text--rendered medium" data-wg-notranslate="" style="font-size: 20px; --mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 700; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color); text-align: inherit;"><h2>Culture Batiscan</h2></div></a></div></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-f2727a24="" class="w-cell row" data-v-614c05a6=""><div data-v-ab1ca44a="" data-v-f2727a24="" class="w-wrapper" data-v-6bcfc41e=""> <nav data-v-6dd1f078="" data-v-f2727a24="" class="w-nav nav--footer" data-v-ab1ca44a=""><ul data-v-6dd1f078="" class="nav__main" style="text-align: inherit; --nav-color-link: var(--color-secondary-minimal-black-jcNIsx); --nav-color-underline: var(--color-secondary-minimal-black-jcNIsx);"><li data-v-13004c05="" data-v-6dd1f078="" class="text-component nav__item ๐19-10-2uGevg ๐19-10-2EEwzY" style="--mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 500; color: rgb(20, 20, 20);"><a data-v-6dd1f078="" href="/s/shop" class="" allow-nav=""> Tout afficher </a></li></ul></nav></div></div></div></div> <div 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=""><div data-v-ab1ca44a="" data-v-f2727a24="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-245e75b5="" data-v-f2727a24="" id="6396c1f2-0aef-11ee-9bda-8180174bf7ee" button="[object Object]" data-v-ab1ca44a=""></div></div></div></div></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-f2727a24="" class="w-cell row" data-v-614c05a6=""><hr data-v-2b9c9aba="" data-v-f2727a24="" class="divider" data-v-6bcfc41e=""></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-f2727a24="" class="w-cell row" data-v-614c05a6=""><div data-v-614c05a6="" data-v-f2727a24="" class="w-container align-flex-end row" data-v-6bcfc41e=""><div 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);"><div data-v-614c05a6="" data-v-f2727a24="" class="w-container col" data-v-6bcfc41e=""><div data-v-6bcfc41e="" data-v-6bda7270="" data-v-f2727a24="" class="w-cell row" data-v-614c05a6=""><div data-v-ab1ca44a="" data-v-f2727a24="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-13004c05="" data-v-df07630a="" data-v-f2727a24="" class="text-component ๐19-10-2uGevg ๐19-10-2sEevC w-text--rendered font--ui" data-v-ab1ca44a="" style="--mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 400; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><p>Soyez informรฉs des nouveautรฉs</p></div></div></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-f2727a24="" class="w-cell row" data-v-614c05a6=""><div data-v-ab1ca44a="" data-v-f2727a24="" class="w-wrapper" data-v-6bcfc41e=""> <form data-v-11ca810a="" data-v-f2727a24="" action="/app/cms/api/v1/schemas/479c4a62-9e2c-11f0-a744-f5f650974e46/entries" method="post" data-v-ab1ca44a=""><div data-v-11ca810a="" class="form__row row"><div data-v-437b11dc="" data-v-11ca810a="" meta="[object Object]"><div data-v-437b11dc="" class="action-button"><div data-v-437b11dc="" class="action-button__input ๐19-10-2rIy1g"><div class="๐19-10-2_FrL8 ๐19-10-2_2TXJ"><input name="479c4a60-9e2c-11f0-a744-f5f650974e46" type="email" label="E-mail" required="required" placeholder="E-mail" properties="[object Object]" class="๐19-10-2U4Dfn ๐19-10-2jZ_Vi"> <!----> <!----></div> <!----></div> <button 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: #212121; --color-contrast: #ffffff; --color-hover: #353535; --color-active: #4a4a4a; --color-focus: #2121214d; --border-radius: 8px; --border-radius-hover: 8px; --border-width: 0px; --border-width-hover: 0px; --font-family: "Inter"; --font-weight: 500; --font-family-hover: "Inter"; --font-weight-hover: 500;"><!----> <span class="๐19-10-2DK0_A ๐19-10-2O_pqx"> Sโinscrire </span> <!----></button></div> <!----></div></div> <div data-v-351dc09f="" data-v-11ca810a="" class="recaptcha-terms recaptcha-terms">Ce formulaire est protรฉgรฉ par reCAPTCHA. La <a rel="noreferrer noopener" href="https://policies.google.com/privacy" target="_blank">Politique de confidentialitรฉ</a> et les <a rel="noreferrer noopener" href="https://policies.google.com/terms" target="_blank">Conditions dโutilisation</a> de Google sโappliquent.</div> <!----></form></div></div></div></div> <div 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=""><div data-v-614c05a6="" data-v-f2727a24="" class="w-container col" data-v-6bcfc41e=""><div 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);"><div data-v-ab1ca44a="" data-v-f2727a24="" class="w-wrapper" data-v-6bcfc41e=""> <div data-v-37b9dd09="" data-v-f2727a24="" class="payment-methods" data-v-ab1ca44a=""><!----> <span data-v-37b9dd09="" class="square-pay"><svg data-v-37b9dd09="" width="24" height="24" viewBox="0 0 24 24" class="square-pay__icon"><path 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"></path></svg></span> <img data-v-37b9dd09="" src="/static/icons/payment-methods/applepay.svg" alt="Apple Pay" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/googlepay.svg" alt="Google Pay" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/visa.svg" alt="Visa" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/mastercard.svg" alt="Mastercard" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/americanexpress.svg" alt="American Express" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/discover.svg" alt="Discover" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/jcb.svg" alt="JCB" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/afterpay.svg" alt="Afterpay" class="supported-payment-method"> <!----> <img data-v-37b9dd09="" src="/static/icons/payment-methods/interac.svg" alt="Interac" class="supported-payment-method"> <!----></div></div></div> <div data-v-614c05a6="" data-v-f2727a24="" class="w-container copyright-row row"><!----> <div 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=""><div data-v-ab1ca44a="" data-v-f2727a24="" class="w-wrapper" data-v-6bcfc41e=""> <div 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.13; font-family: Inter; font-weight: 400; color: rgb(20, 20, 20); --inline-link-color: var(--primary-color);"><p>ยฉ 2026</p></div></div></div></div></div></div></div></div></div></div></div></div></div></div> <div data-v-6bcfc41e="" data-v-6bda7270="" data-v-4436f4cd="" class="w-cell row" data-v-614c05a6=""><div data-v-301e84c2="" data-v-4436f4cd="" id="JLSiVl" data-block-purpose="free-footer@^1.0.0" class="w-block-wrapper" type="block"> <div data-v-301e84c2=""><div data-v-7d258f40="" data-v-c2ac550a="" data-v-301e84c2="" isdark="true" class="w-block w-background-dark" id="471e19b0-9e2c-11f0-a744-f5f650974e46" layout="free-footer-1" shortid="JLSiVl" style="background-color: rgb(50, 59, 67); --text-color: #ffffff; --text-color-10: #474f56; --text-color-20: #5b6369; --text-color-30: #70767c; --text-color-40: #848a8f; --text-color-50: #999da1; --text-color-60: #adb1b4; --text-color-70: #c2c5c7; --text-color-80: #d6d8da; --text-color-90: #ebeced; --text-color-alpha-10: rgba(255, 255, 255, 0.1);"><div data-v-c2ac550a="" class="container free-footer content-align--center" style="text-align: center;"><div data-v-614c05a6="" data-v-c2ac550a="" class="w-container row"><div 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);"><a 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--dark"><svg data-v-c2ac550a="" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Alimentรฉ par <b>Square</b>" class="free-footer-sq-logo logo--dark" data-v-6bcfc41e=""><path 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"></path></svg> <p data-v-c2ac550a="" data-v-6bcfc41e="" class="free-footer-sq-text">Alimentรฉ par <b>Square</b></p></a></div></div></div></div></div></div></div></footer></div></div> <svg data-v-0df30486="" xmlns="http://www.w3.org/2000/svg" style="display: none;"><symbol id="alert-triangle-icon" viewBox="0 0 16 16" fill="none"><path 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)"></path></symbol><symbol id="email-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="embed-code-icon" viewBox="0 0 64 64" fill="none"><path 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)"></path><path transform="translate(21 26)" fill="var(--background-fill)" d="M0 0h22v12H0z"></path><path 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"></path></symbol><symbol id="embed-pdf-icon" viewBox="0 0 64 64" fill="none"><path 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)"></path><path 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"></path></symbol><symbol id="facebook-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="google-plus-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="instagram-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><g style="fill:var(--icon-fill)" fill-rule="evenodd"><path 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"></path><path 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"></path><path d="M8 6.578a1.422 1.422 0 1 1 0 2.844 1.422 1.422 0 0 1 0-2.844z"></path></g></symbol><symbol id="instagram-item-icon" viewBox="0 0 64 64" fill="none"><path 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)"></path><path transform="translate(20 20)" fill="var(--background-fill)" d="M0 0h24v24H0z"></path><rect x="21" y="21" width="22" height="22" rx="5" stroke="var(--icon-fill)" stroke-width="2"></rect><circle cx="32" cy="32" r="5" stroke="var(--icon-fill)" stroke-width="2"></circle><circle cx="39" cy="26" r="1" fill="var(--icon-fill)"></circle></symbol><svg id="tiktok-icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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"></path><path 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"></path></svg><symbol id="linkedin-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol fill="none" viewBox="0 0 466 466" id="twitter-icon"><circle cx="233" cy="233" r="233" style="fill:var(--icon-fill)"></circle><g clip-path="url(#aa)"><path 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)"></path></g></symbol><symbol id="vimeo-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="video-icon" viewBox="0 0 64 64" fill="none"><path 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)"></path><path d="M28 40V25l11 7.5L28 40z" fill="var(--icon-fill)" stroke="var(--icon-fill)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></symbol><symbol id="youtube-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="pinterest-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="snapchat-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="yelp-icon" viewBox="0 0 22 23"><path 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"></path><path 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"></path></symbol><symbol id="cash-app-logo-icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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)"></path><path 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"></path></symbol><symbol id="square-pay-logo-icon" viewBox="0 0 119 22" fill="none" xmlns="http://www.w3.org/2000/svg"><svg xmlns="http://www.w3.org/2000/svg" width="119" height="22"><path 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)"></path></svg></symbol><symbol id="close-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect style="fill:var(--icon-fill)" width="1.872" height="20.587" rx=".936" transform="scale(.99243 1.00751) rotate(45 4.622 24.714)"></rect><rect style="fill:var(--icon-fill)" width="1.872" height="20.587" rx=".936" transform="matrix(-.70176 .71242 .70176 .71242 5.313 4)"></rect></symbol><symbol id="shopping-bag-icon" viewBox="0 0 33 33" fill="none"><circle cx="16.5" cy="16.5" r="16.5" fill="var(--background-fill)" fill-opacity=".4"></circle><path 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"></path></symbol><symbol id="ellipse-icon" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="4" height="4" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="var(--icon-fill)"></circle></svg></symbol><symbol id="tag-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="digital-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path><path d="M28 1v7h7" stroke="var(--icon-fill)" stroke-width="1.949" stroke-linejoin="round"></path><path 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)"></path></svg></symbol><symbol id="service-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="donation-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="event-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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"></path><path 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"></path></svg></symbol><symbol id="membership-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="food-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path 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"></path></g><defs><clipPath id="clip0"><path fill="var(--background-fill)" d="M0 0h40v40H0z"></path></clipPath></defs></svg></symbol><symbol id="image-icon" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="64" height="64" xmlns="http://www.w3.org/2000/svg"><path 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)"></path><path 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)"></path></svg></symbol><symbol id="section-icon" viewBox="0 0 16 16"><path 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"></path></symbol><symbol id="category-folder-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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"></path></svg></symbol><symbol id="phone-icon" viewBox="0 0 16 16"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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"></path></svg></symbol><symbol id="direction-icon" viewBox="0 0 21 21"><svg width="21" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="map-icon" viewBox="0 0 20 19"><svg width="20" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="list-icon" viewBox="0 0 24 24"><svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol></svg> <!----></div></div> <div data-v-25532360=""><!----></div> <div data-v-25532360="" class="cko ๐19-10-2rI2oH cko--close cko--flyover" 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: #212121; --maker-color-background: #ffffff; --maker-color-heading: #141414; --maker-color-body: #141414; --maker-color-elevation: #ffffff; --maker-color-overlay: rgba(0, 0, 0, 0.32); --maker-color-error-fill: #cd2026; --maker-font-heading-font-family: "Inter"; --maker-font-heading-font-weight: 700; --maker-font-body-font-family: "Inter"; --maker-font-body-font-weight: 400; --maker-font-label-font-family: "Inter"; --maker-font-label-font-weight: 500; --maker-shape-default-border-radius: 8px; --maker-shape-card-border-radius: 4px; --maker-shape-button-border-radius: 8px; --maker-shape-image-border-radius: 16px; --maker-shape-thumbnail-border-radius: 8px;"><div class="cko__header"><div class="cko__header-items cko--max-width"><div class="cko__header-back"><button type="button" title="Retourner au panier" class="cko__back-btn ๐19-10-2_xxoX ๐19-10-2t5BZq" style="--color: #212121;"><!----> <span class="๐19-10-2qfj5z ๐19-10-2QESOt"><span 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;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path 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"></path></svg> </span> <span class="cko__back-btn-label display-inline-phone-up"><p class="cko__back-btn-label-text ๐19-10-2uGevg ๐19-10-2EEwzY" style="--mobile-base-font-size: 14; --mobile-font-size-scale: 1.13; font-family: Inter; font-weight: 400; color: rgb(20, 20, 20);"> Retourner au panier </p></span></span></button></div> <div role="banner" class="cko__header-title cko__header-title--text-only" style="padding-top: 19px;"><span> Culture Batiscan </span></div> <div></div></div></div> <div class="cko__body cko--max-width"><!----> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><symbol id="alert-triangle-icon" viewBox="0 0 16 16" fill="none"><path 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)"></path></symbol><symbol id="email-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="embed-code-icon" viewBox="0 0 64 64" fill="none"><path 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)"></path><path transform="translate(21 26)" fill="var(--background-fill)" d="M0 0h22v12H0z"></path><path 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"></path></symbol><symbol id="embed-pdf-icon" viewBox="0 0 64 64" fill="none"><path 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)"></path><path 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"></path></symbol><symbol id="facebook-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="google-plus-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="instagram-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><g style="fill:var(--icon-fill)" fill-rule="evenodd"><path 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"></path><path 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"></path><path d="M8 6.578a1.422 1.422 0 1 1 0 2.844 1.422 1.422 0 0 1 0-2.844z"></path></g></symbol><symbol id="instagram-item-icon" viewBox="0 0 64 64" fill="none"><path 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)"></path><path transform="translate(20 20)" fill="var(--background-fill)" d="M0 0h24v24H0z"></path><rect x="21" y="21" width="22" height="22" rx="5" stroke="var(--icon-fill)" stroke-width="2"></rect><circle cx="32" cy="32" r="5" stroke="var(--icon-fill)" stroke-width="2"></circle><circle cx="39" cy="26" r="1" fill="var(--icon-fill)"></circle></symbol><svg id="tiktok-icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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"></path><path 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"></path></svg><symbol id="linkedin-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol fill="none" viewBox="0 0 466 466" id="twitter-icon"><circle cx="233" cy="233" r="233" style="fill:var(--icon-fill)"></circle><g clip-path="url(#aa)"><path 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)"></path></g></symbol><symbol id="vimeo-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="video-icon" viewBox="0 0 64 64" fill="none"><path 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)"></path><path d="M28 40V25l11 7.5L28 40z" fill="var(--icon-fill)" stroke="var(--icon-fill)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></symbol><symbol id="youtube-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="pinterest-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="snapchat-icon" viewBox="0 0 16 16"><rect x="1" y="1" style="fill:var(--background-fill)" width="14" height="14" rx="8" ry="8"></rect><path 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"></path></symbol><symbol id="yelp-icon" viewBox="0 0 22 23"><path 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"></path><path 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"></path></symbol><symbol id="cash-app-logo-icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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)"></path><path 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"></path></symbol><symbol id="square-pay-logo-icon" viewBox="0 0 119 22" fill="none" xmlns="http://www.w3.org/2000/svg"><svg xmlns="http://www.w3.org/2000/svg" width="119" height="22"><path 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)"></path></svg></symbol><symbol id="close-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect style="fill:var(--icon-fill)" width="1.872" height="20.587" rx=".936" transform="scale(.99243 1.00751) rotate(45 4.622 24.714)"></rect><rect style="fill:var(--icon-fill)" width="1.872" height="20.587" rx=".936" transform="matrix(-.70176 .71242 .70176 .71242 5.313 4)"></rect></symbol><symbol id="shopping-bag-icon" viewBox="0 0 33 33" fill="none"><circle cx="16.5" cy="16.5" r="16.5" fill="var(--background-fill)" fill-opacity=".4"></circle><path 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"></path></symbol><symbol id="ellipse-icon" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="4" height="4" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="var(--icon-fill)"></circle></svg></symbol><symbol id="tag-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="digital-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path><path d="M28 1v7h7" stroke="var(--icon-fill)" stroke-width="1.949" stroke-linejoin="round"></path><path 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)"></path></svg></symbol><symbol id="service-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="donation-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="event-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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"></path><path 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"></path></svg></symbol><symbol id="membership-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="food-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path 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"></path></g><defs><clipPath id="clip0"><path fill="var(--background-fill)" d="M0 0h40v40H0z"></path></clipPath></defs></svg></symbol><symbol id="image-icon" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="64" height="64" xmlns="http://www.w3.org/2000/svg"><path 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)"></path><path 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)"></path></svg></symbol><symbol id="section-icon" viewBox="0 0 16 16"><path 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"></path></symbol><symbol id="category-folder-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path 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"></path></svg></symbol><symbol id="phone-icon" viewBox="0 0 16 16"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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"></path></svg></symbol><symbol id="direction-icon" viewBox="0 0 21 21"><svg width="21" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="map-icon" viewBox="0 0 20 19"><svg width="20" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol><symbol id="list-icon" viewBox="0 0 24 24"><svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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)"></path></svg></symbol></svg></div> <div class="cko__footer cko--max-width"><div class="cko__footer-divider ๐19-10-2_q2yX" style="--divider-color: #949494; --divider-size: 1px;"></div> <div class="cko__footer-container is-last-footer"><svg width="24" height="24" viewBox="0 0 24 24" fill="var(--maker-color-neutral-90)" class="cko__footer-logo"><path 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"></path></svg> <div class="cko__footer-text"> Paiement sรฉcurisรฉ par Square </div> <div data-v-37b9dd09="" class="payment-methods cko__footer-payment-methods"><!----> <span data-v-37b9dd09="" class="square-pay"><svg data-v-37b9dd09="" width="24" height="24" viewBox="0 0 24 24" class="square-pay__icon"><path 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"></path></svg></span> <img data-v-37b9dd09="" src="/static/icons/payment-methods/applepay.svg" alt="Apple Pay" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/googlepay.svg" alt="Google Pay" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/visa.svg" alt="Visa" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/mastercard.svg" alt="Mastercard" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/americanexpress.svg" alt="American Express" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/discover.svg" alt="Discover" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/jcb.svg" alt="JCB" class="supported-payment-method"> <img data-v-37b9dd09="" src="/static/icons/payment-methods/afterpay.svg" alt="Afterpay" class="supported-payment-method"> <!----> <img data-v-37b9dd09="" src="/static/icons/payment-methods/interac.svg" alt="Interac" class="supported-payment-method"> <!----></div></div> <!----></div></div> <!----></div> <div data-v-25532360="" class="๐19-10-2_MzTS theme-square w-background-light"><!----> <!----> <!----></div> <div data-v-25532360="" class="๐19-10-2_4EhS theme-square w-background-light"><!----> <!----></div> <div data-v-25532360="" class="theme-square w-background-light"><div id="popover-portal-1" class="๐19-10-2MBxkh"><div><!----></div></div></div></div> <!----> <!----> <!----> <!----></div> <link rel="stylesheet" type="text/css" href="https://cdn3.editmysite.com/app/checkout/assets/checkout/css/wcko.d01e607a0316a2da0559.css"> <script id="sq-messages-plugin" src="https://conversations-production-f.squarecdn.com/v2/messages-plugin.js" data-auto-show="false" data-seller-key="LF9A4T5361ZS3"></script><script async="" src="https://www.google.com/recaptcha/api.js?render=6LdIjoYhAAAAANT4Xy0LaHGw4_e_1FKcwveKCxY6"></script><div><div 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;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-gv1ptnazla2i" 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&k=6LdIjoYhAAAAANT4Xy0LaHGw4_e_1FKcwveKCxY6&co=aHR0cHM6Ly9jdWx0dXJlYmF0aXNjYW4uc3F1YXJlLnNpdGU6NDQz&hl=en&v=gTpTIWhbKpxADzTzkcabhXN4&size=invisible&anchor-ms=20000&execute-ms=30000&cb=jjm2pl1c0mi"></iframe></div><div class="grecaptcha-error"></div><textarea 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;"></textarea></div><iframe style="display: none;"></iframe></div><div data-market-features="typography"><messages-plugin sellerkey="LF9A4T5361ZS3" initialname="" initialphonenumber="" initialmessage="" source="SQUARE_ONLINE_SITE" color="#212121" logo="/uploads/b/d85edc729c5a0e80db4d5048d9a2486a47c964be0aad106fc57a00052d79913d/Logo%20Culture%20Batiscan_1768250045.jpg" businessname="Culture Batiscan" locationname="Culture Batiscan" responsetimetext="We'll respond as soon as we can" data-market-theme="monochrome" ispopoveropen="">undefined <div class="popover-container" part="popover"> <!--?lit$611212602$--> <!--?lit$611212602$--> <msg-plugin-market-popover class="popover market-popover" hydrated=""> <msg-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=""> <!--?lit$611212602$--> <svg slot="icon" xmlns="http://www.w3.org/2000/svg" width="19" height="22" fill="none" viewBox="0 0 19 22"> <title>Phone with notification</title> <path 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"></path> <path 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"></path> <path 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"></path> </svg> <p class="contact-us-label"><!--?lit$611212602$-->Text us</p> </msg-plugin-market-button> <slot></slot></msg-plugin-market-popover> </div> <div class="veil "></div> ?lit$611212602$ </messages-plugin></div></body></html>
Json ld
Http response code
200
Scrape date
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
January
February
March
April
May
June
July
August
September
October
November
December
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
—
00
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
:
00
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
Successful refresh
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
January
February
March
April
May
June
July
August
September
October
November
December
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
—
00
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
:
00
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
Show
|
Back