:root { --baselayer-opacity-0: 0; --baselayer-opacity-5: 0.05; --baselayer-opacity-10: 0.1; --baselayer-opacity-15: 0.15; --baselayer-opacity-20: 0.2; --baselayer-opacity-25: 0.25; --baselayer-opacity-30: 0.3; --baselayer-opacity-35: 0.35; --baselayer-opacity-40: 0.4; --baselayer-opacity-45: 0.45; --baselayer-opacity-50: 0.5; --baselayer-opacity-55: 0.55; --baselayer-opacity-60: 0.6; --baselayer-opacity-65: 0.65; --baselayer-opacity-70: 0.7; --baselayer-opacity-75: 0.75; --baselayer-opacity-80: 0.8; --baselayer-opacity-85: 0.85; --baselayer-opacity-90: 0.9; --baselayer-opacity-95: 0.95; --baselayer-opacity-100: 1; --baselayer-colors-coolGray-50: #fbfcfe; --baselayer-colors-coolGray-100: #f1f3f7; --baselayer-colors-coolGray-200: #eaecf2; --baselayer-colors-coolGray-300: #dce0e8; --baselayer-colors-coolGray-400: #c3c9d7; --baselayer-colors-coolGray-500: #acb4c7; --baselayer-colors-coolGray-600: #939db6; --baselayer-colors-coolGray-700: #6f7b96; --baselayer-colors-coolGray-800: #414e6c; --baselayer-colors-coolGray-900: #1a202e; --baselayer-colors-red-50: #feebeb; --baselayer-colors-red-100: #fcc2c1; --baselayer-colors-red-200: #fa9594; --baselayer-colors-red-300: #f86b69; --baselayer-colors-red-400: #f5403e; --baselayer-colors-red-500: #cc3634; --baselayer-colors-red-600: #a52c2a; --baselayer-colors-red-700: #7d2120; --baselayer-colors-red-800: #641b1a; --baselayer-colors-red-900: #4d1514; --baselayer-colors-red-A700: #430000; --baselayer-colors-orange-50: #fff2e6; --baselayer-colors-orange-100: #ffe1b2; --baselayer-colors-orange-200: #ffd27f; --baselayer-colors-orange-300: #ffbc41; --baselayer-colors-orange-400: #fe9301; --baselayer-colors-orange-500: #fd6b00; --baselayer-colors-orange-600: #d85b01; --baselayer-colors-orange-700: #ac4701; --baselayer-colors-orange-800: #813401; --baselayer-colors-orange-900: #4c1c01; --baselayer-colors-orange-A100: #be6238; --baselayer-colors-orange-A700: #3d1600; --baselayer-colors-amber-50: #fff8e1; --baselayer-colors-amber-100: #ffecb3; --baselayer-colors-amber-200: #ffe082; --baselayer-colors-amber-300: #ffd54f; --baselayer-colors-amber-400: #ffca28; --baselayer-colors-amber-500: #ffc107; --baselayer-colors-amber-600: #ffb300; --baselayer-colors-amber-700: #ffa000; --baselayer-colors-amber-800: #ff8f00; --baselayer-colors-amber-900: #ff6f00; --baselayer-colors-yellow-50: #fffcee; --baselayer-colors-yellow-100: #ffe892; --baselayer-colors-yellow-200: #ffd55b; --baselayer-colors-yellow-300: #fec42e; --baselayer-colors-yellow-400: #ffba22; --baselayer-colors-yellow-500: #ffaa02; --baselayer-colors-yellow-600: #c78401; --baselayer-colors-yellow-700: #b97c01; --baselayer-colors-yellow-800: #8b5d01; --baselayer-colors-yellow-900: #5a3c01; --baselayer-colors-yellow-A700: #472f00; --baselayer-colors-green-50: #eff6e9; --baselayer-colors-green-100: #d9eec6; --baselayer-colors-green-200: #afe080; --baselayer-colors-green-300: #99d85d; --baselayer-colors-green-400: #78cb28; --baselayer-colors-green-500: #5fc200; --baselayer-colors-green-600: #45ae01; --baselayer-colors-green-700: #259500; --baselayer-colors-green-800: #1a6800; --baselayer-colors-green-900: #0e3301; --baselayer-colors-green-A700: #0c2c00; --baselayer-colors-teal-50: #d4f7f6; --baselayer-colors-teal-100: #a3edeb; --baselayer-colors-teal-200: #72e2e0; --baselayer-colors-teal-300: #41d6d6; --baselayer-colors-teal-400: #20b7b8; --baselayer-colors-teal-500: #0c9999; --baselayer-colors-teal-600: #087a7a; --baselayer-colors-teal-700: #065c5c; --baselayer-colors-teal-800: #03403f; --baselayer-colors-teal-900: #012424; --baselayer-colors-cyan-50: #c4f7ff; --baselayer-colors-cyan-100: #8eefff; --baselayer-colors-cyan-200: #58e7ff; --baselayer-colors-cyan-300: #22dfff; --baselayer-colors-cyan-400: #00c8e6; --baselayer-colors-cyan-500: #00a6c1; --baselayer-colors-cyan-600: #00849c; --baselayer-colors-cyan-700: #006277; --baselayer-colors-cyan-800: #004052; --baselayer-colors-cyan-900: #00242d; --baselayer-colors-blue-50: #d6e4ff; --baselayer-colors-blue-100: #aec5f1; --baselayer-colors-blue-200: #98bbff; --baselayer-colors-blue-300: #6c9eff; --baselayer-colors-blue-400: #3177ff; --baselayer-colors-blue-500: #1840ec; --baselayer-colors-blue-600: #1438cd; --baselayer-colors-blue-700: #0d2994; --baselayer-colors-blue-800: #061a5a; --baselayer-colors-blue-900: #010f31; --baselayer-colors-purple-50: #f3d9ff; --baselayer-colors-purple-100: #df9cff; --baselayer-colors-purple-200: #d57cff; --baselayer-colors-purple-300: #c74fff; --baselayer-colors-purple-400: #c037ff; --baselayer-colors-purple-500: #a42ddb; --baselayer-colors-purple-600: #8021ac; --baselayer-colors-purple-700: #5e1680; --baselayer-colors-purple-800: #3b0a52; --baselayer-colors-purple-900: #270147; --baselayer-colors-pink-50: #fce4ef; --baselayer-colors-pink-100: #fdcae2; --baselayer-colors-pink-200: #fe98c7; --baselayer-colors-pink-300: #ff63ab; --baselayer-colors-pink-400: #e63788; --baselayer-colors-pink-500: #c1276e; --baselayer-colors-pink-600: #9d1c57; --baselayer-colors-pink-700: #7b1142; --baselayer-colors-pink-800: #57062a; --baselayer-colors-pink-900: #300116; --baselayer-colors-gray-50: #fafafa; --baselayer-colors-gray-100: #f5f5f5; --baselayer-colors-gray-200: #eeeeee; --baselayer-colors-gray-300: #e0e0e0; --baselayer-colors-gray-400: #bdbdbd; --baselayer-colors-gray-500: #9e9e9e; --baselayer-colors-gray-600: #757575; --baselayer-colors-gray-700: #616161; --baselayer-colors-gray-800: #424242; --baselayer-colors-gray-900: #212121; --baselayer-colors-tan-50: #f8f6f1; --baselayer-colors-tan-100: #f1eee6; --baselayer-colors-tan-200: #ebe6dc; --baselayer-colors-tan-300: #d3cec4; --baselayer-colors-tan-400: #bcb7ac; --baselayer-colors-tan-500: #a59f93; --baselayer-colors-tan-600: #8c877b; --baselayer-colors-tan-700: #756f62; --baselayer-colors-tan-800: #5d5749; --baselayer-colors-tan-900: #453f31; --baselayer-colors-darkCoolGray-50: #27303f; --baselayer-colors-darkCoolGray-100: #242c3b; --baselayer-colors-darkCoolGray-200: #212937; --baselayer-colors-darkCoolGray-300: #1f2633; --baselayer-colors-darkCoolGray-400: #1c222f; --baselayer-colors-darkCoolGray-500: #191f2b; --baselayer-colors-darkCoolGray-600: #171c27; --baselayer-colors-darkCoolGray-700: #141823; --baselayer-colors-darkCoolGray-800: #0f121b; --baselayer-colors-darkCoolGray-900: #0d0f17; --baselayer-colors-pinkZones-50: #fdc0dc; --baselayer-colors-pinkZones-100: #fea0cb; --baselayer-colors-pinkZones-200: #ff7fba; --baselayer-colors-pinkZones-300: #fe5fa8; --baselayer-colors-pinkZones-400: #e05193; --baselayer-colors-pinkZones-500: #c3437f; --baselayer-colors-pinkZones-600: #a03466; --baselayer-colors-pinkZones-700: #7e244d; --baselayer-colors-pinkZones-800: #6a1b3f; --baselayer-colors-pinkZones-900: #581332; --baselayer-colors-purpleZones-50: #e09cff; --baselayer-colors-purpleZones-100: #d783ff; --baselayer-colors-purpleZones-200: #cf69ff; --baselayer-colors-purpleZones-300: #c74fff; --baselayer-colors-purpleZones-400: #b63fee; --baselayer-colors-purpleZones-500: #a52edc; --baselayer-colors-purpleZones-600: #8323b0; --baselayer-colors-purpleZones-700: #611783; --baselayer-colors-purpleZones-800: #4e116b; --baselayer-colors-purpleZones-900: #3c0b53; --baselayer-colors-blueZones-50: #aec5f1; --baselayer-colors-blueZones-100: #98b8f6; --baselayer-colors-blueZones-200: #82abfb; --baselayer-colors-blueZones-300: #6b9dff; --baselayer-colors-blueZones-400: #4370f6; --baselayer-colors-blueZones-500: #1a43ed; --baselayer-colors-blueZones-600: #1336c3; --baselayer-colors-blueZones-700: #0e2a98; --baselayer-colors-blueZones-800: #0a2279; --baselayer-colors-blueZones-900: #071b5b; --baselayer-colors-white-50: #ffffff; --baselayer-colors-white-100: #ffffff; --baselayer-colors-white-200: #ffffff; --baselayer-colors-white-300: #ffffff; --baselayer-colors-white-400: #ffffff; --baselayer-colors-white-500: #ffffff; --baselayer-colors-white-600: #ffffff; --baselayer-colors-white-700: #ffffff; --baselayer-colors-white-800: #ffffff; --baselayer-colors-white-900: #ffffff; --baselayer-colors-white-selected: #ffffff14; --baselayer-colors-white-main: #ffffff; --baselayer-colors-white-hover: #ffffff0a; --baselayer-colors-white-focus: #ffffff1f; --baselayer-colors-white-focusVisible: #ffffff4d; --baselayer-colors-white-outlinedBorder: #ffffff80; --baselayer-colors-black-50: #000000; --baselayer-colors-black-100: #000000; --baselayer-colors-black-200: #000000; --baselayer-colors-black-300: #000000; --baselayer-colors-black-400: #000000; --baselayer-colors-black-500: #000000; --baselayer-colors-black-600: #000000; --baselayer-colors-black-700: #000000; --baselayer-colors-black-800: #000000; --baselayer-colors-black-900: #000000; --baselayer-colors-black-main: #000000; --baselayer-colors-black-hover: #0000000a; --baselayer-colors-black-selected: #00000014; --baselayer-colors-black-focus: #0000001f; --baselayer-colors-black-focusVisible: #0000004d; --baselayer-colors-black-outlinedBorder: #00000080; --baselayer-fontFamily-sans: InterVariable, 'Inter Variable', Inter, Roboto, Helvetica, Arial, sans-serif; --baselayer-fontFamily-serif: serif; --baselayer-fontFamily-mono: monospace; --baselayer-fontWeight-hairline: 200; --baselayer-fontWeight-thin: 200; --baselayer-fontWeight-light: 200; --baselayer-fontWeight-normal: 400; --baselayer-fontWeight-medium: 500; --baselayer-fontWeight-semibold: 600; --baselayer-fontWeight-bold: 700; --baselayer-fontWeight-extrabold: 800; --baselayer-fontWeight-black: 900; --baselayer-fontSize-2xs: 10px; --baselayer-fontSize-xs: 11px; --baselayer-fontSize-smaller: 12px; --baselayer-fontSize-sm: 13px; --baselayer-fontSize-baseSm: 14px; --baselayer-fontSize-base: 15px; --baselayer-fontSize-baseLg: 16px; --baselayer-fontSize-lg: 17px; --baselayer-fontSize-xl: 20px; --baselayer-fontSize-2xl: 22px; --baselayer-fontSize-3xl: 24px; --baselayer-fontSize-4xl: 26px; --baselayer-fontSize-5xl: 28px; --baselayer-fontSize-6xl: 30px; --baselayer-fontSize-7xl: 32px; --baselayer-fontSize-8xl: 34px; --baselayer-fontSize-9xl: 36px; --baselayer-fontSize-10xl: 40px; --baselayer-fontSize-11xl: 48px; --baselayer-fontSize-12xl: 60px; --baselayer-fontSize-13xl: 72px; --baselayer-fontSize-14xl: 96px; --baselayer-letterSpacing-tighter: -0.05em; --baselayer-letterSpacing-tight: -0.02em; --baselayer-letterSpacing-normal: 0em; --baselayer-letterSpacing-wide: 0.025em; --baselayer-letterSpacing-wider: 0.0625em; --baselayer-letterSpacing-widest: 0.1em; --baselayer-lineHeight-none: 0; --baselayer-lineHeight-2xs: .75; --baselayer-lineHeight-xs: .85; --baselayer-lineHeight-sm: 1; --baselayer-lineHeight-md: 1.25; --baselayer-lineHeight-lg: 1.5; --baselayer-lineHeight-xl: 2; --baselayer-lineHeight-2xl: 2.375; --baselayer-lineHeight-3xl: 2.5; --baselayer-lineHeight-4xl: 2.75; --baselayer-lineHeight-5xl: 3.25; --baselayer-lineHeight-6xl: 4; --baselayer-lineHeight-7xl: 4.75; --baselayer-lineHeight-8xl: 5.5; --baselayer-lineHeight-9xl: 7; --baselayer-lineHeight-10xl: 8; --baselayer-borderRadius-none: 0; --baselayer-borderRadius-xs: 2px; --baselayer-borderRadius-sm: 4px; --baselayer-borderRadius-base: 8px; --baselayer-borderRadius-md: 16px; --baselayer-borderRadius-lg: 32px; --baselayer-borderRadius-xl: 64px; --baselayer-borderRadius-full: 100%; --baselayer-boxShadow-sm: 0px 1px 2px 0px rgba(26, 32, 46, .3); --baselayer-boxShadow-normal: 0px 2px 4px 0px rgba(26, 32, 46, .3); --baselayer-boxShadow-md: 0px 4px 8px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-lg: 0px 8px 16px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-xl: 0px 16px 32px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-2xl: 0px 24px 48px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-sm: inset 0px 1px 2px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-normal: inset 0px 2px 4px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-md: inset 0px 4px 8px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-lg: inset 0px 8px 16px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-xl: inset 0px 16px 32px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-2xl: inset 0px 24px 48px 0px rgba(26, 32, 46, 0.30); --baselayer-spacing-0: 0px; --baselayer-spacing-1: 4px; --baselayer-spacing-2: 8px; --baselayer-spacing-3: 12px; --baselayer-spacing-4: 16px; --baselayer-spacing-5: 20px; --baselayer-spacing-6: 24px; --baselayer-spacing-7: 28px; --baselayer-spacing-8: 32px; --baselayer-spacing-9: 36px; --baselayer-spacing-10: 40px; --baselayer-spacing-12: 48px; --baselayer-spacing-14: 56px; --baselayer-spacing-15: 60px; --baselayer-spacing-16: 64px; --baselayer-spacing-20: 80px; --baselayer-spacing-23: 92px; --baselayer-spacing-24: 96px; --baselayer-spacing-28: 112px; --baselayer-spacing-32: 128px; --baselayer-spacing-33: 132px; --baselayer-spacing-34: 136px; --baselayer-spacing-35: 140px; --baselayer-spacing-36: 144px; --baselayer-spacing-40: 160px; --baselayer-spacing-44: 176px; --baselayer-spacing-48: 192px; --baselayer-spacing-1-5: 6px; --baselayer-spacing-2-5: 10px; --baselayer-spacing-3-5: 14px; --baselayer-spacing-4-5: 18px; --baselayer-spacing-5-5: 22px; --baselayer-spacing-6-5: 26px; --baselayer-spacing-7-5: 30px; --baselayer-spacing-8-5: 34px; --baselayer-screens-xs: 360px; --baselayer-screens-sm: 640px; --baselayer-screens-md: 768px; --baselayer-screens-lg: 1024px; --baselayer-screens-xl: 1280px; --baselayer-screens-2xl: 1376px; --baselayer-screens-3xl: 1536px; --semanticlayer-colors-shadow-main: #1a202e4d; --semanticlayer-colors-shadow-light: #1a202e4d; --semanticlayer-colors-shadow-dark: #1a202e4d; --semanticlayer-colors-shadow-contrastText: #ffffff; --semanticlayer-colors-activity-noteAccent: #ff0000; --semanticlayer-colors-activity-activityAccent: #ff0000; --semanticlayer-colors-activity-availabilityAccent: #ff0000; --semanticlayer-colors-activity-run: #45ae01; --semanticlayer-colors-activity-row: #00a6c1; --semanticlayer-colors-activity-bike: #8021ac; --semanticlayer-colors-activity-rest: #6f7b96; --semanticlayer-colors-activity-walk: #45ae01; --semanticlayer-colors-activity-swim: #00a6c1; --semanticlayer-colors-activity-mtb: #5a3c01; --semanticlayer-colors-activity-metric: #6f7b96; --semanticlayer-colors-activity-brick: #7d2120; --semanticlayer-colors-activity-strength: #3b0a52; --semanticlayer-colors-activity-other: #a42ddb; --semanticlayer-colors-activity-crosstrain: #9d1c57; --semanticlayer-colors-activity-xcSki: #d85b01; --semanticlayer-colors-activity-event: #1840ec; --semanticlayer-colors-activity-goal: #3177ff; --semanticlayer-colors-activity-library: #c1276e; --semanticlayer-colors-activity-nutrition: #c1276e; --semanticlayer-colors-activity-total: #1840ec; --semanticlayer-colors-activity-runAccent: #0e3301; --semanticlayer-colors-activity-rowAccent: #00242d; --semanticlayer-colors-activity-xcSkiAccent: #4c1c01; --semanticlayer-colors-activity-totalAccent: #010f31; --semanticlayer-colors-activity-bikeAccent: #270147; --semanticlayer-colors-activity-walkAccent: #0e3301; --semanticlayer-colors-activity-swimAccent: #00242d; --semanticlayer-colors-activity-mtbAccent: #5a3c01; --semanticlayer-colors-activity-brickAccent: #4d1514; --semanticlayer-colors-activity-strengthAccent: #270147; --semanticlayer-colors-activity-otherAccent: #270147; --semanticlayer-colors-activity-crosstrainAccent: #300116; --semanticlayer-colors-activity-contrast: #ffffff; --semanticlayer-colors-activity-note: #414e6c; --semanticlayer-colors-activity-availability: #414e6c; --semanticlayer-colors-activity-eventAccent: #061a5a; --semanticlayer-colors-activity-goalAccent: #010f31; --semanticlayer-colors-activity-libraryAccent: #300116; --semanticlayer-colors-activity-metricAccent: #1a202e; --semanticlayer-colors-activity-nutritionAccent: #300116; --semanticlayer-colors-activity-restAccent: #1a202e; --semanticlayer-colors-sample-light: #ff0000; --semanticlayer-colors-sample-dark: #ff0000; --semanticlayer-colors-sample-main: #c3c9d7; --semanticlayer-colors-sample-contrastText: #ffffff; --semanticlayer-colors-primary-hover: #1840ec0d; --semanticlayer-colors-primary-selected: #1840ec1a; --semanticlayer-colors-primary-focusVisible: #1840ec4d; --semanticlayer-colors-primary-outlined: #1840ec80; --semanticlayer-colors-primary-focus: #1840ec26; --semanticlayer-colors-primary-contrastText: #ffffff; --semanticlayer-colors-primary-dark: #0d2994; --semanticlayer-colors-primary-light: #3177ff; --semanticlayer-colors-primary-main: #1840ec; --semanticlayer-colors-primary-color: #061a5a; --semanticlayer-colors-primary-background: #d6e4ff; --semanticlayer-colors-error-hover: #cc36340d; --semanticlayer-colors-error-selected: #cc36341a; --semanticlayer-colors-error-focusVisible: #cc36344d; --semanticlayer-colors-error-outlined: #cc363480; --semanticlayer-colors-error-focus: #cc363426; --semanticlayer-colors-error-main: #cc3634; --semanticlayer-colors-error-contrastText: #ffffff; --semanticlayer-colors-error-color: #641b1a; --semanticlayer-colors-error-background: #feebeb; --semanticlayer-colors-error-dark: #a52c2a; --semanticlayer-colors-error-light: #f5403e; --semanticlayer-colors-success-hover: #2595000d; --semanticlayer-colors-success-selected: #2595001a; --semanticlayer-colors-success-focusVisible: #2595004d; --semanticlayer-colors-success-outlined: #25950080; --semanticlayer-colors-success-focus: #25950026; --semanticlayer-colors-success-main: #259500; --semanticlayer-colors-success-contrastText: #ffffff; --semanticlayer-colors-success-color: #0e3301; --semanticlayer-colors-success-background: #eff6e9; --semanticlayer-colors-success-dark: #1a6800; --semanticlayer-colors-success-light: #78cb28; --semanticlayer-colors-secondary-hover: #e637880d; --semanticlayer-colors-secondary-selected: #e637881a; --semanticlayer-colors-secondary-focusVisible: #e637884d; --semanticlayer-colors-secondary-outlined: #e6378880; --semanticlayer-colors-secondary-focus: #e6378826; --semanticlayer-colors-secondary-dark: #c1276e; --semanticlayer-colors-secondary-light: #ff63ab; --semanticlayer-colors-secondary-contrastText: #ffffff; --semanticlayer-colors-secondary-main: #e63788; --semanticlayer-colors-secondary-color: #57062a; --semanticlayer-colors-secondary-background: #fce4ef; --semanticlayer-colors-warning-selected: #d85b011a; --semanticlayer-colors-warning-hover: #d85b010d; --semanticlayer-colors-warning-focusVisible: #d85b014d; --semanticlayer-colors-warning-outlined: #d85b0180; --semanticlayer-colors-warning-focus: #d85b0126; --semanticlayer-colors-warning-main: #d85b01; --semanticlayer-colors-warning-contrastText: #ffffff; --semanticlayer-colors-warning-color: #4c1c01; --semanticlayer-colors-warning-background: #fff2e6; --semanticlayer-colors-warning-dark: #ac4701; --semanticlayer-colors-warning-light: #fe9301; --semanticlayer-colors-info-selected: #1840ec1a; --semanticlayer-colors-info-hover: #1840ec0d; --semanticlayer-colors-info-focusVisible: #1840ec4d; --semanticlayer-colors-info-outlined: #1840ec80; --semanticlayer-colors-info-focus: #1840ec26; --semanticlayer-colors-info-main: #1840ec; --semanticlayer-colors-info-contrastText: #ffffff; --semanticlayer-colors-info-color: #061a5a; --semanticlayer-colors-info-background: #d6e4ff; --semanticlayer-colors-info-dark: #0d2994; --semanticlayer-colors-info-light: #3177ff; --semanticlayer-colors-action-hover: #414e6c0d; --semanticlayer-colors-action-selected: #414e6c1a; --semanticlayer-colors-action-focus: #414e6c26; --semanticlayer-colors-action-disabled: #414e6c66; --semanticlayer-colors-action-disabledBackground: #414e6c1a; --semanticlayer-colors-action-active: #414e6c; --semanticlayer-colors-action-activeBackground: #eaecf2; --semanticlayer-colors-action-activeHover: #1a202e; --semanticlayer-colors-action-selectedBackground: #eaecf2; --semanticlayer-colors-action-disabledHover: #acb4c7; --semanticlayer-colors-overlay-main: #1a202e80; --semanticlayer-colors-overlay-light: #1a202e40; --semanticlayer-colors-overlay-dark: #1a202ebf; --semanticlayer-colors-overlay-inverted: #ffffff80; --semanticlayer-colors-hr-0: #ff0000; --semanticlayer-colors-hr-1: #fdc0dc; --semanticlayer-colors-hr-2: #fea0cb; --semanticlayer-colors-hr-3: #ff7fba; --semanticlayer-colors-hr-4: #fe5fa8; --semanticlayer-colors-hr-5: #e05193; --semanticlayer-colors-hr-6: #c3437f; --semanticlayer-colors-hr-7: #a03466; --semanticlayer-colors-hr-8: #7e244d; --semanticlayer-colors-hr-9: #6a1b3f; --semanticlayer-colors-hr-10: #581332; --semanticlayer-colors-hr-label: #c3437f; --semanticlayer-colors-paceSpeed-0: #ff0000; --semanticlayer-colors-paceSpeed-1: #aec5f1; --semanticlayer-colors-paceSpeed-2: #98b8f6; --semanticlayer-colors-paceSpeed-3: #82abfb; --semanticlayer-colors-paceSpeed-4: #6b9dff; --semanticlayer-colors-paceSpeed-5: #4370f6; --semanticlayer-colors-paceSpeed-6: #1a43ed; --semanticlayer-colors-paceSpeed-7: #1336c3; --semanticlayer-colors-paceSpeed-8: #0e2a98; --semanticlayer-colors-paceSpeed-9: #0a2279; --semanticlayer-colors-paceSpeed-10: #071b5b; --semanticlayer-colors-paceSpeed-label: #4370f6; --semanticlayer-colors-power-0: #ff0000; --semanticlayer-colors-power-1: #e09cff; --semanticlayer-colors-power-2: #d783ff; --semanticlayer-colors-power-3: #cf69ff; --semanticlayer-colors-power-4: #c74fff; --semanticlayer-colors-power-5: #b63fee; --semanticlayer-colors-power-6: #a52edc; --semanticlayer-colors-power-7: #8323b0; --semanticlayer-colors-power-8: #611783; --semanticlayer-colors-power-9: #4e116b; --semanticlayer-colors-power-10: #3c0b53; --semanticlayer-colors-power-label: #b63fee; --semanticlayer-colors-rpe-0: #c3c9d7; --semanticlayer-colors-rpe-1: #3177ff; --semanticlayer-colors-rpe-2: #78cb28; --semanticlayer-colors-rpe-3: #78cb28; --semanticlayer-colors-rpe-4: #fec42e; --semanticlayer-colors-rpe-5: #fec42e; --semanticlayer-colors-rpe-6: #fec42e; --semanticlayer-colors-rpe-7: #fd6b00; --semanticlayer-colors-rpe-8: #fd6b00; --semanticlayer-colors-rpe-9: #cc3634; --semanticlayer-colors-rpe-10: #cc3634; --semanticlayer-colors-rpe-label: #ff0000; --semanticlayer-colors-zoneColor-0: #ff0000; --semanticlayer-colors-zoneColor-1: #1840ec; --semanticlayer-colors-zoneColor-2: #00849c; --semanticlayer-colors-zoneColor-3: #20b7b8; --semanticlayer-colors-zoneColor-4: #78cb28; --semanticlayer-colors-zoneColor-5: #ffca28; --semanticlayer-colors-zoneColor-6: #ffaa02; --semanticlayer-colors-zoneColor-7: #fd6b00; --semanticlayer-colors-zoneColor-8: #f5403e; --semanticlayer-colors-zoneColor-9: #cc3634; --semanticlayer-colors-zoneColor-10: #9d1c57; --semanticlayer-colors-zoneColor-label: #1a202e; --semanticlayer-colors-brand-primary: #1840ec; --semanticlayer-colors-compliance-success: #78cb28; --semanticlayer-colors-compliance-successBackground: #eff6e9; --semanticlayer-colors-compliance-caution: #ffd55b; --semanticlayer-colors-compliance-cautionBackground: #fffcee; --semanticlayer-colors-compliance-warning: #fe9301; --semanticlayer-colors-compliance-warningBackground: #fff2e6; --semanticlayer-colors-compliance-missed: #f5403e; --semanticlayer-colors-compliance-missedBackground: #feebeb; --semanticlayer-colors-compliance-unplanned: #dce0e8; --semanticlayer-colors-compliance-unplannedBackground: #f1f3f7; --semanticlayer-colors-compliance-plannedBackground: #f1f3f7; --semanticlayer-colors-compliance-planned: #ffffff; --semanticlayer-colors-divider-main: #dce0e8; --semanticlayer-colors-divider-light: #f1f3f7; --semanticlayer-colors-divider-dark: #acb4c7; --semanticlayer-colors-divider-inverted: #ffffff; --semanticlayer-colors-fff-form: #fd6b00; --semanticlayer-colors-fff-formText: #fd6b00; --semanticlayer-colors-fff-formContrast: #ffffff; --semanticlayer-colors-fff-fitness: #1840ec; --semanticlayer-colors-fff-fitnessText: #1840ec; --semanticlayer-colors-fff-fitnessContrast: #ffffff; --semanticlayer-colors-fff-fatigue: #e63788; --semanticlayer-colors-fff-fatigueText: #e63788; --semanticlayer-colors-fff-fatigueContrast: #ffffff; --semanticlayer-colors-medal-gold: #ffaa02; --semanticlayer-colors-medal-bronze: #be6238; --semanticlayer-colors-medal-silver: #6f7b96; --semanticlayer-colors-metric-paceSpeed: #4370f6; --semanticlayer-colors-metric-paceSpeedLabel: #1a43ed; --semanticlayer-colors-metric-power: #b63fee; --semanticlayer-colors-metric-powerLabel: #a52edc; --semanticlayer-colors-metric-hr: #e05193; --semanticlayer-colors-metric-hrLabel: #a03466; --semanticlayer-colors-metric-kj: #3177ff; --semanticlayer-colors-metric-elevation: #acb4c7; --semanticlayer-colors-metric-elevationLabel: #6f7b96; --semanticlayer-colors-metric-cadence: #fe9301; --semanticlayer-colors-metric-cadenceLabel: #fd6b00; --semanticlayer-colors-metric-negative: #7d2120; --semanticlayer-colors-metric-temperature: #98bbff; --semanticlayer-colors-metric-temperatureLabel: #3177ff; --semanticlayer-colors-metric-tss: #a52c2a; --semanticlayer-colors-metric-intensityFactor: #3177ff; --semanticlayer-colors-metric-distance: #1840ec; --semanticlayer-colors-metric-duration: #1840ec; --semanticlayer-colors-metric-structureDefault: #939db6; --semanticlayer-colors-metric-distanceLabel: #1840ec; --semanticlayer-colors-metric-durationLabel: #1840ec; --semanticlayer-colors-metric-intensityFactorLabel: #1840ec; --semanticlayer-colors-metric-kjLabel: #1840ec; --semanticlayer-colors-metric-tssLabel: #a52c2a; --semanticlayer-colors-nutrition-calorieConsumed: #5fc200; --semanticlayer-colors-nutrition-calorieExpended: #acb4c7; --semanticlayer-colors-nutrition-macroCarb: #259500; --semanticlayer-colors-nutrition-macroConsumed: #aec5f1; --semanticlayer-colors-nutrition-macroExpended: #aec5f1; --semanticlayer-colors-nutrition-macroFat: #5fc200; --semanticlayer-colors-nutrition-macroProtein: #99d85d; --semanticlayer-colors-background-default: #ffffff; --semanticlayer-colors-background-elevation-sm: #ffffff; --semanticlayer-colors-background-elevation: #ffffff; --semanticlayer-colors-background-elevation-md: #ffffff; --semanticlayer-colors-background-elevation-lg: #ffffff; --semanticlayer-colors-background-elevation-xl: #ffffff; --semanticlayer-colors-background-elevation-2xl: #ffffff; --semanticlayer-colors-background-paper: #ffffff; --semanticlayer-colors-background-inverted: #000000; --semanticlayer-colors-availability-unavailable: #cc3634; --semanticlayer-colors-availability-unavailableBackground: #fcc2c1; --semanticlayer-colors-availability-unavailableContrastText: #7d2120; --semanticlayer-colors-availability-limitedAvailability: #ffaa02; --semanticlayer-colors-availability-limitedAvailabilityBackground: #fffcee; --semanticlayer-colors-availability-limitedAvailabilityContrastText: #5a3c01; --semanticlayer-colors-text-primary: #1a202e; --semanticlayer-colors-text-secondary: #6f7b96; --semanticlayer-colors-text-disabled: #c3c9d7; --semanticlayer-colors-premium-main: #1840ec; --semanticlayer-colors-premium-dark: #061a5a; --semanticlayer-colors-premium-light: #6c9eff; --semanticlayer-colors-premium-contrastText: #1840ec; --semanticlayer-colors-status-inProgressBg: #fffcee; --semanticlayer-colors-status-inProgress: #ffaa02; --semanticlayer-colors-disabled-main: #acb4c7; --semanticlayer-colors-disabled-light: #eaecf2; --semanticlayer-colors-disabled-dark: #414e6c; --semanticlayer-colors-disabled-contrastText: #ffffff; --semanticlayer-colors-temperature-main: #fd6b00; --semanticlayer-colors-temperature-light: #fe9301; --semanticlayer-colors-temperature-dark: #d85b01; --semanticlayer-colors-temperature-contrastText: #ffffff; --semanticlayer-colors-cadence-main: #fe9301; --semanticlayer-colors-cadence-light: #ffd27f; --semanticlayer-colors-cadence-dark: #fd6b00; --semanticlayer-colors-cadence-contrastText: #000000; --semanticlayer-colors-elevation-main: #acb4c7; --semanticlayer-colors-elevation-light: #c3c9d7; --semanticlayer-colors-elevation-dark: #939db6; --semanticlayer-colors-elevation-contrastText: #1a202e; --componentlayer-typography-componentDefaults-typography-fontFamily: InterVariable, 'Inter Variable', Inter, Roboto, Helvetica, Arial, sans-serif; --componentlayer-typography-componentDefaults-typography-htmlFontSize: 15; --componentlayer-typography-componentDefaults-typography-fontSize: 15; --componentlayer-typography-componentDefaults-typography-fontWeightLight: 200; --componentlayer-typography-componentDefaults-typography-fontWeightRegular: 400; --componentlayer-typography-componentDefaults-typography-fontWeightMedium: 500; --componentlayer-typography-componentDefaults-typography-fontWeightBold: 700; --componentlayer-typography-componentDefaults-typography-body1-fontSize: 15px; --componentlayer-typography-componentDefaults-typography-body1-fontWeight: 400; --componentlayer-typography-componentDefaults-typography-body1-color: #1a202e; --componentlayer-typography-componentDefaults-typography-body1-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-body1-lineHeight: 1.5; --componentlayer-typography-componentDefaults-typography-body2-fontSize: 13px; --componentlayer-typography-componentDefaults-typography-body2-fontWeight: 400; --componentlayer-typography-componentDefaults-typography-body2-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-body2-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-body2-color: #1a202e; --componentlayer-typography-componentDefaults-typography-h1-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h1-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h1-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h1-margin: 0; --componentlayer-typography-componentDefaults-typography-h1-padding: 0; --componentlayer-typography-componentDefaults-typography-h1-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h1-fontSize: 28px; --componentlayer-typography-componentDefaults-typography-h1-lineHeight: 1.5; --componentlayer-typography-componentDefaults-typography-h1-color: #1a202e; --componentlayer-typography-componentDefaults-typography-h2-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h2-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h2-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h2-margin: 0; --componentlayer-typography-componentDefaults-typography-h2-padding: 0; --componentlayer-typography-componentDefaults-typography-h2-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h2-fontSize: 26px; --componentlayer-typography-componentDefaults-typography-h2-lineHeight: 1.5; --componentlayer-typography-componentDefaults-typography-h2-color: #1a202e; --componentlayer-typography-componentDefaults-typography-h3-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h3-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h3-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h3-margin: 0; --componentlayer-typography-componentDefaults-typography-h3-padding: 0; --componentlayer-typography-componentDefaults-typography-h3-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h3-fontSize: 24px; --componentlayer-typography-componentDefaults-typography-h3-lineHeight: 1.5; --componentlayer-typography-componentDefaults-typography-h3-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-h3-color: #1a202e; --componentlayer-typography-componentDefaults-typography-h4-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h4-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h4-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h4-margin: 0; --componentlayer-typography-componentDefaults-typography-h4-padding: 0; --componentlayer-typography-componentDefaults-typography-h4-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h4-fontSize: 20px; --componentlayer-typography-componentDefaults-typography-h4-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-h4-letterSpacing: -0.02em; --componentlayer-typography-componentDefaults-typography-h4-color: #1a202e; --componentlayer-typography-componentDefaults-typography-h5-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h5-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h5-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h5-margin: 0; --componentlayer-typography-componentDefaults-typography-h5-padding: 0; --componentlayer-typography-componentDefaults-typography-h5-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h5-fontSize: 17px; --componentlayer-typography-componentDefaults-typography-h5-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-h5-letterSpacing: -0.02em; --componentlayer-typography-componentDefaults-typography-h5-color: #1a202e; --componentlayer-typography-componentDefaults-typography-h6-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h6-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h6-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h6-margin: 0; --componentlayer-typography-componentDefaults-typography-h6-padding: 0; --componentlayer-typography-componentDefaults-typography-h6-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h6-fontSize: 15px; --componentlayer-typography-componentDefaults-typography-h6-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-h6-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-h6-color: #1a202e; --componentlayer-typography-componentDefaults-typography-subtitle1-fontWeight: 500; --componentlayer-typography-componentDefaults-typography-subtitle1-fontSize: 15px; --componentlayer-typography-componentDefaults-typography-subtitle1-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-subtitle1-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-subtitle1-color: #1a202e; --componentlayer-typography-componentDefaults-typography-subtitle2-fontWeight: 500; --componentlayer-typography-componentDefaults-typography-subtitle2-fontSize: 13px; --componentlayer-typography-componentDefaults-typography-subtitle2-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-subtitle2-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-subtitle2-color: #1a202e; --componentlayer-typography-componentDefaults-typography-overline-fontWeight: 700; --componentlayer-typography-componentDefaults-typography-overline-fontSize: 11px; --componentlayer-typography-componentDefaults-typography-overline-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-overline-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-overline-color: #1a202e; --componentlayer-typography-componentDefaults-typography-caption-fontWeight: 400; --componentlayer-typography-componentDefaults-typography-caption-fontSize: 11px; --componentlayer-typography-componentDefaults-typography-caption-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-caption-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-caption-color: #1a202e; --componentlayer-typography-componentDefaults-typography-button-fontWeight: 400; --componentlayer-typography-componentDefaults-typography-button-fontSize: 15px; --componentlayer-typography-componentDefaults-typography-button-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-button-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-button-textTransform: none; --componentlayer-typography-componentDefaults-typography-button-whiteSpace: nowrap; --componentlayer-typography-componentDefaults-typography-button-maxHeight: 34px; --componentlayer-typography-componentDefaults-typography-button-minHeight: 34px; --componentlayer-typography-componentDefaults-typography-button-borderRadius: 64px; --componentlayer-typography-componentDefaults-typography-button-padding: 8px 16px; --componentlayer-typography-componentDefaults-input-padding: 8px 16px; --componentlayer-typography-componentDefaults-input-borderRadius: 4px; --componentlayer-typography-componentDefaults-input-fontSize: 15px; --componentlayer-typography-componentDefaults-input-border: 1px solid #acb4c7; --componentlayer-typography-componentDefaults-input-backgroundColor: #ffffff; --componentlayer-typography-componentDefaults-input-color: #1a202e; --componentlayer-typography-componentDefaults-card-padding: 16px; --componentlayer-typography-componentDefaults-card-borderRadius: 4px; --componentlayer-typography-componentDefaults-card-border: 1px solid #dce0e8; --componentlayer-typography-componentDefaults-card-boxShadow: none; --componentlayer-typography-componentDefaults-card-backgroundColor: #ffffff; } :root body.dark { --baselayer-opacity-0: 0; --baselayer-opacity-5: 0.05; --baselayer-opacity-10: 0.1; --baselayer-opacity-15: 0.15; --baselayer-opacity-20: 0.2; --baselayer-opacity-25: 0.25; --baselayer-opacity-30: 0.3; --baselayer-opacity-35: 0.35; --baselayer-opacity-40: 0.4; --baselayer-opacity-45: 0.45; --baselayer-opacity-50: 0.5; --baselayer-opacity-55: 0.55; --baselayer-opacity-60: 0.6; --baselayer-opacity-65: 0.65; --baselayer-opacity-70: 0.7; --baselayer-opacity-75: 0.75; --baselayer-opacity-80: 0.8; --baselayer-opacity-85: 0.85; --baselayer-opacity-90: 0.9; --baselayer-opacity-95: 0.95; --baselayer-opacity-100: 1; --baselayer-colors-coolGray-50: #fbfcfe; --baselayer-colors-coolGray-100: #f1f3f7; --baselayer-colors-coolGray-200: #eaecf2; --baselayer-colors-coolGray-300: #dce0e8; --baselayer-colors-coolGray-400: #c3c9d7; --baselayer-colors-coolGray-500: #acb4c7; --baselayer-colors-coolGray-600: #939db6; --baselayer-colors-coolGray-700: #6f7b96; --baselayer-colors-coolGray-800: #414e6c; --baselayer-colors-coolGray-900: #1a202e; --baselayer-colors-red-50: #feebeb; --baselayer-colors-red-100: #fcc2c1; --baselayer-colors-red-200: #fa9594; --baselayer-colors-red-300: #f86b69; --baselayer-colors-red-400: #f5403e; --baselayer-colors-red-500: #cc3634; --baselayer-colors-red-600: #a52c2a; --baselayer-colors-red-700: #7d2120; --baselayer-colors-red-800: #641b1a; --baselayer-colors-red-900: #4d1514; --baselayer-colors-red-A700: #430000; --baselayer-colors-orange-50: #fff2e6; --baselayer-colors-orange-100: #ffe1b2; --baselayer-colors-orange-200: #ffd27f; --baselayer-colors-orange-300: #ffbc41; --baselayer-colors-orange-400: #fe9301; --baselayer-colors-orange-500: #fd6b00; --baselayer-colors-orange-600: #d85b01; --baselayer-colors-orange-700: #ac4701; --baselayer-colors-orange-800: #813401; --baselayer-colors-orange-900: #4c1c01; --baselayer-colors-orange-A100: #be6238; --baselayer-colors-orange-A700: #3d1600; --baselayer-colors-amber-50: #fff8e1; --baselayer-colors-amber-100: #ffecb3; --baselayer-colors-amber-200: #ffe082; --baselayer-colors-amber-300: #ffd54f; --baselayer-colors-amber-400: #ffca28; --baselayer-colors-amber-500: #ffc107; --baselayer-colors-amber-600: #ffb300; --baselayer-colors-amber-700: #ffa000; --baselayer-colors-amber-800: #ff8f00; --baselayer-colors-amber-900: #ff6f00; --baselayer-colors-yellow-50: #fffcee; --baselayer-colors-yellow-100: #ffe892; --baselayer-colors-yellow-200: #ffd55b; --baselayer-colors-yellow-300: #fec42e; --baselayer-colors-yellow-400: #ffba22; --baselayer-colors-yellow-500: #ffaa02; --baselayer-colors-yellow-600: #c78401; --baselayer-colors-yellow-700: #b97c01; --baselayer-colors-yellow-800: #8b5d01; --baselayer-colors-yellow-900: #5a3c01; --baselayer-colors-yellow-A700: #472f00; --baselayer-colors-green-50: #eff6e9; --baselayer-colors-green-100: #d9eec6; --baselayer-colors-green-200: #afe080; --baselayer-colors-green-300: #99d85d; --baselayer-colors-green-400: #78cb28; --baselayer-colors-green-500: #5fc200; --baselayer-colors-green-600: #45ae01; --baselayer-colors-green-700: #259500; --baselayer-colors-green-800: #1a6800; --baselayer-colors-green-900: #0e3301; --baselayer-colors-green-A700: #0c2c00; --baselayer-colors-teal-50: #d4f7f6; --baselayer-colors-teal-100: #a3edeb; --baselayer-colors-teal-200: #72e2e0; --baselayer-colors-teal-300: #41d6d6; --baselayer-colors-teal-400: #20b7b8; --baselayer-colors-teal-500: #0c9999; --baselayer-colors-teal-600: #087a7a; --baselayer-colors-teal-700: #065c5c; --baselayer-colors-teal-800: #03403f; --baselayer-colors-teal-900: #012424; --baselayer-colors-cyan-50: #c4f7ff; --baselayer-colors-cyan-100: #8eefff; --baselayer-colors-cyan-200: #58e7ff; --baselayer-colors-cyan-300: #22dfff; --baselayer-colors-cyan-400: #00c8e6; --baselayer-colors-cyan-500: #00a6c1; --baselayer-colors-cyan-600: #00849c; --baselayer-colors-cyan-700: #006277; --baselayer-colors-cyan-800: #004052; --baselayer-colors-cyan-900: #00242d; --baselayer-colors-blue-50: #d6e4ff; --baselayer-colors-blue-100: #aec5f1; --baselayer-colors-blue-200: #98bbff; --baselayer-colors-blue-300: #6c9eff; --baselayer-colors-blue-400: #3177ff; --baselayer-colors-blue-500: #1840ec; --baselayer-colors-blue-600: #1438cd; --baselayer-colors-blue-700: #0d2994; --baselayer-colors-blue-800: #061a5a; --baselayer-colors-blue-900: #010f31; --baselayer-colors-purple-50: #f3d9ff; --baselayer-colors-purple-100: #df9cff; --baselayer-colors-purple-200: #d57cff; --baselayer-colors-purple-300: #c74fff; --baselayer-colors-purple-400: #c037ff; --baselayer-colors-purple-500: #a42ddb; --baselayer-colors-purple-600: #8021ac; --baselayer-colors-purple-700: #5e1680; --baselayer-colors-purple-800: #3b0a52; --baselayer-colors-purple-900: #270147; --baselayer-colors-pink-50: #fce4ef; --baselayer-colors-pink-100: #fdcae2; --baselayer-colors-pink-200: #fe98c7; --baselayer-colors-pink-300: #ff63ab; --baselayer-colors-pink-400: #e63788; --baselayer-colors-pink-500: #c1276e; --baselayer-colors-pink-600: #9d1c57; --baselayer-colors-pink-700: #7b1142; --baselayer-colors-pink-800: #57062a; --baselayer-colors-pink-900: #300116; --baselayer-colors-gray-50: #fafafa; --baselayer-colors-gray-100: #f5f5f5; --baselayer-colors-gray-200: #eeeeee; --baselayer-colors-gray-300: #e0e0e0; --baselayer-colors-gray-400: #bdbdbd; --baselayer-colors-gray-500: #9e9e9e; --baselayer-colors-gray-600: #757575; --baselayer-colors-gray-700: #616161; --baselayer-colors-gray-800: #424242; --baselayer-colors-gray-900: #212121; --baselayer-colors-tan-50: #f8f6f1; --baselayer-colors-tan-100: #f1eee6; --baselayer-colors-tan-200: #ebe6dc; --baselayer-colors-tan-300: #d3cec4; --baselayer-colors-tan-400: #bcb7ac; --baselayer-colors-tan-500: #a59f93; --baselayer-colors-tan-600: #8c877b; --baselayer-colors-tan-700: #756f62; --baselayer-colors-tan-800: #5d5749; --baselayer-colors-tan-900: #453f31; --baselayer-colors-darkCoolGray-50: #27303f; --baselayer-colors-darkCoolGray-100: #242c3b; --baselayer-colors-darkCoolGray-200: #212937; --baselayer-colors-darkCoolGray-300: #1f2633; --baselayer-colors-darkCoolGray-400: #1c222f; --baselayer-colors-darkCoolGray-500: #191f2b; --baselayer-colors-darkCoolGray-600: #171c27; --baselayer-colors-darkCoolGray-700: #141823; --baselayer-colors-darkCoolGray-800: #0f121b; --baselayer-colors-darkCoolGray-900: #0d0f17; --baselayer-colors-pinkZones-50: #fdc0dc; --baselayer-colors-pinkZones-100: #fea0cb; --baselayer-colors-pinkZones-200: #ff7fba; --baselayer-colors-pinkZones-300: #fe5fa8; --baselayer-colors-pinkZones-400: #e05193; --baselayer-colors-pinkZones-500: #c3437f; --baselayer-colors-pinkZones-600: #a03466; --baselayer-colors-pinkZones-700: #7e244d; --baselayer-colors-pinkZones-800: #6a1b3f; --baselayer-colors-pinkZones-900: #581332; --baselayer-colors-purpleZones-50: #e09cff; --baselayer-colors-purpleZones-100: #d783ff; --baselayer-colors-purpleZones-200: #cf69ff; --baselayer-colors-purpleZones-300: #c74fff; --baselayer-colors-purpleZones-400: #b63fee; --baselayer-colors-purpleZones-500: #a52edc; --baselayer-colors-purpleZones-600: #8323b0; --baselayer-colors-purpleZones-700: #611783; --baselayer-colors-purpleZones-800: #4e116b; --baselayer-colors-purpleZones-900: #3c0b53; --baselayer-colors-blueZones-50: #aec5f1; --baselayer-colors-blueZones-100: #98b8f6; --baselayer-colors-blueZones-200: #82abfb; --baselayer-colors-blueZones-300: #6b9dff; --baselayer-colors-blueZones-400: #4370f6; --baselayer-colors-blueZones-500: #1a43ed; --baselayer-colors-blueZones-600: #1336c3; --baselayer-colors-blueZones-700: #0e2a98; --baselayer-colors-blueZones-800: #0a2279; --baselayer-colors-blueZones-900: #071b5b; --baselayer-colors-white-50: #ffffff; --baselayer-colors-white-100: #ffffff; --baselayer-colors-white-200: #ffffff; --baselayer-colors-white-300: #ffffff; --baselayer-colors-white-400: #ffffff; --baselayer-colors-white-500: #ffffff; --baselayer-colors-white-600: #ffffff; --baselayer-colors-white-700: #ffffff; --baselayer-colors-white-800: #ffffff; --baselayer-colors-white-900: #ffffff; --baselayer-colors-white-selected: #ffffff14; --baselayer-colors-white-main: #ffffff; --baselayer-colors-white-hover: #ffffff0a; --baselayer-colors-white-focus: #ffffff1f; --baselayer-colors-white-focusVisible: #ffffff4d; --baselayer-colors-white-outlinedBorder: #ffffff80; --baselayer-colors-black-50: #000000; --baselayer-colors-black-100: #000000; --baselayer-colors-black-200: #000000; --baselayer-colors-black-300: #000000; --baselayer-colors-black-400: #000000; --baselayer-colors-black-500: #000000; --baselayer-colors-black-600: #000000; --baselayer-colors-black-700: #000000; --baselayer-colors-black-800: #000000; --baselayer-colors-black-900: #000000; --baselayer-colors-black-main: #000000; --baselayer-colors-black-hover: #0000000a; --baselayer-colors-black-selected: #00000014; --baselayer-colors-black-focus: #0000001f; --baselayer-colors-black-focusVisible: #0000004d; --baselayer-colors-black-outlinedBorder: #00000080; --baselayer-fontFamily-sans: InterVariable, 'Inter Variable', Inter, Roboto, Helvetica, Arial, sans-serif; --baselayer-fontFamily-serif: serif; --baselayer-fontFamily-mono: monospace; --baselayer-fontWeight-hairline: 200; --baselayer-fontWeight-thin: 200; --baselayer-fontWeight-light: 200; --baselayer-fontWeight-normal: 400; --baselayer-fontWeight-medium: 500; --baselayer-fontWeight-semibold: 600; --baselayer-fontWeight-bold: 700; --baselayer-fontWeight-extrabold: 800; --baselayer-fontWeight-black: 900; --baselayer-fontSize-2xs: 10px; --baselayer-fontSize-xs: 11px; --baselayer-fontSize-smaller: 12px; --baselayer-fontSize-sm: 13px; --baselayer-fontSize-baseSm: 14px; --baselayer-fontSize-base: 15px; --baselayer-fontSize-baseLg: 16px; --baselayer-fontSize-lg: 17px; --baselayer-fontSize-xl: 20px; --baselayer-fontSize-2xl: 22px; --baselayer-fontSize-3xl: 24px; --baselayer-fontSize-4xl: 26px; --baselayer-fontSize-5xl: 28px; --baselayer-fontSize-6xl: 30px; --baselayer-fontSize-7xl: 32px; --baselayer-fontSize-8xl: 34px; --baselayer-fontSize-9xl: 36px; --baselayer-fontSize-10xl: 40px; --baselayer-fontSize-11xl: 48px; --baselayer-fontSize-12xl: 60px; --baselayer-fontSize-13xl: 72px; --baselayer-fontSize-14xl: 96px; --baselayer-letterSpacing-tighter: -0.05em; --baselayer-letterSpacing-tight: -0.02em; --baselayer-letterSpacing-normal: 0em; --baselayer-letterSpacing-wide: 0.025em; --baselayer-letterSpacing-wider: 0.0625em; --baselayer-letterSpacing-widest: 0.1em; --baselayer-lineHeight-none: 0; --baselayer-lineHeight-2xs: .75; --baselayer-lineHeight-xs: .85; --baselayer-lineHeight-sm: 1; --baselayer-lineHeight-md: 1.25; --baselayer-lineHeight-lg: 1.5; --baselayer-lineHeight-xl: 2; --baselayer-lineHeight-2xl: 2.375; --baselayer-lineHeight-3xl: 2.5; --baselayer-lineHeight-4xl: 2.75; --baselayer-lineHeight-5xl: 3.25; --baselayer-lineHeight-6xl: 4; --baselayer-lineHeight-7xl: 4.75; --baselayer-lineHeight-8xl: 5.5; --baselayer-lineHeight-9xl: 7; --baselayer-lineHeight-10xl: 8; --baselayer-borderRadius-none: 0; --baselayer-borderRadius-xs: 2px; --baselayer-borderRadius-sm: 4px; --baselayer-borderRadius-base: 8px; --baselayer-borderRadius-md: 16px; --baselayer-borderRadius-lg: 32px; --baselayer-borderRadius-xl: 64px; --baselayer-borderRadius-full: 100%; --baselayer-boxShadow-sm: 0px 1px 2px 0px rgba(26, 32, 46, .3); --baselayer-boxShadow-normal: 0px 2px 4px 0px rgba(26, 32, 46, .3); --baselayer-boxShadow-md: 0px 4px 8px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-lg: 0px 8px 16px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-xl: 0px 16px 32px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-2xl: 0px 24px 48px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-sm: inset 0px 1px 2px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-normal: inset 0px 2px 4px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-md: inset 0px 4px 8px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-lg: inset 0px 8px 16px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-xl: inset 0px 16px 32px 0px rgba(26, 32, 46, 0.30); --baselayer-boxShadow-inset-2xl: inset 0px 24px 48px 0px rgba(26, 32, 46, 0.30); --baselayer-spacing-0: 0px; --baselayer-spacing-1: 4px; --baselayer-spacing-2: 8px; --baselayer-spacing-3: 12px; --baselayer-spacing-4: 16px; --baselayer-spacing-5: 20px; --baselayer-spacing-6: 24px; --baselayer-spacing-7: 28px; --baselayer-spacing-8: 32px; --baselayer-spacing-9: 36px; --baselayer-spacing-10: 40px; --baselayer-spacing-12: 48px; --baselayer-spacing-14: 56px; --baselayer-spacing-15: 60px; --baselayer-spacing-16: 64px; --baselayer-spacing-20: 80px; --baselayer-spacing-23: 92px; --baselayer-spacing-24: 96px; --baselayer-spacing-28: 112px; --baselayer-spacing-32: 128px; --baselayer-spacing-33: 132px; --baselayer-spacing-34: 136px; --baselayer-spacing-35: 140px; --baselayer-spacing-36: 144px; --baselayer-spacing-40: 160px; --baselayer-spacing-44: 176px; --baselayer-spacing-48: 192px; --baselayer-spacing-1-5: 6px; --baselayer-spacing-2-5: 10px; --baselayer-spacing-3-5: 14px; --baselayer-spacing-4-5: 18px; --baselayer-spacing-5-5: 22px; --baselayer-spacing-6-5: 26px; --baselayer-spacing-7-5: 30px; --baselayer-spacing-8-5: 34px; --baselayer-screens-xs: 360px; --baselayer-screens-sm: 640px; --baselayer-screens-md: 768px; --baselayer-screens-lg: 1024px; --baselayer-screens-xl: 1280px; --baselayer-screens-2xl: 1376px; --baselayer-screens-3xl: 1536px; --semanticlayer-colors-shadow-main: #1a202e00; --semanticlayer-colors-shadow-light: #1a202e00; --semanticlayer-colors-shadow-dark: #1a202e00; --semanticlayer-colors-shadow-contrastText: #000000; --semanticlayer-colors-activity-noteAccent: #ff0000; --semanticlayer-colors-activity-activityAccent: #ff0000; --semanticlayer-colors-activity-availabilityAccent: #ff0000; --semanticlayer-colors-activity-run: #78cb28; --semanticlayer-colors-activity-row: #58e7ff; --semanticlayer-colors-activity-bike: #d57cff; --semanticlayer-colors-activity-rest: #939db6; --semanticlayer-colors-activity-walk: #78cb28; --semanticlayer-colors-activity-swim: #00c8e6; --semanticlayer-colors-activity-mtb: #c78401; --semanticlayer-colors-activity-metric: #acb4c7; --semanticlayer-colors-activity-brick: #cc3634; --semanticlayer-colors-activity-strength: #d57cff; --semanticlayer-colors-activity-other: #c037ff; --semanticlayer-colors-activity-crosstrain: #c1276e; --semanticlayer-colors-activity-xcSki: #fd6b00; --semanticlayer-colors-activity-event: #3177ff; --semanticlayer-colors-activity-goal: #3177ff; --semanticlayer-colors-activity-library: #e63788; --semanticlayer-colors-activity-nutrition: #e63788; --semanticlayer-colors-activity-total: #3177ff; --semanticlayer-colors-activity-runAccent: #c4f7ff; --semanticlayer-colors-activity-rowAccent: #c4f7ff; --semanticlayer-colors-activity-xcSkiAccent: #fff2e6; --semanticlayer-colors-activity-totalAccent: #6c9eff; --semanticlayer-colors-activity-bikeAccent: #f3d9ff; --semanticlayer-colors-activity-walkAccent: #eff6e9; --semanticlayer-colors-activity-swimAccent: #c4f7ff; --semanticlayer-colors-activity-mtbAccent: #ffe892; --semanticlayer-colors-activity-brickAccent: #fa9594; --semanticlayer-colors-activity-strengthAccent: #f3d9ff; --semanticlayer-colors-activity-otherAccent: #f3d9ff; --semanticlayer-colors-activity-crosstrainAccent: #fce4ef; --semanticlayer-colors-activity-contrast: #ffffff; --semanticlayer-colors-activity-note: #c3c9d7; --semanticlayer-colors-activity-availability: #c3c9d7; --semanticlayer-colors-activity-eventAccent: #aec5f1; --semanticlayer-colors-activity-goalAccent: #98bbff; --semanticlayer-colors-activity-libraryAccent: #fdcae2; --semanticlayer-colors-activity-metricAccent: #dce0e8; --semanticlayer-colors-activity-nutritionAccent: #fdcae2; --semanticlayer-colors-activity-restAccent: #dce0e8; --semanticlayer-colors-sample-light: #ff0000; --semanticlayer-colors-sample-dark: #ff0000; --semanticlayer-colors-sample-main: #414e6c; --semanticlayer-colors-sample-contrastText: #ffffff; --semanticlayer-colors-primary-hover: #3177ff0d; --semanticlayer-colors-primary-selected: #3177ff1a; --semanticlayer-colors-primary-focusVisible: #3177ff4d; --semanticlayer-colors-primary-outlined: #3177ff80; --semanticlayer-colors-primary-focus: #3177ff26; --semanticlayer-colors-primary-contrastText: #ffffff; --semanticlayer-colors-primary-dark: #1438cd; --semanticlayer-colors-primary-light: #6c9eff; --semanticlayer-colors-primary-main: #3177ff; --semanticlayer-colors-primary-color: #aec5f1; --semanticlayer-colors-primary-background: #010f31; --semanticlayer-colors-error-hover: #f86b690d; --semanticlayer-colors-error-selected: #f86b691a; --semanticlayer-colors-error-focusVisible: #f86b694d; --semanticlayer-colors-error-outlined: #f86b6980; --semanticlayer-colors-error-focus: #f86b6926; --semanticlayer-colors-error-main: #f86b69; --semanticlayer-colors-error-contrastText: #ffffff; --semanticlayer-colors-error-color: #fcc2c1; --semanticlayer-colors-error-background: #4d1514; --semanticlayer-colors-error-dark: #cc3634; --semanticlayer-colors-error-light: #f86b69; --semanticlayer-colors-success-hover: #99d85d0d; --semanticlayer-colors-success-selected: #99d85d1a; --semanticlayer-colors-success-focusVisible: #99d85d4d; --semanticlayer-colors-success-outlined: #99d85d80; --semanticlayer-colors-success-focus: #6c9eff26; --semanticlayer-colors-success-main: #99d85d; --semanticlayer-colors-success-contrastText: #ffffff; --semanticlayer-colors-success-color: #d9eec6; --semanticlayer-colors-success-background: #0e3301; --semanticlayer-colors-success-dark: #78cb28; --semanticlayer-colors-success-light: #99d85d; --semanticlayer-colors-secondary-hover: #e637880d; --semanticlayer-colors-secondary-selected: #e637881a; --semanticlayer-colors-secondary-focusVisible: #e637884d; --semanticlayer-colors-secondary-outlined: #e6378880; --semanticlayer-colors-secondary-focus: #e6378826; --semanticlayer-colors-secondary-dark: #c1276e; --semanticlayer-colors-secondary-light: #ff63ab; --semanticlayer-colors-secondary-contrastText: #ffffff; --semanticlayer-colors-secondary-main: #e63788; --semanticlayer-colors-secondary-color: #fdcae2; --semanticlayer-colors-secondary-background: #300116; --semanticlayer-colors-warning-selected: #ffbc411a; --semanticlayer-colors-warning-hover: #ffbc410d; --semanticlayer-colors-warning-focusVisible: #ffbc414d; --semanticlayer-colors-warning-outlined: #ffbc4180; --semanticlayer-colors-warning-focus: #ffbc4126; --semanticlayer-colors-warning-main: #ffbc41; --semanticlayer-colors-warning-contrastText: #000000; --semanticlayer-colors-warning-color: #ffe1b2; --semanticlayer-colors-warning-background: #4c1c01; --semanticlayer-colors-warning-dark: #fd6b00; --semanticlayer-colors-warning-light: #ffbc41; --semanticlayer-colors-info-selected: #6c9eff1a; --semanticlayer-colors-info-hover: #6c9eff0d; --semanticlayer-colors-info-focusVisible: #6c9eff4d; --semanticlayer-colors-info-outlined: #6c9eff80; --semanticlayer-colors-info-focus: #6c9eff26; --semanticlayer-colors-info-main: #6c9eff; --semanticlayer-colors-info-contrastText: #ffffff; --semanticlayer-colors-info-color: #aec5f1; --semanticlayer-colors-info-background: #010f31; --semanticlayer-colors-info-dark: #1438cd; --semanticlayer-colors-info-light: #6c9eff; --semanticlayer-colors-action-hover: #ffffff1a; --semanticlayer-colors-action-selected: #ffffff1a; --semanticlayer-colors-action-focus: #ffffff26; --semanticlayer-colors-action-disabled: #ffffff66; --semanticlayer-colors-action-disabledBackground: #ffffff1a; --semanticlayer-colors-action-activeBackground: #ff0000; --semanticlayer-colors-action-activeHover: #ff0000; --semanticlayer-colors-action-selectedBackground: #ff0000; --semanticlayer-colors-action-disabledHover: #ff0000; --semanticlayer-colors-action-active: #acb4c7; --semanticlayer-colors-overlay-main: #1a202e80; --semanticlayer-colors-overlay-light: #1a202e40; --semanticlayer-colors-overlay-dark: #1a202ebf; --semanticlayer-colors-overlay-inverted: #ffffff80; --semanticlayer-colors-hr-0: #ff0000; --semanticlayer-colors-hr-1: #fdc0dc; --semanticlayer-colors-hr-2: #fea0cb; --semanticlayer-colors-hr-3: #ff7fba; --semanticlayer-colors-hr-4: #fe5fa8; --semanticlayer-colors-hr-5: #e05193; --semanticlayer-colors-hr-6: #c3437f; --semanticlayer-colors-hr-7: #a03466; --semanticlayer-colors-hr-8: #7e244d; --semanticlayer-colors-hr-9: #6a1b3f; --semanticlayer-colors-hr-10: #581332; --semanticlayer-colors-hr-label: #ffffff; --semanticlayer-colors-paceSpeed-0: #ff0000; --semanticlayer-colors-paceSpeed-1: #aec5f1; --semanticlayer-colors-paceSpeed-2: #98b8f6; --semanticlayer-colors-paceSpeed-3: #82abfb; --semanticlayer-colors-paceSpeed-4: #6b9dff; --semanticlayer-colors-paceSpeed-5: #4370f6; --semanticlayer-colors-paceSpeed-6: #1a43ed; --semanticlayer-colors-paceSpeed-7: #1336c3; --semanticlayer-colors-paceSpeed-8: #0e2a98; --semanticlayer-colors-paceSpeed-9: #0a2279; --semanticlayer-colors-paceSpeed-10: #071b5b; --semanticlayer-colors-paceSpeed-label: #ffffff; --semanticlayer-colors-power-0: #ff0000; --semanticlayer-colors-power-1: #e09cff; --semanticlayer-colors-power-2: #d783ff; --semanticlayer-colors-power-3: #cf69ff; --semanticlayer-colors-power-4: #c74fff; --semanticlayer-colors-power-5: #b63fee; --semanticlayer-colors-power-6: #a52edc; --semanticlayer-colors-power-7: #8323b0; --semanticlayer-colors-power-8: #611783; --semanticlayer-colors-power-9: #4e116b; --semanticlayer-colors-power-10: #3c0b53; --semanticlayer-colors-power-label: #ffffff; --semanticlayer-colors-rpe-0: #c3c9d7; --semanticlayer-colors-rpe-1: #3177ff; --semanticlayer-colors-rpe-2: #78cb28; --semanticlayer-colors-rpe-3: #78cb28; --semanticlayer-colors-rpe-4: #fec42e; --semanticlayer-colors-rpe-5: #fec42e; --semanticlayer-colors-rpe-6: #fec42e; --semanticlayer-colors-rpe-7: #fd6b00; --semanticlayer-colors-rpe-8: #fd6b00; --semanticlayer-colors-rpe-9: #cc3634; --semanticlayer-colors-rpe-10: #cc3634; --semanticlayer-colors-rpe-label: #ff0000; --semanticlayer-colors-zoneColor-0: #ff0000; --semanticlayer-colors-zoneColor-1: #1840ec; --semanticlayer-colors-zoneColor-2: #00849c; --semanticlayer-colors-zoneColor-3: #20b7b8; --semanticlayer-colors-zoneColor-4: #78cb28; --semanticlayer-colors-zoneColor-5: #ffca28; --semanticlayer-colors-zoneColor-6: #ffaa02; --semanticlayer-colors-zoneColor-7: #fd6b00; --semanticlayer-colors-zoneColor-8: #f5403e; --semanticlayer-colors-zoneColor-9: #cc3634; --semanticlayer-colors-zoneColor-10: #9d1c57; --semanticlayer-colors-zoneColor-label: #ffffff; --semanticlayer-colors-brand-primary: #3177ff; --semanticlayer-colors-compliance-success: #1a6800; --semanticlayer-colors-compliance-successBackground: #0e3301; --semanticlayer-colors-compliance-caution: #c78401; --semanticlayer-colors-compliance-cautionBackground: #5a3c01; --semanticlayer-colors-compliance-warning: #ac4701; --semanticlayer-colors-compliance-warningBackground: #4c1c01; --semanticlayer-colors-compliance-missed: #7d2120; --semanticlayer-colors-compliance-missedBackground: #430000; --semanticlayer-colors-compliance-unplanned: #27303f; --semanticlayer-colors-compliance-unplannedBackground: #0f121b; --semanticlayer-colors-compliance-plannedBackground: #0f121b; --semanticlayer-colors-compliance-planned: #000000; --semanticlayer-colors-divider-main: #212937; --semanticlayer-colors-divider-light: #1f2633; --semanticlayer-colors-divider-dark: #27303f; --semanticlayer-colors-divider-inverted: #0d0f17; --semanticlayer-colors-fff-form: #fe9301; --semanticlayer-colors-fff-formText: #fe9301; --semanticlayer-colors-fff-formContrast: #ffffff; --semanticlayer-colors-fff-fitness: #3177ff; --semanticlayer-colors-fff-fitnessText: #3177ff; --semanticlayer-colors-fff-fitnessContrast: #ffffff; --semanticlayer-colors-fff-fatigue: #e63788; --semanticlayer-colors-fff-fatigueText: #e63788; --semanticlayer-colors-fff-fatigueContrast: #ffffff; --semanticlayer-colors-medal-gold: #ffaa02; --semanticlayer-colors-medal-bronze: #be6238; --semanticlayer-colors-medal-silver: #acb4c7; --semanticlayer-colors-metric-paceSpeed: #4370f6; --semanticlayer-colors-metric-paceSpeedLabel: #6b9dff; --semanticlayer-colors-metric-power: #b63fee; --semanticlayer-colors-metric-powerLabel: #c74fff; --semanticlayer-colors-metric-hr: #e05193; --semanticlayer-colors-metric-hrLabel: #fe5fa8; --semanticlayer-colors-metric-kj: #6c9eff; --semanticlayer-colors-metric-elevation: #acb4c7; --semanticlayer-colors-metric-elevationLabel: #c3c9d7; --semanticlayer-colors-metric-cadence: #fe9301; --semanticlayer-colors-metric-cadenceLabel: #fe9301; --semanticlayer-colors-metric-negative: #f5403e; --semanticlayer-colors-metric-temperature: #3177ff; --semanticlayer-colors-metric-temperatureLabel: #3177ff; --semanticlayer-colors-metric-tss: #f5403e; --semanticlayer-colors-metric-intensityFactor: #3177ff; --semanticlayer-colors-metric-distance: #1840ec; --semanticlayer-colors-metric-duration: #1840ec; --semanticlayer-colors-metric-structureDefault: #939db6; --semanticlayer-colors-metric-distanceLabel: #1840ec; --semanticlayer-colors-metric-durationLabel: #1840ec; --semanticlayer-colors-metric-intensityFactorLabel: #3177ff; --semanticlayer-colors-metric-kjLabel: #1438cd; --semanticlayer-colors-metric-tssLabel: #f5403e; --semanticlayer-colors-nutrition-calorieConsumed: #5fc200; --semanticlayer-colors-nutrition-calorieExpended: #acb4c7; --semanticlayer-colors-nutrition-macroCarb: #259500; --semanticlayer-colors-nutrition-macroConsumed: #aec5f1; --semanticlayer-colors-nutrition-macroExpended: #aec5f1; --semanticlayer-colors-nutrition-macroFat: #5fc200; --semanticlayer-colors-nutrition-macroProtein: #99d85d; --semanticlayer-colors-background-default: #0d0f17; --semanticlayer-colors-background-elevation-sm: #0f121b; --semanticlayer-colors-background-elevation: #141823; --semanticlayer-colors-background-elevation-md: #171c27; --semanticlayer-colors-background-elevation-lg: #191f2b; --semanticlayer-colors-background-elevation-xl: #1c222f; --semanticlayer-colors-background-elevation-2xl: #1f2633; --semanticlayer-colors-background-paper: #0d0f17; --semanticlayer-colors-background-inverted: #ffffff; --semanticlayer-colors-availability-unavailable: #cc3634; --semanticlayer-colors-availability-unavailableBackground: #641b1a; --semanticlayer-colors-availability-unavailableContrastText: #fcc2c1; --semanticlayer-colors-availability-limitedAvailability: #ffaa02; --semanticlayer-colors-availability-limitedAvailabilityBackground: #8b5d01; --semanticlayer-colors-availability-limitedAvailabilityContrastText: #ffe892; --semanticlayer-colors-text-primary: #ffffff; --semanticlayer-colors-text-secondary: #939db6; --semanticlayer-colors-text-disabled: #414e6c; --semanticlayer-colors-premium-main: #3177ff; --semanticlayer-colors-premium-dark: #061a5a; --semanticlayer-colors-premium-light: #6c9eff; --semanticlayer-colors-premium-contrastText: #3177ff; --semanticlayer-colors-status-inProgressBg: #5a3c01; --semanticlayer-colors-status-inProgress: #ffaa02; --semanticlayer-colors-disabled-main: #acb4c7; --semanticlayer-colors-disabled-light: #eaecf2; --semanticlayer-colors-disabled-dark: #414e6c; --semanticlayer-colors-disabled-contrastText: #ffffff; --semanticlayer-colors-temperature-main: #fd6b00; --semanticlayer-colors-temperature-light: #fe9301; --semanticlayer-colors-temperature-dark: #d85b01; --semanticlayer-colors-temperature-contrastText: #000000; --semanticlayer-colors-cadence-main: #fe9301; --semanticlayer-colors-cadence-light: #ffd27f; --semanticlayer-colors-cadence-dark: #fd6b00; --semanticlayer-colors-cadence-contrastText: #000000; --semanticlayer-colors-elevation-main: #acb4c7; --semanticlayer-colors-elevation-light: #c3c9d7; --semanticlayer-colors-elevation-dark: #939db6; --semanticlayer-colors-elevation-contrastText: #1a202e; --componentlayer-typography-componentDefaults-typography-fontFamily: InterVariable, 'Inter Variable', Inter, Roboto, Helvetica, Arial, sans-serif; --componentlayer-typography-componentDefaults-typography-htmlFontSize: 15; --componentlayer-typography-componentDefaults-typography-fontSize: 15; --componentlayer-typography-componentDefaults-typography-fontWeightLight: 200; --componentlayer-typography-componentDefaults-typography-fontWeightRegular: 400; --componentlayer-typography-componentDefaults-typography-fontWeightMedium: 500; --componentlayer-typography-componentDefaults-typography-fontWeightBold: 700; --componentlayer-typography-componentDefaults-typography-body1-fontSize: 15px; --componentlayer-typography-componentDefaults-typography-body1-fontWeight: 400; --componentlayer-typography-componentDefaults-typography-body1-color: #ffffff; --componentlayer-typography-componentDefaults-typography-body1-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-body1-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-body2-fontSize: 13px; --componentlayer-typography-componentDefaults-typography-body2-fontWeight: 400; --componentlayer-typography-componentDefaults-typography-body2-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-body2-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-body2-color: #ffffff; --componentlayer-typography-componentDefaults-typography-h1-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h1-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h1-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h1-margin: 0; --componentlayer-typography-componentDefaults-typography-h1-padding: 0; --componentlayer-typography-componentDefaults-typography-h1-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h1-fontSize: 28px; --componentlayer-typography-componentDefaults-typography-h1-lineHeight: 1.5; --componentlayer-typography-componentDefaults-typography-h1-color: #ffffff; --componentlayer-typography-componentDefaults-typography-h2-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h2-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h2-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h2-margin: 0; --componentlayer-typography-componentDefaults-typography-h2-padding: 0; --componentlayer-typography-componentDefaults-typography-h2-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h2-fontSize: 26px; --componentlayer-typography-componentDefaults-typography-h2-lineHeight: 1.5; --componentlayer-typography-componentDefaults-typography-h2-color: #ffffff; --componentlayer-typography-componentDefaults-typography-h3-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h3-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h3-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h3-margin: 0; --componentlayer-typography-componentDefaults-typography-h3-padding: 0; --componentlayer-typography-componentDefaults-typography-h3-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h3-fontSize: 24px; --componentlayer-typography-componentDefaults-typography-h3-lineHeight: 1.5; --componentlayer-typography-componentDefaults-typography-h3-letterSpacing: -0.02em; --componentlayer-typography-componentDefaults-typography-h3-color: #ffffff; --componentlayer-typography-componentDefaults-typography-h4-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h4-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h4-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h4-margin: 0; --componentlayer-typography-componentDefaults-typography-h4-padding: 0; --componentlayer-typography-componentDefaults-typography-h4-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h4-fontSize: 20px; --componentlayer-typography-componentDefaults-typography-h4-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-h4-letterSpacing: -0.02em; --componentlayer-typography-componentDefaults-typography-h4-color: #ffffff; --componentlayer-typography-componentDefaults-typography-h5-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h5-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h5-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h5-margin: 0; --componentlayer-typography-componentDefaults-typography-h5-padding: 0; --componentlayer-typography-componentDefaults-typography-h5-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h5-fontSize: 17px; --componentlayer-typography-componentDefaults-typography-h5-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-h5-letterSpacing: -0.02em; --componentlayer-typography-componentDefaults-typography-h5-color: #ffffff; --componentlayer-typography-componentDefaults-typography-h6-marginBlock: 0; --componentlayer-typography-componentDefaults-typography-h6-marginBlockStart: 0; --componentlayer-typography-componentDefaults-typography-h6-marginBlockEnd: 0; --componentlayer-typography-componentDefaults-typography-h6-margin: 0; --componentlayer-typography-componentDefaults-typography-h6-padding: 0; --componentlayer-typography-componentDefaults-typography-h6-fontWeight: 600; --componentlayer-typography-componentDefaults-typography-h6-fontSize: 15px; --componentlayer-typography-componentDefaults-typography-h6-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-h6-letterSpacing: -0.02em; --componentlayer-typography-componentDefaults-typography-h6-color: #ffffff; --componentlayer-typography-componentDefaults-typography-subtitle1-fontWeight: 500; --componentlayer-typography-componentDefaults-typography-subtitle1-fontSize: 15px; --componentlayer-typography-componentDefaults-typography-subtitle1-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-subtitle1-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-subtitle1-color: #ffffff; --componentlayer-typography-componentDefaults-typography-subtitle2-fontWeight: 500; --componentlayer-typography-componentDefaults-typography-subtitle2-fontSize: 13px; --componentlayer-typography-componentDefaults-typography-subtitle2-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-subtitle2-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-subtitle2-color: #ffffff; --componentlayer-typography-componentDefaults-typography-overline-fontWeight: 700; --componentlayer-typography-componentDefaults-typography-overline-fontSize: 11px; --componentlayer-typography-componentDefaults-typography-overline-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-overline-letterSpacing: 0.0625em; --componentlayer-typography-componentDefaults-typography-overline-color: #ffffff; --componentlayer-typography-componentDefaults-typography-caption-fontWeight: 400; --componentlayer-typography-componentDefaults-typography-caption-fontSize: 11px; --componentlayer-typography-componentDefaults-typography-caption-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-caption-letterSpacing: 0em; --componentlayer-typography-componentDefaults-typography-caption-color: #ffffff; --componentlayer-typography-componentDefaults-typography-button-fontWeight: 400; --componentlayer-typography-componentDefaults-typography-button-fontSize: 13px; --componentlayer-typography-componentDefaults-typography-button-letterSpacing: 0.0625em; --componentlayer-typography-componentDefaults-typography-button-lineHeight: 1.25; --componentlayer-typography-componentDefaults-typography-button-textTransform: none; --componentlayer-typography-componentDefaults-typography-button-whiteSpace: nowrap; --componentlayer-typography-componentDefaults-typography-button-maxHeight: 34px; --componentlayer-typography-componentDefaults-typography-button-minHeight: 34px; --componentlayer-typography-componentDefaults-typography-button-borderRadius: 64px; --componentlayer-typography-componentDefaults-typography-button-padding: 8px 16px; --componentlayer-typography-componentDefaults-input-padding: 8px 16px; --componentlayer-typography-componentDefaults-input-borderRadius: 4px; --componentlayer-typography-componentDefaults-input-fontSize: 15px; --componentlayer-typography-componentDefaults-input-border: 1px solid #acb4c7; --componentlayer-typography-componentDefaults-input-backgroundColor: #0d0f17; --componentlayer-typography-componentDefaults-input-color: #ffffff; --componentlayer-typography-componentDefaults-card-padding: 16px; --componentlayer-typography-componentDefaults-card-borderRadius: 4px; --componentlayer-typography-componentDefaults-card-border: 1px solid #212937; --componentlayer-typography-componentDefaults-card-boxShadow: none; --componentlayer-typography-componentDefaults-card-backgroundColor: #0d0f17; } :root body.dark { background-color: #0d0f17; color: #ffffff; }