{"version":3,"sources":["..\\..\\..\\..\\node_modules\\@ouds\\web-common\\scss\\mixins\\_banner.scss","..\\..\\..\\..\\node_modules\\@ouds\\web-common\\scss\\mixins\\_color-mode.scss","dist\\css\\ouds-web-reboot.css","..\\..\\..\\..\\node_modules\\@ouds\\web-orange\\scss\\tokens\\_semantic-colors-custom-props.scss","..\\..\\..\\..\\node_modules\\@ouds\\web-orange\\scss\\tokens\\_component-colors-custom-props.scss","..\\..\\..\\..\\node_modules\\@ouds\\web-common\\scss\\_root.scss","..\\..\\..\\..\\node_modules\\@ouds\\web-common\\scss\\mixins\\_breakpoints.scss","..\\..\\..\\..\\node_modules\\@ouds\\web-common\\scss\\_reboot.scss","..\\..\\..\\..\\node_modules\\@ouds\\web-common\\scss\\mixins\\_focus.scss","..\\..\\..\\..\\node_modules\\@ouds\\web-common\\scss\\mixins\\_fonts.scss","..\\..\\..\\..\\node_modules\\@ouds\\web-common\\scss\\mixins\\_border-radius.scss"],"names":[],"mappings":"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","sourcesContent":["@mixin bsBanner($file) {\n  /*!\n   * OUDS Web #{$file} v1.3.0 (https://web.unified-design-system.orange.com/)\n   * Copyright 2014-2026 The OUDS Web Authors\n   * Copyright 2014-2026 Orange SA\n   * Licensed under MIT (https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/ouds/main/LICENSE)\n   * This a fork of Bootstrap: Initial license below\n   * Bootstrap #{$file} v5.3.5 (https://getbootstrap.com/)\n   * Copyright 2011-2026 The Bootstrap Authors\n   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n   */\n}\n","// Kept it quite simple using only light and dark modes, but you can extend it like in https://codepen.io/louismaximepiton/pen/vYbEvLO for example, to allow more color modes.\n// OUDS mod: add `$invert-mode`, root mode and root-inverted mode\n// scss-docs-start color-mode-mixin\n@mixin color-mode($mode: light, $root: false, $inverted-mode: if($mode == light, dark, light)) {\n  @if $color-mode-type == \"media-query\" {\n    @if $root == true {\n      @media (prefers-color-scheme: $mode) {\n        #{$ouds-root-selector} {\n          @content;\n        }\n      }\n    } @else {\n      @media (prefers-color-scheme: $mode) {\n        @content;\n      }\n    }\n  } @else if $root == true and $mode == light {\n    #{$ouds-root-selector},\n    [data-bs-theme=\"#{$mode}\"],\n    #{$ouds-root-selector}[data-bs-theme=\"#{$mode}\"] [data-bs-theme=\"root\"],\n    #{$ouds-root-selector}[data-bs-theme=\"#{$inverted-mode}\"] [data-bs-theme=\"root-inverted\"] {\n      @content;\n    }\n  } @else {\n    [data-bs-theme=\"#{$mode}\"],\n    #{$ouds-root-selector}[data-bs-theme=\"#{$mode}\"],\n    #{$ouds-root-selector}[data-bs-theme=\"#{$mode}\"] [data-bs-theme=\"root\"],\n    #{$ouds-root-selector}[data-bs-theme=\"#{$inverted-mode}\"] [data-bs-theme=\"root-inverted\"] {\n      @content;\n    }\n  }\n}\n// scss-docs-end color-mode-mixin\n","/*!\n * OUDS Web Reboot v1.3.0 (https://web.unified-design-system.orange.com/)\n * Copyright 2014-2026 The OUDS Web Authors\n * Copyright 2014-2026 Orange SA\n * Licensed under MIT (https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/blob/ouds/main/LICENSE)\n * This a fork of Bootstrap: Initial license below\n * Bootstrap Reboot v5.3.5 (https://getbootstrap.com/)\n * Copyright 2011-2026 The Bootstrap Authors\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n:root,\n[data-bs-theme=light],\n:root[data-bs-theme=light] [data-bs-theme=root],\n:root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n  --bs-color-action-disabled: rgba(0, 0, 0, 0.2);\n  --bs-color-action-enabled: #000;\n  --bs-color-action-focus: rgba(0, 0, 0, 0.68);\n  --bs-color-action-highlighted: #000;\n  --bs-color-action-hover: rgba(0, 0, 0, 0.68);\n  --bs-color-action-loading: #f15e00;\n  --bs-color-action-negative-enabled: #db0002;\n  --bs-color-action-negative-focus: #b20002;\n  --bs-color-action-negative-hover: #b20002;\n  --bs-color-action-negative-loading: #800001;\n  --bs-color-action-negative-pressed: #800001;\n  --bs-color-action-pressed: #f15e00;\n  --bs-color-action-read-only-primary: rgba(0, 0, 0, 0.68);\n  --bs-color-action-read-only-secondary: rgba(0, 0, 0, 0.2);\n  --bs-color-action-selected: #f15e00;\n  --bs-color-action-support-disabled: rgba(0, 0, 0, 0.04);\n  --bs-color-action-support-enabled: rgba(0, 0, 0, 0.04);\n  --bs-color-action-support-focus: rgba(0, 0, 0, 0.08);\n  --bs-color-action-support-hover: rgba(0, 0, 0, 0.08);\n  --bs-color-action-support-loading: rgba(0, 0, 0, 0.12);\n  --bs-color-action-support-pressed: rgba(0, 0, 0, 0.12);\n  --bs-color-action-visited: #5b2f98;\n  --bs-color-always-black: #000;\n  --bs-color-always-on-black: #eee;\n  --bs-color-always-on-white: #000;\n  --bs-color-always-white: #fff;\n  --bs-color-bg-inverse-high: #141414;\n  --bs-color-bg-inverse-low: #141414;\n  --bs-color-bg-primary: #fff;\n  --bs-color-bg-secondary: #f4f4f4;\n  --bs-color-bg-tertiary: #f9f5f0;\n  --bs-color-border-brand-primary: #f15e00;\n  --bs-color-border-default: rgba(0, 0, 0, 0.2);\n  --bs-color-border-emphasized: #000;\n  --bs-color-border-focus-inset: #fff;\n  --bs-color-border-focus: #000;\n  --bs-color-border-minimal: rgba(0, 0, 0, 0.04);\n  --bs-color-border-muted: rgba(0, 0, 0, 0.08);\n  --bs-color-border-on-brand-primary: #000;\n  --bs-color-border-status-accent: #ff7900;\n  --bs-color-border-status-info: #0073b2;\n  --bs-color-border-status-negative: #db0002;\n  --bs-color-border-status-positive: #138126;\n  --bs-color-border-status-warning: #ffd000;\n  --bs-color-content-brand-primary: #f15e00;\n  --bs-color-content-default: #000;\n  --bs-color-content-disabled: rgba(0, 0, 0, 0.2);\n  --bs-color-content-inverse: #fff;\n  --bs-color-content-muted: rgba(0, 0, 0, 0.68);\n  --bs-color-content-on-action-disabled: #fff;\n  --bs-color-content-on-action-enabled: #fff;\n  --bs-color-content-on-action-focus: #fff;\n  --bs-color-content-on-action-highlighted: #fff;\n  --bs-color-content-on-action-hover: #fff;\n  --bs-color-content-on-action-loading: #fff;\n  --bs-color-content-on-action-pressed: #fff;\n  --bs-color-content-on-action-selected: #fff;\n  --bs-color-content-on-brand-primary: #000;\n  --bs-color-content-on-status-accent-emphasized: #000;\n  --bs-color-content-on-status-accent-muted: #000;\n  --bs-color-content-on-status-info-emphasized: #fff;\n  --bs-color-content-on-status-info-muted: #000;\n  --bs-color-content-on-status-negative-emphasized: #fff;\n  --bs-color-content-on-status-negative-muted: #000;\n  --bs-color-content-on-status-positive-emphasized: #fff;\n  --bs-color-content-on-status-positive-muted: #000;\n  --bs-color-content-on-status-warning-emphasized: #000;\n  --bs-color-content-on-status-warning-muted: #000;\n  --bs-color-content-status-accent: #ff7900;\n  --bs-color-content-status-info: #0073b2;\n  --bs-color-content-status-negative: #db0002;\n  --bs-color-content-status-positive: #138126;\n  --bs-color-content-status-warning: #856a00;\n  --bs-color-opacity-lower: rgba(0, 0, 0, 0.08);\n  --bs-color-opacity-lowest: rgba(0, 0, 0, 0.04);\n  --bs-color-opacity-transparent: rgba(0, 0, 0, 0);\n  --bs-color-overlay-drag: rgba(0, 0, 0, 0.04);\n  --bs-color-overlay-dropdown: #fff;\n  --bs-color-overlay-modal: #fff;\n  --bs-color-overlay-tooltip: #272727;\n  --bs-color-surface-brand-primary: #ff7900;\n  --bs-color-surface-inverse-high: #272727;\n  --bs-color-surface-inverse-low: #272727;\n  --bs-color-surface-primary: #fff;\n  --bs-color-surface-secondary: rgba(0, 0, 0, 0.04);\n  --bs-color-surface-status-accent-emphasized: #ff7900;\n  --bs-color-surface-status-accent-muted: rgba(189, 121, 60, 0.08);\n  --bs-color-surface-status-info-emphasized: #0073b2;\n  --bs-color-surface-status-info-muted: rgba(38, 178, 255, 0.08);\n  --bs-color-surface-status-negative-emphasized: #db0002;\n  --bs-color-surface-status-negative-muted: rgba(219, 0, 2, 0.08);\n  --bs-color-surface-status-positive-emphasized: #138126;\n  --bs-color-surface-status-positive-muted: rgba(61, 227, 90, 0.12);\n  --bs-color-surface-status-warning-emphasized: #ffd000;\n  --bs-color-surface-status-warning-muted: rgba(255, 208, 0, 0.16);\n  --bs-color-surface-tertiary: rgba(189, 121, 60, 0.08);\n  --bs-elevation-color-default: rgba(0, 0, 0, 0.24);\n  --bs-elevation-color-drag: rgba(0, 0, 0, 0.24);\n  --bs-elevation-color-emphasized: rgba(0, 0, 0, 0.16);\n  --bs-elevation-color-none: rgba(0, 0, 0, 0);\n  --bs-elevation-color-raised: rgba(0, 0, 0, 0.24);\n  --bs-elevation-color-sticky: rgba(0, 0, 0, 0.16);\n}\n\n[data-bs-theme=dark],\n:root[data-bs-theme=dark],\n:root[data-bs-theme=dark] [data-bs-theme=root],\n:root[data-bs-theme=light] [data-bs-theme=root-inverted] {\n  --bs-color-action-disabled: rgba(255, 255, 255, 0.2);\n  --bs-color-action-enabled: #eee;\n  --bs-color-action-focus: rgba(255, 255, 255, 0.64);\n  --bs-color-action-highlighted: #eee;\n  --bs-color-action-hover: rgba(255, 255, 255, 0.64);\n  --bs-color-action-loading: #ff7900;\n  --bs-color-action-negative-enabled: #ff8081;\n  --bs-color-action-negative-focus: #ffb2b3;\n  --bs-color-action-negative-hover: #ffb2b3;\n  --bs-color-action-negative-loading: #ffe5e6;\n  --bs-color-action-negative-pressed: #ffe5e6;\n  --bs-color-action-pressed: #ff7900;\n  --bs-color-action-read-only-primary: rgba(255, 255, 255, 0.64);\n  --bs-color-action-read-only-secondary: rgba(255, 255, 255, 0.2);\n  --bs-color-action-selected: #ff7900;\n  --bs-color-action-support-disabled: rgba(255, 255, 255, 0.04);\n  --bs-color-action-support-enabled: rgba(255, 255, 255, 0.04);\n  --bs-color-action-support-focus: rgba(255, 255, 255, 0.08);\n  --bs-color-action-support-hover: rgba(255, 255, 255, 0.08);\n  --bs-color-action-support-loading: rgba(255, 255, 255, 0.12);\n  --bs-color-action-support-pressed: rgba(255, 255, 255, 0.12);\n  --bs-color-action-visited: #a885d8;\n  --bs-color-bg-inverse-high: #eee;\n  --bs-color-bg-inverse-low: #333;\n  --bs-color-bg-primary: #141414;\n  --bs-color-bg-secondary: #1f1f1f;\n  --bs-color-bg-tertiary: #353228;\n  --bs-color-border-brand-primary: #ff7900;\n  --bs-color-border-default: rgba(255, 255, 255, 0.2);\n  --bs-color-border-emphasized: rgba(255, 255, 255, 0.92);\n  --bs-color-border-focus: #eee;\n  --bs-color-border-focus-inset: #141414;\n  --bs-color-border-minimal: rgba(255, 255, 255, 0.04);\n  --bs-color-border-muted: rgba(255, 255, 255, 0.08);\n  --bs-color-border-on-brand-primary: #000;\n  --bs-color-border-status-accent: #ff7900;\n  --bs-color-border-status-info: #8ad5ff;\n  --bs-color-border-status-negative: #ff8081;\n  --bs-color-border-status-positive: #94f0a4;\n  --bs-color-border-status-warning: #ffe270;\n  --bs-color-content-brand-primary: #ff7900;\n  --bs-color-content-default: #eee;\n  --bs-color-content-disabled: rgba(255, 255, 255, 0.2);\n  --bs-color-content-inverse: #000;\n  --bs-color-content-muted: rgba(255, 255, 255, 0.64);\n  --bs-color-content-on-action-disabled: #000;\n  --bs-color-content-on-action-enabled: #000;\n  --bs-color-content-on-action-focus: #000;\n  --bs-color-content-on-action-highlighted: #000;\n  --bs-color-content-on-action-hover: #000;\n  --bs-color-content-on-action-loading: #000;\n  --bs-color-content-on-action-pressed: #000;\n  --bs-color-content-on-action-selected: #000;\n  --bs-color-content-on-brand-primary: #000;\n  --bs-color-content-on-status-accent-emphasized: #000;\n  --bs-color-content-on-status-accent-muted: #eee;\n  --bs-color-content-on-status-info-emphasized: #000;\n  --bs-color-content-on-status-info-muted: #eee;\n  --bs-color-content-on-status-negative-emphasized: #000;\n  --bs-color-content-on-status-negative-muted: #eee;\n  --bs-color-content-on-status-positive-emphasized: #000;\n  --bs-color-content-on-status-positive-muted: #eee;\n  --bs-color-content-on-status-warning-emphasized: #000;\n  --bs-color-content-on-status-warning-muted: #eee;\n  --bs-color-content-status-accent: #ff7900;\n  --bs-color-content-status-info: #8ad5ff;\n  --bs-color-content-status-negative: #ff8081;\n  --bs-color-content-status-positive: #94f0a4;\n  --bs-color-content-status-warning: #ffe270;\n  --bs-color-opacity-lower: rgba(255, 255, 255, 0.08);\n  --bs-color-opacity-lowest: rgba(255, 255, 255, 0.04);\n  --bs-color-opacity-transparent: rgba(255, 255, 255, 0);\n  --bs-color-overlay-drag: rgba(255, 255, 255, 0.08);\n  --bs-color-overlay-dropdown: #3b3b3b;\n  --bs-color-overlay-modal: #333;\n  --bs-color-overlay-tooltip: #3b3b3b;\n  --bs-color-surface-brand-primary: #ff7900;\n  --bs-color-surface-inverse-high: #eee;\n  --bs-color-surface-inverse-low: rgba(255, 255, 255, 0.12);\n  --bs-color-surface-primary: rgba(255, 255, 255, 0.04);\n  --bs-color-surface-secondary: rgba(255, 255, 255, 0.08);\n  --bs-color-surface-status-accent-emphasized: #ff7900;\n  --bs-color-surface-status-accent-muted: rgba(104, 93, 80, 0.4);\n  --bs-color-surface-status-info-emphasized: #8ad5ff;\n  --bs-color-surface-status-info-muted: rgba(0, 89, 138, 0.52);\n  --bs-color-surface-status-negative-emphasized: #ff8081;\n  --bs-color-surface-status-negative-muted: rgba(219, 0, 2, 0.32);\n  --bs-color-surface-status-positive-emphasized: #94f0a4;\n  --bs-color-surface-status-positive-muted: rgba(14, 98, 29, 0.64);\n  --bs-color-surface-status-warning-emphasized: #ffe270;\n  --bs-color-surface-status-warning-muted: rgba(102, 81, 0, 0.48);\n  --bs-color-surface-tertiary: rgba(104, 93, 80, 0.4);\n  --bs-elevation-color-default: rgba(0, 0, 0, 0.32);\n  --bs-elevation-color-drag: rgba(0, 0, 0, 0.32);\n  --bs-elevation-color-emphasized: rgba(0, 0, 0, 0.24);\n  --bs-elevation-color-raised: rgba(0, 0, 0, 0.32);\n  --bs-elevation-color-sticky: rgba(0, 0, 0, 0.24);\n}\n\n:root,\n[data-bs-theme=light],\n:root[data-bs-theme=light] [data-bs-theme=root],\n:root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n  --bs-button-color-bg-brand-pressed: #000;\n  --bs-button-color-bg-brand-loading: #000;\n  --bs-button-color-content-brand-pressed: #fff;\n  --bs-button-color-content-brand-loading: #fff;\n  --bs-button-mono-color-bg-default-hover: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-default-pressed: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-default-loading: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-default-focus: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-strong-enabled: #000;\n  --bs-button-mono-color-bg-strong-hover: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-strong-pressed: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-strong-loading: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-strong-disabled: rgba(0, 0, 0, 0.28);\n  --bs-button-mono-color-bg-strong-focus: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-minimal-hover: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-minimal-pressed: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-minimal-focus: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-content-default-enabled: #000;\n  --bs-button-mono-color-content-default-hover: #fff;\n  --bs-button-mono-color-content-default-pressed: #000;\n  --bs-button-mono-color-content-default-loading: #000;\n  --bs-button-mono-color-content-default-disabled: rgba(0, 0, 0, 0.28);\n  --bs-button-mono-color-content-default-focus: #fff;\n  --bs-button-mono-color-content-minimal-enabled: #000;\n  --bs-button-mono-color-content-minimal-hover: #fff;\n  --bs-button-mono-color-content-minimal-pressed: #000;\n  --bs-button-mono-color-content-minimal-loading: #000;\n  --bs-button-mono-color-content-minimal-disabled: rgba(0, 0, 0, 0.28);\n  --bs-button-mono-color-content-minimal-focus: #fff;\n  --bs-button-mono-color-content-strong-enabled: #fff;\n  --bs-button-mono-color-content-strong-hover: #fff;\n  --bs-button-mono-color-content-strong-pressed: #000;\n  --bs-button-mono-color-content-strong-loading: #000;\n  --bs-button-mono-color-content-strong-disabled: rgba(255, 255, 255, 0.64);\n  --bs-button-mono-color-content-strong-focus: #fff;\n  --bs-button-mono-color-border-default-enabled: #000;\n  --bs-button-mono-color-border-default-disabled: rgba(0, 0, 0, 0.28);\n  --bs-link-mono-color-content-enabled: #000;\n  --bs-link-mono-color-content-hover: #000;\n  --bs-link-mono-color-content-pressed: rgba(0, 0, 0, 0.52);\n  --bs-link-mono-color-content-disabled: rgba(0, 0, 0, 0.28);\n  --bs-link-mono-color-content-focus: #000;\n  --bs-switch-color-cursor: #fff;\n  --bs-switch-color-track-selected: #17a02f;\n  --bs-switch-color-track-selected-interaction: #138126;\n  --bs-switch-color-track-unselected: rgba(0, 0, 0, 0.44);\n  --bs-switch-color-track-unselected-interaction: rgba(0, 0, 0, 0.52);\n  --bs-icon-color-content-status-warning-external-shape: #ffd000;\n  --bs-icon-color-content-status-warning-internal-shape: #856a00;\n  --bs-icon-color-content-default: #000;\n}\n\n[data-bs-theme=dark],\n:root[data-bs-theme=dark],\n:root[data-bs-theme=dark] [data-bs-theme=root],\n:root[data-bs-theme=light] [data-bs-theme=root-inverted] {\n  --bs-button-color-bg-brand-pressed: #eee;\n  --bs-button-color-bg-brand-loading: #eee;\n  --bs-button-color-content-brand-pressed: #000;\n  --bs-button-color-content-brand-loading: #000;\n  --bs-button-mono-color-bg-default-hover: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-default-pressed: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-default-loading: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-default-focus: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-strong-enabled: #fff;\n  --bs-button-mono-color-bg-strong-hover: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-strong-pressed: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-strong-loading: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-strong-disabled: rgba(255, 255, 255, 0.44);\n  --bs-button-mono-color-bg-strong-focus: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-minimal-hover: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-bg-minimal-pressed: rgba(0, 0, 0, 0.68);\n  --bs-button-mono-color-bg-minimal-focus: rgba(255, 255, 255, 0.8);\n  --bs-button-mono-color-content-default-enabled: #fff;\n  --bs-button-mono-color-content-default-hover: #000;\n  --bs-button-mono-color-content-default-pressed: #fff;\n  --bs-button-mono-color-content-default-loading: #fff;\n  --bs-button-mono-color-content-default-disabled: rgba(255, 255, 255, 0.44);\n  --bs-button-mono-color-content-default-focus: #000;\n  --bs-button-mono-color-content-minimal-enabled: #fff;\n  --bs-button-mono-color-content-minimal-hover: #000;\n  --bs-button-mono-color-content-minimal-pressed: #fff;\n  --bs-button-mono-color-content-minimal-loading: #fff;\n  --bs-button-mono-color-content-minimal-disabled: rgba(255, 255, 255, 0.44);\n  --bs-button-mono-color-content-minimal-focus: #000;\n  --bs-button-mono-color-content-strong-enabled: #000;\n  --bs-button-mono-color-content-strong-hover: #000;\n  --bs-button-mono-color-content-strong-pressed: #fff;\n  --bs-button-mono-color-content-strong-loading: #fff;\n  --bs-button-mono-color-content-strong-disabled: rgba(0, 0, 0, 0.44);\n  --bs-button-mono-color-content-strong-focus: #000;\n  --bs-button-mono-color-border-default-enabled: #fff;\n  --bs-button-mono-color-border-default-disabled: rgba(255, 255, 255, 0.44);\n  --bs-link-mono-color-content-enabled: #fff;\n  --bs-link-mono-color-content-hover: #fff;\n  --bs-link-mono-color-content-pressed: rgba(255, 255, 255, 0.8);\n  --bs-link-mono-color-content-disabled: rgba(255, 255, 255, 0.44);\n  --bs-link-mono-color-content-focus: #fff;\n  --bs-switch-color-cursor: #141414;\n  --bs-switch-color-track-selected: #1ecd3c;\n  --bs-switch-color-track-selected-interaction: #94f0a4;\n  --bs-switch-color-track-unselected: rgba(255, 255, 255, 0.64);\n  --bs-switch-color-track-unselected-interaction: rgba(255, 255, 255, 0.8);\n  --bs-icon-color-content-status-warning-external-shape: #ffe270;\n  --bs-icon-color-content-status-warning-internal-shape: rgba(255, 255, 255, 0);\n  --bs-icon-color-content-default: #eee;\n}\n\n@font-face {\n  font-family: \"HelvNeueOrange\";\n  font-style: normal;\n  font-weight: 400;\n  src: url(\"https://mastermedia.dam-broadcast.com/pm_12751_490_490071-myaimdgylf--HelveticaNeue-Default.woff2\") format(\"woff2\");\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HelvNeueOrange\";\n  font-style: normal;\n  font-weight: 500;\n  src: url(\"https://mastermedia.dam-broadcast.com/pm_12751_490_490074-tqtijgs7e4--HelveticaNeue-Moderate.woff2\") format(\"woff2\");\n  font-display: swap;\n}\n@font-face {\n  font-family: \"HelvNeueOrange\";\n  font-style: normal;\n  font-weight: 700;\n  src: url(\"https://mastermedia.dam-broadcast.com/pm_12751_490_490077-wejriti88u--HelveticaNeue-Strong.woff2\") format(\"woff2\");\n  font-display: swap;\n}\n:root,\n[data-bs-theme] {\n  color: var(--bs-color-local, var(--bs-color-content-default));\n  --bs-link-color: var(--bs-color-action-enabled);\n  --bs-link-hover-color: var(--bs-color-action-hover);\n  --bs-link-focus-color: var(--bs-color-action-focus);\n  --bs-link-active-color: var(--bs-color-action-pressed);\n  --bs-link-disabled-color: var(--bs-color-action-disabled);\n  --bs-link-visited-color: var(--bs-color-action-visited);\n}\n\n:root,\n[data-bs-theme=light],\n:root[data-bs-theme=light] [data-bs-theme=root],\n:root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n  color-scheme: light;\n  --bs-chevron-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3e%3cpath d='M597.22 225 402.78 421.43 325 500l77.78 78.57L597.22 775 675 696.43 480.56 500 675 303.57z'/%3e%3c/svg%3e\");\n  --bs-close-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='m18.75 7.178-1.928-1.929L12 10.071 7.178 5.25 5.249 7.18 10.071 12 5.25 16.822l1.93 1.929L12 13.929l4.822 4.822 1.929-1.929L13.929 12l4.822-4.822Z'/%3e%3c/svg%3e\");\n  --bs-success-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 2.4A9.6 9.6 0 0 0 2.4 12a9.6 9.6 0 0 0 9.6 9.6 9.6 9.6 0 0 0 9.6-9.6A9.6 9.6 0 0 0 12 2.4Zm4.97 8.148-5.408 5.407c-.09.09-.178.171-.265.245-.04.053-.085.105-.136.156a1.27 1.27 0 0 1-.596.336 1.205 1.205 0 0 1-.266.033 1.206 1.206 0 0 1-.263-.033 1.277 1.277 0 0 1-.597-.337 1.47 1.47 0 0 1-.136-.155 4.53 4.53 0 0 1-.265-.245L7.035 13.95c-.853-.852-.997-1.549-.412-2.134.574-.574 1.282-.44 2.134.412l1.543 1.543 4.947-4.947c.853-.853 1.55-.997 2.134-.412.574.574.44 1.282-.411 2.134Z'/%3e%3c/svg%3e\");\n  --bs-info-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 2.4A9.6 9.6 0 0 0 2.4 12a9.6 9.6 0 0 0 9.6 9.6 9.6 9.6 0 0 0 9.6-9.6A9.6 9.6 0 0 0 12 2.4Zm1.2 13.994c0 1.188-.4 1.758-1.2 1.758-.8 0-1.2-.57-1.2-1.758v-4.535c0-1.188.384-1.774 1.2-1.774.8 0 1.2.586 1.2 1.774v4.535Zm-1.213-7.32A1.39 1.39 0 0 1 10.6 7.681c0-.768.622-1.407 1.387-1.407.766 0 1.388.624 1.388 1.407a1.38 1.38 0 0 1-1.388 1.391Z'/%3e%3c/svg%3e\");\n  --bs-warning-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M21.852 16.98 14.205 3.064a2.556 2.556 0 0 0-4.41 0L2.17 16.942l-.001.002-.021.036a2.54 2.54 0 0 0-.009 2.552 2.55 2.55 0 0 0 2.214 1.276h15.293a2.549 2.549 0 0 0 2.214-1.276 2.542 2.542 0 0 0-.008-2.553ZM10.8 8.031c0-1.187.4-1.758 1.2-1.758.8 0 1.2.57 1.2 1.758v4.535c0 1.188-.384 1.774-1.2 1.774s-1.2-.585-1.2-1.774V8.031Zm1.188 10.119a1.394 1.394 0 0 1-1.388-1.407 1.38 1.38 0 0 1 1.388-1.391 1.39 1.39 0 0 1 1.387 1.39c0 .768-.622 1.408-1.387 1.408Z'/%3e%3c/svg%3e\");\n  --bs-warning-internal-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M10.8 8.031c0-1.187.4-1.758 1.2-1.758.8 0 1.2.57 1.2 1.758v4.535c0 1.188-.384 1.774-1.2 1.774s-1.2-.585-1.2-1.774V8.031Zm1.188 10.119a1.394 1.394 0 0 1-1.388-1.407 1.38 1.38 0 0 1 1.388-1.391 1.39 1.39 0 0 1 1.387 1.39c0 .768-.622 1.408-1.387 1.408Z'/%3e%3c/svg%3e\");\n  --bs-error-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 2.4A9.6 9.6 0 0 0 2.4 12a9.6 9.6 0 0 0 9.6 9.6 9.6 9.6 0 0 0 9.6-9.6A9.6 9.6 0 0 0 12 2.4Zm-1.2 5.631c0-1.187.4-1.758 1.2-1.758.8 0 1.2.57 1.2 1.758v4.535c0 1.188-.385 1.774-1.2 1.774-.8 0-1.2-.585-1.2-1.774V8.031Zm1.187 10.119a1.394 1.394 0 0 1-1.387-1.407 1.38 1.38 0 0 1 1.387-1.391 1.39 1.39 0 0 1 1.388 1.39c0 .768-.622 1.408-1.388 1.408Z'/%3e%3c/svg%3e\");\n  --bs-font-sans-serif: \"HelvNeueOrange\", \"Helvetica Neue\", Helvetica, \"SF Pro\", Roboto, Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --bs-font-monospace: Consolas, \"SFMono-Regular\", \"Roboto Mono\", \"Liberation Mono\", Menlo, monospace;\n  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));\n  --bs-font-size-display-large: 2.5rem;\n  --bs-font-size-display-medium: 2.25rem;\n  --bs-font-size-display-small: 2rem;\n  --bs-font-size-heading-xlarge: 1.75rem;\n  --bs-font-size-heading-large: 1.5rem;\n  --bs-font-size-heading-medium: 1.25rem;\n  --bs-font-size-heading-small: 1.125rem;\n  --bs-font-size-body-large: 1rem;\n  --bs-font-size-body-medium: 0.875rem;\n  --bs-font-size-body-small: 0.75rem;\n  --bs-font-size-label-xlarge: 1.125rem;\n  --bs-font-size-label-large: 1rem;\n  --bs-font-size-label-medium: 0.875rem;\n  --bs-font-size-label-small: 0.75rem;\n  --bs-font-size-code-medium: 0.875rem;\n  --bs-font-line-height-display-large: 1.2;\n  --bs-font-line-height-display-medium: 1.2222222222;\n  --bs-font-line-height-display-small: 1.25;\n  --bs-font-line-height-heading-xlarge: 1.2857142857;\n  --bs-font-line-height-heading-large: 1.3333333333;\n  --bs-font-line-height-heading-medium: 1.4;\n  --bs-font-line-height-heading-small: 1.3333333333;\n  --bs-font-line-height-body-large: 1.5;\n  --bs-font-line-height-body-medium: 1.4285714286;\n  --bs-font-line-height-body-small: 1.3333333333;\n  --bs-font-line-height-label-xlarge: 1.3333333333;\n  --bs-font-line-height-label-large: 1.5;\n  --bs-font-line-height-label-medium: 1.4285714286;\n  --bs-font-line-height-label-small: 1.3333333333;\n  --bs-font-line-height-code-medium: 1.1428571429;\n  --bs-font-letter-spacing-display-large: -0.025rem;\n  --bs-font-letter-spacing-display-medium: -0.0225rem;\n  --bs-font-letter-spacing-display-small: -0.02rem;\n  --bs-font-letter-spacing-heading-xlarge: -0.0175rem;\n  --bs-font-letter-spacing-heading-large: -0.0075rem;\n  --bs-font-letter-spacing-heading-medium: 0rem;\n  --bs-font-letter-spacing-heading-small: 0.01125rem;\n  --bs-font-letter-spacing-body-large: 0.0125rem;\n  --bs-font-letter-spacing-body-medium: 0.010625rem;\n  --bs-font-letter-spacing-body-small: 0.01125rem;\n  --bs-font-letter-spacing-label-xlarge: 0.01125rem;\n  --bs-font-letter-spacing-label-large: 0.0125rem;\n  --bs-font-letter-spacing-label-medium: 0.010625rem;\n  --bs-font-letter-spacing-label-small: 0.01125rem;\n  --bs-font-letter-spacing-code-medium: 0.010625rem;\n  --bs-font-max-width-display-large: 55rem;\n  --bs-font-max-width-display-medium: 55rem;\n  --bs-font-max-width-display-small: 55rem;\n  --bs-font-max-width-heading-xlarge: 45rem;\n  --bs-font-max-width-heading-large: 45rem;\n  --bs-font-max-width-heading-medium: 45rem;\n  --bs-font-max-width-heading-small: 40rem;\n  --bs-font-max-width-body-large: 40rem;\n  --bs-font-max-width-body-medium: 40rem;\n  --bs-font-max-width-body-small: 40rem;\n  --bs-font-max-width-label-small: 40rem;\n  --bs-font-max-width-label-medium: 40rem;\n  --bs-font-max-width-label-large: 40rem;\n  --bs-font-max-width-label-xlarge: 40rem;\n  --bs-body-font-family: var(--bs-font-sans-serif);\n  --bs-body-font-size: var(--bs-font-size-body-medium);\n  --bs-body-font-weight: 400;\n  --bs-body-line-height: var(--bs-font-line-height-body-medium);\n  --bs-body-letter-spacing: var(--bs-font-letter-spacing-body-medium);\n  --bs-heading-color: inherit;\n  --bs-border-width: 1px;\n  --bs-border-style: solid;\n  --bs-border-color: #000;\n  --bs-space-scaled-none: 0px;\n  --bs-space-scaled-3xsmall: 2px;\n  --bs-space-scaled-2xsmall: 4px;\n  --bs-space-scaled-xsmall: 8px;\n  --bs-space-scaled-small: 12px;\n  --bs-space-scaled-medium: 16px;\n  --bs-space-scaled-large: 24px;\n  --bs-space-scaled-xlarge: 32px;\n  --bs-space-scaled-2xlarge: 40px;\n  --bs-space-scaled-3xlarge: 48px;\n  --bs-icon-small-with-heading-xlarge: 2.25rem;\n  --bs-icon-medium-with-heading-xlarge: 2.5rem;\n  --bs-icon-large-with-heading-xlarge: 2.75rem;\n  --bs-icon-small-with-heading-large: 2rem;\n  --bs-icon-medium-with-heading-large: 2.25rem;\n  --bs-icon-large-with-heading-large: 2.5rem;\n  --bs-icon-small-with-heading-medium: 1.5rem;\n  --bs-icon-medium-with-heading-medium: 1.75rem;\n  --bs-icon-large-with-heading-medium: 2rem;\n  --bs-icon-small-with-heading-small: 1.5rem;\n  --bs-icon-medium-with-heading-small: 1.75rem;\n  --bs-icon-large-with-heading-small: 2rem;\n  --bs-icon-small-with-body-large: 1.25rem;\n  --bs-icon-medium-with-body-large: 1.5rem;\n  --bs-icon-large-with-body-large: 1.75rem;\n  --bs-icon-small-with-body-medium: 1rem;\n  --bs-icon-medium-with-body-medium: 1.25rem;\n  --bs-icon-large-with-body-medium: 1.5rem;\n  --bs-icon-small-with-body-small: 0.75rem;\n  --bs-icon-medium-with-body-small: 1rem;\n  --bs-icon-large-with-body-small: 1.25rem;\n  --bs-focus-ring-width: 0.25rem;\n  --bs-focus-ring-opacity: 0.25;\n  --bs-focus-ring-color: rgba(241, 94, 0, 0.25);\n  --bs-form-color-disabled-filter: brightness(0) invert(1) brightness(0.8);\n  --bs-form-select-indicator: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 7'%3e%3cpath d='M7 7 0 0h14L7 7z'/%3e%3c/svg%3e\");\n  --bs-form-select-disabled-indicator: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 7'%3e%3cpath fill='%23333' d='M7 7 0 0h14L7 7z'/%3e%3c/svg%3e\");\n  --bs-table-active-bg-factor: 0.135;\n  --bs-table-hover-bg-factor: 0.065;\n  --bs-table-striped-bg-factor: 0.035;\n  --bs-grid-gap: 8px;\n  --bs-grid-margin: 16px;\n}\n@media (min-width: 736px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-font-size-display-large: 4rem;\n    --bs-font-size-display-medium: 3rem;\n    --bs-font-size-display-small: 2.5rem;\n    --bs-font-size-heading-xlarge: 2.25rem;\n    --bs-font-size-heading-large: 1.75rem;\n    --bs-font-size-heading-medium: 1.5rem;\n    --bs-font-size-heading-small: 1.25rem;\n    --bs-font-size-body-large: 1rem;\n    --bs-font-size-body-medium: 0.875rem;\n    --bs-font-size-body-small: 0.75rem;\n    --bs-font-line-height-display-large: 1.125;\n    --bs-font-line-height-display-medium: 1.1666666667;\n    --bs-font-line-height-display-small: 1.2;\n    --bs-font-line-height-heading-xlarge: 1.2222222222;\n    --bs-font-line-height-heading-large: 1.2857142857;\n    --bs-font-line-height-heading-medium: 1.3333333333;\n    --bs-font-line-height-heading-small: 1.4;\n    --bs-font-line-height-body-large: 1.5;\n    --bs-font-line-height-body-medium: 1.4285714286;\n    --bs-font-line-height-body-small: 1.3333333333;\n    --bs-font-letter-spacing-display-large: -0.06rem;\n    --bs-font-letter-spacing-display-medium: -0.0375rem;\n    --bs-font-letter-spacing-display-small: -0.025rem;\n    --bs-font-letter-spacing-heading-xlarge: -0.0225rem;\n    --bs-font-letter-spacing-heading-large: -0.0175rem;\n    --bs-font-letter-spacing-heading-medium: -0.0075rem;\n    --bs-font-letter-spacing-heading-small: 0rem;\n    --bs-font-letter-spacing-body-large: 0.0125rem;\n    --bs-font-letter-spacing-body-medium: 0.010625rem;\n    --bs-font-letter-spacing-body-small: 0.01125rem;\n    --bs-font-max-width-display-large: 55rem;\n    --bs-font-max-width-display-medium: 55rem;\n    --bs-font-max-width-display-small: 55rem;\n    --bs-font-max-width-heading-xlarge: 55rem;\n    --bs-font-max-width-heading-large: 55rem;\n    --bs-font-max-width-heading-medium: 45rem;\n    --bs-font-max-width-heading-small: 45rem;\n    --bs-font-max-width-body-large: 40rem;\n    --bs-font-max-width-body-medium: 40rem;\n    --bs-font-max-width-body-small: 40rem;\n    --bs-font-max-width-label-small: 40rem;\n    --bs-font-max-width-label-medium: 40rem;\n    --bs-font-max-width-label-large: 40rem;\n    --bs-font-max-width-label-xlarge: 40rem;\n  }\n}\n@media (min-width: 1320px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-font-size-display-large: 4.5rem;\n    --bs-font-size-display-medium: 3.5rem;\n    --bs-font-size-display-small: 3rem;\n    --bs-font-size-heading-xlarge: 2.5rem;\n    --bs-font-size-heading-large: 2rem;\n    --bs-font-size-heading-medium: 1.75rem;\n    --bs-font-size-heading-small: 1.5rem;\n    --bs-font-size-body-large: 1.125rem;\n    --bs-font-size-body-medium: 1rem;\n    --bs-font-size-body-small: 0.875rem;\n    --bs-font-line-height-display-large: 1.1111111111;\n    --bs-font-line-height-display-medium: 1.1428571429;\n    --bs-font-line-height-display-small: 1.1666666667;\n    --bs-font-line-height-heading-xlarge: 1.2;\n    --bs-font-line-height-heading-large: 1.25;\n    --bs-font-line-height-heading-medium: 1.2857142857;\n    --bs-font-line-height-heading-small: 1.3333333333;\n    --bs-font-line-height-body-large: 1.3333333333;\n    --bs-font-line-height-body-medium: 1.5;\n    --bs-font-line-height-body-small: 1.4285714286;\n    --bs-font-letter-spacing-display-large: -0.0675rem;\n    --bs-font-letter-spacing-display-medium: -0.04375rem;\n    --bs-font-letter-spacing-display-small: -0.0375rem;\n    --bs-font-letter-spacing-heading-xlarge: -0.025rem;\n    --bs-font-letter-spacing-heading-large: -0.02rem;\n    --bs-font-letter-spacing-heading-medium: -0.0175rem;\n    --bs-font-letter-spacing-heading-small: -0.0075rem;\n    --bs-font-letter-spacing-body-large: 0.01125rem;\n    --bs-font-letter-spacing-body-medium: 0.0125rem;\n    --bs-font-letter-spacing-body-small: 0.010625rem;\n    --bs-font-max-width-display-large: 65rem;\n    --bs-font-max-width-display-medium: 65rem;\n    --bs-font-max-width-display-small: 65rem;\n    --bs-font-max-width-heading-xlarge: 65rem;\n    --bs-font-max-width-heading-large: 65rem;\n    --bs-font-max-width-heading-medium: 55rem;\n    --bs-font-max-width-heading-small: 55rem;\n    --bs-font-max-width-body-large: 45rem;\n    --bs-font-max-width-body-medium: 45rem;\n    --bs-font-max-width-body-small: 40rem;\n    --bs-font-max-width-label-small: 40rem;\n    --bs-font-max-width-label-medium: 40rem;\n    --bs-font-max-width-label-large: 45rem;\n    --bs-font-max-width-label-xlarge: 45rem;\n  }\n}\n@media (min-width: 736px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-space-scaled-none: 0px;\n    --bs-space-scaled-3xsmall: 4px;\n    --bs-space-scaled-2xsmall: 8px;\n    --bs-space-scaled-xsmall: 12px;\n    --bs-space-scaled-small: 16px;\n    --bs-space-scaled-medium: 24px;\n    --bs-space-scaled-large: 32px;\n    --bs-space-scaled-xlarge: 40px;\n    --bs-space-scaled-2xlarge: 48px;\n    --bs-space-scaled-3xlarge: 56px;\n  }\n}\n@media (min-width: 1320px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-space-scaled-none: 0px;\n    --bs-space-scaled-3xsmall: 4px;\n    --bs-space-scaled-2xsmall: 8px;\n    --bs-space-scaled-xsmall: 16px;\n    --bs-space-scaled-small: 24px;\n    --bs-space-scaled-medium: 32px;\n    --bs-space-scaled-large: 40px;\n    --bs-space-scaled-xlarge: 48px;\n    --bs-space-scaled-2xlarge: 56px;\n    --bs-space-scaled-3xlarge: 64px;\n  }\n}\n@media (min-width: 736px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-icon-small-with-heading-xlarge: 2.75rem;\n    --bs-icon-medium-with-heading-xlarge: 3rem;\n    --bs-icon-large-with-heading-xlarge: 3.25rem;\n    --bs-icon-small-with-heading-large: 2.25rem;\n    --bs-icon-medium-with-heading-large: 2.5rem;\n    --bs-icon-large-with-heading-large: 2.75rem;\n    --bs-icon-small-with-heading-medium: 2rem;\n    --bs-icon-medium-with-heading-medium: 2.25rem;\n    --bs-icon-large-with-heading-medium: 2.5rem;\n    --bs-icon-small-with-heading-small: 1.5rem;\n    --bs-icon-medium-with-heading-small: 1.75rem;\n    --bs-icon-large-with-heading-small: 2rem;\n    --bs-icon-small-with-body-large: 1.25rem;\n    --bs-icon-medium-with-body-large: 1.5rem;\n    --bs-icon-large-with-body-large: 1.75rem;\n    --bs-icon-small-with-body-medium: 1rem;\n    --bs-icon-medium-with-body-medium: 1.25rem;\n    --bs-icon-large-with-body-medium: 1.5rem;\n    --bs-icon-small-with-body-small: 0.75rem;\n    --bs-icon-medium-with-body-small: 1rem;\n    --bs-icon-large-with-body-small: 1.25rem;\n  }\n}\n@media (min-width: 1320px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-icon-small-with-heading-xlarge: 3.25rem;\n    --bs-icon-medium-with-heading-xlarge: 3.5rem;\n    --bs-icon-large-with-heading-xlarge: 3.75rem;\n    --bs-icon-small-with-heading-large: 2.75rem;\n    --bs-icon-medium-with-heading-large: 3rem;\n    --bs-icon-large-with-heading-large: 3.25rem;\n    --bs-icon-small-with-heading-medium: 2.25rem;\n    --bs-icon-medium-with-heading-medium: 2.5rem;\n    --bs-icon-large-with-heading-medium: 2.75rem;\n    --bs-icon-small-with-heading-small: 2rem;\n    --bs-icon-medium-with-heading-small: 2.25rem;\n    --bs-icon-large-with-heading-small: 2.5rem;\n    --bs-icon-small-with-body-large: 1.5rem;\n    --bs-icon-medium-with-body-large: 1.75rem;\n    --bs-icon-large-with-body-large: 2rem;\n    --bs-icon-small-with-body-medium: 1.25rem;\n    --bs-icon-medium-with-body-medium: 1.5rem;\n    --bs-icon-large-with-body-medium: 1.75rem;\n    --bs-icon-small-with-body-small: 1rem;\n    --bs-icon-medium-with-body-small: 1.25rem;\n    --bs-icon-large-with-body-small: 1.5rem;\n  }\n}\n@media (min-width: 390px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-gap: 16px;\n  }\n}\n@media (min-width: 480px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-gap: 16px;\n  }\n}\n@media (min-width: 736px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-gap: 24px;\n  }\n}\n@media (min-width: 1024px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-gap: 24px;\n  }\n}\n@media (min-width: 1320px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-gap: 32px;\n  }\n}\n@media (min-width: 1640px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-gap: 32px;\n  }\n}\n@media (min-width: 1880px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-gap: 40px;\n  }\n}\n@media (min-width: 390px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-margin: 24px;\n  }\n}\n@media (min-width: 480px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-margin: 28px;\n  }\n}\n@media (min-width: 736px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-margin: 32px;\n  }\n}\n@media (min-width: 1024px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-margin: 40px;\n  }\n}\n@media (min-width: 1320px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-margin: 56px;\n  }\n}\n@media (min-width: 1640px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-margin: 80px;\n  }\n}\n@media (min-width: 1880px) {\n  :root,\n  [data-bs-theme=light],\n  :root[data-bs-theme=light] [data-bs-theme=root],\n  :root[data-bs-theme=dark] [data-bs-theme=root-inverted] {\n    --bs-grid-margin: 112px;\n  }\n}\n\n[data-bs-theme=dark],\n:root[data-bs-theme=dark],\n:root[data-bs-theme=dark] [data-bs-theme=root],\n:root[data-bs-theme=light] [data-bs-theme=root-inverted] {\n  color-scheme: dark;\n  --bs-heading-color: inherit;\n  --bs-border-color: rgba(255, 255, 255, 0.92);\n  --bs-focus-ring-color: rgba(255, 121, 0, 0.25);\n  --bs-form-select-indicator: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 7'%3e%3cpath fill='%23fff' d='M7 7 0 0h14L7 7z'/%3e%3c/svg%3e\");\n  --bs-form-select-disabled-indicator: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 7'%3e%3cpath fill='%23666' d='M7 7 0 0h14L7 7z'/%3e%3c/svg%3e\");\n  --bs-form-color-disabled-filter: brightness(0) invert(1) brightness(0.4);\n  --bs-table-active-bg-factor: 0.35;\n  --bs-table-hover-bg-factor: 0.135;\n  --bs-table-striped-bg-factor: 1;\n}\n\n.use-rounded-corner-inputs {\n  --bs-text-input-border-radius: 4px !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:root {\n  scroll-padding-top: 3rem;\n}\n@media (min-width: 1024px) {\n  :root {\n    scroll-padding-top: 6rem;\n  }\n}\n@media (prefers-reduced-motion: no-preference) {\n  :root {\n    scroll-behavior: smooth;\n  }\n}\n\n:root > * {\n  position: relative;\n  margin: 0;\n  font-family: var(--bs-body-font-family);\n  font-synthesis: none;\n  font-size: var(--bs-body-font-size);\n  font-weight: var(--bs-body-font-weight);\n  line-height: var(--bs-body-line-height);\n  color: var(--bs-color-content-default);\n  text-align: var(--bs-body-text-align);\n  /* rtl:remove */\n  letter-spacing: var(--bs-body-letter-spacing);\n  background-color: var(--bs-color-bg-primary);\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-font-smoothing: subpixel-antialiased;\n  text-rendering: optimizespeed;\n}\n\n:focus-visible {\n  isolation: isolate;\n  outline: 3px solid var(--bs-color-border-focus);\n  outline-offset: 2px;\n  box-shadow: 0 0 0 2px var(--bs-color-border-focus-inset);\n}\n\nhr {\n  margin: 16px 0;\n  color: var(--bs-color-border-default);\n  border: 0;\n  border-top: 1px solid;\n}\n\nh6, h5, h4, h3, h2, h1 {\n  margin-top: 0;\n  margin-bottom: 16px;\n  font-weight: 700;\n  color: var(--bs-heading-color);\n  /* rtl:remove */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizelegibility;\n}\n\nh1 {\n  max-width: var(--bs-font-max-width-heading-xlarge);\n  font-size: var(--bs-font-size-heading-xlarge);\n  line-height: var(--bs-font-line-height-heading-xlarge);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-heading-xlarge);\n}\n\nh2 {\n  max-width: var(--bs-font-max-width-heading-large);\n  font-size: var(--bs-font-size-heading-large);\n  line-height: var(--bs-font-line-height-heading-large);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-heading-large);\n}\n\nh3 {\n  max-width: var(--bs-font-max-width-heading-medium);\n  font-size: var(--bs-font-size-heading-medium);\n  line-height: var(--bs-font-line-height-heading-medium);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-heading-medium);\n}\n\nh4 {\n  max-width: var(--bs-font-max-width-heading-small);\n  font-size: var(--bs-font-size-heading-small);\n  line-height: var(--bs-font-line-height-heading-small);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-heading-small);\n}\n\nh5 {\n  max-width: var(--bs-font-max-width-body-large);\n  font-size: var(--bs-font-size-body-large);\n  line-height: var(--bs-font-line-height-body-large);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-body-large);\n}\n\nh6 {\n  max-width: var(--bs-font-max-width-body-medium);\n  font-size: var(--bs-font-size-body-medium);\n  line-height: var(--bs-font-line-height-body-medium);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-body-medium);\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 16px;\n  max-width: var(--bs-font-max-width-body-medium);\n  font-size: var(--bs-font-size-body-medium);\n  line-height: var(--bs-font-line-height-body-medium);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-body-medium);\n}\n\nabbr[title] {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n  cursor: help;\n  -webkit-text-decoration-skip-ink: none;\n  text-decoration-skip-ink: none;\n}\n\naddress {\n  margin-bottom: 16px;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  max-width: var(--bs-font-max-width-body-medium);\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\nul {\n  list-style-type: square;\n}\nul ul {\n  list-style-type: \"-  \";\n}\nul ul ul {\n  list-style-type: circle;\n}\n\nol ol {\n  list-style-type: upper-alpha;\n}\nol ol ol {\n  list-style-type: lower-alpha;\n}\n\nli::marker {\n  color: var(--bs-color-content-brand-primary);\n}\n\nol li::marker {\n  color: inherit;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-bottom: 0.5rem;\n  margin-left: 0;\n}\n\nblockquote {\n  margin: 0 0 16px;\n}\n\ni,\nem,\ncite {\n  font-style: normal;\n}\n\nb,\nem,\nstrong {\n  font-weight: 700;\n}\n\nsmall {\n  max-width: var(--bs-font-max-width-body-small);\n  font-size: var(--bs-font-size-body-small);\n  line-height: var(--bs-font-line-height-body-small);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-body-small);\n}\n\nmark {\n  padding: 0.125em;\n  color: var(--bs-color-content-on-action-highlighted);\n  background-color: var(--bs-color-action-highlighted);\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\na {\n  font-weight: 700;\n  color: var(--bs-link-color);\n  text-decoration: underline;\n}\na:hover {\n  color: var(--bs-link-hover-color);\n}\na:focus-visible:where(:not([aria-disabled=true])) {\n  color: var(--bs-link-focus-color);\n}\na:active {\n  color: var(--bs-link-active-color);\n}\na[aria-disabled=true] {\n  color: var(--bs-link-disabled-color);\n  pointer-events: none;\n}\n\n.visited-links a:visited:not(.link, .link-chevron, .icon-link, :hover, :active, :focus-visible),\na:visited.visited-links:not(.link, .link-chevron, .icon-link, :hover, :active, :focus-visible) {\n  color: var(--bs-link-visited-color);\n}\n\n.colored-bg a,\na.colored-bg {\n  --bs-link-color: var(--bs-link-mono-color-content-enabled);\n  --bs-link-hover-color: var(--bs-link-mono-color-content-hover);\n  --bs-link-focus-color: var(--bs-link-mono-color-content-focus);\n  --bs-link-active-color: var(--bs-link-mono-color-content-pressed);\n  --bs-link-disabled-color: var(--bs-link-mono-color-content-disabled);\n  --bs-link-visited-color: var(--bs-link-mono-color-content-enabled);\n}\n\na:not([href]):not([class]):not([aria-disabled=true]), a:not([href]):not([class]):not([aria-disabled=true]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n\nvar,\npre,\ncode,\nkbd,\nsamp {\n  font-family: var(--bs-font-monospace);\n  font-size: 1em;\n}\n\npre {\n  display: block;\n  margin-top: 0;\n  margin-bottom: 16px;\n  overflow: auto;\n  font-size: var(--bs-font-size-code-medium);\n  line-height: var(--bs-font-line-height-code-medium);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-code-medium);\n  color: var(--bs-color-content-muted);\n}\npre code {\n  font-size: inherit;\n  color: inherit;\n  word-break: normal;\n}\n\nvar,\ncode {\n  font-size: 0.875em;\n  font-style: normal;\n  color: var(--bs-color-content-muted);\n  word-wrap: break-word;\n}\n\na > :is(var, code) {\n  color: inherit;\n}\n\nkbd {\n  padding: 0.125rem 0.25rem;\n  font-size: 0.875em;\n  color: var(--bs-color-content-on-status-neutral-emphasized);\n  background-color: var(--bs-color-surface-status-neutral-emphasized);\n  border-radius: 4px;\n}\nkbd kbd {\n  padding: 0;\n  font-size: 1em;\n}\n\nfigure {\n  margin: 0 0 1rem;\n}\n\nimg,\nsvg {\n  vertical-align: middle;\n}\n\ntable {\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n  caption-side: top;\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  max-width: var(--bs-font-max-width-heading-small);\n  font-size: var(--bs-font-size-heading-small);\n  line-height: var(--bs-font-line-height-heading-small);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-heading-small);\n  font-weight: 700;\n  color: var(--bs-caption-color, var(--bs-emphasis-color));\n  text-align: left;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizelegibility;\n}\n\nth {\n  text-align: inherit;\n  text-align: -webkit-match-parent;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n  border-color: inherit;\n  border-style: solid;\n  border-width: 0;\n}\n\nlabel {\n  display: inline-block;\n}\n\nbutton {\n  border-radius: 0;\n}\n\nbutton:focus:not(:focus-visible):not(.focus-ring) {\n  outline: 0;\n  box-shadow: none;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  /* rtl:remove */\n  letter-spacing: inherit;\n  box-shadow: none;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n[role=button] {\n  cursor: pointer;\n}\n\nselect {\n  word-wrap: normal;\n}\nselect:disabled {\n  opacity: 1;\n}\n\n[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {\n  display: none !important;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nbutton:not(:disabled),\n[type=button]:not(:disabled),\n[type=reset]:not(:disabled),\n[type=submit]:not(:disabled) {\n  cursor: pointer;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ntextarea {\n  resize: vertical;\n}\n\nfieldset {\n  min-inline-size: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\nlegend {\n  float: left;\n  padding: 0;\n  margin-bottom: 0.25rem;\n  font-weight: 700;\n  max-width: var(--bs-font-max-width-body-large);\n  font-size: var(--bs-font-size-body-large);\n  line-height: var(--bs-font-line-height-body-large);\n  /* rtl:remove */\n  letter-spacing: var(--bs-font-letter-spacing-body-large);\n}\nlegend + * {\n  clear: left;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n[type=search]::-webkit-search-cancel-button {\n  cursor: pointer;\n  filter: grayscale(1);\n}\n\n/* rtl:raw:\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n  direction: ltr;\n}\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n::file-selector-button {\n  font: inherit;\n  -webkit-appearance: button;\n}\n\noutput {\n  display: inline-block;\n}\n\niframe {\n  border: 0;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n::selection {\n  color: var(--bs-color-content-on-action-highlighted);\n  background-color: var(--bs-color-action-highlighted);\n}\n\ndialog,\n[popover] {\n  padding: 0;\n  overflow: visible;\n  background: unset;\n  border: 0;\n}\n\n:not([popover])::backdrop {\n  background-color: #000;\n  opacity: 0.5;\n}\n\n/*# sourceMappingURL=ouds-web-reboot.css.map */","// Semantic custom properties applications\n// OUDS Core tokens version 1.9.0\n// Orange Core tokens version 1.2.0\n// Orange System tokens version 2.3.0\n\n// scss-docs-start ouds-all-semantic-css-color\n// scss-docs-start ouds-semantic-css-color\n@include color-mode(light, true) {\n  --#{$prefix}color-action-disabled: #{$ouds-color-action-disabled-light};\n  --#{$prefix}color-action-enabled: #{$ouds-color-action-enabled-light};\n  --#{$prefix}color-action-focus: #{$ouds-color-action-focus-light};\n  --#{$prefix}color-action-highlighted: #{$ouds-color-action-highlighted-light};\n  --#{$prefix}color-action-hover: #{$ouds-color-action-hover-light};\n  --#{$prefix}color-action-loading: #{$ouds-color-action-loading-light};\n  --#{$prefix}color-action-negative-enabled: #{$ouds-color-action-negative-enabled-light};\n  --#{$prefix}color-action-negative-focus: #{$ouds-color-action-negative-focus-light};\n  --#{$prefix}color-action-negative-hover: #{$ouds-color-action-negative-hover-light};\n  --#{$prefix}color-action-negative-loading: #{$ouds-color-action-negative-loading-light};\n  --#{$prefix}color-action-negative-pressed: #{$ouds-color-action-negative-pressed-light};\n  --#{$prefix}color-action-pressed: #{$ouds-color-action-pressed-light};\n  --#{$prefix}color-action-read-only-primary: #{$ouds-color-action-read-only-primary-light};\n  --#{$prefix}color-action-read-only-secondary: #{$ouds-color-action-read-only-secondary-light};\n  --#{$prefix}color-action-selected: #{$ouds-color-action-selected-light};\n  --#{$prefix}color-action-support-disabled: #{$ouds-color-action-support-disabled-light};\n  --#{$prefix}color-action-support-enabled: #{$ouds-color-action-support-enabled-light};\n  --#{$prefix}color-action-support-focus: #{$ouds-color-action-support-focus-light};\n  --#{$prefix}color-action-support-hover: #{$ouds-color-action-support-hover-light};\n  --#{$prefix}color-action-support-loading: #{$ouds-color-action-support-loading-light};\n  --#{$prefix}color-action-support-pressed: #{$ouds-color-action-support-pressed-light};\n  --#{$prefix}color-action-visited: #{$ouds-color-action-visited-light};\n  --#{$prefix}color-always-black: #{$ouds-color-always-black};\n  --#{$prefix}color-always-on-black: #{$ouds-color-always-on-black};\n  --#{$prefix}color-always-on-white: #{$ouds-color-always-on-white};\n  --#{$prefix}color-always-white: #{$ouds-color-always-white};\n  --#{$prefix}color-bg-inverse-high: #{$ouds-color-bg-inverse-high-light};\n  --#{$prefix}color-bg-inverse-low: #{$ouds-color-bg-inverse-low-light};\n  --#{$prefix}color-bg-primary: #{$ouds-color-bg-primary-light};\n  --#{$prefix}color-bg-secondary: #{$ouds-color-bg-secondary-light};\n  --#{$prefix}color-bg-tertiary: #{$ouds-color-bg-tertiary-light};\n  --#{$prefix}color-border-brand-primary: #{$ouds-color-border-brand-primary-light};\n  --#{$prefix}color-border-default: #{$ouds-color-border-default-light};\n  --#{$prefix}color-border-emphasized: #{$ouds-color-border-emphasized-light};\n  --#{$prefix}color-border-focus-inset: #{$ouds-color-border-focus-inset-light};\n  --#{$prefix}color-border-focus: #{$ouds-color-border-focus-light};\n  --#{$prefix}color-border-minimal: #{$ouds-color-border-minimal-light};\n  --#{$prefix}color-border-muted: #{$ouds-color-border-muted-light};\n  --#{$prefix}color-border-on-brand-primary: #{$ouds-color-border-on-brand-primary-light};\n  --#{$prefix}color-border-status-accent: #{$ouds-color-border-status-accent-light};\n  --#{$prefix}color-border-status-info: #{$ouds-color-border-status-info-light};\n  --#{$prefix}color-border-status-negative: #{$ouds-color-border-status-negative-light};\n  --#{$prefix}color-border-status-positive: #{$ouds-color-border-status-positive-light};\n  --#{$prefix}color-border-status-warning: #{$ouds-color-border-status-warning-light};\n  --#{$prefix}color-content-brand-primary: #{$ouds-color-content-brand-primary-light};\n  --#{$prefix}color-content-default: #{$ouds-color-content-default-light};\n  --#{$prefix}color-content-disabled: #{$ouds-color-content-disabled-light};\n  --#{$prefix}color-content-inverse: #{$ouds-color-content-inverse-light};\n  --#{$prefix}color-content-muted: #{$ouds-color-content-muted-light};\n  --#{$prefix}color-content-on-action-disabled: #{$ouds-color-content-on-action-disabled-light};\n  --#{$prefix}color-content-on-action-enabled: #{$ouds-color-content-on-action-enabled-light};\n  --#{$prefix}color-content-on-action-focus: #{$ouds-color-content-on-action-focus-light};\n  --#{$prefix}color-content-on-action-highlighted: #{$ouds-color-content-on-action-highlighted-light};\n  --#{$prefix}color-content-on-action-hover: #{$ouds-color-content-on-action-hover-light};\n  --#{$prefix}color-content-on-action-loading: #{$ouds-color-content-on-action-loading-light};\n  --#{$prefix}color-content-on-action-pressed: #{$ouds-color-content-on-action-pressed-light};\n  --#{$prefix}color-content-on-action-selected: #{$ouds-color-content-on-action-selected-light};\n  --#{$prefix}color-content-on-brand-primary: #{$ouds-color-content-on-brand-primary-light};\n  --#{$prefix}color-content-on-status-accent-emphasized: #{$ouds-color-content-on-status-accent-emphasized-light};\n  --#{$prefix}color-content-on-status-accent-muted: #{$ouds-color-content-on-status-accent-muted-light};\n  --#{$prefix}color-content-on-status-info-emphasized: #{$ouds-color-content-on-status-info-emphasized-light};\n  --#{$prefix}color-content-on-status-info-muted: #{$ouds-color-content-on-status-info-muted-light};\n  --#{$prefix}color-content-on-status-negative-emphasized: #{$ouds-color-content-on-status-negative-emphasized-light};\n  --#{$prefix}color-content-on-status-negative-muted: #{$ouds-color-content-on-status-negative-muted-light};\n  --#{$prefix}color-content-on-status-positive-emphasized: #{$ouds-color-content-on-status-positive-emphasized-light};\n  --#{$prefix}color-content-on-status-positive-muted: #{$ouds-color-content-on-status-positive-muted-light};\n  --#{$prefix}color-content-on-status-warning-emphasized: #{$ouds-color-content-on-status-warning-emphasized-light};\n  --#{$prefix}color-content-on-status-warning-muted: #{$ouds-color-content-on-status-warning-muted-light};\n  --#{$prefix}color-content-status-accent: #{$ouds-color-content-status-accent-light};\n  --#{$prefix}color-content-status-info: #{$ouds-color-content-status-info-light};\n  --#{$prefix}color-content-status-negative: #{$ouds-color-content-status-negative-light};\n  --#{$prefix}color-content-status-positive: #{$ouds-color-content-status-positive-light};\n  --#{$prefix}color-content-status-warning: #{$ouds-color-content-status-warning-light};\n  --#{$prefix}color-opacity-lower: #{$ouds-color-opacity-lower-light};\n  --#{$prefix}color-opacity-lowest: #{$ouds-color-opacity-lowest-light};\n  --#{$prefix}color-opacity-transparent: #{$ouds-color-opacity-transparent-light};\n  --#{$prefix}color-overlay-drag: #{$ouds-color-overlay-drag-light};\n  --#{$prefix}color-overlay-dropdown: #{$ouds-color-overlay-dropdown-light};\n  --#{$prefix}color-overlay-modal: #{$ouds-color-overlay-modal-light};\n  --#{$prefix}color-overlay-tooltip: #{$ouds-color-overlay-tooltip-light};\n  --#{$prefix}color-surface-brand-primary: #{$ouds-color-surface-brand-primary-light};\n  --#{$prefix}color-surface-inverse-high: #{$ouds-color-surface-inverse-high-light};\n  --#{$prefix}color-surface-inverse-low: #{$ouds-color-surface-inverse-low-light};\n  --#{$prefix}color-surface-primary: #{$ouds-color-surface-primary-light};\n  --#{$prefix}color-surface-secondary: #{$ouds-color-surface-secondary-light};\n  --#{$prefix}color-surface-status-accent-emphasized: #{$ouds-color-surface-status-accent-emphasized-light};\n  --#{$prefix}color-surface-status-accent-muted: #{$ouds-color-surface-status-accent-muted-light};\n  --#{$prefix}color-surface-status-info-emphasized: #{$ouds-color-surface-status-info-emphasized-light};\n  --#{$prefix}color-surface-status-info-muted: #{$ouds-color-surface-status-info-muted-light};\n  --#{$prefix}color-surface-status-negative-emphasized: #{$ouds-color-surface-status-negative-emphasized-light};\n  --#{$prefix}color-surface-status-negative-muted: #{$ouds-color-surface-status-negative-muted-light};\n  --#{$prefix}color-surface-status-positive-emphasized: #{$ouds-color-surface-status-positive-emphasized-light};\n  --#{$prefix}color-surface-status-positive-muted: #{$ouds-color-surface-status-positive-muted-light};\n  --#{$prefix}color-surface-status-warning-emphasized: #{$ouds-color-surface-status-warning-emphasized-light};\n  --#{$prefix}color-surface-status-warning-muted: #{$ouds-color-surface-status-warning-muted-light};\n  --#{$prefix}color-surface-tertiary: #{$ouds-color-surface-tertiary-light};\n  --#{$prefix}elevation-color-default: #{$ouds-elevation-color-default-light};\n  --#{$prefix}elevation-color-drag: #{$ouds-elevation-color-drag-light};\n  --#{$prefix}elevation-color-emphasized: #{$ouds-elevation-color-emphasized-light};\n  --#{$prefix}elevation-color-none: #{$ouds-elevation-color-none};\n  --#{$prefix}elevation-color-raised: #{$ouds-elevation-color-raised-light};\n  --#{$prefix}elevation-color-sticky: #{$ouds-elevation-color-sticky-light};\n}\n// scss-docs-end ouds-semantic-css-color\n\n@include color-mode(dark, true) {\n  --#{$prefix}color-action-disabled: #{$ouds-color-action-disabled-dark};\n  --#{$prefix}color-action-enabled: #{$ouds-color-action-enabled-dark};\n  --#{$prefix}color-action-focus: #{$ouds-color-action-focus-dark};\n  --#{$prefix}color-action-highlighted: #{$ouds-color-action-highlighted-dark};\n  --#{$prefix}color-action-hover: #{$ouds-color-action-hover-dark};\n  --#{$prefix}color-action-loading: #{$ouds-color-action-loading-dark};\n  --#{$prefix}color-action-negative-enabled: #{$ouds-color-action-negative-enabled-dark};\n  --#{$prefix}color-action-negative-focus: #{$ouds-color-action-negative-focus-dark};\n  --#{$prefix}color-action-negative-hover: #{$ouds-color-action-negative-hover-dark};\n  --#{$prefix}color-action-negative-loading: #{$ouds-color-action-negative-loading-dark};\n  --#{$prefix}color-action-negative-pressed: #{$ouds-color-action-negative-pressed-dark};\n  --#{$prefix}color-action-pressed: #{$ouds-color-action-pressed-dark};\n  --#{$prefix}color-action-read-only-primary: #{$ouds-color-action-read-only-primary-dark};\n  --#{$prefix}color-action-read-only-secondary: #{$ouds-color-action-read-only-secondary-dark};\n  --#{$prefix}color-action-selected: #{$ouds-color-action-selected-dark};\n  --#{$prefix}color-action-support-disabled: #{$ouds-color-action-support-disabled-dark};\n  --#{$prefix}color-action-support-enabled: #{$ouds-color-action-support-enabled-dark};\n  --#{$prefix}color-action-support-focus: #{$ouds-color-action-support-focus-dark};\n  --#{$prefix}color-action-support-hover: #{$ouds-color-action-support-hover-dark};\n  --#{$prefix}color-action-support-loading: #{$ouds-color-action-support-loading-dark};\n  --#{$prefix}color-action-support-pressed: #{$ouds-color-action-support-pressed-dark};\n  --#{$prefix}color-action-visited: #{$ouds-color-action-visited-dark};\n  --#{$prefix}color-bg-inverse-high: #{$ouds-color-bg-inverse-high-dark};\n  --#{$prefix}color-bg-inverse-low: #{$ouds-color-bg-inverse-low-dark};\n  --#{$prefix}color-bg-primary: #{$ouds-color-bg-primary-dark};\n  --#{$prefix}color-bg-secondary: #{$ouds-color-bg-secondary-dark};\n  --#{$prefix}color-bg-tertiary: #{$ouds-color-bg-tertiary-dark};\n  --#{$prefix}color-border-brand-primary: #{$ouds-color-border-brand-primary-dark};\n  --#{$prefix}color-border-default: #{$ouds-color-border-default-dark};\n  --#{$prefix}color-border-emphasized: #{$ouds-color-border-emphasized-dark};\n  --#{$prefix}color-border-focus: #{$ouds-color-border-focus-dark};\n  --#{$prefix}color-border-focus-inset: #{$ouds-color-border-focus-inset-dark};\n  --#{$prefix}color-border-minimal: #{$ouds-color-border-minimal-dark};\n  --#{$prefix}color-border-muted: #{$ouds-color-border-muted-dark};\n  --#{$prefix}color-border-on-brand-primary: #{$ouds-color-border-on-brand-primary-dark};\n  --#{$prefix}color-border-status-accent: #{$ouds-color-border-status-accent-dark};\n  --#{$prefix}color-border-status-info: #{$ouds-color-border-status-info-dark};\n  --#{$prefix}color-border-status-negative: #{$ouds-color-border-status-negative-dark};\n  --#{$prefix}color-border-status-positive: #{$ouds-color-border-status-positive-dark};\n  --#{$prefix}color-border-status-warning: #{$ouds-color-border-status-warning-dark};\n  --#{$prefix}color-content-brand-primary: #{$ouds-color-content-brand-primary-dark};\n  --#{$prefix}color-content-default: #{$ouds-color-content-default-dark};\n  --#{$prefix}color-content-disabled: #{$ouds-color-content-disabled-dark};\n  --#{$prefix}color-content-inverse: #{$ouds-color-content-inverse-dark};\n  --#{$prefix}color-content-muted: #{$ouds-color-content-muted-dark};\n  --#{$prefix}color-content-on-action-disabled: #{$ouds-color-content-on-action-disabled-dark};\n  --#{$prefix}color-content-on-action-enabled: #{$ouds-color-content-on-action-enabled-dark};\n  --#{$prefix}color-content-on-action-focus: #{$ouds-color-content-on-action-focus-dark};\n  --#{$prefix}color-content-on-action-highlighted: #{$ouds-color-content-on-action-highlighted-dark};\n  --#{$prefix}color-content-on-action-hover: #{$ouds-color-content-on-action-hover-dark};\n  --#{$prefix}color-content-on-action-loading: #{$ouds-color-content-on-action-loading-dark};\n  --#{$prefix}color-content-on-action-pressed: #{$ouds-color-content-on-action-pressed-dark};\n  --#{$prefix}color-content-on-action-selected: #{$ouds-color-content-on-action-selected-dark};\n  --#{$prefix}color-content-on-brand-primary: #{$ouds-color-content-on-brand-primary-dark};\n  --#{$prefix}color-content-on-status-accent-emphasized: #{$ouds-color-content-on-status-accent-emphasized-dark};\n  --#{$prefix}color-content-on-status-accent-muted: #{$ouds-color-content-on-status-accent-muted-dark};\n  --#{$prefix}color-content-on-status-info-emphasized: #{$ouds-color-content-on-status-info-emphasized-dark};\n  --#{$prefix}color-content-on-status-info-muted: #{$ouds-color-content-on-status-info-muted-dark};\n  --#{$prefix}color-content-on-status-negative-emphasized: #{$ouds-color-content-on-status-negative-emphasized-dark};\n  --#{$prefix}color-content-on-status-negative-muted: #{$ouds-color-content-on-status-negative-muted-dark};\n  --#{$prefix}color-content-on-status-positive-emphasized: #{$ouds-color-content-on-status-positive-emphasized-dark};\n  --#{$prefix}color-content-on-status-positive-muted: #{$ouds-color-content-on-status-positive-muted-dark};\n  --#{$prefix}color-content-on-status-warning-emphasized: #{$ouds-color-content-on-status-warning-emphasized-dark};\n  --#{$prefix}color-content-on-status-warning-muted: #{$ouds-color-content-on-status-warning-muted-dark};\n  --#{$prefix}color-content-status-accent: #{$ouds-color-content-status-accent-dark};\n  --#{$prefix}color-content-status-info: #{$ouds-color-content-status-info-dark};\n  --#{$prefix}color-content-status-negative: #{$ouds-color-content-status-negative-dark};\n  --#{$prefix}color-content-status-positive: #{$ouds-color-content-status-positive-dark};\n  --#{$prefix}color-content-status-warning: #{$ouds-color-content-status-warning-dark};\n  --#{$prefix}color-opacity-lower: #{$ouds-color-opacity-lower-dark};\n  --#{$prefix}color-opacity-lowest: #{$ouds-color-opacity-lowest-dark};\n  --#{$prefix}color-opacity-transparent: #{$ouds-color-opacity-transparent-dark};\n  --#{$prefix}color-overlay-drag: #{$ouds-color-overlay-drag-dark};\n  --#{$prefix}color-overlay-dropdown: #{$ouds-color-overlay-dropdown-dark};\n  --#{$prefix}color-overlay-modal: #{$ouds-color-overlay-modal-dark};\n  --#{$prefix}color-overlay-tooltip: #{$ouds-color-overlay-tooltip-dark};\n  --#{$prefix}color-surface-brand-primary: #{$ouds-color-surface-brand-primary-dark};\n  --#{$prefix}color-surface-inverse-high: #{$ouds-color-surface-inverse-high-dark};\n  --#{$prefix}color-surface-inverse-low: #{$ouds-color-surface-inverse-low-dark};\n  --#{$prefix}color-surface-primary: #{$ouds-color-surface-primary-dark};\n  --#{$prefix}color-surface-secondary: #{$ouds-color-surface-secondary-dark};\n  --#{$prefix}color-surface-status-accent-emphasized: #{$ouds-color-surface-status-accent-emphasized-dark};\n  --#{$prefix}color-surface-status-accent-muted: #{$ouds-color-surface-status-accent-muted-dark};\n  --#{$prefix}color-surface-status-info-emphasized: #{$ouds-color-surface-status-info-emphasized-dark};\n  --#{$prefix}color-surface-status-info-muted: #{$ouds-color-surface-status-info-muted-dark};\n  --#{$prefix}color-surface-status-negative-emphasized: #{$ouds-color-surface-status-negative-emphasized-dark};\n  --#{$prefix}color-surface-status-negative-muted: #{$ouds-color-surface-status-negative-muted-dark};\n  --#{$prefix}color-surface-status-positive-emphasized: #{$ouds-color-surface-status-positive-emphasized-dark};\n  --#{$prefix}color-surface-status-positive-muted: #{$ouds-color-surface-status-positive-muted-dark};\n  --#{$prefix}color-surface-status-warning-emphasized: #{$ouds-color-surface-status-warning-emphasized-dark};\n  --#{$prefix}color-surface-status-warning-muted: #{$ouds-color-surface-status-warning-muted-dark};\n  --#{$prefix}color-surface-tertiary: #{$ouds-color-surface-tertiary-dark};\n  --#{$prefix}elevation-color-default: #{$ouds-elevation-color-default-dark};\n  --#{$prefix}elevation-color-drag: #{$ouds-elevation-color-drag-dark};\n  --#{$prefix}elevation-color-emphasized: #{$ouds-elevation-color-emphasized-dark};\n  --#{$prefix}elevation-color-raised: #{$ouds-elevation-color-raised-dark};\n  --#{$prefix}elevation-color-sticky: #{$ouds-elevation-color-sticky-dark};\n}\n// scss-docs-end ouds-all-semantic-css-color\n\n$ouds-color-action-disabled: var(--#{$prefix}color-action-disabled) !default;\n$ouds-color-action-enabled: var(--#{$prefix}color-action-enabled) !default;\n$ouds-color-action-focus: var(--#{$prefix}color-action-focus) !default;\n$ouds-color-action-highlighted: var(--#{$prefix}color-action-highlighted) !default;\n$ouds-color-action-hover: var(--#{$prefix}color-action-hover) !default;\n$ouds-color-action-loading: var(--#{$prefix}color-action-loading) !default;\n$ouds-color-action-negative-enabled: var(--#{$prefix}color-action-negative-enabled) !default;\n$ouds-color-action-negative-focus: var(--#{$prefix}color-action-negative-focus) !default;\n$ouds-color-action-negative-hover: var(--#{$prefix}color-action-negative-hover) !default;\n$ouds-color-action-negative-loading: var(--#{$prefix}color-action-negative-loading) !default;\n$ouds-color-action-negative-pressed: var(--#{$prefix}color-action-negative-pressed) !default;\n$ouds-color-action-pressed: var(--#{$prefix}color-action-pressed) !default;\n$ouds-color-action-read-only-primary: var(--#{$prefix}color-action-read-only-primary) !default;\n$ouds-color-action-read-only-secondary: var(--#{$prefix}color-action-read-only-secondary) !default;\n$ouds-color-action-selected: var(--#{$prefix}color-action-selected) !default;\n$ouds-color-action-support-disabled: var(--#{$prefix}color-action-support-disabled) !default;\n$ouds-color-action-support-enabled: var(--#{$prefix}color-action-support-enabled) !default;\n$ouds-color-action-support-focus: var(--#{$prefix}color-action-support-focus) !default;\n$ouds-color-action-support-hover: var(--#{$prefix}color-action-support-hover) !default;\n$ouds-color-action-support-loading: var(--#{$prefix}color-action-support-loading) !default;\n$ouds-color-action-support-pressed: var(--#{$prefix}color-action-support-pressed) !default;\n$ouds-color-action-visited: var(--#{$prefix}color-action-visited) !default;\n$ouds-color-always-black: var(--#{$prefix}color-always-black) !default;\n$ouds-color-always-on-black: var(--#{$prefix}color-always-on-black) !default;\n$ouds-color-always-on-white: var(--#{$prefix}color-always-on-white) !default;\n$ouds-color-always-white: var(--#{$prefix}color-always-white) !default;\n$ouds-color-bg-inverse-high: var(--#{$prefix}color-bg-inverse-high) !default;\n$ouds-color-bg-inverse-low: var(--#{$prefix}color-bg-inverse-low) !default;\n$ouds-color-bg-primary: var(--#{$prefix}color-bg-primary) !default;\n$ouds-color-bg-secondary: var(--#{$prefix}color-bg-secondary) !default;\n$ouds-color-bg-tertiary: var(--#{$prefix}color-bg-tertiary) !default;\n$ouds-color-border-brand-primary: var(--#{$prefix}color-border-brand-primary) !default;\n$ouds-color-border-default: var(--#{$prefix}color-border-default) !default;\n$ouds-color-border-emphasized: var(--#{$prefix}color-border-emphasized) !default;\n$ouds-color-border-focus-inset: var(--#{$prefix}color-border-focus-inset) !default;\n$ouds-color-border-focus: var(--#{$prefix}color-border-focus) !default;\n$ouds-color-border-minimal: var(--#{$prefix}color-border-minimal) !default;\n$ouds-color-border-muted: var(--#{$prefix}color-border-muted) !default;\n$ouds-color-border-on-brand-primary: var(--#{$prefix}color-border-on-brand-primary) !default;\n$ouds-color-border-status-accent: var(--#{$prefix}color-border-status-accent) !default;\n$ouds-color-border-status-info: var(--#{$prefix}color-border-status-info) !default;\n$ouds-color-border-status-negative: var(--#{$prefix}color-border-status-negative) !default;\n$ouds-color-border-status-positive: var(--#{$prefix}color-border-status-positive) !default;\n$ouds-color-border-status-warning: var(--#{$prefix}color-border-status-warning) !default;\n$ouds-color-content-brand-primary: var(--#{$prefix}color-content-brand-primary) !default;\n$ouds-color-content-default: var(--#{$prefix}color-content-default) !default;\n$ouds-color-content-disabled: var(--#{$prefix}color-content-disabled) !default;\n$ouds-color-content-inverse: var(--#{$prefix}color-content-inverse) !default;\n$ouds-color-content-muted: var(--#{$prefix}color-content-muted) !default;\n$ouds-color-content-on-action-disabled: var(--#{$prefix}color-content-on-action-disabled) !default;\n$ouds-color-content-on-action-enabled: var(--#{$prefix}color-content-on-action-enabled) !default;\n$ouds-color-content-on-action-focus: var(--#{$prefix}color-content-on-action-focus) !default;\n$ouds-color-content-on-action-highlighted: var(--#{$prefix}color-content-on-action-highlighted) !default;\n$ouds-color-content-on-action-hover: var(--#{$prefix}color-content-on-action-hover) !default;\n$ouds-color-content-on-action-loading: var(--#{$prefix}color-content-on-action-loading) !default;\n$ouds-color-content-on-action-pressed: var(--#{$prefix}color-content-on-action-pressed) !default;\n$ouds-color-content-on-action-selected: var(--#{$prefix}color-content-on-action-selected) !default;\n$ouds-color-content-on-brand-primary: var(--#{$prefix}color-content-on-brand-primary) !default;\n$ouds-color-content-on-status-accent-emphasized: var(--#{$prefix}color-content-on-status-accent-emphasized) !default;\n$ouds-color-content-on-status-accent-muted: var(--#{$prefix}color-content-on-status-accent-muted) !default;\n$ouds-color-content-on-status-info-emphasized: var(--#{$prefix}color-content-on-status-info-emphasized) !default;\n$ouds-color-content-on-status-info-muted: var(--#{$prefix}color-content-on-status-info-muted) !default;\n$ouds-color-content-on-status-negative-emphasized: var(--#{$prefix}color-content-on-status-negative-emphasized) !default;\n$ouds-color-content-on-status-negative-muted: var(--#{$prefix}color-content-on-status-negative-muted) !default;\n$ouds-color-content-on-status-positive-emphasized: var(--#{$prefix}color-content-on-status-positive-emphasized) !default;\n$ouds-color-content-on-status-positive-muted: var(--#{$prefix}color-content-on-status-positive-muted) !default;\n$ouds-color-content-on-status-warning-emphasized: var(--#{$prefix}color-content-on-status-warning-emphasized) !default;\n$ouds-color-content-on-status-warning-muted: var(--#{$prefix}color-content-on-status-warning-muted) !default;\n$ouds-color-content-status-accent: var(--#{$prefix}color-content-status-accent) !default;\n$ouds-color-content-status-info: var(--#{$prefix}color-content-status-info) !default;\n$ouds-color-content-status-negative: var(--#{$prefix}color-content-status-negative) !default;\n$ouds-color-content-status-positive: var(--#{$prefix}color-content-status-positive) !default;\n$ouds-color-content-status-warning: var(--#{$prefix}color-content-status-warning) !default;\n$ouds-color-opacity-lower: var(--#{$prefix}color-opacity-lower) !default;\n$ouds-color-opacity-lowest: var(--#{$prefix}color-opacity-lowest) !default;\n$ouds-color-opacity-transparent: var(--#{$prefix}color-opacity-transparent) !default;\n$ouds-color-overlay-drag: var(--#{$prefix}color-overlay-drag) !default;\n$ouds-color-overlay-dropdown: var(--#{$prefix}color-overlay-dropdown) !default;\n$ouds-color-overlay-modal: var(--#{$prefix}color-overlay-modal) !default;\n$ouds-color-overlay-tooltip: var(--#{$prefix}color-overlay-tooltip) !default;\n$ouds-color-surface-brand-primary: var(--#{$prefix}color-surface-brand-primary) !default;\n$ouds-color-surface-inverse-high: var(--#{$prefix}color-surface-inverse-high) !default;\n$ouds-color-surface-inverse-low: var(--#{$prefix}color-surface-inverse-low) !default;\n$ouds-color-surface-primary: var(--#{$prefix}color-surface-primary) !default;\n$ouds-color-surface-secondary: var(--#{$prefix}color-surface-secondary) !default;\n$ouds-color-surface-status-accent-emphasized: var(--#{$prefix}color-surface-status-accent-emphasized) !default;\n$ouds-color-surface-status-accent-muted: var(--#{$prefix}color-surface-status-accent-muted) !default;\n$ouds-color-surface-status-info-emphasized: var(--#{$prefix}color-surface-status-info-emphasized) !default;\n$ouds-color-surface-status-info-muted: var(--#{$prefix}color-surface-status-info-muted) !default;\n$ouds-color-surface-status-negative-emphasized: var(--#{$prefix}color-surface-status-negative-emphasized) !default;\n$ouds-color-surface-status-negative-muted: var(--#{$prefix}color-surface-status-negative-muted) !default;\n$ouds-color-surface-status-positive-emphasized: var(--#{$prefix}color-surface-status-positive-emphasized) !default;\n$ouds-color-surface-status-positive-muted: var(--#{$prefix}color-surface-status-positive-muted) !default;\n$ouds-color-surface-status-warning-emphasized: var(--#{$prefix}color-surface-status-warning-emphasized) !default;\n$ouds-color-surface-status-warning-muted: var(--#{$prefix}color-surface-status-warning-muted) !default;\n$ouds-color-surface-tertiary: var(--#{$prefix}color-surface-tertiary) !default;\n$ouds-elevation-color-default: var(--#{$prefix}elevation-color-default) !default;\n$ouds-elevation-color-drag: var(--#{$prefix}elevation-color-drag) !default;\n$ouds-elevation-color-emphasized: var(--#{$prefix}elevation-color-emphasized) !default;\n$ouds-elevation-color-none: var(--#{$prefix}elevation-color-none) !default;\n$ouds-elevation-color-raised: var(--#{$prefix}elevation-color-raised) !default;\n$ouds-elevation-color-sticky: var(--#{$prefix}elevation-color-sticky) !default;\n","// Components custom properties applications\n// OUDS Core tokens version 1.9.0\n// Orange Core tokens version 1.2.0\n// Orange System tokens version 2.3.0\n\n// scss-docs-start ouds-all-component-css-color\n// scss-docs-start ouds-component-css-color\n@include color-mode(light, true) {\n  --#{$prefix}button-color-bg-brand-pressed: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-color-bg-brand-loading: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-color-content-brand-pressed: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-color-content-brand-loading: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-bg-default-hover: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-default-pressed: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-default-loading: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-default-focus: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-strong-enabled: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-bg-strong-hover: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-strong-pressed: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-strong-loading: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-strong-disabled: #{$core-ouds-color-opacity-black-280};\n  --#{$prefix}button-mono-color-bg-strong-focus: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-minimal-hover: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-minimal-pressed: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-minimal-focus: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-content-default-enabled: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-default-hover: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-default-pressed: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-default-loading: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-default-disabled: #{$core-ouds-color-opacity-black-280};\n  --#{$prefix}button-mono-color-content-default-focus: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-minimal-enabled: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-minimal-hover: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-minimal-pressed: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-minimal-loading: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-minimal-disabled: #{$core-ouds-color-opacity-black-280};\n  --#{$prefix}button-mono-color-content-minimal-focus: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-strong-enabled: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-strong-hover: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-strong-pressed: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-strong-loading: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-strong-disabled: #{$core-ouds-color-opacity-white-640};\n  --#{$prefix}button-mono-color-content-strong-focus: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-border-default-enabled: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-border-default-disabled: #{$core-ouds-color-opacity-black-280};\n  --#{$prefix}link-mono-color-content-enabled: #{$core-ouds-color-functional-black};\n  --#{$prefix}link-mono-color-content-hover: #{$core-ouds-color-functional-black};\n  --#{$prefix}link-mono-color-content-pressed: #{$core-ouds-color-opacity-black-520};\n  --#{$prefix}link-mono-color-content-disabled: #{$core-ouds-color-opacity-black-280};\n  --#{$prefix}link-mono-color-content-focus: #{$core-ouds-color-functional-black};\n  --#{$prefix}switch-color-cursor: #{$core-ouds-color-functional-white};\n  --#{$prefix}switch-color-track-selected: #{$core-ouds-color-functional-malachite-700};\n  --#{$prefix}switch-color-track-selected-interaction: #{$core-ouds-color-functional-malachite-750};\n  --#{$prefix}switch-color-track-unselected: #{$core-ouds-color-opacity-black-440};\n  --#{$prefix}switch-color-track-unselected-interaction: #{$core-ouds-color-opacity-black-520};\n  --#{$prefix}icon-color-content-status-warning-external-shape: #{$core-ouds-color-functional-sun-500};\n  --#{$prefix}icon-color-content-status-warning-internal-shape: #{$core-ouds-color-functional-sun-750};\n  --#{$prefix}icon-color-content-default: #{$core-ouds-color-functional-black};\n}\n// scss-docs-end ouds-component-css-color\n\n@include color-mode(dark, true) {\n  --#{$prefix}button-color-bg-brand-pressed: #{$core-ouds-color-functional-gray-light-160};\n  --#{$prefix}button-color-bg-brand-loading: #{$core-ouds-color-functional-gray-light-160};\n  --#{$prefix}button-color-content-brand-pressed: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-color-content-brand-loading: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-bg-default-hover: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-default-pressed: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-default-loading: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-default-focus: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-strong-enabled: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-bg-strong-hover: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-strong-pressed: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-strong-loading: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-strong-disabled: #{$core-ouds-color-opacity-white-440};\n  --#{$prefix}button-mono-color-bg-strong-focus: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-minimal-hover: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-bg-minimal-pressed: #{$core-ouds-color-opacity-black-680};\n  --#{$prefix}button-mono-color-bg-minimal-focus: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}button-mono-color-content-default-enabled: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-default-hover: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-default-pressed: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-default-loading: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-default-disabled: #{$core-ouds-color-opacity-white-440};\n  --#{$prefix}button-mono-color-content-default-focus: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-minimal-enabled: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-minimal-hover: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-minimal-pressed: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-minimal-loading: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-minimal-disabled: #{$core-ouds-color-opacity-white-440};\n  --#{$prefix}button-mono-color-content-minimal-focus: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-strong-enabled: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-strong-hover: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-content-strong-pressed: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-strong-loading: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-content-strong-disabled: #{$core-ouds-color-opacity-black-440};\n  --#{$prefix}button-mono-color-content-strong-focus: #{$core-ouds-color-functional-black};\n  --#{$prefix}button-mono-color-border-default-enabled: #{$core-ouds-color-functional-white};\n  --#{$prefix}button-mono-color-border-default-disabled: #{$core-ouds-color-opacity-white-440};\n  --#{$prefix}link-mono-color-content-enabled: #{$core-ouds-color-functional-white};\n  --#{$prefix}link-mono-color-content-hover: #{$core-ouds-color-functional-white};\n  --#{$prefix}link-mono-color-content-pressed: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}link-mono-color-content-disabled: #{$core-ouds-color-opacity-white-440};\n  --#{$prefix}link-mono-color-content-focus: #{$core-ouds-color-functional-white};\n  --#{$prefix}switch-color-cursor: #{$core-ouds-color-functional-gray-dark-880};\n  --#{$prefix}switch-color-track-selected: #{$core-ouds-color-functional-malachite-600};\n  --#{$prefix}switch-color-track-selected-interaction: #{$core-ouds-color-functional-malachite-300};\n  --#{$prefix}switch-color-track-unselected: #{$core-ouds-color-opacity-white-640};\n  --#{$prefix}switch-color-track-unselected-interaction: #{$core-ouds-color-opacity-white-800};\n  --#{$prefix}icon-color-content-status-warning-external-shape: #{$core-ouds-color-functional-sun-300};\n  --#{$prefix}icon-color-content-status-warning-internal-shape: #{$ouds-color-opacity-transparent-dark};\n  --#{$prefix}icon-color-content-default: #{$core-ouds-color-functional-gray-light-160};\n}\n// scss-docs-end ouds-all-component-css-color\n","// OUDS mod\n@each $weight, $url in $custom-font-cdn-urls {\n  @font-face {\n    font-family: $custom-font-name;\n    font-style: normal;\n    font-weight: $weight;\n    src: url(\"#{$url}\") format(\"woff2\");\n    font-display: swap;\n  }\n}\n\n#{$ouds-root-selector},\n[data-bs-theme] {\n  color: var(--#{$prefix}color-local, var(--#{$prefix}color-content-default));\n\n  // Link colors need to be defined here to ensure theme switching capabilities.\n  --#{$prefix}link-color: #{$ouds-link-color-content-enabled};\n  --#{$prefix}link-hover-color: #{$ouds-link-color-content-hover};\n  --#{$prefix}link-focus-color: #{$ouds-link-color-content-focus};\n  --#{$prefix}link-active-color: #{$ouds-link-color-content-pressed};\n  --#{$prefix}link-disabled-color: #{$ouds-color-action-disabled};\n  --#{$prefix}link-visited-color: #{$ouds-color-action-visited};\n}\n\n// Note that some of the following variables in `#{$ouds-root-selector}, [data-bs-theme=\"light\"]` could be extracted into `#{$ouds-root-selector}` only selector since they are not modified by other color modes!\n// End mod\n\n@include color-mode(light, true) { // OUDS mod: instead of `:root, [data-bs-theme=\"light\"]`\n  color-scheme: light; // OUDS mod\n\n  // Note: Custom variable values only support SassScript inside `#{}`.\n\n  // Colors\n  //\n  // Generate palettes for full colors, grays, and theme colors.\n\n  @if $enable-bootstrap-compatibility {\n    @each $color, $value in $colors {\n      --#{$prefix}#{$color}: #{$value};\n    }\n\n    @each $color, $value in $grays {\n      --#{$prefix}gray-#{$color}: #{$value};\n    }\n\n    @each $color, $value in $theme-colors {\n      --#{$prefix}#{$color}: #{$value};\n    }\n\n    @each $color, $value in $theme-colors-rgb {\n      --#{$prefix}#{$color}-rgb: #{$value};\n    }\n\n    @each $color, $value in $theme-colors-text {\n      --#{$prefix}#{$color}-text-emphasis: #{$value};\n    }\n\n    @each $color, $value in $theme-colors-bg-subtle {\n      --#{$prefix}#{$color}-bg-subtle: #{$value};\n    }\n\n    @each $color, $value in $theme-colors-border-subtle {\n      --#{$prefix}#{$color}-border-subtle: #{$value};\n    }\n\n    --#{$prefix}white-rgb: #{to-rgb($white)};\n    --#{$prefix}black-rgb: #{to-rgb($black)};\n  }\n\n  // OUDS mod\n  @each $icon, $svg in $svg-as-custom-props {\n    --#{$prefix}#{$icon}-icon: #{escape-svg($svg)};\n  }\n  // End mod\n\n  // Fonts\n\n  // Note: Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --#{$prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n  --#{$prefix}font-monospace: #{inspect($font-family-monospace)};\n  --#{$prefix}gradient: #{$gradient};\n\n  // OUDS mod\n  // scss-docs-start root-font-variables-ouds\n  --#{$prefix}font-size-display-large: #{px-to-rem($ouds-font-size-display-large-mobile)};\n  --#{$prefix}font-size-display-medium: #{px-to-rem($ouds-font-size-display-medium-mobile)};\n  --#{$prefix}font-size-display-small: #{px-to-rem($ouds-font-size-display-small-mobile)};\n  --#{$prefix}font-size-heading-xlarge: #{px-to-rem($ouds-font-size-heading-xlarge-mobile)};\n  --#{$prefix}font-size-heading-large: #{px-to-rem($ouds-font-size-heading-large-mobile)};\n  --#{$prefix}font-size-heading-medium: #{px-to-rem($ouds-font-size-heading-medium-mobile)};\n  --#{$prefix}font-size-heading-small: #{px-to-rem($ouds-font-size-heading-small-mobile)};\n  --#{$prefix}font-size-body-large: #{px-to-rem($ouds-font-size-body-large-mobile)};\n  --#{$prefix}font-size-body-medium: #{px-to-rem($ouds-font-size-body-medium-mobile)};\n  --#{$prefix}font-size-body-small: #{px-to-rem($ouds-font-size-body-small-mobile)};\n  --#{$prefix}font-size-label-xlarge: #{px-to-rem($ouds-font-size-label-xlarge)};\n  --#{$prefix}font-size-label-large: #{px-to-rem($ouds-font-size-label-large)};\n  --#{$prefix}font-size-label-medium: #{px-to-rem($ouds-font-size-label-medium)};\n  --#{$prefix}font-size-label-small: #{px-to-rem($ouds-font-size-label-small)};\n  --#{$prefix}font-size-code-medium: #{px-to-rem($ouds-font-size-code-medium)};\n  --#{$prefix}font-line-height-display-large: #{divide($ouds-font-line-height-display-large-mobile, $ouds-font-size-display-large-mobile)};\n  --#{$prefix}font-line-height-display-medium: #{divide($ouds-font-line-height-display-medium-mobile, $ouds-font-size-display-medium-mobile)};\n  --#{$prefix}font-line-height-display-small: #{divide($ouds-font-line-height-display-small-mobile, $ouds-font-size-display-small-mobile)};\n  --#{$prefix}font-line-height-heading-xlarge: #{divide($ouds-font-line-height-heading-xlarge-mobile, $ouds-font-size-heading-xlarge-mobile)};\n  --#{$prefix}font-line-height-heading-large: #{divide($ouds-font-line-height-heading-large-mobile, $ouds-font-size-heading-large-mobile)};\n  --#{$prefix}font-line-height-heading-medium: #{divide($ouds-font-line-height-heading-medium-mobile, $ouds-font-size-heading-medium-mobile)};\n  --#{$prefix}font-line-height-heading-small: #{divide($ouds-font-line-height-heading-small-mobile, $ouds-font-size-heading-small-mobile)};\n  --#{$prefix}font-line-height-body-large: #{divide($ouds-font-line-height-body-large-mobile, $ouds-font-size-body-large-mobile)};\n  --#{$prefix}font-line-height-body-medium: #{divide($ouds-font-line-height-body-medium-mobile, $ouds-font-size-body-medium-mobile)};\n  --#{$prefix}font-line-height-body-small: #{divide($ouds-font-line-height-body-small-mobile, $ouds-font-size-body-small-mobile)};\n  --#{$prefix}font-line-height-label-xlarge: #{divide($ouds-font-line-height-label-xlarge, $ouds-font-size-label-xlarge)};\n  --#{$prefix}font-line-height-label-large: #{divide($ouds-font-line-height-label-large, $ouds-font-size-label-large)};\n  --#{$prefix}font-line-height-label-medium: #{divide($ouds-font-line-height-label-medium, $ouds-font-size-label-medium)};\n  --#{$prefix}font-line-height-label-small: #{divide($ouds-font-line-height-label-small, $ouds-font-size-label-small)};\n  --#{$prefix}font-line-height-code-medium: #{divide($ouds-font-line-height-label-small, $ouds-font-size-code-medium)};\n  --#{$prefix}font-letter-spacing-display-large: #{px-to-rem($ouds-font-letter-spacing-display-large-mobile)};\n  --#{$prefix}font-letter-spacing-display-medium: #{px-to-rem($ouds-font-letter-spacing-display-medium-mobile)};\n  --#{$prefix}font-letter-spacing-display-small: #{px-to-rem($ouds-font-letter-spacing-display-small-mobile)};\n  --#{$prefix}font-letter-spacing-heading-xlarge: #{px-to-rem($ouds-font-letter-spacing-heading-xlarge-mobile)};\n  --#{$prefix}font-letter-spacing-heading-large: #{px-to-rem($ouds-font-letter-spacing-heading-large-mobile)};\n  --#{$prefix}font-letter-spacing-heading-medium: #{px-to-rem($ouds-font-letter-spacing-heading-medium-mobile)};\n  --#{$prefix}font-letter-spacing-heading-small: #{px-to-rem($ouds-font-letter-spacing-heading-small-mobile)};\n  --#{$prefix}font-letter-spacing-body-large: #{px-to-rem($ouds-font-letter-spacing-body-large-mobile)};\n  --#{$prefix}font-letter-spacing-body-medium: #{px-to-rem($ouds-font-letter-spacing-body-medium-mobile)};\n  --#{$prefix}font-letter-spacing-body-small: #{px-to-rem($ouds-font-letter-spacing-body-small-mobile)};\n  --#{$prefix}font-letter-spacing-label-xlarge: #{px-to-rem($ouds-font-letter-spacing-label-xlarge)};\n  --#{$prefix}font-letter-spacing-label-large: #{px-to-rem($ouds-font-letter-spacing-label-large)};\n  --#{$prefix}font-letter-spacing-label-medium: #{px-to-rem($ouds-font-letter-spacing-label-medium)};\n  --#{$prefix}font-letter-spacing-label-small: #{px-to-rem($ouds-font-letter-spacing-label-small)};\n  --#{$prefix}font-letter-spacing-code-medium: #{px-to-rem($ouds-font-letter-spacing-code-medium)};\n  --#{$prefix}font-max-width-display-large: #{px-to-rem($ouds-size-max-width-type-display-large-mobile)};\n  --#{$prefix}font-max-width-display-medium: #{px-to-rem($ouds-size-max-width-type-display-medium-mobile)};\n  --#{$prefix}font-max-width-display-small: #{px-to-rem($ouds-size-max-width-type-display-small-mobile)};\n  --#{$prefix}font-max-width-heading-xlarge: #{px-to-rem($ouds-size-max-width-type-heading-xlarge-mobile)};\n  --#{$prefix}font-max-width-heading-large: #{px-to-rem($ouds-size-max-width-type-heading-large-mobile)};\n  --#{$prefix}font-max-width-heading-medium: #{px-to-rem($ouds-size-max-width-type-heading-medium-mobile)};\n  --#{$prefix}font-max-width-heading-small: #{px-to-rem($ouds-size-max-width-type-heading-small-mobile)};\n  --#{$prefix}font-max-width-body-large: #{px-to-rem($ouds-size-max-width-type-body-large-mobile)};\n  --#{$prefix}font-max-width-body-medium: #{px-to-rem($ouds-size-max-width-type-body-medium-mobile)};\n  --#{$prefix}font-max-width-body-small: #{px-to-rem($ouds-size-max-width-type-body-small-mobile)};\n  --#{$prefix}font-max-width-label-small: #{px-to-rem($ouds-size-max-width-type-label-small-mobile)};\n  --#{$prefix}font-max-width-label-medium: #{px-to-rem($ouds-size-max-width-type-label-medium-mobile)};\n  --#{$prefix}font-max-width-label-large: #{px-to-rem($ouds-size-max-width-type-label-large-mobile)};\n  --#{$prefix}font-max-width-label-xlarge: #{px-to-rem($ouds-size-max-width-type-label-xlarge-mobile)};\n\n  @include media-breakpoint-up(md) {\n    --#{$prefix}font-size-display-large: #{px-to-rem($ouds-font-size-display-large-tablet)};\n    --#{$prefix}font-size-display-medium: #{px-to-rem($ouds-font-size-display-medium-tablet)};\n    --#{$prefix}font-size-display-small: #{px-to-rem($ouds-font-size-display-small-tablet)};\n    --#{$prefix}font-size-heading-xlarge: #{px-to-rem($ouds-font-size-heading-xlarge-tablet)};\n    --#{$prefix}font-size-heading-large: #{px-to-rem($ouds-font-size-heading-large-tablet)};\n    --#{$prefix}font-size-heading-medium: #{px-to-rem($ouds-font-size-heading-medium-tablet)};\n    --#{$prefix}font-size-heading-small: #{px-to-rem($ouds-font-size-heading-small-tablet)};\n    --#{$prefix}font-size-body-large: #{px-to-rem($ouds-font-size-body-large-tablet)};\n    --#{$prefix}font-size-body-medium: #{px-to-rem($ouds-font-size-body-medium-tablet)};\n    --#{$prefix}font-size-body-small: #{px-to-rem($ouds-font-size-body-small-tablet)};\n    --#{$prefix}font-line-height-display-large: #{divide($ouds-font-line-height-display-large-tablet, $ouds-font-size-display-large-tablet)};\n    --#{$prefix}font-line-height-display-medium: #{divide($ouds-font-line-height-display-medium-tablet, $ouds-font-size-display-medium-tablet)};\n    --#{$prefix}font-line-height-display-small: #{divide($ouds-font-line-height-display-small-tablet, $ouds-font-size-display-small-tablet)};\n    --#{$prefix}font-line-height-heading-xlarge: #{divide($ouds-font-line-height-heading-xlarge-tablet, $ouds-font-size-heading-xlarge-tablet)};\n    --#{$prefix}font-line-height-heading-large: #{divide($ouds-font-line-height-heading-large-tablet, $ouds-font-size-heading-large-tablet)};\n    --#{$prefix}font-line-height-heading-medium: #{divide($ouds-font-line-height-heading-medium-tablet, $ouds-font-size-heading-medium-tablet)};\n    --#{$prefix}font-line-height-heading-small: #{divide($ouds-font-line-height-heading-small-tablet, $ouds-font-size-heading-small-tablet)};\n    --#{$prefix}font-line-height-body-large: #{divide($ouds-font-line-height-body-large-tablet, $ouds-font-size-body-large-tablet)};\n    --#{$prefix}font-line-height-body-medium: #{divide($ouds-font-line-height-body-medium-tablet, $ouds-font-size-body-medium-tablet)};\n    --#{$prefix}font-line-height-body-small: #{divide($ouds-font-line-height-body-small-tablet, $ouds-font-size-body-small-tablet)};\n    --#{$prefix}font-letter-spacing-display-large: #{px-to-rem($ouds-font-letter-spacing-display-large-tablet)};\n    --#{$prefix}font-letter-spacing-display-medium: #{px-to-rem($ouds-font-letter-spacing-display-medium-tablet)};\n    --#{$prefix}font-letter-spacing-display-small: #{px-to-rem($ouds-font-letter-spacing-display-small-tablet)};\n    --#{$prefix}font-letter-spacing-heading-xlarge: #{px-to-rem($ouds-font-letter-spacing-heading-xlarge-tablet)};\n    --#{$prefix}font-letter-spacing-heading-large: #{px-to-rem($ouds-font-letter-spacing-heading-large-tablet)};\n    --#{$prefix}font-letter-spacing-heading-medium: #{px-to-rem($ouds-font-letter-spacing-heading-medium-tablet)};\n    --#{$prefix}font-letter-spacing-heading-small: #{px-to-rem($ouds-font-letter-spacing-heading-small-tablet)};\n    --#{$prefix}font-letter-spacing-body-large: #{px-to-rem($ouds-font-letter-spacing-body-large-tablet)};\n    --#{$prefix}font-letter-spacing-body-medium: #{px-to-rem($ouds-font-letter-spacing-body-medium-tablet)};\n    --#{$prefix}font-letter-spacing-body-small: #{px-to-rem($ouds-font-letter-spacing-body-small-tablet)};\n    --#{$prefix}font-max-width-display-large: #{px-to-rem($ouds-size-max-width-type-display-large-tablet)};\n    --#{$prefix}font-max-width-display-medium: #{px-to-rem($ouds-size-max-width-type-display-medium-tablet)};\n    --#{$prefix}font-max-width-display-small: #{px-to-rem($ouds-size-max-width-type-display-small-tablet)};\n    --#{$prefix}font-max-width-heading-xlarge: #{px-to-rem($ouds-size-max-width-type-heading-xlarge-tablet)};\n    --#{$prefix}font-max-width-heading-large: #{px-to-rem($ouds-size-max-width-type-heading-large-tablet)};\n    --#{$prefix}font-max-width-heading-medium: #{px-to-rem($ouds-size-max-width-type-heading-medium-tablet)};\n    --#{$prefix}font-max-width-heading-small: #{px-to-rem($ouds-size-max-width-type-heading-small-tablet)};\n    --#{$prefix}font-max-width-body-large: #{px-to-rem($ouds-size-max-width-type-body-large-tablet)};\n    --#{$prefix}font-max-width-body-medium: #{px-to-rem($ouds-size-max-width-type-body-medium-tablet)};\n    --#{$prefix}font-max-width-body-small: #{px-to-rem($ouds-size-max-width-type-body-small-tablet)};\n    --#{$prefix}font-max-width-label-small: #{px-to-rem($ouds-size-max-width-type-label-small-tablet)};\n    --#{$prefix}font-max-width-label-medium: #{px-to-rem($ouds-size-max-width-type-label-medium-tablet)};\n    --#{$prefix}font-max-width-label-large: #{px-to-rem($ouds-size-max-width-type-label-large-tablet)};\n    --#{$prefix}font-max-width-label-xlarge: #{px-to-rem($ouds-size-max-width-type-label-xlarge-tablet)};\n  }\n\n  @include media-breakpoint-up(xl) {\n    --#{$prefix}font-size-display-large: #{px-to-rem($ouds-font-size-display-large-desktop)};\n    --#{$prefix}font-size-display-medium: #{px-to-rem($ouds-font-size-display-medium-desktop)};\n    --#{$prefix}font-size-display-small: #{px-to-rem($ouds-font-size-display-small-desktop)};\n    --#{$prefix}font-size-heading-xlarge: #{px-to-rem($ouds-font-size-heading-xlarge-desktop)};\n    --#{$prefix}font-size-heading-large: #{px-to-rem($ouds-font-size-heading-large-desktop)};\n    --#{$prefix}font-size-heading-medium: #{px-to-rem($ouds-font-size-heading-medium-desktop)};\n    --#{$prefix}font-size-heading-small: #{px-to-rem($ouds-font-size-heading-small-desktop)};\n    --#{$prefix}font-size-body-large: #{px-to-rem($ouds-font-size-body-large-desktop)};\n    --#{$prefix}font-size-body-medium: #{px-to-rem($ouds-font-size-body-medium-desktop)};\n    --#{$prefix}font-size-body-small: #{px-to-rem($ouds-font-size-body-small-desktop)};\n    --#{$prefix}font-line-height-display-large: #{divide($ouds-font-line-height-display-large-desktop, $ouds-font-size-display-large-desktop)};\n    --#{$prefix}font-line-height-display-medium: #{divide($ouds-font-line-height-display-medium-desktop, $ouds-font-size-display-medium-desktop)};\n    --#{$prefix}font-line-height-display-small: #{divide($ouds-font-line-height-display-small-desktop, $ouds-font-size-display-small-desktop)};\n    --#{$prefix}font-line-height-heading-xlarge: #{divide($ouds-font-line-height-heading-xlarge-desktop, $ouds-font-size-heading-xlarge-desktop)};\n    --#{$prefix}font-line-height-heading-large: #{divide($ouds-font-line-height-heading-large-desktop, $ouds-font-size-heading-large-desktop)};\n    --#{$prefix}font-line-height-heading-medium: #{divide($ouds-font-line-height-heading-medium-desktop, $ouds-font-size-heading-medium-desktop)};\n    --#{$prefix}font-line-height-heading-small: #{divide($ouds-font-line-height-heading-small-desktop, $ouds-font-size-heading-small-desktop)};\n    --#{$prefix}font-line-height-body-large: #{divide($ouds-font-line-height-body-large-desktop, $ouds-font-size-body-large-desktop)};\n    --#{$prefix}font-line-height-body-medium: #{divide($ouds-font-line-height-body-medium-desktop, $ouds-font-size-body-medium-desktop)};\n    --#{$prefix}font-line-height-body-small: #{divide($ouds-font-line-height-body-small-desktop, $ouds-font-size-body-small-desktop)};\n    --#{$prefix}font-letter-spacing-display-large: #{px-to-rem($ouds-font-letter-spacing-display-large-desktop)};\n    --#{$prefix}font-letter-spacing-display-medium: #{px-to-rem($ouds-font-letter-spacing-display-medium-desktop)};\n    --#{$prefix}font-letter-spacing-display-small: #{px-to-rem($ouds-font-letter-spacing-display-small-desktop)};\n    --#{$prefix}font-letter-spacing-heading-xlarge: #{px-to-rem($ouds-font-letter-spacing-heading-xlarge-desktop)};\n    --#{$prefix}font-letter-spacing-heading-large: #{px-to-rem($ouds-font-letter-spacing-heading-large-desktop)};\n    --#{$prefix}font-letter-spacing-heading-medium: #{px-to-rem($ouds-font-letter-spacing-heading-medium-desktop)};\n    --#{$prefix}font-letter-spacing-heading-small: #{px-to-rem($ouds-font-letter-spacing-heading-small-desktop)};\n    --#{$prefix}font-letter-spacing-body-large: #{px-to-rem($ouds-font-letter-spacing-body-large-desktop)};\n    --#{$prefix}font-letter-spacing-body-medium: #{px-to-rem($ouds-font-letter-spacing-body-medium-desktop)};\n    --#{$prefix}font-letter-spacing-body-small: #{px-to-rem($ouds-font-letter-spacing-body-small-desktop)};\n    --#{$prefix}font-max-width-display-large: #{px-to-rem($ouds-size-max-width-type-display-large-desktop)};\n    --#{$prefix}font-max-width-display-medium: #{px-to-rem($ouds-size-max-width-type-display-medium-desktop)};\n    --#{$prefix}font-max-width-display-small: #{px-to-rem($ouds-size-max-width-type-display-small-desktop)};\n    --#{$prefix}font-max-width-heading-xlarge: #{px-to-rem($ouds-size-max-width-type-heading-xlarge-desktop)};\n    --#{$prefix}font-max-width-heading-large: #{px-to-rem($ouds-size-max-width-type-heading-large-desktop)};\n    --#{$prefix}font-max-width-heading-medium: #{px-to-rem($ouds-size-max-width-type-heading-medium-desktop)};\n    --#{$prefix}font-max-width-heading-small: #{px-to-rem($ouds-size-max-width-type-heading-small-desktop)};\n    --#{$prefix}font-max-width-body-large: #{px-to-rem($ouds-size-max-width-type-body-large-desktop)};\n    --#{$prefix}font-max-width-body-medium: #{px-to-rem($ouds-size-max-width-type-body-medium-desktop)};\n    --#{$prefix}font-max-width-body-small: #{px-to-rem($ouds-size-max-width-type-body-small-desktop)};\n    --#{$prefix}font-max-width-label-small: #{px-to-rem($ouds-size-max-width-type-label-small-desktop)};\n    --#{$prefix}font-max-width-label-medium: #{px-to-rem($ouds-size-max-width-type-label-medium-desktop)};\n    --#{$prefix}font-max-width-label-large: #{px-to-rem($ouds-size-max-width-type-label-large-desktop)};\n    --#{$prefix}font-max-width-label-xlarge: #{px-to-rem($ouds-size-max-width-type-label-xlarge-desktop)};\n  }\n  // scss-docs-end root-font-variables-ouds\n  // End mod\n\n  // Root and body\n  // scss-docs-start root-body-variables\n  @if $font-size-root != null {\n    --#{$prefix}root-font-size: #{$font-size-root};\n  }\n  --#{$prefix}body-font-family: #{inspect($font-family-base)};\n  --#{$prefix}body-font-size: #{$font-size-base};\n  --#{$prefix}body-font-weight: #{$font-weight-base};\n  --#{$prefix}body-line-height: #{$line-height-base};\n  --#{$prefix}body-letter-spacing: #{$letter-spacing-base}; // OUDS mod\n  @if $body-text-align != null {\n    --#{$prefix}body-text-align: #{$body-text-align};\n  }\n\n  @if $enable-bootstrap-compatibility {\n    --#{$prefix}body-color: #{$body-color};\n    --#{$prefix}body-color-rgb: #{to-rgb($body-color)};\n    --#{$prefix}body-bg: #{$body-bg};\n    --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};\n\n    --#{$prefix}emphasis-color: #{$body-emphasis-color};\n    --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color)};\n\n    --#{$prefix}secondary-color: #{$body-secondary-color};\n    --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color)};\n    --#{$prefix}secondary-bg: #{$body-secondary-bg};\n    --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg)};\n\n    --#{$prefix}tertiary-color: #{$body-tertiary-color};\n    --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)};\n    --#{$prefix}tertiary-bg: #{$body-tertiary-bg};\n    --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};\n  }\n  // scss-docs-end root-body-variables\n\n  --#{$prefix}heading-color: #{$headings-color};\n\n  @if $enable-bootstrap-compatibility {\n    --#{$prefix}link-color-rgb: #{to-rgb($link-color)};\n    --#{$prefix}link-decoration: #{$link-decoration};\n\n    --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)};\n\n    @if $link-hover-decoration != null {\n      --#{$prefix}link-hover-decoration: #{$link-hover-decoration};\n    }\n  }\n\n  @if $enable-bootstrap-compatibility {\n    --#{$prefix}code-color: #{$code-color};\n    --#{$prefix}highlight-color: #{$mark-color};\n    --#{$prefix}highlight-bg: #{$mark-bg};\n  }\n\n  // scss-docs-start root-border-var-ouds\n  --#{$prefix}border-width: #{$border-width};\n  --#{$prefix}border-style: #{$border-style};\n  --#{$prefix}border-color: #{$border-color};\n  @if $enable-bootstrap-compatibility {\n    --#{$prefix}border-color-translucent: #{$border-color-translucent};\n  }\n  // scss-docs-end root-border-var-ouds\n\n  // OUDS mod\n  // scss-docs-start root-space-scaled-var-ouds\n  --#{$prefix}space-scaled-none: #{$ouds-space-scaled-none-mobile};\n  --#{$prefix}space-scaled-3xsmall: #{$ouds-space-scaled-3xsmall-mobile};\n  --#{$prefix}space-scaled-2xsmall: #{$ouds-space-scaled-2xsmall-mobile};\n  --#{$prefix}space-scaled-xsmall: #{$ouds-space-scaled-xsmall-mobile};\n  --#{$prefix}space-scaled-small: #{$ouds-space-scaled-small-mobile};\n  --#{$prefix}space-scaled-medium: #{$ouds-space-scaled-medium-mobile};\n  --#{$prefix}space-scaled-large: #{$ouds-space-scaled-large-mobile};\n  --#{$prefix}space-scaled-xlarge: #{$ouds-space-scaled-xlarge-mobile};\n  --#{$prefix}space-scaled-2xlarge: #{$ouds-space-scaled-2xlarge-mobile};\n  --#{$prefix}space-scaled-3xlarge: #{$ouds-space-scaled-3xlarge-mobile};\n\n  @include media-breakpoint-up(md) {\n    --#{$prefix}space-scaled-none: #{$ouds-space-scaled-none-tablet};\n    --#{$prefix}space-scaled-3xsmall: #{$ouds-space-scaled-3xsmall-tablet};\n    --#{$prefix}space-scaled-2xsmall: #{$ouds-space-scaled-2xsmall-tablet};\n    --#{$prefix}space-scaled-xsmall: #{$ouds-space-scaled-xsmall-tablet};\n    --#{$prefix}space-scaled-small: #{$ouds-space-scaled-small-tablet};\n    --#{$prefix}space-scaled-medium: #{$ouds-space-scaled-medium-tablet};\n    --#{$prefix}space-scaled-large: #{$ouds-space-scaled-large-tablet};\n    --#{$prefix}space-scaled-xlarge: #{$ouds-space-scaled-xlarge-tablet};\n    --#{$prefix}space-scaled-2xlarge: #{$ouds-space-scaled-2xlarge-tablet};\n    --#{$prefix}space-scaled-3xlarge: #{$ouds-space-scaled-3xlarge-tablet};\n  }\n\n  @include media-breakpoint-up(xl) {\n    --#{$prefix}space-scaled-none: #{$ouds-space-scaled-none-desktop};\n    --#{$prefix}space-scaled-3xsmall: #{$ouds-space-scaled-3xsmall-desktop};\n    --#{$prefix}space-scaled-2xsmall: #{$ouds-space-scaled-2xsmall-desktop};\n    --#{$prefix}space-scaled-xsmall: #{$ouds-space-scaled-xsmall-desktop};\n    --#{$prefix}space-scaled-small: #{$ouds-space-scaled-small-desktop};\n    --#{$prefix}space-scaled-medium: #{$ouds-space-scaled-medium-desktop};\n    --#{$prefix}space-scaled-large: #{$ouds-space-scaled-large-desktop};\n    --#{$prefix}space-scaled-xlarge: #{$ouds-space-scaled-xlarge-desktop};\n    --#{$prefix}space-scaled-2xlarge: #{$ouds-space-scaled-2xlarge-desktop};\n    --#{$prefix}space-scaled-3xlarge: #{$ouds-space-scaled-3xlarge-desktop};\n  }\n  // scss-docs-end root-space-scaled-var-ouds\n\n  // scss-docs-start root-size-scaled-var-ouds\n  --#{$prefix}icon-small-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-small-mobile)};\n  --#{$prefix}icon-medium-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-medium-mobile)};\n  --#{$prefix}icon-large-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-large-mobile)};\n  --#{$prefix}icon-small-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-small-mobile)};\n  --#{$prefix}icon-medium-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-medium-mobile)};\n  --#{$prefix}icon-large-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-large-mobile)};\n  --#{$prefix}icon-small-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-small-mobile)};\n  --#{$prefix}icon-medium-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-medium-mobile)};\n  --#{$prefix}icon-large-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-large-mobile)};\n  --#{$prefix}icon-small-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-small-mobile)};\n  --#{$prefix}icon-medium-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-medium-mobile)};\n  --#{$prefix}icon-large-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-large-mobile)};\n  --#{$prefix}icon-small-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-small-mobile)};\n  --#{$prefix}icon-medium-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-medium-mobile)};\n  --#{$prefix}icon-large-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-large-mobile)};\n  --#{$prefix}icon-small-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-small-mobile)};\n  --#{$prefix}icon-medium-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-medium-mobile)};\n  --#{$prefix}icon-large-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-large-mobile)};\n  --#{$prefix}icon-small-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-small-mobile)};\n  --#{$prefix}icon-medium-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-medium-mobile)};\n  --#{$prefix}icon-large-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-large-mobile)};\n\n  @include media-breakpoint-up(md) {\n    --#{$prefix}icon-small-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-small-tablet)};\n    --#{$prefix}icon-medium-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-medium-tablet)};\n    --#{$prefix}icon-large-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-large-tablet)};\n    --#{$prefix}icon-small-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-small-tablet)};\n    --#{$prefix}icon-medium-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-medium-tablet)};\n    --#{$prefix}icon-large-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-large-tablet)};\n    --#{$prefix}icon-small-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-small-tablet)};\n    --#{$prefix}icon-medium-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-medium-tablet)};\n    --#{$prefix}icon-large-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-large-tablet)};\n    --#{$prefix}icon-small-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-small-tablet)};\n    --#{$prefix}icon-medium-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-medium-tablet)};\n    --#{$prefix}icon-large-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-large-tablet)};\n    --#{$prefix}icon-small-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-small-tablet)};\n    --#{$prefix}icon-medium-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-medium-tablet)};\n    --#{$prefix}icon-large-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-large-tablet)};\n    --#{$prefix}icon-small-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-small-tablet)};\n    --#{$prefix}icon-medium-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-medium-tablet)};\n    --#{$prefix}icon-large-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-large-tablet)};\n    --#{$prefix}icon-small-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-small-tablet)};\n    --#{$prefix}icon-medium-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-medium-tablet)};\n    --#{$prefix}icon-large-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-large-tablet)};\n  }\n\n  @include media-breakpoint-up(xl) {\n    --#{$prefix}icon-small-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-small-desktop)};\n    --#{$prefix}icon-medium-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-medium-desktop)};\n    --#{$prefix}icon-large-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-large-desktop)};\n    --#{$prefix}icon-small-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-small-desktop)};\n    --#{$prefix}icon-medium-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-medium-desktop)};\n    --#{$prefix}icon-large-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-large-desktop)};\n    --#{$prefix}icon-small-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-small-desktop)};\n    --#{$prefix}icon-medium-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-medium-desktop)};\n    --#{$prefix}icon-large-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-large-desktop)};\n    --#{$prefix}icon-small-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-small-desktop)};\n    --#{$prefix}icon-medium-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-medium-desktop)};\n    --#{$prefix}icon-large-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-large-desktop)};\n    --#{$prefix}icon-small-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-small-desktop)};\n    --#{$prefix}icon-medium-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-medium-desktop)};\n    --#{$prefix}icon-large-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-large-desktop)};\n    --#{$prefix}icon-small-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-small-desktop)};\n    --#{$prefix}icon-medium-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-medium-desktop)};\n    --#{$prefix}icon-large-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-large-desktop)};\n    --#{$prefix}icon-small-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-small-desktop)};\n    --#{$prefix}icon-medium-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-medium-desktop)};\n    --#{$prefix}icon-large-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-large-desktop)};\n  }\n  // scss-docs-end root-size-scaled-var-ouds\n  // End mod\n\n  // scss-docs-start root-border-var\n  @if $enable-bootstrap-compatibility {\n    --#{$prefix}border-radius: #{$border-radius};\n    --#{$prefix}border-radius-sm: #{$border-radius-sm};\n    --#{$prefix}border-radius-lg: #{$border-radius-lg};\n    --#{$prefix}border-radius-xl: #{$border-radius-xl};\n    --#{$prefix}border-radius-xxl: #{$border-radius-xxl};\n    --#{$prefix}border-radius-2xl: var(--#{$prefix}border-radius-xxl); // Deprecated in Bootstrap v5.3.0 for consistency\n    --#{$prefix}border-radius-pill: #{$border-radius-pill};\n  }\n  // scss-docs-end root-border-var\n\n  @if $enable-bootstrap-compatibility {\n    --#{$prefix}box-shadow: #{$box-shadow};\n    --#{$prefix}box-shadow-sm: #{$box-shadow-sm};\n    --#{$prefix}box-shadow-lg: #{$box-shadow-lg};\n    --#{$prefix}box-shadow-inset: #{$box-shadow-inset};\n  }\n\n  // Focus styles\n  // scss-docs-start root-focus-variables\n  --#{$prefix}focus-ring-width: #{$focus-ring-width};\n  --#{$prefix}focus-ring-opacity: #{$focus-ring-opacity};\n  --#{$prefix}focus-ring-color: #{$focus-ring-color};\n  // scss-docs-end root-focus-variables\n\n  // scss-docs-start root-form-validation-variables\n  @if $enable-bootstrap-compatibility {\n    --#{$prefix}form-valid-color: #{$form-valid-color};\n    --#{$prefix}form-valid-border-color: #{$form-valid-border-color};\n    --#{$prefix}form-invalid-color: #{$form-invalid-color};\n    --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color};\n  }\n  // scss-docs-end root-form-validation-variables\n\n  --#{$prefix}form-color-disabled-filter: #{$form-color-disabled-filter}; // OUDS mod\n  --#{$prefix}form-select-indicator: #{$form-select-indicator}; // OUDS mod\n  --#{$prefix}form-select-disabled-indicator: #{$form-select-disabled-indicator}; // OUDS mod\n\n  // OUDS mod\n  // Table-specific styles\n  --#{$prefix}table-active-bg-factor: #{$table-active-bg-factor};\n  --#{$prefix}table-hover-bg-factor: #{$table-hover-bg-factor};\n  --#{$prefix}table-striped-bg-factor: #{$table-striped-bg-factor};\n  // End mod\n\n  // OUDS mod\n  // Grid specific spacings\n  @each $breakpoint, $gutter in $grid-gutter-widths {\n    @include media-breakpoint-up($breakpoint) {\n      --#{$prefix}grid-gap: #{$gutter};\n    }\n  }\n  @each $breakpoint, $container-fluid-marg in $container-fluid-margin {\n    @include media-breakpoint-up($breakpoint) {\n      --#{$prefix}grid-margin: #{$container-fluid-marg};\n    }\n  }\n  // End mod\n}\n\n@if $enable-dark-mode {\n  @include color-mode(dark, true) {\n    color-scheme: dark;\n\n    // scss-docs-start root-dark-mode-vars\n    @if $enable-bootstrap-compatibility {\n      --#{$prefix}body-color: #{$body-color-dark};\n      --#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)};\n      --#{$prefix}body-bg: #{$body-bg-dark};\n      --#{$prefix}body-bg-rgb: #{to-rgb($body-bg-dark)};\n\n      --#{$prefix}emphasis-color: #{$body-emphasis-color-dark};\n      --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};\n\n      --#{$prefix}secondary-color: #{$body-secondary-color-dark};\n      --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color-dark)};\n      --#{$prefix}secondary-bg: #{$body-secondary-bg-dark};\n      --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg-dark)};\n\n      --#{$prefix}tertiary-color: #{$body-tertiary-color-dark};\n      --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color-dark)};\n      --#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark};\n      --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)};\n\n      // OUDS mod\n      @each $color, $value in $theme-colors-dark {\n        --#{$prefix}#{$color}: #{$value};\n      }\n\n      @each $color, $value in $theme-colors-rgb-dark {\n        --#{$prefix}#{$color}-rgb: #{$value};\n      }\n      // End mod\n\n      @each $color, $value in $theme-colors-text-dark {\n        --#{$prefix}#{$color}-text-emphasis: #{$value};\n      }\n\n      @each $color, $value in $theme-colors-bg-subtle-dark {\n        --#{$prefix}#{$color}-bg-subtle: #{$value};\n      }\n\n      @each $color, $value in $theme-colors-border-subtle-dark {\n        --#{$prefix}#{$color}-border-subtle: #{$value};\n      }\n    }\n\n    --#{$prefix}heading-color: #{$headings-color-dark};\n\n    @if $enable-bootstrap-compatibility {\n      --#{$prefix}link-color-rgb: #{to-rgb($link-color-dark)};\n      --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)};\n\n      --#{$prefix}code-color: #{$code-color-dark};\n      --#{$prefix}highlight-color: #{$mark-color-dark};\n      --#{$prefix}highlight-bg: #{$mark-bg-dark};\n    }\n\n    --#{$prefix}border-color: #{$border-color-dark};\n    @if $enable-bootstrap-compatibility {\n      --#{$prefix}border-color-translucent: #{$border-color-translucent-dark};\n    }\n\n    --#{$prefix}focus-ring-color: #{$focus-ring-color-dark}; // OUDS mod\n\n    @if $enable-bootstrap-compatibility {\n      --#{$prefix}form-valid-color: #{$form-valid-color-dark};\n      --#{$prefix}form-valid-border-color: #{$form-valid-border-color-dark};\n      --#{$prefix}form-invalid-color: #{$form-invalid-color-dark};\n      --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color-dark};\n    }\n    --#{$prefix}form-select-indicator: #{$form-select-indicator-dark}; // OUDS mod\n    --#{$prefix}form-select-disabled-indicator: #{$form-select-disabled-indicator-dark}; // OUDS mod\n    --#{$prefix}form-color-disabled-filter: #{$form-color-disabled-filter-dark};\n\n    // OUDS mod\n    // Table-specific styles\n    --#{$prefix}table-active-bg-factor: #{$table-active-bg-factor-dark};\n    --#{$prefix}table-hover-bg-factor: #{$table-hover-bg-factor-dark};\n    --#{$prefix}table-striped-bg-factor: #{$table-striped-bg-factor-dark};\n    // End mod\n    // scss-docs-end root-dark-mode-vars\n  }\n}\n\n// Top level modifier for rounded corners on textual inputs\n.use-rounded-corner-inputs {\n  --#{$prefix}text-input-border-radius: #{$ouds-text-input-border-radius-rounded} !important; // stylelint-disable-line declaration-no-important\n}\n","@use \"sass:list\";\n@use \"sass:string\";\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (2xs: 0, xs: 390px, sm: 480px, md: 736px, lg: 1024px, xl: 1320px, 2xl: 1640px, 3xl: 1880px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (2xs: 0, xs: 390px, sm: 480px, md: 736px, lg: 1024px, xl: 1320px, 2xl: 1640px, 3xl: 1880px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (2xs xs sm md lg xl 2xl 3xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (2xs: 0, xs: 390px, sm: 480px, md: 736px, lg: 1024px, xl: 1320px, 2xl: 1640px, 3xl: 1880px))\n//    736px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (2xs: 0, xs: 390px, sm: 480px, md: 736px, lg: 1024px, xl: 1320px, 2xl: 1640px, 3xl: 1880px))\n//    735.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// OUDS mod\n// Escape a name for use at the start of a CSS identifier.\n// Leading digits are hex-escaped (e.g., 2xl becomes \\32 xl).\n@function css-escape-ident($name) {\n  $name-str: \"#{$name}\";\n  $digits: \"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\";\n  $first: string.slice($name-str, 1, 1);\n\n  @if list.index($digits, $first) {\n    @return \"\\\\3#{$first} #{string.slice($name-str, 2)}\";\n  }\n\n  @return $name-str;\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name\n// with an escaped colon as a Tailwind-style prefix for responsive class names.\n// Leading digits are CSS-escaped (e.g., 2xl becomes \\32 xl) for valid identifiers.\n//\n//    >> breakpoint-prefix(xs, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-prefix(sm, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    \"sm\\:\"\n//    >> breakpoint-prefix(2xl, (xs: 0, sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px))\n//    \"\\32 xl\\:\"\n@function breakpoint-prefix($name, $breakpoints: $breakpoints) {\n  @if breakpoint-min($name, $breakpoints) == null {\n    @return \"\";\n  }\n\n  @return \"#{css-escape-ident($name)}\\\\:\";\n}\n// End mod\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(2xs, (2xs: 0, xs: 390px, sm: 480px, md: 736px, lg: 1024px, xl: 1320px, 2xl: 1640px, 3xl: 1880px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (2xs: 0, xs: 390px, sm: 480px, md: 736px, lg: 1024px, xl: 1320px, 2xl: 1640px, 3xl: 1880px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// OUDS mod\n// Get the breakpoint name if any corresponding to a given width\n@function get-breakpoint-from-width($width: $ouds-grid-2xl-max-width-alt, $breakpoints: $grid-breakpoints) {\n  $breakpoint-if-any: \"\";\n  @each $breakpoint, $value in $grid-breakpoints {\n    @if $width >= $value {\n      $breakpoint-if-any: $breakpoint;\n    }\n  }\n  @return $breakpoint-if-any;\n}\n// End mod\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n#{$ouds-root-selector} { // OUDS mod: instead of `:root`\n  @if $font-size-root != null {\n    font-size: var(--#{$prefix}root-font-size);\n  }\n\n  // OUDS mod: Improve focus visibility when fixed/sticky header is used\n  // See https://caniuse.com/?search=scroll-padding\n  // scss-docs-start scroll-offset\n  @if $enable-fixed-header {\n    scroll-padding-top: $scroll-offset-top * .5;\n\n    @include media-breakpoint-up(lg) {\n      scroll-padding-top: $scroll-offset-top;\n    }\n  }\n\n  @if $enable-smooth-scroll {\n    @media (prefers-reduced-motion: no-preference) {\n      scroll-behavior: smooth;\n    }\n  }\n  // scss-docs-end scroll-offset\n  // End mod\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n// 5. Prevent faux-bold/italic especially for some RTL fonts\n//    See https://developer.mozilla.org/fr/docs/Web/CSS/font-synthesis\n\n// scss-docs-start reboot-body-rules\n#{$ouds-root-selector} > * { // OUDS mod: instead of `body`\n  position: relative; // OUDS mod: required for back-to-top component\n  margin: 0; // 1\n  font-family: var(--#{$prefix}body-font-family);\n  font-synthesis: none; // OUDS mod // 5\n  font-size: var(--#{$prefix}body-font-size);\n  font-weight: var(--#{$prefix}body-font-weight);\n  line-height: var(--#{$prefix}body-line-height);\n  color: var(--#{$prefix}color-content-default); // OUDS mod: instead of `var(--#{$prefix}body-color)`\n  text-align: var(--#{$prefix}body-text-align);\n\n  /* rtl:remove */\n  letter-spacing: var(--#{$prefix}body-letter-spacing); // OUDS mod\n  background-color: var(--#{$prefix}color-bg-primary); // 2 // OUDS mod: instead of `var(--#{$prefix}body-bg)`\n  -webkit-text-size-adjust: 100%; // 3\n  -webkit-tap-highlight-color: rgba($black, 0); // 4\n  -webkit-font-smoothing: subpixel-antialiased; // OUDS mod\n  text-rendering: optimizespeed; // OUDS mod\n}\n// scss-docs-end reboot-body-rules\n\n\n// OUDS mod: focus state\n// scss-docs-start focus-visibility\n:focus-visible {\n  @include focus-visible();\n}\n// scss-docs-end focus-visibility\n// End mod\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n\nhr {\n  margin: $hr-margin-y 0;\n  color: $hr-color; // 1\n  border: 0;\n  border-top: $hr-border-width solid $hr-border-color;\n  opacity: $hr-opacity;\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n//    By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n//    margin for easier control within type scales as it avoids margin collapsing.\n\n// scss-docs-start ouds-font-implementation\n%heading {\n  margin-top: 0; // 1\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-style: $headings-font-style;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: var(--#{$prefix}heading-color);\n\n  /* rtl:remove */\n  -webkit-font-smoothing: antialiased;  // OUDS mod\n  -moz-osx-font-smoothing: grayscale;   // OUDS mod\n  text-rendering: optimizelegibility;   // OUDS mod\n}\n\nh1 {\n  @extend %heading;\n  @include get-font-size(\"heading-xlarge\"); // OUDS mod: instead of `font-size: $h1-font-size`\n}\n\nh2 {\n  @extend %heading;\n  @include get-font-size(\"heading-large\"); // OUDS mod: instead of `font-size: $h2-font-size`\n}\n\nh3 {\n  @extend %heading;\n  @include get-font-size(\"heading-medium\"); // OUDS mod: instead of `font-size: $h3-font-size`\n}\n\nh4 {\n  @extend %heading;\n  @include get-font-size(\"heading-small\"); // OUDS mod: instead of `font-size: $h4-font-size`\n}\n\nh5 {\n  @extend %heading;\n  @include get-font-size(\"body-large\"); // OUDS mod: instead of `font-size: $h5-font-size`\n}\n\nh6 {\n  @extend %heading;\n  @include get-font-size(\"body-medium\"); // OUDS mod: instead of `font-size: $h6-font-size`\n}\n// scss-docs-end ouds-font-implementation\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n  @include get-font-size(\"body-medium\"); // OUDS mod\n}\n\n\n// Abbreviations\n//\n// 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 2. Add explicit cursor to indicate changed behavior.\n// 3. Prevent the text-decoration to be skipped.\n\nabbr[title] {\n  text-decoration: underline dotted; // 1\n  cursor: help; // 2\n  text-decoration-skip-ink: none; // 3\n}\n\n\n// Address\n\naddress {\n  margin-bottom: $ouds-space-fixed-medium; // OUDS mod: instead of `1rem`\n  font-style: normal;\n  line-height: inherit;\n}\n\n\n// Lists\n\n// OUDS mod: no padding-left on ol and ul\n\nol,\nul,\ndl {\n  max-width: var(--#{$prefix}font-max-width-body-medium);\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\n// OUDS mod\n// Orange square list-style\n// stylelint-disable selector-max-type\nul {\n  list-style-type: square;\n\n  ul {\n    list-style-type: \"-  \";\n\n    ul {\n      list-style-type: circle;\n    }\n  }\n}\nol ol {\n  list-style-type: upper-alpha;\n\n  ol {\n    list-style-type: lower-alpha;\n  }\n}\n// stylelint-enable selector-max-type\n\nli {\n  &::marker {\n    color: var(--#{$prefix}color-content-brand-primary);\n  }\n}\n\nol li::marker {\n  color: inherit;\n}\n// End mod\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n  margin: 0 0 $ouds-space-fixed-medium; // OUDS mod: instead of `0 0 1rem`\n}\n\n// OUDS mod: No italic\ni,\nem,\ncite {\n  font-style: normal; // OUDS mod: remove italic.\n}\n// End mod\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nem, // OUDS mod\nstrong {\n  font-weight: $font-weight-bold; // OUDS mod: ensure 700\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n  @include get-font-size(\"body-small\"); // OUDS mod: instead of `font-size: $small-font-size`\n}\n\n\n// Mark\n\nmark {\n  padding: $mark-padding;\n  color: var(--#{$prefix}color-content-on-action-highlighted); // OUDS mod: instead of `var(--#{$prefix}highlight-color)`\n  background-color: var(--#{$prefix}color-action-highlighted); // OUDS mod: instead of `var(--#{$prefix}highlight-bg)`\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n  position: relative;\n  font-size: $sub-sup-font-size;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\n// OUDS mod: define link properties in a placeholder to be reused in link component\n%link-properties {\n  font-weight: $link-font-weight; // OUDS mod\n  color: var(--#{$prefix}link-color); // OUDS mod: instead of rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, 1));\n  text-decoration: $link-decoration;\n\n  &:hover {\n    color: var(--#{$prefix}link-hover-color); // OUDS mod\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus-visible:where(:not([aria-disabled=\"true\"])) {\n    color: var(--#{$prefix}link-focus-color);\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:active {\n    color: var(--#{$prefix}link-active-color);\n    text-decoration: $link-hover-decoration;\n  }\n\n  &[aria-disabled=\"true\"] {\n    color: var(--#{$prefix}link-disabled-color);\n    pointer-events: none;\n  }\n}\n// End mod\n\na {\n  // OUDS mod: use link properties placeholder\n  @extend %link-properties;\n}\n\n.visited-links a:visited:not(.link, .link-chevron, .icon-link, :hover, :active, :focus-visible),\na:visited.visited-links:not(.link, .link-chevron, .icon-link, :hover, :active, :focus-visible) {\n  color: var(--#{$prefix}link-visited-color);\n}\n\n.colored-bg a,\na.colored-bg {\n  --#{$prefix}link-color: #{$ouds-link-mono-color-content-enabled};\n  --#{$prefix}link-hover-color: #{$ouds-link-mono-color-content-hover};\n  --#{$prefix}link-focus-color: #{$ouds-link-mono-color-content-focus};\n  --#{$prefix}link-active-color: #{$ouds-link-mono-color-content-pressed};\n  --#{$prefix}link-disabled-color: #{$ouds-link-mono-color-content-disabled};\n  --#{$prefix}link-visited-color: #{$ouds-link-mono-color-content-enabled};\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]):not([aria-disabled=\"true\"]) { // OUDS mod: Added `:not([aria-disabled=\"true])`\n  &,\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n// Code\n\nvar, // OUDS mod\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-code;\n  font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n  display: block;\n  margin-top: 0; // 1\n  margin-bottom: $ouds-space-fixed-medium; // 2 // OUDS mod: instead of `1rem`\n  overflow: auto; // 3\n  @include get-font-size(\"code-medium\"); // OUDS mod: instead of `font-size: $code-font-size`\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    font-size: inherit;\n    color: inherit;\n    word-break: normal;\n  }\n}\n\nvar, // OUDS mod\ncode {\n  font-size: $code-font-size;\n  font-style: normal; // OUDS mod: <var> is italic in all browsers\n  color: var(--#{$prefix}color-content-muted);\n  word-wrap: break-word;\n}\n\n// Streamline the style when inside anchors to avoid broken underline and more\na > :is(var, code) {\n  color: inherit;\n}\n\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  font-size: $kbd-font-size;\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm, $border-radius-sm); // OUDS mod: instead of `@include border-radius($border-radius-sm)`\n\n  kbd {\n    padding: 0;\n    font-size: 1em;\n    font-weight: $nested-kbd-font-weight;\n  }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n  margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n  vertical-align: middle;\n}\n\n\n// Tables\n//\n// 1. Prevent double borders\n// 2. Ensure horizontal alignment in table when using numbers\n//    See https://x.com/wesbos/status/932644812582522880\n//    See https://caniuse.com/#feat=font-variant-numeric\n//    See https://caniuse.com/#feat=font-feature\n//    See https://helpx.adobe.com/fonts/using/open-type-syntax.html#tnum\n\ntable {\n  font-feature-settings: \"tnum\";      // OUDS mod: 2\n  font-variant-numeric: tabular-nums; // OUDS mod: 2\n  caption-side: top;                  // OUDS mod\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: $table-caption-padding-y;\n  padding-bottom: $table-caption-padding-y;\n  @include get-font-size(\"heading-small\"); // OUDS mod\n  font-weight: $font-weight-bold; // OUDS mod\n  color: $table-caption-color;\n  text-align: left;\n  -webkit-font-smoothing: antialiased;  // OUDS mod\n  -moz-osx-font-smoothing: grayscale;   // OUDS mod\n  text-rendering: optimizelegibility;   // OUDS mod\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n  border-color: inherit;\n  border-style: solid;\n  border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n  display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n//\n// This rule is not applied with the focus ring utility which handles\n// itself outline and box shadow\n\nbutton:focus:not(:focus-visible):not(.focus-ring) {\n  outline: 0;\n  box-shadow: none; // Bosted mod\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // 1\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n\n  /* rtl:remove */\n  letter-spacing: inherit; // OUDS mod\n  box-shadow: none; // OUDS mod: prevent native validation styles to apply\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n  text-transform: none;\n}\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\nselect {\n  // Remove the inheritance of word-wrap in Safari.\n  // See https://github.com/twbs/bootstrap/issues/24990\n  word-wrap: normal;\n\n  // Undo the opacity change from Chrome\n  &:disabled {\n    opacity: 1;\n  }\n}\n\n// Remove the dropdown arrow only from text type inputs built with datalists in Chrome.\n// See https://stackoverflow.com/a/54997118\n\n[list]:not([type=\"date\"]):not([type=\"datetime-local\"]):not([type=\"month\"]):not([type=\"week\"]):not([type=\"time\"])::-webkit-calendar-picker-indicator {\n  display: none !important;\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\n// 3. Opinionated: add \"hand\" cursor to non-disabled button elements.\n\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n\n  @if $enable-button-pointers {\n    &:not(:disabled) {\n      cursor: pointer; // 3\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.\n\ntextarea {\n  resize: vertical; // 1\n}\n\n// 1. Browsers set a default `min-inline-size: min-content;` on fieldsets,\n//    unlike e.g. `<div>`s, which have `min-inline-size: 0;` by default.\n//    So we reset that to ensure fieldsets behave more like a standard block element.\n//    See https://github.com/twbs/bootstrap/issues/12359\n//    and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n// 2. Reset the default outline behavior of fieldsets so they don't affect page layout.\n\nfieldset {\n  min-inline-size: 0; // 1\n  padding: 0; // 2\n  margin: 0; // 2\n  border: 0; // 2\n}\n\n// 1. By using `float: left`, the legend will behave like a block element.\n//    This way the border of a fieldset wraps around the legend if present.\n// 2. Fix wrapping bug.\n//    See https://github.com/twbs/bootstrap/issues/29712\n\nlegend {\n  float: left; // 1\n  padding: 0;\n  margin-bottom: $legend-margin-bottom;\n  font-weight: $legend-font-weight;\n  // OUDS mod: no line-height\n  @include get-font-size(\"body-large\"); // OUDS mod: instead of `font-size: $legend-font-size`\n\n  + * {\n    clear: left; // 2\n  }\n}\n\n// Fix height of inputs with a type of datetime-local, date, month, week, or time\n// See https://github.com/twbs/bootstrap/issues/18842\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button {\n  height: auto;\n}\n\n// 1. This overrides the extra rounded corners on search inputs in iOS so that our\n//    `.form-control` class can properly style them. Note that this cannot simply\n//    be added to `.form-control` as it's not specific enough. For details, see\n//    https://github.com/twbs/bootstrap/issues/11586.\n// 2. Correct the outline style in Safari.\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -#{$focus-visible-outer-offset}; // 2 // OUDS mod\n\n  // 3. Better affordance and consistent appearance for search cancel button\n  &::-webkit-search-cancel-button {\n    cursor: pointer;\n    filter: grayscale(1);\n  }\n}\n\n// 1. A few input types should stay LTR\n// See https://rtlstyling.com/posts/rtl-styling#form-inputs\n// 2. RTL only output\n// See https://rtlcss.com/learn/usage-guide/control-directives/#raw\n\n/* rtl:raw:\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n  direction: ltr;\n}\n*/\n\n// Remove the inner padding in Chrome and Safari on macOS.\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// Remove padding around color pickers in webkit browsers\n\n::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n\n// 1. Inherit font family and line height for file input buttons\n// 2. Correct the inability to style clickable types in iOS and Safari.\n\n::file-selector-button {\n  font: inherit; // 1\n  -webkit-appearance: button; // 2\n}\n\n// Correct element displays\n\noutput {\n  display: inline-block;\n}\n\n// Remove border from iframe\n\niframe {\n  border: 0;\n}\n\n// Summary\n//\n// 1. Add the correct display in all browsers\n\nsummary {\n  display: list-item; // 1\n  cursor: pointer;\n}\n\n\n// Progress\n//\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\nprogress {\n  vertical-align: baseline;\n}\n\n\n// Hidden attribute\n//\n// Always hide an element with the `hidden` HTML attribute.\n\n[hidden] {\n  display: none !important;\n}\n\n// OUDS mod\n// Selection\n::selection {\n  color: var(--#{$prefix}color-content-on-action-highlighted);\n  background-color: var(--#{$prefix}color-action-highlighted);\n}\n\n// Dialog\ndialog,\n[popover] {\n  padding: 0;\n  overflow: visible;\n  background: unset;\n  border: 0;\n}\n\n:not([popover])::backdrop {\n  background-color: $modal-backdrop-bg;\n  opacity: $modal-backdrop-opacity;\n}\n// End mod\n","// scss-docs-start focus-visible\n@mixin focus-visible($color: var(--#{$prefix}color-border-focus), $width: $focus-visible-outer-width, $offset: $focus-visible-outer-offset, $box-width: $focus-visible-inner-width, $box-color: var(--#{$prefix}color-border-focus-inset)) {\n  isolation: isolate;\n  outline: $width solid $color;\n  outline-offset: $offset;\n  box-shadow: 0 0 0 $box-width $box-color;\n  @include transition($transition-focus);\n}\n// scss-docs-end focus-visible\n","// scss-docs-start ouds-mixin-font\n// $font-size-ref can be one of: \"code-medium\", \"label-small\", \"label-medium\", \"label-large\", \"label-xlarge\", \"body-small\", \"body-medium\", \"body-large\", \"heading-small\", \"heading-medium\", \"heading-large\", \"heading-xlarge\", \"display-small\", \"display-medium\", \"display-large\"\n\n@mixin get-font-size($font-size-ref: \"display-large\") {\n  @if str-slice($font-size-ref, 1, 5) != \"label\" and str-slice($font-size-ref, 1, 4) != \"code\" {\n    max-width: var(--#{$prefix}font-max-width-#{$font-size-ref});\n  }\n  font-size: var(--#{$prefix}font-size-#{$font-size-ref});\n  line-height: var(--#{$prefix}font-line-height-#{$font-size-ref});\n\n  /* rtl:remove */\n  letter-spacing: var(--#{$prefix}font-letter-spacing-#{$font-size-ref});\n}\n// scss-docs-end ouds-mixin-font\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n// scss-docs-end border-radius-mixins\n"]}