/* * Cloudscape Design System - design tokens (light + dark). * Generated verbatim from the genuine @cloudscape-design/design-tokens * visual-refresh schema (v3.0.94). These are the real published token * values used by AWS console applications - not an approximation. * * Light + comfortable-density values are defined on :root. * Dark-mode overrides are defined on body.dark-mode (the class the * dashboard theme switch already toggles). * * DO NOT hand-edit. Regenerate with _gen-cloudscape-tokens.js if upgrading. */ :root { --awsui-color-charts-red-300: #ea7158; --awsui-color-charts-red-400: #dc5032; --awsui-color-charts-red-500: #d13313; --awsui-color-charts-red-600: #ba2e0f; --awsui-color-charts-red-700: #a82a0c; --awsui-color-charts-red-800: #972709; --awsui-color-charts-red-900: #892407; --awsui-color-charts-red-1000: #7d2105; --awsui-color-charts-red-1100: #721e03; --awsui-color-charts-red-1200: #671c00; --awsui-color-charts-orange-300: #e07941; --awsui-color-charts-orange-400: #cc5f21; --awsui-color-charts-orange-500: #bc4d01; --awsui-color-charts-orange-600: #a84401; --awsui-color-charts-orange-700: #983c02; --awsui-color-charts-orange-800: #8a3603; --awsui-color-charts-orange-900: #7e3103; --awsui-color-charts-orange-1000: #732c02; --awsui-color-charts-orange-1100: #692801; --awsui-color-charts-orange-1200: #602400; --awsui-color-charts-yellow-300: #b2911c; --awsui-color-charts-yellow-400: #9c7b0b; --awsui-color-charts-yellow-500: #8a6b05; --awsui-color-charts-yellow-600: #7b5f04; --awsui-color-charts-yellow-700: #6f5504; --awsui-color-charts-yellow-800: #654d03; --awsui-color-charts-yellow-900: #5d4503; --awsui-color-charts-yellow-1000: #553f03; --awsui-color-charts-yellow-1100: #4d3901; --awsui-color-charts-yellow-1200: #483300; --awsui-color-charts-green-300: #67a353; --awsui-color-charts-green-400: #41902c; --awsui-color-charts-green-500: #1f8104; --awsui-color-charts-green-600: #1a7302; --awsui-color-charts-green-700: #176702; --awsui-color-charts-green-800: #145d02; --awsui-color-charts-green-900: #125502; --awsui-color-charts-green-1000: #104d01; --awsui-color-charts-green-1100: #0f4601; --awsui-color-charts-green-1200: #0d4000; --awsui-color-charts-teal-300: #2ea597; --awsui-color-charts-teal-400: #1c8e81; --awsui-color-charts-teal-500: #0d7d70; --awsui-color-charts-teal-600: #096f64; --awsui-color-charts-teal-700: #06645a; --awsui-color-charts-teal-800: #045b52; --awsui-color-charts-teal-900: #03524a; --awsui-color-charts-teal-1000: #014b44; --awsui-color-charts-teal-1100: #01443e; --awsui-color-charts-teal-1200: #003e38; --awsui-color-charts-blue-1-300: #529ccb; --awsui-color-charts-blue-1-400: #3184c2; --awsui-color-charts-blue-1-500: #0273bb; --awsui-color-charts-blue-1-600: #0166ab; --awsui-color-charts-blue-1-700: #015b9d; --awsui-color-charts-blue-1-800: #015292; --awsui-color-charts-blue-1-900: #014a87; --awsui-color-charts-blue-1-1000: #01437d; --awsui-color-charts-blue-1-1100: #003c75; --awsui-color-charts-blue-1-1200: #00366d; --awsui-color-charts-blue-2-300: #688ae8; --awsui-color-charts-blue-2-400: #5978e3; --awsui-color-charts-blue-2-500: #4066df; --awsui-color-charts-blue-2-600: #3759ce; --awsui-color-charts-blue-2-700: #314fbf; --awsui-color-charts-blue-2-800: #2c46b1; --awsui-color-charts-blue-2-900: #273ea5; --awsui-color-charts-blue-2-1000: #23379b; --awsui-color-charts-blue-2-1100: #1f3191; --awsui-color-charts-blue-2-1200: #1b2b88; --awsui-color-charts-purple-300: #e19483; --awsui-color-charts-purple-400: #d67d69; --awsui-color-charts-purple-500: #ce6c56; --awsui-color-charts-purple-600: #bf5e49; --awsui-color-charts-purple-700: #b25440; --awsui-color-charts-purple-800: #a74b37; --awsui-color-charts-purple-900: #9d4430; --awsui-color-charts-purple-1000: #943c29; --awsui-color-charts-purple-1100: #8b3623; --awsui-color-charts-purple-1200: #842f1d; --awsui-color-charts-pink-300: #da7596; --awsui-color-charts-pink-400: #ce567c; --awsui-color-charts-pink-500: #c33d69; --awsui-color-charts-pink-600: #b1325c; --awsui-color-charts-pink-700: #a32952; --awsui-color-charts-pink-800: #962249; --awsui-color-charts-pink-900: #8b1b42; --awsui-color-charts-pink-1000: #81143b; --awsui-color-charts-pink-1100: #780d35; --awsui-color-charts-pink-1200: #6f062f; --awsui-color-charts-status-critical: #7d2105; --awsui-color-charts-status-high: #ba2e0f; --awsui-color-charts-status-medium: #cc5f21; --awsui-color-charts-status-low: #b2911c; --awsui-color-charts-status-positive: #67a353; --awsui-color-charts-status-info: #3184c2; --awsui-color-charts-status-neutral: #8c8c94; --awsui-color-charts-threshold-negative: #db0000; --awsui-color-charts-threshold-positive: #00802f; --awsui-color-charts-threshold-info: #006ce0; --awsui-color-charts-threshold-neutral: #656871; --awsui-color-charts-line-grid: #dedee3; --awsui-color-charts-line-tick: #dedee3; --awsui-color-charts-line-axis: #dedee3; --awsui-color-charts-palette-categorical-1: #688ae8; --awsui-color-charts-palette-categorical-2: #c33d69; --awsui-color-charts-palette-categorical-3: #2ea597; --awsui-color-charts-palette-categorical-4: #ce6c56; --awsui-color-charts-palette-categorical-5: #e07941; --awsui-color-charts-palette-categorical-6: #3759ce; --awsui-color-charts-palette-categorical-7: #962249; --awsui-color-charts-palette-categorical-8: #096f64; --awsui-color-charts-palette-categorical-9: #a74b37; --awsui-color-charts-palette-categorical-10: #a84401; --awsui-color-charts-palette-categorical-11: #273ea5; --awsui-color-charts-palette-categorical-12: #780d35; --awsui-color-charts-palette-categorical-13: #03524a; --awsui-color-charts-palette-categorical-14: #8b3623; --awsui-color-charts-palette-categorical-15: #7e3103; --awsui-color-charts-palette-categorical-16: #1b2b88; --awsui-color-charts-palette-categorical-17: #ce567c; --awsui-color-charts-palette-categorical-18: #003e38; --awsui-color-charts-palette-categorical-19: #d67d69; --awsui-color-charts-palette-categorical-20: #602400; --awsui-color-charts-palette-categorical-21: #4066df; --awsui-color-charts-palette-categorical-22: #a32952; --awsui-color-charts-palette-categorical-23: #0d7d70; --awsui-color-charts-palette-categorical-24: #b25440; --awsui-color-charts-palette-categorical-25: #bc4d01; --awsui-color-charts-palette-categorical-26: #2c46b1; --awsui-color-charts-palette-categorical-27: #81143b; --awsui-color-charts-palette-categorical-28: #045b52; --awsui-color-charts-palette-categorical-29: #943c29; --awsui-color-charts-palette-categorical-30: #8a3603; --awsui-color-charts-palette-categorical-31: #1f3191; --awsui-color-charts-palette-categorical-32: #da7596; --awsui-color-charts-palette-categorical-33: #01443e; --awsui-color-charts-palette-categorical-34: #e19483; --awsui-color-charts-palette-categorical-35: #692801; --awsui-color-charts-palette-categorical-36: #5978e3; --awsui-color-charts-palette-categorical-37: #b1325c; --awsui-color-charts-palette-categorical-38: #1c8e81; --awsui-color-charts-palette-categorical-39: #bf5e49; --awsui-color-charts-palette-categorical-40: #cc5f21; --awsui-color-charts-palette-categorical-41: #314fbf; --awsui-color-charts-palette-categorical-42: #8b1b42; --awsui-color-charts-palette-categorical-43: #06645a; --awsui-color-charts-palette-categorical-44: #9d4430; --awsui-color-charts-palette-categorical-45: #983c02; --awsui-color-charts-palette-categorical-46: #23379b; --awsui-color-charts-palette-categorical-47: #6f062f; --awsui-color-charts-palette-categorical-48: #014b44; --awsui-color-charts-palette-categorical-49: #842f1d; --awsui-color-charts-palette-categorical-50: #732c02; --awsui-color-charts-error-bar-marker: #131920; --awsui-color-background-notification-severity-critical: #870303; --awsui-color-background-notification-severity-high: #ce3311; --awsui-color-background-notification-severity-medium: #f89256; --awsui-color-background-notification-severity-low: #f2cd54; --awsui-color-background-notification-severity-neutral: #656871; --awsui-color-text-notification-severity-critical: #f9f9fa; --awsui-color-text-notification-severity-high: #f9f9fa; --awsui-color-text-notification-severity-medium: #0f141a; --awsui-color-text-notification-severity-low: #0f141a; --awsui-color-text-notification-severity-neutral: #f9f9fa; --awsui-color-border-badge-severity-critical: transparent; --awsui-color-border-badge-severity-high: transparent; --awsui-color-border-badge-severity-medium: transparent; --awsui-color-border-badge-severity-low: transparent; --awsui-color-border-badge-severity-neutral: transparent; --awsui-color-text-badge-severity-critical: #f9f9fa; --awsui-color-text-badge-severity-high: #f9f9fa; --awsui-color-text-badge-severity-medium: #0f141a; --awsui-color-text-badge-severity-low: #0f141a; --awsui-color-text-badge-severity-neutral: #f9f9fa; --awsui-color-background-badge-icon: #db0000; --awsui-color-background-button-link-active: #d1f1ff; --awsui-color-background-button-link-default: transparent; --awsui-color-background-button-link-disabled: transparent; --awsui-color-background-button-link-hover: #f0fbff; --awsui-color-background-button-normal-active: #d1f1ff; --awsui-color-background-button-normal-default: #ffffff; --awsui-color-background-button-normal-disabled: #ffffff; --awsui-color-background-button-normal-hover: #f0fbff; --awsui-color-background-toggle-button-normal-pressed: #d1f1ff; --awsui-color-background-toggle-button-normal-default: #ffffff; --awsui-color-background-button-primary-active: #002b66; --awsui-color-background-button-primary-default: #006ce0; --awsui-color-background-button-primary-disabled: #ebebf0; --awsui-color-background-button-primary-hover: #002b66; --awsui-color-background-cell-shaded: #f6f6f9; --awsui-color-background-card: #ffffff; --awsui-color-background-container-content: #ffffff; --awsui-color-background-container-header: #ffffff; --awsui-color-background-control-checked: #006ce0; --awsui-color-background-control-default: #ffffff; --awsui-color-background-control-disabled: #dedee3; --awsui-color-background-dropdown-item-default: #ffffff; --awsui-color-background-dropdown-item-filter-match: #f0fbff; --awsui-color-background-dropdown-item-hover: #f3f3f7; --awsui-color-background-dropdown-item-selected: #f0fbff; --awsui-color-background-home-header: #0f141a; --awsui-color-background-input-default: #ffffff; --awsui-color-background-input-disabled: #ebebf0; --awsui-color-background-item-selected: #f0fbff; --awsui-color-background-layout-main: #ffffff; --awsui-color-background-layout-panel: #ffffff; --awsui-color-background-layout-toolbar: #ffffff; --awsui-color-background-layout-toggle-active: #424650; --awsui-color-background-layout-toggle-default: #424650; --awsui-color-background-layout-toggle-hover: #656871; --awsui-color-background-layout-toggle-selected-active: #006ce0; --awsui-color-background-layout-toggle-selected-default: #006ce0; --awsui-color-background-layout-toggle-selected-hover: #004a9e; --awsui-color-background-notification-blue: #006ce0; --awsui-color-background-notification-green: #00802f; --awsui-color-background-notification-grey: #424650; --awsui-color-background-notification-red: #db0000; --awsui-color-background-notification-yellow: #ffe347; --awsui-color-background-popover: #ffffff; --awsui-color-background-progress-bar-value-default: #006ce0; --awsui-color-background-progress-bar-default: #ebebf0; --awsui-color-background-segment-active: #006ce0; --awsui-color-background-segment-default: #ffffff; --awsui-color-background-segment-disabled: #ffffff; --awsui-color-background-segment-hover: #f0fbff; --awsui-color-background-segment-wrapper: #ffffff; --awsui-color-background-slider-range-default: #006ce0; --awsui-color-background-slider-range-active: #004a9e; --awsui-color-background-slider-handle-default: #006ce0; --awsui-color-background-slider-handle-active: #004a9e; --awsui-color-background-slider-track-default: #8c8c94; --awsui-color-background-status-error: #fff5f5; --awsui-color-background-status-info: #f0fbff; --awsui-color-background-dialog: #f0fbff; --awsui-color-background-status-success: #effff1; --awsui-color-background-status-warning: #fffef0; --awsui-color-background-toggle-checked-disabled: #b8e7ff; --awsui-color-background-toggle-default: #424650; --awsui-color-background-avatar-gen-ai: radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #ff532e 80%); --awsui-color-background-avatar-default: #424650; --awsui-color-text-avatar: #ffffff; --awsui-color-background-loading-bar-gen-ai: linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #ff532e 76%, #0099ff 90%, #b8e7ff 100%); --awsui-color-background-chat-bubble-outgoing: transparent; --awsui-color-background-chat-bubble-incoming: #f6f6f9; --awsui-color-text-chat-bubble-outgoing: #0f141a; --awsui-color-text-chat-bubble-incoming: #0f141a; --awsui-color-border-button-link-disabled: transparent; --awsui-color-border-button-normal-active: #002b66; --awsui-color-border-button-normal-default: #006ce0; --awsui-color-border-toggle-button-normal-pressed: #006ce0; --awsui-color-border-button-normal-disabled: #b4b4bb; --awsui-color-text-button-normal-disabled: #8c8c94; --awsui-color-border-button-normal-hover: #002b66; --awsui-color-text-button-icon-disabled: #8c8c94; --awsui-color-border-button-primary-active: #002b66; --awsui-color-border-button-primary-default: #006ce0; --awsui-color-border-button-primary-disabled: #ebebf0; --awsui-color-border-button-primary-hover: #002b66; --awsui-color-text-button-primary-disabled: #8c8c94; --awsui-color-item-selected: #006ce0; --awsui-color-border-card: #c6c6cd; --awsui-color-border-container-top: transparent; --awsui-color-border-control-default: #8c8c94; --awsui-color-border-divider-default: #c6c6cd; --awsui-color-border-divider-secondary: #ebebf0; --awsui-color-border-dropdown-container: #b4b4bb; --awsui-color-border-dropdown-item-hover: #8c8c94; --awsui-color-border-input-default: #8c8c94; --awsui-color-border-input-focused: #006ce0; --awsui-color-border-item-focused: #006ce0; --awsui-color-border-dropdown-item-focused: #424650; --awsui-color-border-item-selected: #006ce0; --awsui-color-border-popover: #b4b4bb; --awsui-color-border-segment-active: #424650; --awsui-color-border-segment-default: #424650; --awsui-color-border-segment-disabled: #424650; --awsui-color-border-segment-hover: #424650; --awsui-color-border-status-error: #db0000; --awsui-color-border-status-info: #006ce0; --awsui-color-border-status-success: #00802f; --awsui-color-border-status-warning: #855900; --awsui-color-border-dialog: #006ce0; --awsui-color-foreground-control-default: #ffffff; --awsui-color-foreground-control-disabled: #ffffff; --awsui-color-foreground-control-read-only: #656871; --awsui-color-text-accent: #006ce0; --awsui-color-text-body-default: #0f141a; --awsui-color-text-body-secondary: #424650; --awsui-color-text-breadcrumb-current: #656871; --awsui-color-text-breadcrumb-icon: #8c8c94; --awsui-color-text-button-inline-icon-default: #006ce0; --awsui-color-text-button-inline-icon-disabled: #b4b4bb; --awsui-color-text-button-inline-icon-hover: #002b66; --awsui-color-text-button-normal-active: #002b66; --awsui-color-text-toggle-button-normal-pressed: #002b66; --awsui-color-text-button-normal-default: #006ce0; --awsui-color-text-button-normal-hover: #002b66; --awsui-color-text-button-link-active: #002b66; --awsui-color-text-button-link-default: #006ce0; --awsui-color-text-button-link-disabled: #b4b4bb; --awsui-color-text-button-link-hover: #002b66; --awsui-color-text-button-primary-active: #ffffff; --awsui-color-text-button-primary-default: #ffffff; --awsui-color-text-button-primary-hover: #ffffff; --awsui-color-text-calendar-date-selected: #ffffff; --awsui-color-text-counter: #656871; --awsui-color-text-dropdown-item-default: #0f141a; --awsui-color-text-dropdown-item-disabled: #b4b4bb; --awsui-color-text-dropdown-item-filter-match: #006ce0; --awsui-color-text-dropdown-item-highlighted: #0f141a; --awsui-color-text-dropdown-item-secondary: #656871; --awsui-color-text-empty: #656871; --awsui-color-text-form-default: #0f141a; --awsui-color-text-form-secondary: #656871; --awsui-color-text-group-label: #424650; --awsui-color-text-label-gen-ai: #e52900; --awsui-color-text-heading-default: #0f141a; --awsui-color-text-heading-secondary: #424650; --awsui-color-text-home-header-default: #ebebf0; --awsui-color-text-home-header-secondary: #c6c6cd; --awsui-color-text-icon-subtle: #656871; --awsui-color-text-input-disabled: #b4b4bb; --awsui-color-text-input-placeholder: #656871; --awsui-color-text-interactive-active: #0f141a; --awsui-color-text-interactive-default: #424650; --awsui-color-text-interactive-disabled: #b4b4bb; --awsui-color-text-interactive-hover: #0f141a; --awsui-color-text-toggle-button-icon-pressed: #0f141a; --awsui-color-text-interactive-inverted-default: #dedee3; --awsui-color-text-interactive-inverted-hover: #f9f9fa; --awsui-color-text-label: #0f141a; --awsui-color-text-layout-toggle: #ffffff; --awsui-color-text-layout-toggle-active: #ffffff; --awsui-color-text-layout-toggle-hover: #006ce0; --awsui-color-text-layout-toggle-selected: #ffffff; --awsui-color-text-link-default: #006ce0; --awsui-color-text-link-hover: #002b66; --awsui-color-text-link-secondary-default: #006ce0; --awsui-color-text-link-secondary-hover: #002b66; --awsui-color-text-link-info-default: #006ce0; --awsui-color-text-link-info-hover: #002b66; --awsui-color-text-notification-default: #f9f9fa; --awsui-color-text-segment-active: #ffffff; --awsui-color-text-segment-default: #424650; --awsui-color-text-segment-hover: #002b66; --awsui-color-text-status-error: #db0000; --awsui-color-text-status-inactive: #656871; --awsui-color-text-status-info: #006ce0; --awsui-color-text-status-success: #00802f; --awsui-color-text-status-warning: #855900; --awsui-color-text-top-navigation-title: #0f141a; --awsui-color-board-placeholder-active: #ebebf0; --awsui-color-board-placeholder-hover: #d1f1ff; --awsui-color-drag-placeholder-active: #ebebf0; --awsui-color-drag-placeholder-hover: #d1f1ff; --awsui-color-dropzone-background-default: #ffffff; --awsui-color-dropzone-background-hover: #f0fbff; --awsui-color-dropzone-text-default: #424650; --awsui-color-dropzone-text-hover: #424650; --awsui-color-dropzone-border-default: #8c8c94; --awsui-color-dropzone-border-hover: #002b66; --awsui-color-tree-view-connector-line: #8c8c94; --awsui-color-background-action-card-default: #ffffff; --awsui-color-background-action-card-hover: #f0fbff; --awsui-color-background-action-card-active: #d1f1ff; --awsui-color-border-action-card-default: #006ce0; --awsui-color-border-action-card-hover: #002b66; --awsui-color-border-action-card-active: #002b66; --awsui-color-border-action-card-disabled: #b4b4bb; --awsui-color-background-action-card-disabled: #ffffff; --awsui-color-text-action-card-disabled: #8c8c94; --awsui-color-border-badge: transparent; --awsui-color-border-badge-grey: transparent; --awsui-color-border-badge-green: transparent; --awsui-color-border-badge-blue: transparent; --awsui-color-border-badge-red: transparent; --awsui-color-text-badge-grey: #f9f9fa; --awsui-color-text-badge-green: #f9f9fa; --awsui-color-text-badge-blue: #f9f9fa; --awsui-color-text-badge-red: #f9f9fa; --awsui-font-family-base: 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif; --awsui-font-family-display: 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif; --awsui-font-family-heading: 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif; --awsui-font-family-monospace: Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace; --awsui-font-size-body-m: 14px; --awsui-font-size-body-s: 12px; --awsui-font-size-display-l: 42px; --awsui-font-size-heading-l: 20px; --awsui-font-size-heading-m: 18px; --awsui-font-size-heading-s: 16px; --awsui-font-size-heading-xl: 24px; --awsui-font-size-heading-xs: 14px; --awsui-font-size-tabs: 16px; --awsui-font-weight-alert-header: 700; --awsui-font-weight-bold: 700; --awsui-font-weight-button: 700; --awsui-font-weight-display-l: 700; --awsui-font-weight-flashbar-header: 700; --awsui-font-weight-heading-l: 700; --awsui-font-weight-heading-m: 700; --awsui-font-weight-heading-s: 700; --awsui-font-weight-heading-xl: 700; --awsui-font-weight-heading-xs: 700; --awsui-font-weight-heavy: 700; --awsui-font-weight-lighter: 300; --awsui-font-weight-normal: 400; --awsui-font-weight-tabs: 700; --awsui-font-weight-tabs-disabled: 700; --awsui-letter-spacing-display-l: -0.03em; --awsui-letter-spacing-heading-l: -0.015em; --awsui-letter-spacing-heading-m: -0.010em; --awsui-letter-spacing-heading-s: -0.005em; --awsui-letter-spacing-heading-xl: -0.02em; --awsui-letter-spacing-heading-xs: normal; --awsui-line-height-body-m: 20px; --awsui-line-height-body-s: 16px; --awsui-line-height-display-l: 48px; --awsui-line-height-heading-l: 24px; --awsui-line-height-heading-m: 22px; --awsui-line-height-heading-s: 20px; --awsui-line-height-heading-xl: 30px; --awsui-line-height-heading-xs: 18px; --awsui-line-height-tabs: 20px; --awsui-border-radius-action-card-default: 16px; --awsui-border-radius-action-card-embedded: 8px; --awsui-border-radius-alert: 12px; --awsui-border-radius-badge: 4px; --awsui-border-radius-button: 20px; --awsui-border-radius-calendar-day-focus-ring: 3px; --awsui-border-radius-card-default: 16px; --awsui-border-radius-card-embedded: 8px; --awsui-border-radius-chat-bubble: 8px; --awsui-border-radius-container: 16px; --awsui-border-radius-control-circular-focus-ring: 4px; --awsui-border-radius-control-default-focus-ring: 4px; --awsui-border-radius-dropdown: 8px; --awsui-border-radius-dropzone: 12px; --awsui-border-radius-flashbar: 12px; --awsui-border-radius-input: 8px; --awsui-border-radius-item: 8px; --awsui-border-radius-popover: 8px; --awsui-border-radius-tabs-focus-ring: 20px; --awsui-border-radius-tiles: 8px; --awsui-border-radius-token: 8px; --awsui-border-radius-tutorial-panel-item: 8px; --awsui-border-width-action-card-active: 1px; --awsui-border-width-action-card-default: 1px; --awsui-border-width-action-card-disabled: 1px; --awsui-border-width-action-card-hover: 1px; --awsui-border-width-alert: 2px; --awsui-border-width-alert-block-end: 2px; --awsui-border-width-alert-block-start: 2px; --awsui-border-width-alert-inline-end: 2px; --awsui-border-width-alert-inline-start: 2px; --awsui-border-width-button: 2px; --awsui-border-width-card: 1px; --awsui-border-width-card-selected: 2px; --awsui-border-width-dropdown: 2px; --awsui-border-width-field: 1px; --awsui-border-width-icon-big: 3px; --awsui-border-width-icon-large: 4px; --awsui-border-width-icon-medium: 2px; --awsui-border-width-icon-normal: 2px; --awsui-border-width-icon-small: 2px; --awsui-border-width-icon-x-small: 1.5px; --awsui-border-width-item-selected: 2px; --awsui-border-width-badge: 0px; --awsui-border-width-popover: 2px; --awsui-border-width-token: 2px; --awsui-motion-duration-avatar-gen-ai-gradient: 3600ms; --awsui-motion-duration-avatar-loading-dots: 1200ms; --awsui-motion-easing-avatar-gen-ai-gradient: cubic-bezier(0.7, 0, 0.3, 1); --awsui-motion-easing-responsive: cubic-bezier(0, 0, 0, 1); --awsui-motion-easing-sticky: cubic-bezier(1, 0, 0.83, 1); --awsui-motion-easing-expressive: cubic-bezier(0.84, 0, 0.16, 1); --awsui-motion-duration-responsive: 115ms; --awsui-motion-duration-expressive: 165ms; --awsui-motion-duration-complex: 250ms; --awsui-motion-keyframes-fade-in: awsui-fade-in-35003c; --awsui-motion-keyframes-fade-out: awsui-fade-out-35003c; --awsui-motion-keyframes-status-icon-error: awsui-status-icon-error-35003c; --awsui-motion-keyframes-scale-popup: awsui-scale-popup-35003c; --awsui-size-vertical-input: 32px; --awsui-space-alert-vertical: 8px; --awsui-space-button-horizontal: 20px; --awsui-space-button-vertical: 4px; --awsui-space-token-vertical: 4px; --awsui-space-field-vertical: 5px; --awsui-space-card-horizontal-default: 20px; --awsui-space-card-horizontal-embedded: 12px; --awsui-space-card-vertical-default: 16px; --awsui-space-card-vertical-embedded: 10px; --awsui-space-container-horizontal: 20px; --awsui-space-field-horizontal: 12px; --awsui-space-tabs-vertical: 4px; --awsui-space-tree-view-indentation: 24px; --awsui-space-action-card-horizontal-default: 20px; --awsui-space-action-card-horizontal-embedded: 12px; --awsui-space-action-card-vertical-default: 16px; --awsui-space-action-card-vertical-embedded: 10px; --awsui-space-option-padding-vertical: 4px; --awsui-space-option-padding-horizontal: 20px; --awsui-space-scaled-xxxs: 2px; --awsui-space-scaled-xxs: 4px; --awsui-space-scaled-xs: 8px; --awsui-space-scaled-s: 12px; --awsui-space-scaled-m: 16px; --awsui-space-scaled-l: 20px; --awsui-space-scaled-xl: 24px; --awsui-space-scaled-xxl: 32px; --awsui-space-scaled-xxxl: 40px; --awsui-space-static-xxxs: 2px; --awsui-space-static-xxs: 4px; --awsui-space-static-xs: 8px; --awsui-space-static-s: 12px; --awsui-space-static-m: 16px; --awsui-space-static-l: 20px; --awsui-space-static-xl: 24px; --awsui-space-static-xxl: 32px; --awsui-space-static-xxxl: 40px; --awsui-shadow-card: none; --awsui-shadow-container-active: 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a; } body.dark-mode { --awsui-color-charts-red-300: #d63f38; --awsui-color-charts-red-400: #ed5958; --awsui-color-charts-red-500: #fe6e73; --awsui-color-charts-red-600: #ff8a8a; --awsui-color-charts-red-700: #ffa09e; --awsui-color-charts-red-800: #ffb3b0; --awsui-color-charts-red-900: #ffc4c0; --awsui-color-charts-red-1000: #ffd2cf; --awsui-color-charts-red-1100: #ffe0dd; --awsui-color-charts-red-1200: #ffecea; --awsui-color-charts-orange-300: #c55305; --awsui-color-charts-orange-400: #de6923; --awsui-color-charts-orange-500: #f27c36; --awsui-color-charts-orange-600: #f89256; --awsui-color-charts-orange-700: #fca572; --awsui-color-charts-orange-800: #ffb68b; --awsui-color-charts-orange-900: #ffc6a4; --awsui-color-charts-orange-1000: #ffd4bb; --awsui-color-charts-orange-1100: #ffe1cf; --awsui-color-charts-orange-1200: #ffede2; --awsui-color-charts-yellow-300: #977001; --awsui-color-charts-yellow-400: #b08400; --awsui-color-charts-yellow-500: #c59600; --awsui-color-charts-yellow-600: #d3a61c; --awsui-color-charts-yellow-700: #dfb52c; --awsui-color-charts-yellow-800: #eac33a; --awsui-color-charts-yellow-900: #f1cf65; --awsui-color-charts-yellow-1000: #f7db8a; --awsui-color-charts-yellow-1100: #fce5a8; --awsui-color-charts-yellow-1200: #ffefc9; --awsui-color-charts-green-300: #48851a; --awsui-color-charts-green-400: #5a9b29; --awsui-color-charts-green-500: #69ae34; --awsui-color-charts-green-600: #7dbd4c; --awsui-color-charts-green-700: #8fca61; --awsui-color-charts-green-800: #9fd673; --awsui-color-charts-green-900: #b2df8d; --awsui-color-charts-green-1000: #c5e7a8; --awsui-color-charts-green-1100: #d5efbe; --awsui-color-charts-green-1200: #e4f7d5; --awsui-color-charts-teal-300: #018977; --awsui-color-charts-teal-400: #009d89; --awsui-color-charts-teal-500: #00b09b; --awsui-color-charts-teal-600: #40bfa9; --awsui-color-charts-teal-700: #5fccb7; --awsui-color-charts-teal-800: #77d7c3; --awsui-color-charts-teal-900: #94e0d0; --awsui-color-charts-teal-1000: #ace9db; --awsui-color-charts-teal-1100: #c2f0e6; --awsui-color-charts-teal-1200: #d7f7f0; --awsui-color-charts-blue-1-300: #00819c; --awsui-color-charts-blue-1-400: #0497ba; --awsui-color-charts-blue-1-500: #08aad2; --awsui-color-charts-blue-1-600: #44b9dd; --awsui-color-charts-blue-1-700: #63c6e7; --awsui-color-charts-blue-1-800: #79d2f0; --awsui-color-charts-blue-1-900: #98dcf5; --awsui-color-charts-blue-1-1000: #b3e4f8; --awsui-color-charts-blue-1-1100: #caedfc; --awsui-color-charts-blue-1-1200: #ddf4ff; --awsui-color-charts-blue-2-300: #486de8; --awsui-color-charts-blue-2-400: #6384f5; --awsui-color-charts-blue-2-500: #7698fe; --awsui-color-charts-blue-2-600: #8ea9ff; --awsui-color-charts-blue-2-700: #a2b8ff; --awsui-color-charts-blue-2-800: #b1c5ff; --awsui-color-charts-blue-2-900: #c3d1ff; --awsui-color-charts-blue-2-1000: #d2dcff; --awsui-color-charts-blue-2-1100: #dfe6ff; --awsui-color-charts-blue-2-1200: #ecf0ff; --awsui-color-charts-purple-300: #de7159; --awsui-color-charts-purple-400: #ea8873; --awsui-color-charts-purple-500: #f59c88; --awsui-color-charts-purple-600: #f9ac9b; --awsui-color-charts-purple-700: #fcbaab; --awsui-color-charts-purple-800: #ffc6ba; --awsui-color-charts-purple-900: #ffd2c8; --awsui-color-charts-purple-1000: #ffddd5; --awsui-color-charts-purple-1100: #ffe7e2; --awsui-color-charts-purple-1200: #fff0ed; --awsui-color-charts-pink-300: #c64a70; --awsui-color-charts-pink-400: #d56889; --awsui-color-charts-pink-500: #e07f9d; --awsui-color-charts-pink-600: #eb92ad; --awsui-color-charts-pink-700: #f5a2bb; --awsui-color-charts-pink-800: #ffb0c8; --awsui-color-charts-pink-900: #ffc1d4; --awsui-color-charts-pink-1000: #ffd1de; --awsui-color-charts-pink-1100: #ffdfe8; --awsui-color-charts-pink-1200: #ffecf1; --awsui-color-charts-status-critical: #d63f38; --awsui-color-charts-status-high: #fe6e73; --awsui-color-charts-status-medium: #f89256; --awsui-color-charts-status-low: #dfb52c; --awsui-color-charts-status-positive: #69ae34; --awsui-color-charts-status-info: #08aad2; --awsui-color-charts-threshold-negative: #ff7a7a; --awsui-color-charts-threshold-positive: #2bb534; --awsui-color-charts-threshold-info: #75cfff; --awsui-color-charts-threshold-neutral: #a4a4ad; --awsui-color-charts-line-grid: #424650; --awsui-color-charts-line-tick: #424650; --awsui-color-charts-line-axis: #424650; --awsui-color-charts-palette-categorical-1: #486de8; --awsui-color-charts-palette-categorical-2: #e07f9d; --awsui-color-charts-palette-categorical-3: #018977; --awsui-color-charts-palette-categorical-4: #f59c88; --awsui-color-charts-palette-categorical-5: #c55305; --awsui-color-charts-palette-categorical-6: #8ea9ff; --awsui-color-charts-palette-categorical-7: #ffb0c8; --awsui-color-charts-palette-categorical-8: #40bfa9; --awsui-color-charts-palette-categorical-9: #ffc6ba; --awsui-color-charts-palette-categorical-10: #f89256; --awsui-color-charts-palette-categorical-11: #c3d1ff; --awsui-color-charts-palette-categorical-12: #ffdfe8; --awsui-color-charts-palette-categorical-13: #94e0d0; --awsui-color-charts-palette-categorical-14: #ffe7e2; --awsui-color-charts-palette-categorical-15: #ffc6a4; --awsui-color-charts-palette-categorical-16: #ecf0ff; --awsui-color-charts-palette-categorical-17: #d56889; --awsui-color-charts-palette-categorical-18: #d7f7f0; --awsui-color-charts-palette-categorical-19: #ea8873; --awsui-color-charts-palette-categorical-20: #ffede2; --awsui-color-charts-palette-categorical-21: #7698fe; --awsui-color-charts-palette-categorical-22: #f5a2bb; --awsui-color-charts-palette-categorical-23: #00b09b; --awsui-color-charts-palette-categorical-24: #fcbaab; --awsui-color-charts-palette-categorical-25: #f27c36; --awsui-color-charts-palette-categorical-26: #b1c5ff; --awsui-color-charts-palette-categorical-27: #ffd1de; --awsui-color-charts-palette-categorical-28: #77d7c3; --awsui-color-charts-palette-categorical-29: #ffddd5; --awsui-color-charts-palette-categorical-30: #ffb68b; --awsui-color-charts-palette-categorical-31: #dfe6ff; --awsui-color-charts-palette-categorical-32: #c64a70; --awsui-color-charts-palette-categorical-33: #c2f0e6; --awsui-color-charts-palette-categorical-34: #de7159; --awsui-color-charts-palette-categorical-35: #ffe1cf; --awsui-color-charts-palette-categorical-36: #6384f5; --awsui-color-charts-palette-categorical-37: #eb92ad; --awsui-color-charts-palette-categorical-38: #009d89; --awsui-color-charts-palette-categorical-39: #f9ac9b; --awsui-color-charts-palette-categorical-40: #de6923; --awsui-color-charts-palette-categorical-41: #a2b8ff; --awsui-color-charts-palette-categorical-42: #ffc1d4; --awsui-color-charts-palette-categorical-43: #5fccb7; --awsui-color-charts-palette-categorical-44: #ffd2c8; --awsui-color-charts-palette-categorical-45: #fca572; --awsui-color-charts-palette-categorical-46: #d2dcff; --awsui-color-charts-palette-categorical-47: #ffecf1; --awsui-color-charts-palette-categorical-48: #ace9db; --awsui-color-charts-palette-categorical-49: #fff0ed; --awsui-color-charts-palette-categorical-50: #ffd4bb; --awsui-color-charts-error-bar-marker: #ffffff; --awsui-color-background-notification-severity-critical: #d63f38; --awsui-color-background-notification-severity-high: #fe6e73; --awsui-color-text-notification-severity-critical: #000000; --awsui-color-text-notification-severity-high: #0f141a; --awsui-color-text-badge-severity-critical: #000000; --awsui-color-text-badge-severity-high: #0f141a; --awsui-color-background-badge-icon: #ff7a7a; --awsui-color-background-button-link-active: #333843; --awsui-color-background-button-link-hover: #1b232d; --awsui-color-background-button-normal-active: #333843; --awsui-color-background-button-normal-default: #161d26; --awsui-color-background-button-normal-disabled: #161d26; --awsui-color-background-button-normal-hover: #1b232d; --awsui-color-background-toggle-button-normal-pressed: #333843; --awsui-color-background-toggle-button-normal-default: #161d26; --awsui-color-background-button-primary-active: #42b4ff; --awsui-color-background-button-primary-default: #42b4ff; --awsui-color-background-button-primary-disabled: #232b37; --awsui-color-background-button-primary-hover: #75cfff; --awsui-color-background-cell-shaded: #1b232d; --awsui-color-background-card: #161d26; --awsui-color-background-container-content: #161d26; --awsui-color-background-container-header: #161d26; --awsui-color-background-control-checked: #42b4ff; --awsui-color-background-control-default: #161d26; --awsui-color-background-control-disabled: #333843; --awsui-color-background-dropdown-item-default: #1b232d; --awsui-color-background-dropdown-item-filter-match: #333843; --awsui-color-background-dropdown-item-hover: #131920; --awsui-color-background-dropdown-item-selected: #001129; --awsui-color-background-input-default: #161d26; --awsui-color-background-input-disabled: #1b232d; --awsui-color-background-item-selected: #001129; --awsui-color-background-layout-main: #161d26; --awsui-color-background-layout-panel: #161d26; --awsui-color-background-layout-toolbar: #161d26; --awsui-color-background-layout-toggle-selected-active: #42b4ff; --awsui-color-background-layout-toggle-selected-default: #42b4ff; --awsui-color-background-layout-toggle-selected-hover: #75cfff; --awsui-color-background-notification-grey: #656871; --awsui-color-background-popover: #1b232d; --awsui-color-background-progress-bar-value-default: #42b4ff; --awsui-color-background-progress-bar-default: #333843; --awsui-color-background-segment-active: #42b4ff; --awsui-color-background-segment-default: #161d26; --awsui-color-background-segment-disabled: #161d26; --awsui-color-background-segment-hover: #1b232d; --awsui-color-background-segment-wrapper: #161d26; --awsui-color-background-slider-range-default: #42b4ff; --awsui-color-background-slider-range-active: #75cfff; --awsui-color-background-slider-handle-default: #42b4ff; --awsui-color-background-slider-handle-active: #75cfff; --awsui-color-background-slider-track-default: #656871; --awsui-color-background-status-error: #1f0000; --awsui-color-background-status-info: #001129; --awsui-color-background-dialog: #001129; --awsui-color-background-status-success: #001401; --awsui-color-background-status-warning: #191100; --awsui-color-background-toggle-checked-disabled: #002b66; --awsui-color-background-toggle-default: #8c8c94; --awsui-color-background-chat-bubble-incoming: #0f141a; --awsui-color-text-chat-bubble-outgoing: #c6c6cd; --awsui-color-text-chat-bubble-incoming: #c6c6cd; --awsui-color-border-button-normal-active: #75cfff; --awsui-color-border-button-normal-default: #42b4ff; --awsui-color-border-toggle-button-normal-pressed: #42b4ff; --awsui-color-border-button-normal-disabled: #656871; --awsui-color-border-button-normal-hover: #75cfff; --awsui-color-border-button-primary-active: #42b4ff; --awsui-color-border-button-primary-default: #42b4ff; --awsui-color-border-button-primary-disabled: #232b37; --awsui-color-border-button-primary-hover: #75cfff; --awsui-color-item-selected: #42b4ff; --awsui-color-border-card: #424650; --awsui-color-border-divider-default: #424650; --awsui-color-border-divider-secondary: #232b37; --awsui-color-border-dropdown-container: #656871; --awsui-color-border-dropdown-item-hover: #656871; --awsui-color-border-input-default: #656871; --awsui-color-border-input-focused: #42b4ff; --awsui-color-border-item-focused: #42b4ff; --awsui-color-border-dropdown-item-focused: #dedee3; --awsui-color-border-item-selected: #42b4ff; --awsui-color-border-popover: #656871; --awsui-color-border-segment-active: #dedee3; --awsui-color-border-segment-default: #dedee3; --awsui-color-border-segment-disabled: #dedee3; --awsui-color-border-segment-hover: #dedee3; --awsui-color-border-status-error: #ff7a7a; --awsui-color-border-status-info: #42b4ff; --awsui-color-border-status-success: #2bb534; --awsui-color-border-status-warning: #fbd332; --awsui-color-border-dialog: #42b4ff; --awsui-color-foreground-control-default: #0f141a; --awsui-color-foreground-control-disabled: #161d26; --awsui-color-foreground-control-read-only: #a4a4ad; --awsui-color-text-accent: #42b4ff; --awsui-color-text-body-default: #c6c6cd; --awsui-color-text-body-secondary: #c6c6cd; --awsui-color-text-breadcrumb-current: #8c8c94; --awsui-color-text-breadcrumb-icon: #656871; --awsui-color-text-button-inline-icon-default: #42b4ff; --awsui-color-text-button-inline-icon-disabled: #656871; --awsui-color-text-button-inline-icon-hover: #75cfff; --awsui-color-text-button-normal-active: #75cfff; --awsui-color-text-toggle-button-normal-pressed: #75cfff; --awsui-color-text-button-normal-default: #42b4ff; --awsui-color-text-button-normal-hover: #75cfff; --awsui-color-text-button-link-active: #75cfff; --awsui-color-text-button-link-default: #42b4ff; --awsui-color-text-button-link-disabled: #656871; --awsui-color-text-button-link-hover: #75cfff; --awsui-color-text-button-primary-active: #0f141a; --awsui-color-text-button-primary-default: #0f141a; --awsui-color-text-button-primary-hover: #0f141a; --awsui-color-text-calendar-date-selected: #161d26; --awsui-color-text-counter: #a4a4ad; --awsui-color-text-dropdown-item-default: #dedee3; --awsui-color-text-dropdown-item-disabled: #656871; --awsui-color-text-dropdown-item-filter-match: #75cfff; --awsui-color-text-dropdown-item-highlighted: #ebebf0; --awsui-color-text-dropdown-item-secondary: #a4a4ad; --awsui-color-text-empty: #dedee3; --awsui-color-text-form-default: #dedee3; --awsui-color-text-form-secondary: #a4a4ad; --awsui-color-text-group-label: #c6c6cd; --awsui-color-text-label-gen-ai: #ff9780; --awsui-color-text-heading-default: #ebebf0; --awsui-color-text-heading-secondary: #a4a4ad; --awsui-color-text-icon-subtle: #b4b4bb; --awsui-color-text-input-disabled: #656871; --awsui-color-text-input-placeholder: #a4a4ad; --awsui-color-text-interactive-active: #f9f9fa; --awsui-color-text-interactive-default: #dedee3; --awsui-color-text-interactive-disabled: #656871; --awsui-color-text-interactive-hover: #f9f9fa; --awsui-color-text-toggle-button-icon-pressed: #f9f9fa; --awsui-color-text-label: #dedee3; --awsui-color-text-layout-toggle-active: #161d26; --awsui-color-text-layout-toggle-hover: #42b4ff; --awsui-color-text-layout-toggle-selected: #0f141a; --awsui-color-text-link-default: #42b4ff; --awsui-color-text-link-hover: #75cfff; --awsui-color-text-link-secondary-default: #42b4ff; --awsui-color-text-link-secondary-hover: #75cfff; --awsui-color-text-link-info-default: #42b4ff; --awsui-color-text-link-info-hover: #75cfff; --awsui-color-text-segment-active: #0f141a; --awsui-color-text-segment-default: #dedee3; --awsui-color-text-segment-hover: #75cfff; --awsui-color-text-status-error: #ff7a7a; --awsui-color-text-status-inactive: #a4a4ad; --awsui-color-text-status-info: #42b4ff; --awsui-color-text-status-success: #2bb534; --awsui-color-text-status-warning: #fbd332; --awsui-color-text-top-navigation-title: #f9f9fa; --awsui-color-board-placeholder-active: #656871; --awsui-color-board-placeholder-hover: #006ce0; --awsui-color-drag-placeholder-active: #656871; --awsui-color-drag-placeholder-hover: #006ce0; --awsui-color-dropzone-background-default: #161d26; --awsui-color-dropzone-background-hover: #001129; --awsui-color-dropzone-text-default: #c6c6cd; --awsui-color-dropzone-text-hover: #c6c6cd; --awsui-color-dropzone-border-default: #656871; --awsui-color-dropzone-border-hover: #75cfff; --awsui-color-tree-view-connector-line: #dedee3; --awsui-color-background-action-card-default: #161d26; --awsui-color-background-action-card-hover: #1b232d; --awsui-color-background-action-card-active: #333843; --awsui-color-border-action-card-default: #42b4ff; --awsui-color-border-action-card-hover: #75cfff; --awsui-color-border-action-card-active: #75cfff; --awsui-color-border-action-card-disabled: #656871; --awsui-color-background-action-card-disabled: #161d26; --awsui-shadow-container-active: 0px 1px 1px 1px #192534, 0px 6px 36px #00040c; } /* Match Cloudscape's native dark-mode color-scheme behavior. */ body.dark-mode { color-scheme: dark; }