/*! * dynamic-framework 1.19.0 * bootstrap ^5.3.3 * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md */ /* stylelint-disable scss/dollar-variable-default */ :root, [data-bs-theme=dynamic] { --bs-blue-rgb: 0, 51, 153; --bs-indigo-rgb: 72, 72, 183; --bs-purple-rgb: 82, 82, 152; --bs-pink-rgb: 230, 0, 99; --bs-red-rgb: 255, 42, 0; --bs-orange-rgb: 211, 47, 47; --bs-yellow-rgb: 238, 169, 39; --bs-green-rgb: 5, 137, 92; --bs-teal-rgb: 32, 201, 151; --bs-cyan-rgb: 13, 202, 240; --bs-black-rgb: 0, 0, 0; --bs-white-rgb: 255, 255, 255; --bs-gray-rgb: 109, 109, 130; --bs-gray-dark-rgb: 54, 55, 68; --bs-gray-100-rgb: 217, 219, 224; --bs-gray-200-rgb: 179, 183, 192; --bs-gray-300-rgb: 142, 147, 160; --bs-gray-400-rgb: 105, 112, 128; --bs-gray-500-rgb: 68, 76, 96; --bs-gray-600-rgb: 55, 61, 76; --bs-gray-700-rgb: 42, 46, 57; --bs-gray-800-rgb: 28, 31, 38; --bs-gray-900-rgb: 14, 15, 19; --bs-gray-soft-rgb: 246, 246, 247; --bs-primary-soft-rgb: 245, 253, 249; --bs-secondary-soft-rgb: 243, 247, 254; --bs-primary-100-rgb: 214, 246, 230; --bs-primary-200-rgb: 173, 236, 205; --bs-primary-300-rgb: 135, 225, 179; --bs-primary-400-rgb: 97, 212, 154; --bs-primary-500-rgb: var(--bs-primary-rgb); --bs-primary-600-rgb: 52, 156, 103; --bs-primary-700-rgb: 41, 115, 77; --bs-primary-800-rgb: 29, 75, 52; --bs-primary-900-rgb: 15, 37, 26; --bs-secondary-100-rgb: 207, 224, 250; --bs-secondary-200-rgb: 160, 194, 244; --bs-secondary-300-rgb: 116, 163, 235; --bs-secondary-400-rgb: 73, 134, 225; --bs-secondary-500-rgb: var(--bs-secondary-rgb); --bs-secondary-600-rgb: 29, 84, 167; --bs-secondary-700-rgb: 25, 64, 122; --bs-secondary-800-rgb: 18, 43, 80; --bs-secondary-900-rgb: 10, 22, 39; --bs-success-100-rgb: 204, 234, 223; --bs-success-200-rgb: 153, 212, 191; --bs-success-300-rgb: 102, 188, 159; --bs-success-400-rgb: 52, 163, 125; --bs-success-500-rgb: var(--bs-success-rgb); --bs-success-600-rgb: 7, 107, 73; --bs-success-700-rgb: 7, 78, 54; --bs-success-800-rgb: 6, 51, 36; --bs-success-900-rgb: 4, 25, 18; --bs-info-100-rgb: 204, 213, 238; --bs-info-200-rgb: 153, 172, 219; --bs-info-300-rgb: 102, 131, 198; --bs-info-400-rgb: 51, 91, 177; --bs-info-500-rgb: var(--bs-info-rgb); --bs-info-600-rgb: 3, 42, 119; --bs-info-700-rgb: 5, 32, 87; --bs-info-800-rgb: 5, 22, 57; --bs-info-900-rgb: 3, 11, 28; --bs-warning-100-rgb: 255, 239, 208; --bs-warning-200-rgb: 254, 222, 163; --bs-warning-300-rgb: 251, 205, 119; --bs-warning-400-rgb: 245, 187, 78; --bs-warning-500-rgb: var(--bs-warning-rgb); --bs-warning-600-rgb: 186, 134, 35; --bs-warning-700-rgb: 137, 100, 29; --bs-warning-800-rgb: 89, 66, 22; --bs-warning-900-rgb: 44, 33, 12; --bs-danger-100-rgb: 255, 209, 204; --bs-danger-200-rgb: 255, 165, 153; --bs-danger-300-rgb: 255, 122, 102; --bs-danger-400-rgb: 255, 81, 51; --bs-danger-500-rgb: var(--bs-danger-rgb); --bs-danger-600-rgb: 199, 37, 5; --bs-danger-700-rgb: 145, 30, 8; --bs-danger-800-rgb: 94, 22, 8; --bs-danger-900-rgb: 46, 12, 5; --bs-btn-border-radius: var(--bs-border-radius-sm); --bs-btn-lg-border-radius: var(--bs-border-radius); --bs-btn-sm-border-radius: var(--bs-border-radius-sm); --bs-blue: rgb(var(--bs-blue-rgb)); --bs-indigo: rgb(var(--bs-indigo-rgb)); --bs-purple: rgb(var(--bs-purple-rgb)); --bs-pink: rgb(var(--bs-pink-rgb)); --bs-red: rgb(var(--bs-red-rgb)); --bs-orange: rgb(var(--bs-orange-rgb)); --bs-yellow: rgb(var(--bs-yellow-rgb)); --bs-green: rgb(var(--bs-green-rgb)); --bs-teal: rgb(var(--bs-teal-rgb)); --bs-cyan: rgb(var(--bs-cyan-rgb)); --bs-black: rgb(var(--bs-black-rgb)); --bs-white: rgb(var(--bs-white-rgb)); --bs-gray: rgb(var(--bs-gray-rgb)); --bs-gray-dark: rgb(var(--bs-gray-dark-rgb)); --bs-gray-100: rgb(var(--bs-gray-100-rgb)); --bs-gray-200: rgb(var(--bs-gray-200-rgb)); --bs-gray-300: rgb(var(--bs-gray-300-rgb)); --bs-gray-400: rgb(var(--bs-gray-400-rgb)); --bs-gray-500: rgb(var(--bs-gray-500-rgb)); --bs-gray-600: rgb(var(--bs-gray-600-rgb)); --bs-gray-700: rgb(var(--bs-gray-700-rgb)); --bs-gray-800: rgb(var(--bs-gray-800-rgb)); --bs-gray-900: rgb(var(--bs-gray-900-rgb)); --bs-gray-soft: rgb(var(--bs-gray-soft-rgb)); --bs-primary-soft: rgb(var(--bs-primary-soft-rgb)); --bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb)); --bs-primary: rgb(var(--bs-primary-rgb)); --bs-secondary: rgb(var(--bs-secondary-rgb)); --bs-success: rgb(var(--bs-success-rgb)); --bs-info: rgb(var(--bs-info-rgb)); --bs-warning: rgb(var(--bs-warning-rgb)); --bs-danger: rgb(var(--bs-danger-rgb)); --bs-light: rgb(var(--bs-light-rgb)); --bs-dark: rgb(var(--bs-dark-rgb)); --bs-primary-rgb: 61, 198, 129; --bs-secondary-rgb: 32, 104, 213; --bs-success-rgb: var(--bs-green-rgb); --bs-info-rgb: var(--bs-blue-rgb); --bs-warning-rgb: var(--bs-yellow-rgb); --bs-danger-rgb: var(--bs-orange-rgb); --bs-light-rgb: var(--bs-gray-100-rgb); --bs-dark-rgb: var(--bs-gray-900-rgb); --bs-primary-100: rgb(var(--bs-primary-100-rgb)); --bs-primary-200: rgb(var(--bs-primary-200-rgb)); --bs-primary-300: rgb(var(--bs-primary-300-rgb)); --bs-primary-400: rgb(var(--bs-primary-400-rgb)); --bs-primary-500: rgb(var(--bs-primary-500-rgb)); --bs-primary-600: rgb(var(--bs-primary-600-rgb)); --bs-primary-700: rgb(var(--bs-primary-700-rgb)); --bs-primary-800: rgb(var(--bs-primary-800-rgb)); --bs-primary-900: rgb(var(--bs-primary-900-rgb)); --bs-secondary-100: rgb(var(--bs-secondary-100-rgb)); --bs-secondary-200: rgb(var(--bs-secondary-200-rgb)); --bs-secondary-300: rgb(var(--bs-secondary-300-rgb)); --bs-secondary-400: rgb(var(--bs-secondary-400-rgb)); --bs-secondary-500: rgb(var(--bs-secondary-500-rgb)); --bs-secondary-600: rgb(var(--bs-secondary-600-rgb)); --bs-secondary-700: rgb(var(--bs-secondary-700-rgb)); --bs-secondary-800: rgb(var(--bs-secondary-800-rgb)); --bs-secondary-900: rgb(var(--bs-secondary-900-rgb)); --bs-success-100: rgb(var(--bs-success-100-rgb)); --bs-success-200: rgb(var(--bs-success-200-rgb)); --bs-success-300: rgb(var(--bs-success-300-rgb)); --bs-success-400: rgb(var(--bs-success-400-rgb)); --bs-success-500: rgb(var(--bs-success-500-rgb)); --bs-success-600: rgb(var(--bs-success-600-rgb)); --bs-success-700: rgb(var(--bs-success-700-rgb)); --bs-success-800: rgb(var(--bs-success-800-rgb)); --bs-success-900: rgb(var(--bs-success-900-rgb)); --bs-info-100: rgb(var(--bs-info-100-rgb)); --bs-info-200: rgb(var(--bs-info-200-rgb)); --bs-info-300: rgb(var(--bs-info-300-rgb)); --bs-info-400: rgb(var(--bs-info-400-rgb)); --bs-info-500: rgb(var(--bs-info-500-rgb)); --bs-info-600: rgb(var(--bs-info-600-rgb)); --bs-info-700: rgb(var(--bs-info-700-rgb)); --bs-info-800: rgb(var(--bs-info-800-rgb)); --bs-info-900: rgb(var(--bs-info-900-rgb)); --bs-warning-100: rgb(var(--bs-warning-100-rgb)); --bs-warning-200: rgb(var(--bs-warning-200-rgb)); --bs-warning-300: rgb(var(--bs-warning-300-rgb)); --bs-warning-400: rgb(var(--bs-warning-400-rgb)); --bs-warning-500: rgb(var(--bs-warning-500-rgb)); --bs-warning-600: rgb(var(--bs-warning-600-rgb)); --bs-warning-700: rgb(var(--bs-warning-700-rgb)); --bs-warning-800: rgb(var(--bs-warning-800-rgb)); --bs-warning-900: rgb(var(--bs-warning-900-rgb)); --bs-danger-100: rgb(var(--bs-danger-100-rgb)); --bs-danger-200: rgb(var(--bs-danger-200-rgb)); --bs-danger-300: rgb(var(--bs-danger-300-rgb)); --bs-danger-400: rgb(var(--bs-danger-400-rgb)); --bs-danger-500: rgb(var(--bs-danger-500-rgb)); --bs-danger-600: rgb(var(--bs-danger-600-rgb)); --bs-danger-700: rgb(var(--bs-danger-700-rgb)); --bs-danger-800: rgb(var(--bs-danger-800-rgb)); --bs-danger-900: rgb(var(--bs-danger-900-rgb)); --bs-primary-text-emphasis: var(--bs-primary-600); --bs-secondary-text-emphasis: var(--bs-secondary-600); --bs-success-text-emphasis: var(--bs-success-600); --bs-info-text-emphasis: var(--bs-info-600); --bs-warning-text-emphasis: var(--bs-warning-600); --bs-danger-text-emphasis: var(--bs-danger-600); --bs-light-text-emphasis: var(--bs-gray-600); --bs-dark-text-emphasis: var(--bs-gray-600); --bs-primary-bg-subtle: var(--bs-primary-100); --bs-secondary-bg-subtle: var(--bs-secondary-100); --bs-success-bg-subtle: var(--bs-success-100); --bs-info-bg-subtle: var(--bs-info-100); --bs-warning-bg-subtle: var(--bs-warning-100); --bs-danger-bg-subtle: var(--bs-danger-100); --bs-light-bg-subtle: var(--bs-gray-100); --bs-dark-bg-subtle: var(--bs-gray-400); --bs-primary-border-subtle: var(--bs-primary-100); --bs-secondary-border-subtle: var(--bs-secondary-100); --bs-success-border-subtle: var(--bs-success-100); --bs-info-border-subtle: var(--bs-info-100); --bs-warning-border-subtle: var(--bs-warning-100); --bs-danger-border-subtle: var(--bs-danger-100); --bs-light-border-subtle: var(--bs-gray-100); --bs-dark-border-subtle: var(--bs-gray-400); --bs-font-sans-serif: "DM Sans", sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-root-font-size: 16px; --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: rgb(var(--bs-body-color-rgb)); --bs-body-color-rgb: var(--bs-gray-800-rgb); --bs-body-bg: rgb(var(--bs-body-bg-rgb)); --bs-body-bg-rgb: var(--bs-white-rgb); --bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb)); --bs-emphasis-color-rgb: var(--bs-black-rgb); --bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75); --bs-secondary-color-rgb: var(--bs-body-color-rgb); --bs-secondary-bg: rgb(var(--bs-secondary-bg-rgb)); --bs-secondary-bg-rgb: var(--bs-gray-200); --bs-tertiary-color: rgba(var(--bs-tertiary-color-rgb), .5); --bs-tertiary-color-rgb: var(--bs-body-color-rgb); --bs-tertiary-bg: rgb(var(--bs-tertiary-bg-rgb)); --bs-tertiary-bg-rgb: var(--bs-gray-100); --bs-heading-color: inherit; --bs-link-color: rgb(var(--bs-link-color-rgb)); --bs-link-color-rgb: var(--bs-primary-rgb); --bs-link-decoration: none; --bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb)); --bs-link-hover-color-rgb: var(--bs-primary-700-rgb); --bs-link-hover-decoration: underline; --bs-code-color: rgb(var(--bs-code-color-rgb)); --bs-code-color-rgb: var(--bs-primary-rgb); --bs-highlight-bg: var(--bs-warning-100); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: var(--bs-gray-200); --bs-border-color-translucent: rgba(var(--bs-black-rgb), 0.175); --bs-border-radius: 1rem; --bs-border-radius-sm: 0.5rem; --bs-border-radius-lg: 1.5rem; --bs-border-radius-xl: 2rem; --bs-border-radius-xxl: 2.5rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0px 4px 32px 0 rgba(142, 147, 160, 0.5); --bs-box-shadow-sm: 0px 2px 20px 0 rgba(142, 147, 160, 0.3); --bs-box-shadow-lg: 0px 8px 36px 0 rgba(142, 147, 160, 0.7); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.75); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 1; --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); --bs-form-valid-color: var(--bs-gray); --bs-form-valid-border-color: var(--bs-success); --bs-form-invalid-color: var(--bs-danger); --bs-form-invalid-border-color: var(--bs-danger); --bs-heading-line-height: 1.2; --bs-rfs-display-1: calc(1.875rem + 7.5vw); --bs-fs-display-1: var(--bs-rfs-display-1); --bs-rfs-display-2: calc(1.575rem + 3.9vw); --bs-fs-display-2: var(--bs-rfs-display-2); --bs-rfs-display-3: calc(1.525rem + 3.3vw); --bs-fs-display-3: var(--bs-rfs-display-3); --bs-rfs-display-4: calc(1.475rem + 2.7vw); --bs-fs-display-4: var(--bs-rfs-display-4); --bs-rfs-display-5: calc(1.425rem + 2.1vw); --bs-fs-display-5: var(--bs-rfs-display-5); --bs-rfs-display-6: calc(1.375rem + 1.5vw); --bs-fs-display-6: var(--bs-rfs-display-6); --bs-rfs-fs-1: calc(1.525rem + 3.3vw); --bs-fs-1: var(--bs-rfs-fs-1); --bs-rfs-fs-2: calc(1.475rem + 2.7vw); --bs-fs-2: var(--bs-rfs-fs-2); --bs-rfs-fs-3: calc(1.425rem + 2.1vw); --bs-fs-3: var(--bs-rfs-fs-3); --bs-rfs-fs-4: calc(1.325rem + 0.9vw); --bs-fs-4: var(--bs-rfs-fs-4); --bs-rfs-fs-5: calc(1.275rem + 0.3vw); --bs-fs-5: var(--bs-rfs-fs-5); --bs-rfs-fs-6: 1.125rem; --bs-fs-6: var(--bs-rfs-fs-6); --bs-rfs-fs-small: 0.875em; --bs-fs-small: var(--bs-rfs-fs-small); --bs-fw-lighter: lighter; --bs-fw-light: 200; --bs-fw-normal: 400; --bs-fw-semibold: 600; --bs-fw-bold: 700; --bs-fw-bolder: 800; --bs-label-padding-y: var(--bs-ref-spacer-0); --bs-label-padding-x: var(--bs-ref-spacer-2); --bs-label-font-size: var(--bs-fs-small); --bs-label-font-weight: var(--bs-fw-bold); --bs-label-color: var(--bs-gray); --bs-btn-primary-color: var(--bs-white); --bs-btn-primary-bg: var(--bs-primary-500); --bs-btn-primary-border-color: var(--bs-primary-500); --bs-btn-primary-hover-color: var(--bs-white); --bs-btn-primary-hover-bg: var(--bs-primary-600); --bs-btn-primary-hover-border-color: var(--bs-primary-600); --bs-btn-primary-focus-color: var(--bs-white); --bs-btn-primary-focus-bg: var(--bs-primary-500); --bs-btn-primary-focus-border-color: var(--bs-primary-500); --bs-btn-primary-active-color: var(--bs-white); --bs-btn-primary-active-bg: var(--bs-primary-700); --bs-btn-primary-active-border-color: var(--bs-primary-700); --bs-btn-primary-disabled-color: var(--bs-white); --bs-btn-primary-disabled-bg: var(--bs-primary-500); --bs-btn-primary-disabled-border-color: var(--bs-primary-500); --bs-btn-primary-disabled-opacity: 0.5; --bs-btn-outline-primary-color: var(--bs-primary-500); --bs-btn-outline-primary-bg: transparent; --bs-btn-outline-primary-border-color: var(--bs-primary-500); --bs-btn-outline-primary-hover-color: var(--bs-primary-500); --bs-btn-outline-primary-hover-bg: var(--bs-primary-100); --bs-btn-outline-primary-hover-border-color: var(--bs-primary-500); --bs-btn-outline-primary-focus-color: var(--bs-primary-500); --bs-btn-outline-primary-focus-bg: transparent; --bs-btn-outline-primary-focus-border-color: var(--bs-primary-500); --bs-btn-outline-primary-active-color: var(--bs-primary-700); --bs-btn-outline-primary-active-bg: var(--bs-primary-100); --bs-btn-outline-primary-active-border-color: var(--bs-primary-700); --bs-btn-outline-primary-disabled-color: var(--bs-primary-500); --bs-btn-outline-primary-disabled-bg: transparent; --bs-btn-outline-primary-disabled-border-color: var(--bs-primary-500); --bs-btn-outline-primary-disabled-opacity: 0.5; --bs-btn-link-primary-bg: transparent; --bs-btn-link-primary-border-color: transparent; --bs-btn-link-primary-color: var(--bs-primary-500); --bs-btn-link-primary-hover-bg: var(--bs-primary-100); --bs-btn-link-primary-hover-border-color: transparent; --bs-btn-link-primary-hover-color: var(--bs-primary-500); --bs-btn-link-primary-focus-bg: transparent; --bs-btn-link-primary-focus-border-color: transparent; --bs-btn-link-primary-focus-color: var(--bs-primary-500); --bs-btn-link-primary-active-bg: var(--bs-primary-100); --bs-btn-link-primary-active-border-color: transparent; --bs-btn-link-primary-active-color: var(--bs-primary-700); --bs-btn-link-primary-disabled-bg: transparent; --bs-btn-link-primary-disabled-border-color: transparent; --bs-btn-link-primary-disabled-color: var(--bs-primary-500); --bs-btn-link-primary-disabled-opacity: 0.5; --bs-btn-secondary-color: var(--bs-white); --bs-btn-secondary-bg: var(--bs-secondary-500); --bs-btn-secondary-border-color: var(--bs-secondary-500); --bs-btn-secondary-hover-color: var(--bs-white); --bs-btn-secondary-hover-bg: var(--bs-secondary-600); --bs-btn-secondary-hover-border-color: var(--bs-secondary-600); --bs-btn-secondary-focus-color: var(--bs-white); --bs-btn-secondary-focus-bg: var(--bs-secondary-500); --bs-btn-secondary-focus-border-color: var(--bs-secondary-500); --bs-btn-secondary-active-color: var(--bs-white); --bs-btn-secondary-active-bg: var(--bs-secondary-700); --bs-btn-secondary-active-border-color: var(--bs-secondary-700); --bs-btn-secondary-disabled-color: var(--bs-white); --bs-btn-secondary-disabled-bg: var(--bs-secondary-500); --bs-btn-secondary-disabled-border-color: var(--bs-secondary-500); --bs-btn-secondary-disabled-opacity: 0.5; --bs-btn-outline-secondary-color: var(--bs-secondary-500); --bs-btn-outline-secondary-bg: transparent; --bs-btn-outline-secondary-border-color: var(--bs-secondary-500); --bs-btn-outline-secondary-hover-color: var(--bs-secondary-500); --bs-btn-outline-secondary-hover-bg: var(--bs-secondary-100); --bs-btn-outline-secondary-hover-border-color: var(--bs-secondary-500); --bs-btn-outline-secondary-focus-color: var(--bs-secondary-500); --bs-btn-outline-secondary-focus-bg: transparent; --bs-btn-outline-secondary-focus-border-color: var(--bs-secondary-500); --bs-btn-outline-secondary-active-color: var(--bs-secondary-700); --bs-btn-outline-secondary-active-bg: var(--bs-secondary-100); --bs-btn-outline-secondary-active-border-color: var(--bs-secondary-700); --bs-btn-outline-secondary-disabled-color: var(--bs-secondary-500); --bs-btn-outline-secondary-disabled-bg: transparent; --bs-btn-outline-secondary-disabled-border-color: var(--bs-secondary-500); --bs-btn-outline-secondary-disabled-opacity: 0.5; --bs-btn-link-secondary-bg: transparent; --bs-btn-link-secondary-border-color: transparent; --bs-btn-link-secondary-color: var(--bs-secondary-500); --bs-btn-link-secondary-hover-bg: var(--bs-secondary-100); --bs-btn-link-secondary-hover-border-color: transparent; --bs-btn-link-secondary-hover-color: var(--bs-secondary-500); --bs-btn-link-secondary-focus-bg: transparent; --bs-btn-link-secondary-focus-border-color: transparent; --bs-btn-link-secondary-focus-color: var(--bs-secondary-500); --bs-btn-link-secondary-active-bg: var(--bs-secondary-100); --bs-btn-link-secondary-active-border-color: transparent; --bs-btn-link-secondary-active-color: var(--bs-secondary-700); --bs-btn-link-secondary-disabled-bg: transparent; --bs-btn-link-secondary-disabled-border-color: transparent; --bs-btn-link-secondary-disabled-color: var(--bs-secondary-500); --bs-btn-link-secondary-disabled-opacity: 0.5; --bs-btn-success-color: var(--bs-white); --bs-btn-success-bg: var(--bs-success-500); --bs-btn-success-border-color: var(--bs-success-500); --bs-btn-success-hover-color: var(--bs-white); --bs-btn-success-hover-bg: var(--bs-success-600); --bs-btn-success-hover-border-color: var(--bs-success-600); --bs-btn-success-focus-color: var(--bs-white); --bs-btn-success-focus-bg: var(--bs-success-500); --bs-btn-success-focus-border-color: var(--bs-success-500); --bs-btn-success-active-color: var(--bs-white); --bs-btn-success-active-bg: var(--bs-success-700); --bs-btn-success-active-border-color: var(--bs-success-700); --bs-btn-success-disabled-color: var(--bs-white); --bs-btn-success-disabled-bg: var(--bs-success-500); --bs-btn-success-disabled-border-color: var(--bs-success-500); --bs-btn-success-disabled-opacity: 0.5; --bs-btn-outline-success-color: var(--bs-success-500); --bs-btn-outline-success-bg: transparent; --bs-btn-outline-success-border-color: var(--bs-success-500); --bs-btn-outline-success-hover-color: var(--bs-success-500); --bs-btn-outline-success-hover-bg: var(--bs-success-100); --bs-btn-outline-success-hover-border-color: var(--bs-success-500); --bs-btn-outline-success-focus-color: var(--bs-success-500); --bs-btn-outline-success-focus-bg: transparent; --bs-btn-outline-success-focus-border-color: var(--bs-success-500); --bs-btn-outline-success-active-color: var(--bs-success-700); --bs-btn-outline-success-active-bg: var(--bs-success-100); --bs-btn-outline-success-active-border-color: var(--bs-success-700); --bs-btn-outline-success-disabled-color: var(--bs-success-500); --bs-btn-outline-success-disabled-bg: transparent; --bs-btn-outline-success-disabled-border-color: var(--bs-success-500); --bs-btn-outline-success-disabled-opacity: 0.5; --bs-btn-link-success-bg: transparent; --bs-btn-link-success-border-color: transparent; --bs-btn-link-success-color: var(--bs-success-500); --bs-btn-link-success-hover-bg: var(--bs-success-100); --bs-btn-link-success-hover-border-color: transparent; --bs-btn-link-success-hover-color: var(--bs-success-500); --bs-btn-link-success-focus-bg: transparent; --bs-btn-link-success-focus-border-color: transparent; --bs-btn-link-success-focus-color: var(--bs-success-500); --bs-btn-link-success-active-bg: var(--bs-success-100); --bs-btn-link-success-active-border-color: transparent; --bs-btn-link-success-active-color: var(--bs-success-700); --bs-btn-link-success-disabled-bg: transparent; --bs-btn-link-success-disabled-border-color: transparent; --bs-btn-link-success-disabled-color: var(--bs-success-500); --bs-btn-link-success-disabled-opacity: 0.5; --bs-btn-info-color: var(--bs-white); --bs-btn-info-bg: var(--bs-info-500); --bs-btn-info-border-color: var(--bs-info-500); --bs-btn-info-hover-color: var(--bs-white); --bs-btn-info-hover-bg: var(--bs-info-600); --bs-btn-info-hover-border-color: var(--bs-info-600); --bs-btn-info-focus-color: var(--bs-white); --bs-btn-info-focus-bg: var(--bs-info-500); --bs-btn-info-focus-border-color: var(--bs-info-500); --bs-btn-info-active-color: var(--bs-white); --bs-btn-info-active-bg: var(--bs-info-700); --bs-btn-info-active-border-color: var(--bs-info-700); --bs-btn-info-disabled-color: var(--bs-white); --bs-btn-info-disabled-bg: var(--bs-info-500); --bs-btn-info-disabled-border-color: var(--bs-info-500); --bs-btn-info-disabled-opacity: 0.5; --bs-btn-outline-info-color: var(--bs-info-500); --bs-btn-outline-info-bg: transparent; --bs-btn-outline-info-border-color: var(--bs-info-500); --bs-btn-outline-info-hover-color: var(--bs-info-500); --bs-btn-outline-info-hover-bg: var(--bs-info-100); --bs-btn-outline-info-hover-border-color: var(--bs-info-500); --bs-btn-outline-info-focus-color: var(--bs-info-500); --bs-btn-outline-info-focus-bg: transparent; --bs-btn-outline-info-focus-border-color: var(--bs-info-500); --bs-btn-outline-info-active-color: var(--bs-info-700); --bs-btn-outline-info-active-bg: var(--bs-info-100); --bs-btn-outline-info-active-border-color: var(--bs-info-700); --bs-btn-outline-info-disabled-color: var(--bs-info-500); --bs-btn-outline-info-disabled-bg: transparent; --bs-btn-outline-info-disabled-border-color: var(--bs-info-500); --bs-btn-outline-info-disabled-opacity: 0.5; --bs-btn-link-info-bg: transparent; --bs-btn-link-info-border-color: transparent; --bs-btn-link-info-color: var(--bs-info-500); --bs-btn-link-info-hover-bg: var(--bs-info-100); --bs-btn-link-info-hover-border-color: transparent; --bs-btn-link-info-hover-color: var(--bs-info-500); --bs-btn-link-info-focus-bg: transparent; --bs-btn-link-info-focus-border-color: transparent; --bs-btn-link-info-focus-color: var(--bs-info-500); --bs-btn-link-info-active-bg: var(--bs-info-100); --bs-btn-link-info-active-border-color: transparent; --bs-btn-link-info-active-color: var(--bs-info-700); --bs-btn-link-info-disabled-bg: transparent; --bs-btn-link-info-disabled-border-color: transparent; --bs-btn-link-info-disabled-color: var(--bs-info-500); --bs-btn-link-info-disabled-opacity: 0.5; --bs-btn-warning-color: var(--bs-black); --bs-btn-warning-bg: var(--bs-warning-500); --bs-btn-warning-border-color: var(--bs-warning-500); --bs-btn-warning-hover-color: var(--bs-black); --bs-btn-warning-hover-bg: var(--bs-warning-600); --bs-btn-warning-hover-border-color: var(--bs-warning-600); --bs-btn-warning-focus-color: var(--bs-black); --bs-btn-warning-focus-bg: var(--bs-warning-500); --bs-btn-warning-focus-border-color: var(--bs-warning-500); --bs-btn-warning-active-color: var(--bs-black); --bs-btn-warning-active-bg: var(--bs-warning-700); --bs-btn-warning-active-border-color: var(--bs-warning-700); --bs-btn-warning-disabled-color: var(--bs-black); --bs-btn-warning-disabled-bg: var(--bs-warning-500); --bs-btn-warning-disabled-border-color: var(--bs-warning-500); --bs-btn-warning-disabled-opacity: 0.5; --bs-btn-outline-warning-color: var(--bs-warning-500); --bs-btn-outline-warning-bg: transparent; --bs-btn-outline-warning-border-color: var(--bs-warning-500); --bs-btn-outline-warning-hover-color: var(--bs-warning-500); --bs-btn-outline-warning-hover-bg: var(--bs-warning-100); --bs-btn-outline-warning-hover-border-color: var(--bs-warning-500); --bs-btn-outline-warning-focus-color: var(--bs-warning-500); --bs-btn-outline-warning-focus-bg: transparent; --bs-btn-outline-warning-focus-border-color: var(--bs-warning-500); --bs-btn-outline-warning-active-color: var(--bs-warning-700); --bs-btn-outline-warning-active-bg: var(--bs-warning-100); --bs-btn-outline-warning-active-border-color: var(--bs-warning-700); --bs-btn-outline-warning-disabled-color: var(--bs-warning-500); --bs-btn-outline-warning-disabled-bg: transparent; --bs-btn-outline-warning-disabled-border-color: var(--bs-warning-500); --bs-btn-outline-warning-disabled-opacity: 0.5; --bs-btn-link-warning-bg: transparent; --bs-btn-link-warning-border-color: transparent; --bs-btn-link-warning-color: var(--bs-warning-500); --bs-btn-link-warning-hover-bg: var(--bs-warning-100); --bs-btn-link-warning-hover-border-color: transparent; --bs-btn-link-warning-hover-color: var(--bs-warning-500); --bs-btn-link-warning-focus-bg: transparent; --bs-btn-link-warning-focus-border-color: transparent; --bs-btn-link-warning-focus-color: var(--bs-warning-500); --bs-btn-link-warning-active-bg: var(--bs-warning-100); --bs-btn-link-warning-active-border-color: transparent; --bs-btn-link-warning-active-color: var(--bs-warning-700); --bs-btn-link-warning-disabled-bg: transparent; --bs-btn-link-warning-disabled-border-color: transparent; --bs-btn-link-warning-disabled-color: var(--bs-warning-500); --bs-btn-link-warning-disabled-opacity: 0.5; --bs-btn-danger-color: var(--bs-white); --bs-btn-danger-bg: var(--bs-danger-500); --bs-btn-danger-border-color: var(--bs-danger-500); --bs-btn-danger-hover-color: var(--bs-white); --bs-btn-danger-hover-bg: var(--bs-danger-600); --bs-btn-danger-hover-border-color: var(--bs-danger-600); --bs-btn-danger-focus-color: var(--bs-white); --bs-btn-danger-focus-bg: var(--bs-danger-500); --bs-btn-danger-focus-border-color: var(--bs-danger-500); --bs-btn-danger-active-color: var(--bs-white); --bs-btn-danger-active-bg: var(--bs-danger-700); --bs-btn-danger-active-border-color: var(--bs-danger-700); --bs-btn-danger-disabled-color: var(--bs-white); --bs-btn-danger-disabled-bg: var(--bs-danger-500); --bs-btn-danger-disabled-border-color: var(--bs-danger-500); --bs-btn-danger-disabled-opacity: 0.5; --bs-btn-outline-danger-color: var(--bs-danger-500); --bs-btn-outline-danger-bg: transparent; --bs-btn-outline-danger-border-color: var(--bs-danger-500); --bs-btn-outline-danger-hover-color: var(--bs-danger-500); --bs-btn-outline-danger-hover-bg: var(--bs-danger-100); --bs-btn-outline-danger-hover-border-color: var(--bs-danger-500); --bs-btn-outline-danger-focus-color: var(--bs-danger-500); --bs-btn-outline-danger-focus-bg: transparent; --bs-btn-outline-danger-focus-border-color: var(--bs-danger-500); --bs-btn-outline-danger-active-color: var(--bs-danger-700); --bs-btn-outline-danger-active-bg: var(--bs-danger-100); --bs-btn-outline-danger-active-border-color: var(--bs-danger-700); --bs-btn-outline-danger-disabled-color: var(--bs-danger-500); --bs-btn-outline-danger-disabled-bg: transparent; --bs-btn-outline-danger-disabled-border-color: var(--bs-danger-500); --bs-btn-outline-danger-disabled-opacity: 0.5; --bs-btn-link-danger-bg: transparent; --bs-btn-link-danger-border-color: transparent; --bs-btn-link-danger-color: var(--bs-danger-500); --bs-btn-link-danger-hover-bg: var(--bs-danger-100); --bs-btn-link-danger-hover-border-color: transparent; --bs-btn-link-danger-hover-color: var(--bs-danger-500); --bs-btn-link-danger-focus-bg: transparent; --bs-btn-link-danger-focus-border-color: transparent; --bs-btn-link-danger-focus-color: var(--bs-danger-500); --bs-btn-link-danger-active-bg: var(--bs-danger-100); --bs-btn-link-danger-active-border-color: transparent; --bs-btn-link-danger-active-color: var(--bs-danger-700); --bs-btn-link-danger-disabled-bg: transparent; --bs-btn-link-danger-disabled-border-color: transparent; --bs-btn-link-danger-disabled-color: var(--bs-danger-500); --bs-btn-link-danger-disabled-opacity: 0.5; --bs-btn-light-color: var(--bs-gray-700); --bs-btn-light-bg: var(--bs-light); --bs-btn-light-border-color: var(--bs-light); --bs-btn-light-hover-color: var(--bs-gray-700); --bs-btn-light-hover-bg: var(--bs-gray-200); --bs-btn-light-hover-border-color: var(--bs-gray-200); --bs-btn-light-focus-color: var(--bs-gray-700); --bs-btn-light-focus-bg: var(--bs-light); --bs-btn-light-focus-border-color: var(--bs-light); --bs-btn-light-active-color: var(--bs-gray-700); --bs-btn-light-active-bg: var(--bs-gray-300); --bs-btn-light-active-border-color: var(--bs-gray-300); --bs-btn-light-disabled-color: var(--bs-gray-700); --bs-btn-light-disabled-bg: var(--bs-light); --bs-btn-light-disabled-border-color: var(--bs-light); --bs-btn-light-disabled-opacity: 0.5; --bs-btn-outline-light-color: var(--bs-light); --bs-btn-outline-light-bg: transparent; --bs-btn-outline-light-border-color: var(--bs-light); --bs-btn-outline-light-hover-color: var(--bs-gray-700); --bs-btn-outline-light-hover-bg: var(--bs-light); --bs-btn-outline-light-hover-border-color: var(--bs-light); --bs-btn-outline-light-focus-color: var(--bs-light); --bs-btn-outline-light-focus-bg: transparent; --bs-btn-outline-light-focus-border-color: var(--bs-light); --bs-btn-outline-light-active-color: var(--bs-gray-700); --bs-btn-outline-light-active-bg: var(--bs-gray-300); --bs-btn-outline-light-active-border-color: var(--bs-gray-300); --bs-btn-outline-light-disabled-color: var(--bs-light); --bs-btn-outline-light-disabled-bg: transparent; --bs-btn-outline-light-disabled-border-color: var(--bs-light); --bs-btn-outline-light-disabled-opacity: 0.5; --bs-btn-link-light-bg: transparent; --bs-btn-link-light-border-color: transparent; --bs-btn-link-light-color: var(--bs-light); --bs-btn-link-light-hover-bg: var(--bs-light); --bs-btn-link-light-hover-border-color: transparent; --bs-btn-link-light-hover-color: var(--bs-gray-700); --bs-btn-link-light-focus-bg: transparent; --bs-btn-link-light-focus-border-color: transparent; --bs-btn-link-light-focus-color: var(--bs-light); --bs-btn-link-light-active-bg: var(--bs-gray-300); --bs-btn-link-light-active-border-color: transparent; --bs-btn-link-light-active-color: var(--bs-gray-700); --bs-btn-link-light-disabled-bg: transparent; --bs-btn-link-light-disabled-border-color: transparent; --bs-btn-link-light-disabled-color: var(--bs-light); --bs-btn-link-light-disabled-opacity: 0.5; --bs-btn-dark-color: var(--bs-white); --bs-btn-dark-bg: var(--bs-dark); --bs-btn-dark-border-color: var(--bs-dark); --bs-btn-dark-hover-color: var(--bs-white); --bs-btn-dark-hover-bg: var(--bs-gray-800); --bs-btn-dark-hover-border-color: var(--bs-gray-800); --bs-btn-dark-focus-color: var(--bs-white); --bs-btn-dark-focus-bg: var(--bs-dark); --bs-btn-dark-focus-border-color: var(--bs-dark); --bs-btn-dark-active-color: var(--bs-white); --bs-btn-dark-active-bg: var(--bs-gray-700); --bs-btn-dark-active-border-color: var(--bs-gray-700); --bs-btn-dark-disabled-color: var(--bs-white); --bs-btn-dark-disabled-bg: var(--bs-dark); --bs-btn-dark-disabled-border-color: var(--bs-dark); --bs-btn-dark-disabled-opacity: 0.5; --bs-btn-outline-dark-color: var(--bs-dark); --bs-btn-outline-dark-bg: transparent; --bs-btn-outline-dark-border-color: var(--bs-dark); --bs-btn-outline-dark-hover-color: var(--bs-white); --bs-btn-outline-dark-hover-bg: var(--bs-dark); --bs-btn-outline-dark-hover-border-color: var(--bs-dark); --bs-btn-outline-dark-focus-color: var(--bs-dark); --bs-btn-outline-dark-focus-bg: transparent; --bs-btn-outline-dark-focus-border-color: var(--bs-dark); --bs-btn-outline-dark-active-color: var(--bs-white); --bs-btn-outline-dark-active-bg: var(--bs-gray-700); --bs-btn-outline-dark-active-border-color: var(--bs-gray-700); --bs-btn-outline-dark-disabled-color: var(--bs-dark); --bs-btn-outline-dark-disabled-bg: transparent; --bs-btn-outline-dark-disabled-border-color: var(--bs-dark); --bs-btn-outline-dark-disabled-opacity: 0.5; --bs-btn-link-dark-bg: transparent; --bs-btn-link-dark-border-color: transparent; --bs-btn-link-dark-color: var(--bs-dark); --bs-btn-link-dark-hover-bg: var(--bs-dark); --bs-btn-link-dark-hover-border-color: transparent; --bs-btn-link-dark-hover-color: var(--bs-white); --bs-btn-link-dark-focus-bg: transparent; --bs-btn-link-dark-focus-border-color: transparent; --bs-btn-link-dark-focus-color: var(--bs-dark); --bs-btn-link-dark-active-bg: var(--bs-gray-700); --bs-btn-link-dark-active-border-color: transparent; --bs-btn-link-dark-active-color: var(--bs-white); --bs-btn-link-dark-disabled-bg: transparent; --bs-btn-link-dark-disabled-border-color: transparent; --bs-btn-link-dark-disabled-color: var(--bs-dark); --bs-btn-link-dark-disabled-opacity: 0.5; --bs-ref-spacer-0: 0; --bs-ref-spacer-1: 0.25rem; --bs-ref-spacer-2: 0.5rem; --bs-ref-spacer-3: 0.75rem; --bs-ref-spacer-4: 1rem; --bs-ref-spacer-5: 1.25rem; --bs-ref-spacer-6: 1.5rem; --bs-ref-spacer-7: 1.75rem; --bs-ref-spacer-8: 2rem; --bs-ref-spacer-9: 2.25rem; --bs-ref-spacer-10: 2.5rem; --bs-ref-spacer-11: 2.75rem; --bs-ref-spacer-12: 3rem; --bs-ref-spacer-13: 3.25rem; --bs-ref-spacer-14: 3.5rem }