:root { --color-white: #ffffff; --color-black: #000000; --color-gray: #808080; --color-gray-100: #bdbdbd; --color-gray-200: #b0b0b0; --color-gray-300: #a2a2a2; --color-gray-400: #929292; --color-gray-600: #797979; --color-gray-700: #727272; --color-gray-800: #6b6b6b; --color-gray-900: #636363; --spacer-0: 0.25rem; --spacer-1: 0.5rem; --spacer-2: 1rem; --spacer-3: 1.5rem; --spacer-4: 3rem; --spacer-5: 5rem; --spacer-6: 7rem; --spacer-7: 9rem; --spacer-8: 12rem; --spacer-9: 13rem; --spacer-10: 14rem; --spacer-11: 15rem; --spacer-12: 16rem; --spacer-13: 17rem; --spacer-14: 18rem; --border-radius-0: 0.25rem; --border-radius-1: 0.5rem; --border-radius-2: 0.75rem; --border-radius-3: 1rem; --border-radius-4: 1.25rem; --border-radius-5: 1.5rem; --border-radius-6: 1.75rem; --border-radius-7: 2rem; --border-radius-8: 2.5rem; --border-radius-9: 3rem; --border-radius-10: 3.5rem; --border-radius-11: 4rem; --border-width-0: 0.5px; --border-width-1: 1px; --border-width-2: 2px; --border-width-3: 3px; --border-width-4: 4px; --border-width-5: 5px; --border-width-6: 1rem; --border-width-7: 2rem; --border-width-8: 2.5rem; --border-width-9: 3rem; --border-width-10: 4rem; --border-width-11: 5rem; --height-full: 100vh; --height-half: 50vh; --height-one-third: 33.333333vh; --height-quarter: 25vh; --margin-1: var(--spacer-1); --margin-2: var(--spacer-2); --margin-3: var(--spacer-3); --margin-4: var(--spacer-4); --margin-5: var(--spacer-5); --margin-6: var(--spacer-6); --margin-7: var(--spacer-7); --margin-8: var(--spacer-8); --padding-1: var(--spacer-1); --padding-2: var(--spacer-2); --padding-3: var(--spacer-3); --padding-4: var(--spacer-4); --padding-5: var(--spacer-5); --padding-6: var(--spacer-6); --padding-7: var(--spacer-7); --padding-8: var(--spacer-8); --z-index-base: 0; --z-index-dropdown: 1000; --z-index-sticky: 1100; --z-index-fixed: 1200; --z-index-modal: 1300; --z-index-tooltip: 1400; --z-index-toast: 1500; --z-index-overlay: 1600; --font-weight-thin: 100; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extra-bold: 800; --font-weight-black: 900; --line-height-compact: 1.1; --line-height-tight: 1.2; --line-height-normal: 1.5; --line-height-relaxed: 1.6; --line-height-loose: 1.8; --line-height-extra-loose: 2; --line-height-ultra-loose: 2.5; --text-transform-uppercase: uppercase; --text-transform-lowercase: lowercase; --text-transform-capitalize: capitalize; --text-transform-none: none; --text-decoration-none: none; --text-decoration-underline: underline; --text-decoration-line-through: line-through; --text-decoration-superscript: superscript; --text-decoration-subscript: subscript; --text-decoration-highlight: highlight; --paragraph-spacing-1: 0.25rem; --paragraph-spacing-2: 0.5rem; --paragraph-spacing-3: 1rem; --paragraph-spacing-4: 1.5rem; --paragraph-spacing-5: 2rem; --paragraph-spacing-6: 2.5rem; --paragraph-spacing-7: 3rem; --paragraph-spacing-8: 3.5rem; --base-body-font-family: ; --base-font-size: var(--font-size-md); --base-font-weight: var(--font-weight-regular); --base-line-height: var(--line-height-normal); --base-letter-spacing: var(--letter-spacing-4); --small-font-size: var(--font-size-sm); --small-font-weight: var(--font-weight-regular); --list-inline-padding: var(--spacer-2); --quote-font-size: var(--font-size-md); --quote-small-font-size: var(--font-size-sm); --quote-small-color: var(--text-muted-color); --quote-font-style: italic; --quote-line-height: 1.6; --quote-padding: 1rem; --quote-border-left: 0.25rem solid; --h1-font-size: 2.5rem; --h1-font-weight: var(--font-weight-bold); --h1-line-height: var(--line-height-normal); --h2-font-size: 2rem; --h2-font-weight: var(--font-weight-bold); --h2-line-height: var(--line-height-normal); --h3-font-size: 1.75rem; --h3-font-weight: var(--font-weight-bold); --h3-line-height: var(--line-height-normal); --h4-font-size: 1.5rem; --h4-font-weight: var(--font-weight-bold); --h4-line-height: var(--line-height-normal); --h5-font-size: 1.25rem; --h5-font-weight: var(--font-weight-bold); --h5-line-height: var(--line-height-normal); --h6-font-size: 1rem; --h6-font-weight: var(--font-weight-bold); --h6-line-height: var(--line-height-normal); --hr-margin-y: var(--spacer-2); --hr-border-width: var(--border-width-1); --hr-border-color: var(--color-gray-300); --display-sm-font-size: var(--font-size-display-sm); --display-sm-font-weight: var(--font-weight-bold); --display-sm-line-height: var(--line-height-normal); --display-md-font-size: var(--font-size-display-md); --display-md-font-weight: var(--font-weight-bold); --display-md-line-height: var(--line-height-normal); --display-lg-font-size: var(--font-size-display-lg); --display-lg-font-weight: var(--font-weight-bold); --display-lg-line-height: var(--line-height-normal); } :root { --color-text-1: rgb(33 37 41); --color-text-2: rgb(73 80 87); --color-text-3: rgb(108 117 125); --color-text-4: rgb(173 181 189); --color-bg-1: rgb(248 249 250); --color-bg-2: rgb(233 236 239); --color-bg-3: rgb(222 226 230); --color-bg-4: rgb(206 212 218); --color-border-1: rgb(206 212 218); --color-border-2: rgb(206 212 218); --color-border-3: rgb(206 212 218); --color-border-4: rgb(206 212 218); --color-shadow-1: rgb(0 0 0 / 0.1); --color-shadow-2: rgb(0 0 0 / 0.1); --color-shadow-3: rgb(0 0 0 / 0.1); --color-shadow-4: rgb(0 0 0 / 0.1); --base-bg-color: ; --text-color: var(--color-gray-800); --text-muted-color: var(--muted-text-color); --shadow-color: ; --link-color: var(--color-primary); --link-visited-color: var(--color-secondary); --link-hover-color: var(--color-primary-hover); --link-active-color: var(--color-primary-active); --color-primary: #8f238a; --color-primary-contrast: #ffffff; --color-primary-600: #882183; --color-primary-700: #801f7b; --color-primary-800: #781d73; --color-primary-900: #6f1b6b; --color-primary-400: #9e579a; --color-primary-300: #ab76a8; --color-primary-200: #b88fb5; --color-primary-100: #c4a4c1; --color-primary-transparent-10: rgb(143 35 138 / 0.1); --color-primary-transparent-25: rgb(143 35 138 / 0.25); --color-primary-transparent-50: rgb(143 35 138 / 0.5); --color-primary-transparent-75: rgb(143 35 138 / 0.75); --color-primary-hover: undefined; --color-primary-active: undefined; --color-primary-focus: undefined; --color-primary-disabled: undefined; --color-primary-border: undefined; --color-secondary: #627b78; --color-secondary-contrast: #ffffff; --color-secondary-600: #5d7572; --color-secondary-700: #586e6b; --color-secondary-800: #526764; --color-secondary-900: #4c5f5d; --color-secondary-400: #7b8e8c; --color-secondary-300: #909e9d; --color-secondary-200: #a2adac; --color-secondary-100: #b2bbba; --color-secondary-transparent-10: rgb(98 123 120 / 0.1); --color-secondary-transparent-25: rgb(98 123 120 / 0.25); --color-secondary-transparent-50: rgb(98 123 120 / 0.5); --color-secondary-transparent-75: rgb(98 123 120 / 0.75); --color-secondary-hover: undefined; --color-secondary-active: undefined; --color-secondary-focus: undefined; --color-secondary-disabled: undefined; --color-secondary-border: undefined; --color-tertiary: #aee80e; --color-tertiary-contrast: #ffffff; --color-tertiary-600: #a5dc0d; --color-tertiary-700: #9cd00d; --color-tertiary-800: #92c20c; --color-tertiary-900: #87b40b; --color-tertiary-400: #b8ea52; --color-tertiary-300: #c1ed73; --color-tertiary-200: #caef8c; --color-tertiary-100: #d2f1a2; --color-tertiary-transparent-10: rgb(174 232 14 / 0.1); --color-tertiary-transparent-25: rgb(174 232 14 / 0.25); --color-tertiary-transparent-50: rgb(174 232 14 / 0.5); --color-tertiary-transparent-75: rgb(174 232 14 / 0.75); --color-tertiary-hover: undefined; --color-tertiary-active: undefined; --color-tertiary-focus: undefined; --color-tertiary-disabled: undefined; --color-tertiary-border: undefined; --color-quaternary: #8a2be2; --color-quaternary-contrast: #ffffff; --color-quaternary-600: #8329d6; --color-quaternary-700: #7b26ca; --color-quaternary-800: #7324bd; --color-quaternary-900: #6b21af; --color-quaternary-400: #9a5ae5; --color-quaternary-300: #a878e8; --color-quaternary-200: #b590eb; --color-quaternary-100: #c1a5ee; --color-quaternary-transparent-10: rgb(138 43 226 / 0.1); --color-quaternary-transparent-25: rgb(138 43 226 / 0.25); --color-quaternary-transparent-50: rgb(138 43 226 / 0.5); --color-quaternary-transparent-75: rgb(138 43 226 / 0.75); --color-quaternary-hover: undefined; --color-quaternary-active: undefined; --color-quaternary-focus: undefined; --color-quaternary-disabled: undefined; --color-quaternary-border: undefined; --color-success: #28a745; --color-success-contrast: ; --color-success-600: #68ad41; --color-success-700: #62a33d; --color-success-800: #5c9839; --color-success-900: #558d35; --color-success-400: #84bf67; --color-success-300: #97c781; --color-success-200: #a7cf97; --color-success-100: #b6d6aa; --color-success-transparent-10: rgb(40 167 69 / 0.1); --color-success-transparent-25: rgb(40 167 69 / 0.25); --color-success-transparent-50: rgb(40 167 69 / 0.5); --color-success-transparent-75: rgb(40 167 69 / 0.75); --color-success-hover: undefined; --color-success-active: undefined; --color-success-focus: undefined; --color-success-disabled: undefined; --color-success-border: undefined; --color-warning: #ffc107; --color-warning-contrast: ; --color-warning-600: #ed9e1a; --color-warning-700: #e09518; --color-warning-800: #d18c17; --color-warning-900: #c28115; --color-warning-400: #fbb255; --color-warning-300: #fbbc75; --color-warning-200: #fcc68d; --color-warning-100: #fccfa3; --color-warning-transparent-10: rgb(255 193 7 / 0.1); --color-warning-transparent-25: rgb(255 193 7 / 0.25); --color-warning-transparent-50: rgb(255 193 7 / 0.5); --color-warning-transparent-75: rgb(255 193 7 / 0.75); --color-warning-hover: undefined; --color-warning-active: undefined; --color-warning-focus: undefined; --color-warning-disabled: undefined; --color-warning-border: undefined; --color-danger: #dc3545; --color-danger-contrast: ; --color-danger-600: #d13241; --color-danger-700: #c52f3e; --color-danger-800: #b82c3a; --color-danger-900: #aa2935; --color-danger-400: #e05f68; --color-danger-300: #e37b82; --color-danger-200: #e79397; --color-danger-100: #eba6aa; --color-danger-transparent-10: rgb(220 53 69 / 0.1); --color-danger-transparent-25: rgb(220 53 69 / 0.25); --color-danger-transparent-50: rgb(220 53 69 / 0.5); --color-danger-transparent-75: rgb(220 53 69 / 0.75); --color-danger-hover: undefined; --color-danger-active: undefined; --color-danger-focus: undefined; --color-danger-disabled: undefined; --color-danger-border: undefined; --color-info: #17a2b8; --color-info-contrast: ; --color-info-600: #169aaf; --color-info-700: #1591a5; --color-info-800: #13889a; --color-info-900: #127d8f; --color-info-400: #54aec0; --color-info-300: #74b8c8; --color-info-200: #8dc3d0; --color-info-100: #a2ccd7; --color-info-transparent-10: rgb(23 162 184 / 0.1); --color-info-transparent-25: rgb(23 162 184 / 0.25); --color-info-transparent-50: rgb(23 162 184 / 0.5); --color-info-transparent-75: rgb(23 162 184 / 0.75); --color-info-hover: undefined; --color-info-active: undefined; --color-info-focus: undefined; --color-info-disabled: undefined; --color-info-border: undefined; } .dark-mode { --color-text-1: rgb(33 37 41); --color-text-2: rgb(73 80 87); --color-text-3: rgb(108 117 125); --color-text-4: rgb(173 181 189); --color-bg-1: rgb(248 249 250); --color-bg-2: rgb(233 236 239); --color-bg-3: rgb(222 226 230); --color-bg-4: rgb(206 212 218); --color-border-1: rgb(206 212 218); --color-border-2: rgb(206 212 218); --color-border-3: rgb(206 212 218); --color-border-4: rgb(206 212 218); --color-shadow-1: rgb(0 0 0 / 0.1); --color-shadow-2: rgb(0 0 0 / 0.1); --color-shadow-3: rgb(0 0 0 / 0.1); --color-shadow-4: rgb(0 0 0 / 0.1); --base-bg-color: ; --text-color: var(--color-gray-800); --text-muted-color: var(--muted-text-color); --shadow-color: ; --link-color: var(--color-primary); --link-visited-color: var(--color-secondary); --link-hover-color: var(--color-primary-hover); --link-active-color: var(--color-primary-active); --color-primary: #00b9e8; --color-primary-contrast: ; --color-primary-600: #00b0dc; --color-primary-700: #00a5d0; --color-primary-800: #009bc2; --color-primary-900: #008fb4; --color-primary-400: #51c1ea; --color-primary-300: #72c9ed; --color-primary-200: #8cd0ef; --color-primary-100: #a1d8f1; --color-primary-transparent-10: rgb(0 185 232 / 0.1); --color-primary-transparent-25: rgb(0 185 232 / 0.25); --color-primary-transparent-50: rgb(0 185 232 / 0.5); --color-primary-transparent-75: rgb(0 185 232 / 0.75); --color-primary-hover: undefined; --color-primary-active: undefined; --color-primary-focus: undefined; --color-primary-disabled: undefined; --color-primary-border: undefined; --color-secondary: #e52b50; --color-secondary-contrast: ; --color-secondary-600: #d9294c; --color-secondary-700: #cd2648; --color-secondary-800: #c02443; --color-secondary-900: #b1213e; --color-secondary-400: #e85a6f; --color-secondary-300: #ea7887; --color-secondary-200: #ed909b; --color-secondary-100: #f0a5ad; --color-secondary-transparent-10: rgb(229 43 80 / 0.1); --color-secondary-transparent-25: rgb(229 43 80 / 0.25); --color-secondary-transparent-50: rgb(229 43 80 / 0.5); --color-secondary-transparent-75: rgb(229 43 80 / 0.75); --color-secondary-hover: undefined; --color-secondary-active: undefined; --color-secondary-focus: undefined; --color-secondary-disabled: undefined; --color-secondary-border: undefined; --color-tertiary: #FF4F00FF; --color-tertiary-contrast: ; --color-tertiary-600: #f24b00; --color-tertiary-700: #e44700; --color-tertiary-800: #d54200; --color-tertiary-900: #c63d00; --color-tertiary-400: #ff6e51; --color-tertiary-300: #ff8672; --color-tertiary-200: #ff9b8c; --color-tertiary-100: #ffaca1; --color-tertiary-transparent-10: rgb(255 79 0 / 0.1); --color-tertiary-transparent-25: rgb(255 79 0 / 0.25); --color-tertiary-transparent-50: rgb(255 79 0 / 0.5); --color-tertiary-transparent-75: rgb(255 79 0 / 0.75); --color-tertiary-hover: undefined; --color-tertiary-active: undefined; --color-tertiary-focus: undefined; --color-tertiary-disabled: undefined; --color-tertiary-border: undefined; --color-quaternary: #8a2be2; --color-quaternary-contrast: ; --color-quaternary-600: #8329d6; --color-quaternary-700: #7b26ca; --color-quaternary-800: #7324bd; --color-quaternary-900: #6b21af; --color-quaternary-400: #9a5ae5; --color-quaternary-300: #a878e8; --color-quaternary-200: #b590eb; --color-quaternary-100: #c1a5ee; --color-quaternary-transparent-10: rgb(138 43 226 / 0.1); --color-quaternary-transparent-25: rgb(138 43 226 / 0.25); --color-quaternary-transparent-50: rgb(138 43 226 / 0.5); --color-quaternary-transparent-75: rgb(138 43 226 / 0.75); --color-quaternary-hover: undefined; --color-quaternary-active: undefined; --color-quaternary-focus: undefined; --color-quaternary-disabled: undefined; --color-quaternary-border: undefined; --color-success: #228B22; --color-success-contrast: ; --color-success-600: #208420; --color-success-700: #1e7c1e; --color-success-800: #1c741c; --color-success-900: #1a6c1a; --color-success-400: #579b57; --color-success-300: #76a976; --color-success-200: #8fb68f; --color-success-100: #a3c2a3; --color-success-transparent-10: rgb(34 139 34 / 0.1); --color-success-transparent-25: rgb(34 139 34 / 0.25); --color-success-transparent-50: rgb(34 139 34 / 0.5); --color-success-transparent-75: rgb(34 139 34 / 0.75); --color-success-hover: undefined; --color-success-active: undefined; --color-success-focus: undefined; --color-success-disabled: undefined; --color-success-border: undefined; --color-warning: #FFBF00; --color-warning-contrast: ; --color-warning-600: #f2b500; --color-warning-700: #e4ab00; --color-warning-800: #d5a000; --color-warning-900: #c69400; --color-warning-400: #ffc651; --color-warning-300: #ffcd72; --color-warning-200: #ffd48c; --color-warning-100: #ffdba1; --color-warning-transparent-10: rgb(255 191 0 / 0.1); --color-warning-transparent-25: rgb(255 191 0 / 0.25); --color-warning-transparent-50: rgb(255 191 0 / 0.5); --color-warning-transparent-75: rgb(255 191 0 / 0.75); --color-warning-hover: undefined; --color-warning-active: undefined; --color-warning-focus: undefined; --color-warning-disabled: undefined; --color-warning-border: undefined; --color-danger: #C51E3A; --color-danger-contrast: ; --color-danger-600: #bb1c37; --color-danger-700: #b01b34; --color-danger-800: #a51931; --color-danger-900: #99172d; --color-danger-400: #cc5662; --color-danger-300: #d2757d; --color-danger-200: #d88e94; --color-danger-100: #dea3a7; --color-danger-transparent-10: rgb(197 30 58 / 0.1); --color-danger-transparent-25: rgb(197 30 58 / 0.25); --color-danger-transparent-50: rgb(197 30 58 / 0.5); --color-danger-transparent-75: rgb(197 30 58 / 0.75); --color-danger-hover: undefined; --color-danger-active: undefined; --color-danger-focus: undefined; --color-danger-disabled: undefined; --color-danger-border: undefined; --color-info: #15F4EE; --color-info-contrast: ; --color-info-600: #14e7e2; --color-info-700: #13dad5; --color-info-800: #12ccc7; --color-info-900: #10bdb8; --color-info-400: #53f5f0; --color-info-300: #74f6f1; --color-info-200: #8df7f3; --color-info-100: #a2f8f5; --color-info-transparent-10: rgb(21 244 238 / 0.1); --color-info-transparent-25: rgb(21 244 238 / 0.25); --color-info-transparent-50: rgb(21 244 238 / 0.5); --color-info-transparent-75: rgb(21 244 238 / 0.75); --color-info-hover: undefined; --color-info-active: undefined; --color-info-focus: undefined; --color-info-disabled: undefined; --color-info-border: undefined; } :root { --btn-bg: var(--color-primary); --btn-color: var(--color-primary-contrast); --btn-active: var(--color-primary-active); --btn-hover: var(--color-primary-hover); --btn-font-size: var(--font-size-md); --btn-font-weight: var(--font-weight-bold); --btn-padding-x: var(--spacer-2); --btn-padding-y: var(--spacer-1); --btn-border-radius: var(--border-radius-1); --btn-border-width: var(--border-width-thin); --btn-xs-font-size: var(--font-size-xs); --btn-xs-font-weight: ; --btn-xs-padding-x: var(--spacer-1); --btn-xs-padding-y: var(--spacer-1); --btn-xs-border-radius: var(--border-radius-1); --btn-xs-border-width: var(--border-width-hairline); --btn-sm-font-size: var(--font-size-sm); --btn-sm-font-weight: ; --btn-sm-padding-x: var(--spacer-2); --btn-sm-padding-y: var(--spacer-1); --btn-sm-border-radius: var(--border-radius-2); --btn-sm-border-width: var(--border-width-thin); --btn-lg-font-size: var(--font-size-lg); --btn-lg-font-weight: ; --btn-lg-padding-x: var(--spacer-3); --btn-lg-padding-y: var(--spacer-2); --btn-lg-border-radius: var(--border-radius-4); --btn-lg-border-width: var(--border-width-thick); --btn-xl-font-size: var(--font-size-xl); --btn-xl-font-weight: ; --btn-xl-padding-x: var(--spacer-4); --btn-xl-padding-y: var(--spacer-3); --btn-xl-border-radius: var(--border-radius-5); --btn-xl-border-width: var(--border-width-extra-thick); --btn-xxl-font-size: var(--font-size-xxl); --btn-xxl-font-weight: ; --btn-xxl-padding-x: var(--spacer-5); --btn-xxl-padding-y: var(--spacer-4); --btn-xxl-border-radius: var(--border-radius-pill); --btn-xxl-border-width: var(--border-width-heavy); --btn-secondary-bg: var(--color-secondary); --btn-secondary-color: var(--color-secondary-contrast); --btn-secondary-hover: var(--color-secondary-hover); --btn-secondary-active: var(--color-secondary-active); --btn-tertiary-bg: var(--color-tertiary); --btn-tertiary-color: var(--color-tertiary-contrast); --btn-tertiary-hover: var(--color-tertiary-hover); --btn-tertiary-active: var(--color-tertiary-active); --btn-quaternary-bg: var(--color-quaternary); --btn-quaternary-color: var(--color-quaternary-contrast); --btn-quaternary-hover: var(--color-quaternary-hover); --btn-quaternary-active: var(--color-quaternary-active); --btn-success-bg: var(--color-success); --btn-success-color: var(--color-success-contrast); --btn-success-hover: var(--color-success-hover); --btn-success-active: var(--color-success-active); --btn-warning-bg: var(--color-warning); --btn-warning-color: var(--color-warning-contrast); --btn-warning-hover: var(--color-warning-hover); --btn-warning-active: var(--color-warning-active); --btn-danger-bg: var(--color-danger); --btn-danger-color: var(--color-danger-contrast); --btn-danger-hover: var(--color-danger-hover); --btn-danger-active: var(--color-danger-active); --btn-info-bg: var(--color-info); --btn-info-color: var(--color-info-contrast); --btn-info-hover: var(--color-info-hover); --btn-info-active: var(--color-info-active); --form-control-bg-color: transparent; --form-control-disabled-bg: var(--color-gray-200); --form-control-color: ; --form-control-padding-x: var(--spacer-1); --form-control-padding-y: var(--spacer-1); --form-control-separator: var(--spacer-3); --form-control-line-height: var(--line-height-normal); --form-control-font-size: var(--base-font-size); --form-control-border-width: var(--border-width-1); --form-control-border-color: var(--color-border-1); --form-control-border-width-focus: var(--border-width-thin); --form-control-border-color-focus: var(--color-primary); --form-control-label-font-size: var(--base-font-size); --form-control-xs-font-size: var(--font-size-xs); --form-control-xs-padding-x: var(--spacer-1); --form-control-xs-padding-y: var(--spacer-1); --form-control-xs-separator: var(--spacer-1); --form-control-xs-line-height: var(--line-height-normal); --form-control-xs-border-width: var(--border-width-hairline); --form-control-xs-border-width-focus: var(--border-width-hairline); --form-control-sm-font-size: var(--font-size-sm); --form-control-sm-padding-x: var(--spacer-1); --form-control-sm-padding-y: var(--spacer-2); --form-control-sm-separator: var(--spacer-2); --form-control-sm-line-height: var(--line-height-normal); --form-control-sm-border-width: var(--border-width-thin); --form-control-sm-border-width-focus: var(--border-width-thick); --form-control-lg-font-size: var(--font-size-lg); --form-control-lg-padding-x: var(--spacer-4); --form-control-lg-padding-y: var(--spacer-4); --form-control-lg-separator: var(--spacer-4); --form-control-lg-line-height: var(--line-height-normal); --form-control-lg-border-width: var(--border-width-thick); --form-control-lg-border-width-focus: var(--border-width-extra-thick); --form-control-xl-font-size: var(--font-size-xl); --form-control-xl-padding-x: var(--spacer-5); --form-control-xl-padding-y: var(--spacer-5); --form-control-xl-separator: var(--spacer-5); --form-control-xl-line-height: var(--line-height-normal); --form-control-xl-border-width: var(--border-width-extra-thick); --form-control-xl-border-width-focus: var(--border-width-heavy); --form-control-xxl-font-size: var(--font-size-xxl); --form-control-xxl-padding-x: var(--spacer-6); --form-control-xxl-padding-y: var(--spacer-6); --form-control-xxl-separator: var(--spacer-6); --form-control-xxl-line-height: var(--line-height-normal); --form-control-xxl-border-width: var(--border-width-heavy); --form-control-xxl-border-width-focus: var(--border-width-extra-thick); --pagination-padding-y: .5rem; --pagination-padding-x: .75rem; --pagination-line-height: 1.25; --pagination-color: var(--link-color); --pagination-bg: var(--color-bg-1); --pagination-border-width: var(--border-width-1); --pagination-border-color: var(--color-border-1); --pagination-focus-outline: 0; --pagination-hover-color: var(--link-hover-color); --pagination-hover-bg: var(--color-border-1); --pagination-hover-border-color: var(--color-border-1); --pagination-active-color: var(--color-bg-1); --pagination-active-bg: var(--color-primary); --pagination-active-border-color: var(--color-primary); --pagination-disabled-color: var(--color-border-2); --pagination-disabled-bg: var(--color-bg-1); --pagination-disabled-border-color: var(--color-border-1); --table-margin-bottom: var(--spacer-3); --table-cell-padding: var(--spacer-2); --table-cell-padding-sm: var(--spacer-1); --table-border-width: var(--border-width-1); --table-cell-color: var(--color-text-1); --table-bg: transparent; --table-accent-bg: var(--color-bg-2); --table-hover-color: var(--color-text-1); --table-hover-bg: var(--color-bg-2); --table-border-color: var(--color-border-1); --table-head-bg: var(--color-bg-2); --table-head-color: var(--color-text-1); --table-primary-cell-color: var(--color-gray-600); --table-primary-bg: transparent; --table-primary-accent-bg: var(--color-primary-100); --table-primary-hover-color: var(--color-primary-contrast); --table-primary-hover-bg: var(--color-primary-400); --table-primary-border-color: var(--color-primary-border); --table-primary-head-bg: var(--color-primary); --table-primary-head-color: var(--color-primary-contrast); --table-secondary-cell-color: var(--color-gray-600); --table-secondary-bg: transparent; --table-secondary-accent-bg: var(--color-secondary-100); --table-secondary-hover-color: var(--color-secondary-contrast); --table-secondary-hover-bg: var(--color-secondary-400); --table-secondary-border-color: var(--color-secondary-border); --table-secondary-head-bg: var(--color-secondary); --table-secondary-head-color: var(--color-secondary-contrast); --table-tertiary-cell-color: var(--color-gray-600); --table-tertiary-bg: transparent; --table-tertiary-accent-bg: var(--color-tertiary-100); --table-tertiary-hover-color: var(--color-tertiary-contrast); --table-tertiary-hover-bg: var(--color-gray-400); --table-tertiary-border-color: var(--color-tertiary-border); --table-tertiary-head-bg: var(--color-tertiary); --table-tertiary-head-color: var(--color-tertiary-contrast); --table-quaternary-cell-color: var(--color-gray-600); --table-quaternary-bg: transparent; --table-quaternary-accent-bg: var(--color-quaternary-100); --table-quaternary-hover-color: var(--color-quaternary-contrast); --table-quaternary-hover-bg: var(--color-gray-400); --table-quaternary-border-color: var(--color-quaternary-border); --table-quaternary-head-bg: var(--color-quaternary); --table-quaternary-head-color: var(--color-quaternary-contrast); --table-success-cell-color: var(--color-gray-600); --table-success-bg: transparent; --table-success-accent-bg: var(--color-success-100); --table-success-hover-color: var(--color-success-contrast); --table-success-hover-bg: var(--color-gray-400); --table-success-border-color: var(--color-success-border); --table-success-head-bg: var(--color-success); --table-success-head-color: var(--color-success-contrast); --table-warning-cell-color: var(--color-gray-600); --table-warning-bg: transparent; --table-warning-accent-bg: var(--color-warning-100); --table-warning-hover-color: var(--color-warning-contrast); --table-warning-hover-bg: var(--color-gray-400); --table-warning-border-color: var(--color-warning-border); --table-warning-head-bg: var(--color-warning); --table-warning-head-color: var(--color-warning-contrast); --table-danger-cell-color: var(--color-gray-600); --table-danger-bg: transparent; --table-danger-accent-bg: var(--color-danger-100); --table-danger-hover-color: var(--color-danger-contrast); --table-danger-hover-bg: var(--color-gray-400); --table-danger-border-color: var(--color-danger-border); --table-danger-head-bg: var(--color-danger); --table-danger-head-color: var(--color-danger-contrast); --table-info-cell-color: var(--color-gray-600); --table-info-bg: transparent; --table-info-accent-bg: var(--color-info-100); --table-info-hover-color: var(--color-info-contrast); --table-info-hover-bg: var(--color-gray-400); --table-info-border-color: var(--color-info-border); --table-info-head-bg: var(--color-info); --table-info-head-color: var(--color-info-contrast); --tabs-selected-color: var(--color-primary); --tabs-border-color: var(--color-border-1); --tabs-selected-text-color: var(--color-bg-1); --nav-bar-logo-text-color: var(--color-primary); --nav-bar-bg: var(--color-bg-1); --nav-bar-text-color: var(--text-color); --nav-bar-hover-text-color: var(--color-primary); --nav-bar-dropdown-bg: var(--color-bg-1); --nav-bar-dropdown-hover-bg: var(--color-bg-1); --nav-bar-dropdown-text-color: var(--text-color); --nav-bar-nav-bar-dropdown-hover-text-color: var(--color-primary); --nav-bar-hover-effect-color: var(--nav-bar-hover-text-color); --nav-bar-height: 3.8rem; --nav-bar-drop-down-width: 16rem; --nav-bar-animation-duration: 300ms; --nav-bar-logo-font-size: 1.5rem; --nav-bar-item-font-size: var(--base-font-size); --nav-bar-item-line-height: var(--base-line-height); --nav-bar-item-border-color: var(--color-border-3); --nav-bar-item-padding-y: 0.75rem; --nav-bar-item-padding-x: var(--spacer-4); }