{"version":3,"sources":["adsm.css","_functions.scss","_variables.scss","_mixins.scss","mixins/_helper.scss","mixins/_grid.scss","mixins/_utilities.scss","_spacing.scss","_colors.scss","_typography.scss","../node_modules/bootstrap/scss/mixins/_breakpoints.scss","base/_reboot.scss","../node_modules/bootstrap/scss/_variables.scss","../node_modules/bootstrap/scss/mixins/_screen-reader.scss","base/_animations.scss","base/_print.scss","base/_theming.scss","base/_typography.scss"],"names":[],"mappings":"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","file":"adsm.css","sourcesContent":["@charset \"UTF-8\";\n/*╔══════════════════════════════════════════════════╗\n  ║                        Functions                          ║\n  ╚══════════════════════════════════════════════════╝*/\n/*╔══════════════════════════════════════════════════╗\n  ║                        Variables                          ║\n  ╚══════════════════════════════════════════════════╝*/\n/*╔══════════════════════════════════════════════════╗\n  ║                          Mixins                           ║\n  ╚══════════════════════════════════════════════════╝*/\n/*╔══════════════════════════════════════════════════╗\n  ║                          Helper                           ║\n  ╚══════════════════════════════════════════════════╝*/\n/*╔══════════════════════════════════════════════════╗\n  ║                           Grid                            ║\n  ╟──────────────────────────────────────────────────╢\n  ║ @see https://medium.com/codyhouse/create-your-design-system-part-2-grid-layout-aa961d59b8d6\n  ╚══════════════════════════════════════════════════╝*/\n/*╔══════════════════════════════════════════════════╗\n  ║                        Utilities                          ║\n  ╚══════════════════════════════════════════════════╝*/\n/*╔══════════════════════════════════════════════════╗\n  ║                          Spacing                          ║\n  ╚══════════════════════════════════════════════════╝*/\n:root {\n  /* grid */\n  --grid-gap: 20px;\n  /* spacing values */\n  --space-unit: 1em;\n  --space-xxs: calc(0.25 * var(--space-unit));\n  --space-xs: calc(0.5 * var(--space-unit));\n  --space-sm: calc(0.75 * var(--space-unit));\n  --space-md: calc(1.25 * var(--space-unit));\n  --space-lg: calc(2 * var(--space-unit));\n  --space-xl: calc(3.25 * var(--space-unit));\n  --space-xxl: calc(5.25 * var(--space-unit));\n  /* fixed values - not affected by --space-unit or --text-base-size */\n  --space-unit-fixed: 1rem;\n  --space-xxs-fixed: calc(0.25 * var(--space-unit-fixed));\n  --space-xs-fixed: calc(0.5 * var(--space-unit-fixed));\n  --space-sm-fixed: calc(0.75 * var(--space-unit-fixed));\n  --space-md-fixed: calc(1.25 * var(--space-unit-fixed));\n  --space-lg-fixed: calc(2 * var(--space-unit-fixed));\n  --space-xl-fixed: calc(3.25 * var(--space-unit-fixed));\n  --space-xxl-fixed: calc(5.25 * var(--space-unit-fixed));\n  /* box */\n  --box-inner: 0.8em 1.4em;\n  /* border */\n  --border-radius: 0;\n  --border-radius-xs: 2px;\n  --border-radius-lg: 6px; }\n\n/*╔══════════════════════════════════════════════════╗\n  ║                           Colors                          ║\n  ╚══════════════════════════════════════════════════╝*/\n:root {\n  /* main colors */\n  --color-primary: #009098;\n  --color-primary-light: color-mod(var(--color-primary) tint(15%));\n  --color-primary-dark: color-mod(var(--color-primary) shade(15%));\n  --color-primary-bg: color-mod(var(--color-primary) alpha(20%));\n  --color-secondary: #161c23;\n  --color-secondary-light: color-mod(var(--color-secondary) tint(15%));\n  --color-secondary-dark: color-mod(var(--color-secondary) shade(15%));\n  --color-secondary-bg: color-mod(var(--color-secondary) alpha(20%));\n  --color-accent: #e83e8c;\n  --color-accent-light: color-mod(var(--color-accent) tint(15%));\n  --color-accent-dark: color-mod(var(--color-accent) shade(15%));\n  --color-accent-bg: color-mod(var(--color-accent) alpha(20%));\n  /* shades */\n  --black: #1d1d21;\n  --shade-11: #272d33;\n  --shade-10: #383e45;\n  --shade-9: #4b5157;\n  --shade-8: #5e6369;\n  --shade-7: #72777c;\n  --shade-6: #878b91;\n  --shade-5: #9ca0a4;\n  --shade-4: #b2b6b9;\n  --shade-3: #c8cbcf;\n  --shade-2: #dfe2e4;\n  --shade-1: #f6f8fa;\n  --primary-11: #349aa1;\n  --primary-10: #4fa4aa;\n  --primary-9: #66aeb3;\n  --primary-8: #7ab7bc;\n  --primary-7: #8ec2c5;\n  --primary-6: #a2cccf;\n  --primary-5: #b4d6d8;\n  --primary-4: #c8e0e2;\n  --primary-3: #daeaec;\n  --primary-2: #ecf5f5;\n  --primary-1: #ffffff;\n  --white: white;\n  /* business units */\n  --color-additive: var(--color-primary);\n  --color-additive-state: var(--color-primary-light);\n  --color-academy: #ee7f01;\n  --color-academy-state: color-mod(var(--color-academy) tint(15%));\n  --color-software: #364f67;\n  --color-software-state: color-mod(var(--color-software) tint(15%));\n  --color-it-service: #004494;\n  --color-it-service-state: color-mod(var(--color-it-service) tint(15%));\n  --color-messtechnik: #008dc9;\n  --color-messtechnik-state: color-mod(var(--color-messtechnik) tint(15%));\n  --color-solutions: var(--color-primary);\n  --color-solutions-state: var(--color-primary-light);\n  --color-chemie: var(--color-additive);\n  --color-chemie-state: var(--color-additive-state);\n  /* manufacturers */\n  --color-mathematica: #d10;\n  --color-mathematica-state: color-mod(var(--color-mathematica) tint(15%));\n  --color-minitab: #8dc63f;\n  --color-minitab-state: color-mod(var(--color-minitab) tint(15%));\n  --color-origin: #2977b2;\n  --color-origin-state: color-mod(var(--color-origin) tint(15%));\n  /* heading */\n  --color-test-heading: var(--shade-9);\n  --color-test-subheading: var(--shade-8);\n  /* feedback */\n  --color-success: #88c459;\n  --color-warning: #ffd137;\n  --color-error: #f5414f;\n  --color-info: #418ff5;\n  /* typography */\n  --color-link: var(--color-primary);\n  --color-link-visited: var(--color-primary-dark);\n  --color-mark: #f2f233;\n  --color-blockquote: var(--shade-8);\n  --color-blockquote-border: var(--shade-3);\n  /* code */\n  --code-background: color-mod(var(--shade-2) alpha(40%));\n  --code-color: var(--shade-8);\n  /* selection */\n  --selection-background: var(--shade-2);\n  --selection-color: var(--color-primary);\n  /* body */\n  --color-body: var(--black);\n  --body-background: var(--white);\n  /* buttons */\n  --btn-color: var(--white);\n  --btn-background: var(--shade-10);\n  --btn-active: var(--shade-9);\n  --btn-hover: var(--shade-8);\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-primary);\n  --btn-primary-active: var(--color-primary-dark);\n  --btn-primary-hover: var(--color-primary-light);\n  /* inputs */\n  --input-color: var(--color-body);\n  --input-border: var(--shade-4);\n  --input-focus-border: var(--shade-6);\n  --input-focus-shadow: var(--shade-2);\n  --input-hover-background: var(--shade-2);\n  --input-hover-border: var(--shade-6);\n  --input-disabled-border: var(--shade-2);\n  --input-disabled-background: var(--shade-2);\n  --input-disabled-color: var(--shade-4);\n  /* tabs */\n  --tabs-background: var(--body-background);\n  --tabs-base: var(--shade-3);\n  --tabs-border: var(--shade-3);\n  /* icons */\n  --color-icon-primary: var(--shade-4); }\n\n/*╔══════════════════════════════════════════════════╗\n  ║                        Typography                         ║\n  ╚══════════════════════════════════════════════════╝*/\n:root {\n  /* base values */\n  --text-base-size: 1em;\n  --text-scale-ratio: 1.2;\n  /* type scale */\n  --text-xs: calc(1em / (var(--text-scale-ratio) * var(--text-scale-ratio)));\n  --text-sm: calc(1em / var(--text-scale-ratio));\n  --text-md: calc(1em * var(--text-scale-ratio));\n  --text-lg: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio));\n  --text-xl: calc(\n    1em * var(--text-scale-ratio) * var(--text-scale-ratio) *\n      var(--text-scale-ratio)\n  );\n  --text-xxl: calc(\n    1em * var(--text-scale-ratio) * var(--text-scale-ratio) *\n      var(--text-scale-ratio) * var(--text-scale-ratio)\n  );\n  --text-xxxl: calc(\n    1em * var(--text-scale-ratio) * var(--text-scale-ratio) *\n      var(--text-scale-ratio) * var(--text-scale-ratio) *\n      var(--text-scale-ratio)\n  );\n  /* line-height */\n  --heading-line-height: 1.2;\n  --body-line-height: 1.5; }\n\n@media (max-width: 991.98px) {\n  :root {\n    --text-base-size: 0.8em; } }\n\n/*╔══════════════════════════════════════════════════╗\n  ║                          Reboot                           ║\n  ╚══════════════════════════════════════════════════╝*/\nhtml {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-overflow-style: scrollbar;\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  box-sizing: border-box; }\n\nbody {\n  position: relative;\n  margin: 0;\n  color: var(--color-body);\n  font-family: \"Karla\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-size: var(--text-base-size);\n  font-weight: 300;\n  line-height: var(--body-line-height);\n  overflow-y: auto;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n  body::before {\n    display: none; }\n  body::before {\n    content: \"xs\"; }\n  @media (min-width: 576px) {\n    body::before {\n      content: \"sm\"; } }\n  @media (min-width: 768px) {\n    body::before {\n      content: \"md\"; } }\n  @media (min-width: 992px) {\n    body::before {\n      content: \"lg\"; } }\n  @media (min-width: 1200px) {\n    body::before {\n      content: \"xl\"; } }\n\n@-ms-viewport {\n  width: device-width; }\n\n::selection {\n  background: var(--selection-background);\n  color: var(--selection-color); }\n\n*,\n*::after,\n*::before {\n  box-sizing: inherit; }\n\niframe,\nimg,\nvideo {\n  max-width: 100%; }\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection,\ncontent,\nwidget,\nmodule,\nitem {\n  display: block; }\n\n[tabindex=\"-1\"]:focus {\n  outline: 0 !important; }\n\nhr {\n  height: 0;\n  border-top: 1px solid var(--shade-2);\n  border-bottom: 0;\n  overflow: visible;\n  box-sizing: content-box; }\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0; }\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: \"IBM Plex Mono\", SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-size: var(--text-xs); }\n\ncode,\npre {\n  border-radius: var(--border-radius-xs);\n  background: var(--code-background); }\n\ncode {\n  padding: 3px 5px 2px;\n  color: var(--code-color); }\n\npre {\n  padding: 6px 10px;\n  font-size: var(--text-sm); }\n\nkbd {\n  display: inline-block;\n  padding: 3px 5px 4px;\n  border: solid 1px var(--shade-2);\n  border-radius: var(--border-radius-xs);\n  border-bottom-color: var(--shade-4);\n  background-color: var(--shade-1);\n  line-height: 1;\n  box-shadow: inset 0 -1px 0 var(--white);\n  vertical-align: text-bottom; }\n\nmark {\n  background: var(--color-mark); }\n\nblockquote {\n  margin: 0 0 var(--space-md);\n  padding: 0 1em;\n  border-left: 0.25em solid var(--color-blockquote-border);\n  color: var(--color-blockquote); }\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline; }\n\nsub {\n  bottom: -0.25em; }\n\nsup {\n  top: -0.5em; }\n\ntable {\n  border-collapse: collapse; }\n\ncaption {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  color: #6c757d;\n  text-align: left;\n  caption-side: bottom; }\n\nth {\n  text-align: inherit; }\n\ntextarea {\n  overflow: auto;\n  resize: vertical; }\n\nfieldset {\n  margin: 0;\n  padding: 0;\n  border: 0; }\n\ndetails summary {\n  color: var(--color-primary);\n  cursor: pointer; }\n\n/*╔══════════════════════════════════════════════════╗\n  ║                       Animations                          ║\n  ╚══════════════════════════════════════════════════╝*/\n@keyframes logo-hover {\n  20% {\n    fill: var(--color-primary-light); }\n  100%,\n  40% {\n    fill: var(--color-primary); } }\n\n@keyframes logo-hover-light {\n  20% {\n    fill: rgba(255, 255, 255, 0.8); }\n  100%,\n  40% {\n    fill: var(--white); } }\n\n@keyframes meter-animate-stripes {\n  to {\n    background-position: 50px 0; } }\n\n/*╔══════════════════════════════════════════════════╗\n  ║                          Print                            ║\n  ╚══════════════════════════════════════════════════╝*/\n@media print {\n  * {\n    display: none; }\n  main {\n    display: block !important; } }\n\n/*╔══════════════════════════════════════════════════╗\n  ║                         Themeing                          ║\n  ╚══════════════════════════════════════════════════╝*/\n[unit=\"additive\"] {\n  --color-primary: var(--color-additive);\n  --color-primary-light: color-mod(var(--color-additive) tint(15%));\n  --color-primary-dark: color-mod(var(--color-additive) shade(15%));\n  --color-primary-bg: color-mod(var(--color-additive) alpha(20%));\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-additive);\n  --btn-primary-active: var(--color-additive);\n  --btn-primary-hover: var(--color-additive-state); }\n\n[unit=\"software\"] {\n  --color-primary: var(--color-software);\n  --color-primary-light: color-mod(var(--color-software) tint(15%));\n  --color-primary-dark: color-mod(var(--color-software) shade(15%));\n  --color-primary-bg: color-mod(var(--color-software) alpha(20%));\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-software);\n  --btn-primary-active: var(--color-software);\n  --btn-primary-hover: var(--color-software-state); }\n\n[unit=\"it-service\"] {\n  --color-primary: var(--color-it-service);\n  --color-primary-light: color-mod(var(--color-it-service) tint(15%));\n  --color-primary-dark: color-mod(var(--color-it-service) shade(15%));\n  --color-primary-bg: color-mod(var(--color-it-service) alpha(20%));\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-it-service);\n  --btn-primary-active: var(--color-it-service);\n  --btn-primary-hover: var(--color-it-service-state); }\n\n[unit=\"messtechnik\"] {\n  --color-primary: var(--color-messtechnik);\n  --color-primary-light: color-mod(var(--color-messtechnik) tint(15%));\n  --color-primary-dark: color-mod(var(--color-messtechnik) shade(15%));\n  --color-primary-bg: color-mod(var(--color-messtechnik) alpha(20%));\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-messtechnik);\n  --btn-primary-active: var(--color-messtechnik);\n  --btn-primary-hover: var(--color-messtechnik-state); }\n\n[unit=\"academy\"] {\n  --color-primary: var(--color-academy);\n  --color-primary-light: color-mod(var(--color-academy) tint(15%));\n  --color-primary-dark: color-mod(var(--color-academy) shade(15%));\n  --color-primary-bg: color-mod(var(--color-academy) alpha(20%));\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-academy);\n  --btn-primary-active: var(--color-academy);\n  --btn-primary-hover: var(--color-academy-state); }\n\n[unit=\"solutions\"] {\n  --color-primary: var(--color-solutions);\n  --color-primary-light: color-mod(var(--color-solutions) tint(15%));\n  --color-primary-dark: color-mod(var(--color-solutions) shade(15%));\n  --color-primary-bg: color-mod(var(--color-solutions) alpha(20%));\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-solutions);\n  --btn-primary-active: var(--color-solutions);\n  --btn-primary-hover: var(--color-solutions-state); }\n\n[unit=\"chemie\"] {\n  --color-primary: var(--color-chemie);\n  --color-primary-light: color-mod(var(--color-chemie) tint(15%));\n  --color-primary-dark: color-mod(var(--color-chemie) shade(15%));\n  --color-primary-bg: color-mod(var(--color-chemie) alpha(20%));\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-chemie);\n  --btn-primary-active: var(--color-chemie);\n  --btn-primary-hover: var(--color-chemie-state); }\n\n.color-additive {\n  color: var(--color-additive) !important; }\n\n.border-additive {\n  border-color: var(--color-additive) !important; }\n\n.background-additive {\n  background-color: var(--color-additive) !important; }\n  .background-additive * > {\n    color: var(--white) !important; }\n\n.color-software {\n  color: var(--color-software) !important; }\n\n.border-software {\n  border-color: var(--color-software) !important; }\n\n.background-software {\n  background-color: var(--color-software) !important; }\n  .background-software * > {\n    color: var(--white) !important; }\n\n.color-it-service {\n  color: var(--color-it-service) !important; }\n\n.border-it-service {\n  border-color: var(--color-it-service) !important; }\n\n.background-it-service {\n  background-color: var(--color-it-service) !important; }\n  .background-it-service * > {\n    color: var(--white) !important; }\n\n.color-messtechnik {\n  color: var(--color-messtechnik) !important; }\n\n.border-messtechnik {\n  border-color: var(--color-messtechnik) !important; }\n\n.background-messtechnik {\n  background-color: var(--color-messtechnik) !important; }\n  .background-messtechnik * > {\n    color: var(--white) !important; }\n\n.color-academy {\n  color: var(--color-academy) !important; }\n\n.border-academy {\n  border-color: var(--color-academy) !important; }\n\n.background-academy {\n  background-color: var(--color-academy) !important; }\n  .background-academy * > {\n    color: var(--white) !important; }\n\n.color-solutions {\n  color: var(--color-solutions) !important; }\n\n.border-solutions {\n  border-color: var(--color-solutions) !important; }\n\n.background-solutions {\n  background-color: var(--color-solutions) !important; }\n  .background-solutions * > {\n    color: var(--white) !important; }\n\n.color-chemie {\n  color: var(--color-chemie) !important; }\n\n.border-chemie {\n  border-color: var(--color-chemie) !important; }\n\n.background-chemie {\n  background-color: var(--color-chemie) !important; }\n  .background-chemie * > {\n    color: var(--white) !important; }\n\n.color-mathematica {\n  color: var(--color-mathematica) !important; }\n\n.border-mathematica {\n  border-color: var(--color-mathematica) !important; }\n\n.background-mathematica {\n  background-color: var(--color-mathematica) !important; }\n  .background-mathematica * > {\n    color: var(--white) !important; }\n\n.background-mathematica-hover {\n  transition: background 140ms ease-in-out !important; }\n  .background-mathematica-hover:hover {\n    opacity: 1 !important;\n    background: var(--color-mathematica) !important; }\n    .background-mathematica-hover:hover a,\n    .background-mathematica-hover:hover h1,\n    .background-mathematica-hover:hover h2,\n    .background-mathematica-hover:hover h3,\n    .background-mathematica-hover:hover h4,\n    .background-mathematica-hover:hover h5,\n    .background-mathematica-hover:hover h6,\n    .background-mathematica-hover:hover p {\n      opacity: 1 !important;\n      color: var(--white) !important; }\n\n.color-minitab {\n  color: var(--color-minitab) !important; }\n\n.border-minitab {\n  border-color: var(--color-minitab) !important; }\n\n.background-minitab {\n  background-color: var(--color-minitab) !important; }\n  .background-minitab * > {\n    color: var(--white) !important; }\n\n.background-minitab-hover {\n  transition: background 140ms ease-in-out !important; }\n  .background-minitab-hover:hover {\n    opacity: 1 !important;\n    background: var(--color-minitab) !important; }\n    .background-minitab-hover:hover a,\n    .background-minitab-hover:hover h1,\n    .background-minitab-hover:hover h2,\n    .background-minitab-hover:hover h3,\n    .background-minitab-hover:hover h4,\n    .background-minitab-hover:hover h5,\n    .background-minitab-hover:hover h6,\n    .background-minitab-hover:hover p {\n      opacity: 1 !important;\n      color: var(--white) !important; }\n\n.color-origin {\n  color: var(--color-origin) !important; }\n\n.border-origin {\n  border-color: var(--color-origin) !important; }\n\n.background-origin {\n  background-color: var(--color-origin) !important; }\n  .background-origin * > {\n    color: var(--white) !important; }\n\n.background-origin-hover {\n  transition: background 140ms ease-in-out !important; }\n  .background-origin-hover:hover {\n    opacity: 1 !important;\n    background: var(--color-origin) !important; }\n    .background-origin-hover:hover a,\n    .background-origin-hover:hover h1,\n    .background-origin-hover:hover h2,\n    .background-origin-hover:hover h3,\n    .background-origin-hover:hover h4,\n    .background-origin-hover:hover h5,\n    .background-origin-hover:hover h6,\n    .background-origin-hover:hover p {\n      opacity: 1 !important;\n      color: var(--white) !important; }\n\n/*╔══════════════════════════════════════════════════╗\n  ║                        Typography                         ║\n  ╚══════════════════════════════════════════════════╝*/\nform legend,\nh1,\nh2,\nh3,\nh4 {\n  margin-bottom: var(--space-xxs);\n  color: var(--color-text-heading);\n  line-height: var(--heading-line-height); }\n\n.text--xxxl {\n  font-size: var(--text-xxxl); }\n\n.text--xxl,\nh1 {\n  font-size: var(--text-xxl); }\n\n.text--xl,\nh2 {\n  font-size: var(--text-xl); }\n\n.text--lg,\nh3 {\n  font-size: var(--text-lg); }\n\n.text--md,\nh4 {\n  font-size: var(--text-md); }\n\n.text--sm,\nsmall {\n  font-size: var(--text-sm); }\n\n.text--xs {\n  font-size: var(--text-xs); }\n\np {\n  margin-top: var(--space-xs);\n  margin-bottom: var(--space-xs);\n  line-height: var(--body-line-height); }\n\nb,\nstrong {\n  font-weight: bold; }\n\n.text-container h2,\n.text-container h3,\n.text-container h4,\narticle h2,\narticle h3,\narticle h4 {\n  margin-top: var(--space-sm); }\n\n.text-container ol,\n.text-container p,\n.text-container ul,\narticle ol,\narticle p,\narticle ul {\n  margin-bottom: var(--space-md); }\n\n.text-container ol,\n.text-container ul,\narticle ol,\narticle ul {\n  padding-left: 24px; }\n\n.text-container em,\narticle em {\n  font-style: italic; }\n\n.text-container u,\narticle u {\n  text-decoration: underline; }\n\n.truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden; }\n","/*╔══════════════════════════════════════════════════╗\n  ║                        Functions                          ║\n  ╚══════════════════════════════════════════════════╝*/\n\n@import \"~bootstrap/scss/functions\";\n","/*╔══════════════════════════════════════════════════╗\n  ║                        Variables                          ║\n  ╚══════════════════════════════════════════════════╝*/\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 40px !default;\n$grid-gutter-space: ($grid-gutter-width / 2) !default;\n\n@import \"~bootstrap/scss/variables\";\n","/*╔══════════════════════════════════════════════════╗\n  ║                          Mixins                           ║\n  ╚══════════════════════════════════════════════════╝*/\n\n@import \"~bootstrap/scss/mixins\";\n@import \"mixins/helper\";\n@import \"mixins/grid\";\n@import \"mixins/utilities\";\n","/*╔══════════════════════════════════════════════════╗\n  ║                          Helper                           ║\n  ╚══════════════════════════════════════════════════╝*/\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Round width (use?)\n\n@function round-width($i) {\n  $width: floor(100 * $i * 100 / $grid-columns) / 100;\n\n  @return $width#{\"%\"};\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Select all elements from X\n\n@function selectallfrom($n, $selector, $separator: \"> \") {\n  $classes: ();\n\n  @for $i from 1 through $n {\n    $classname: if($i == 1, #{$selector}, #{$separator + $selector});\n    $classes: join($classes, unquote($classname), space);\n  }\n\n  @return $classes;\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                           Grid                            ║\n  ╟──────────────────────────────────────────────────╢\n  ║ @see https://medium.com/codyhouse/create-your-design-system-part-2-grid-layout-aa961d59b8d6\n  ╚══════════════════════════════════════════════════╝*/\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Base Grid\n\n@mixin grid {\n  /* ┈┈┈┈ Fallback for IE ┈┈┈┈ */\n  &::after,\n  &::before {\n    display: table;\n    content: \"\";\n  }\n  &::after {\n    clear: both;\n  }\n\n  > * {\n    margin-right: $gap-horizontal;\n    margin-bottom: $gap-vertical;\n    float: left;\n  }\n\n  @supports (grid-area: auto) {\n    /* ┈┈┈┈ CSS Grid style ┈┈┈┈ */\n    display: grid;\n\n    grid-row-gap: $gap-vertical;\n    grid-column-gap: $gap-horizontal;\n\n    &::after,\n    &::before {\n      content: none;\n    }\n\n    > * {\n      margin-right: 0;\n      margin-bottom: 0;\n\n      float: none;\n    }\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Auto Grid\n\n@mixin gridAuto($min-width, $fallback: 3) {\n  > * {\n    width: calc(100% /#{$fallback} - #{$gap-horizontal});\n\n    float: left;\n\n    &:nth-child(#{$fallback}n + 1) {\n      clear: both;\n    }\n  }\n\n  @supports (grid-area: auto) {\n    grid-template-columns: repeat(auto-fit, minmax($min-width, 1fr));\n\n    > * {\n      width: auto;\n\n      margin: 0;\n\n      float: none;\n    }\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Grid with Layout\n\n@mixin gridLayout($cols...) {\n  $i: 0;\n\n  @each $col in $cols {\n    $i: $i + 1;\n\n    > :nth-of-type(#{$i}) {\n      width: calc(#{round-width(nth($col, 1))} - #{$gap-horizontal});\n    }\n  }\n\n  @supports (grid-area: auto) {\n    $i: 0;\n    grid-template-columns: repeat($grid-columns, 1fr);\n\n    @each $col in $cols {\n      $i: $i + 1;\n\n      > :nth-of-type(#{$i}) {\n        grid-column-end: span nth($col, 1);\n\n        @if length($col) > 1 {\n          grid-row-end: span nth($col, 2);\n        }\n      }\n    }\n\n    > :nth-child(n) {\n      width: auto;\n\n      margin: 0;\n    }\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Grid Layout Advanced\n\n@mixin gridAdvanced($cols...) {\n  $i: 0;\n  $span: 0;\n\n  @each $col in $cols {\n    $i: $i + 1;\n\n    > :nth-of-type(#{$i}) {\n      width: calc(\n        #{$span}*\n          ((100% - #{$gap-horizontal}*#{$grid-columns}) /#{$grid-columns}) +\n          (#{nth($col, 1)} - 1) *#{$gap-horizontal} -\n          1px\n      );\n      min-width: 0;\n\n      @if nth($col, 2) == -1 {\n        $span: $grid-columns - nth($col, 2) - nth($col, 1);\n      } @else {\n        $span: nth($col, 2) - nth($col, 1);\n      }\n    }\n  }\n\n  @supports (grid-area: auto) {\n    $i: 0;\n    grid-template-columns: repeat($grid-columns, 1fr);\n\n    @each $col in $cols {\n      $i: $i + 1;\n\n      > :nth-of-type(#{$i}) {\n        grid-row-start: nth($col, 3);\n        grid-row-end: nth($col, 4);\n        grid-column-start: nth($col, 1);\n        grid-column-end: nth($col, 2);\n      }\n    }\n\n    > :nth-child(n) {\n      width: auto;\n\n      margin: 0;\n    }\n  }\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                        Utilities                          ║\n  ╚══════════════════════════════════════════════════╝*/\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Our custom logo styling\n\n@mixin logo($A, $B, $C, $D) {\n  #logo svg #ADDL-SIGNET {\n    polygon.A {\n      fill: $A;\n    }\n\n    polygon.B {\n      fill: $B;\n    }\n\n    polygon.C {\n      fill: $C;\n    }\n\n    polygon.D {\n      fill: $D;\n    }\n  }\n}\n\n@mixin logo-hover($animation: logo-hover) {\n  #logo:hover svg #ADDL-SIGNET {\n    polygon {\n      animation: $animation 0.6s ease-in-out 1 normal forwards;\n\n      &:nth-child(1) {\n        animation-delay: 0s;\n      }\n\n      &:nth-child(2) {\n        animation-delay: 0.07s;\n      }\n\n      &:nth-child(3) {\n        animation-delay: 0.14s;\n      }\n\n      &:nth-child(4) {\n        animation-delay: 0.21s;\n      }\n    }\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Center an element (parent must be relative)\n\n@mixin center($xy: 0) {\n  @if $xy == xy {\n    top: 50%;\n    right: auto;\n    bottom: auto;\n    left: 50%;\n\n    transform: translateX(-50%) translateY(-50%);\n  } @else if $xy == x {\n    right: auto;\n    left: 50%;\n\n    transform: translateX(-50%);\n  } @else if $xy == y {\n    top: 50%;\n    bottom: auto;\n\n    transform: translateY(-50%);\n  } @else if $xy == 0 {\n    top: auto;\n    right: auto;\n    bottom: auto;\n    left: auto;\n\n    transform: translateX(0) translateY(0);\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Make something as big as possible\n\n@mixin fullscreen() {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Button events\n\n@mixin button-events(\n  $hover-border-color: var(--btn-hover),\n  $hover-background: var(--btn-hover),\n  $hover-color: false,\n  $active-border-color: var(--btn-active),\n  $active-background: var(--btn-active),\n  $active-color: false,\n  $shadow-color: false\n) {\n  &:focus {\n    border-color: $active-border-color;\n\n    outline: none;\n\n    background-color: $active-background;\n\n    @if $shadow-color {\n      box-shadow: 0 0 0 3px $shadow-color;\n    }\n\n    @if $active-color {\n      color: $active-color;\n    }\n  }\n\n  &:hover {\n    border-color: $hover-border-color;\n\n    background-color: $hover-background;\n\n    @if $hover-color {\n      color: $hover-color;\n    }\n  }\n\n  &:active {\n    border-color: $active-border-color;\n\n    outline: none;\n\n    background-color: $active-background;\n\n    @if $shadow-color {\n      box-shadow: 0 0 0 3px $shadow-color;\n    }\n\n    @if $active-color {\n      color: $active-color;\n    }\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Edit font rendering\n// @tip: use for light text on dark backgrounds\n\n@mixin fontSmooth {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Crop the line-height\n// @see: https://medium.com/codyhouse/line-height-crop-a-simple-css-formula-to-remove-top-space-from-your-text-9c3de06d7c6f\n\n@mixin lhCrop($line-height: var(--body-line-height), $capital-letter: 1) {\n  &::before {\n    display: block;\n    width: 0;\n\n    height: 0;\n    margin-top: calc((#{$capital-letter} - #{$line-height}) * 0.5em);\n\n    content: \"\";\n  }\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                          Spacing                          ║\n  ╚══════════════════════════════════════════════════╝*/\n\n$gap-horizontal: 20px !default;\n$gap-vertical: $gap-horizontal !default;\n\n:root {\n  /* grid */\n  // TODO: responsive with css var\n  --grid-gap: #{$gap-horizontal};\n\n  /* spacing values */\n  // TODO: responsive\n  --space-unit: 1em;\n  --space-xxs: calc(0.25 * var(--space-unit));\n  --space-xs: calc(0.5 * var(--space-unit));\n  --space-sm: calc(0.75 * var(--space-unit));\n  --space-md: calc(1.25 * var(--space-unit));\n  --space-lg: calc(2 * var(--space-unit));\n  --space-xl: calc(3.25 * var(--space-unit));\n  --space-xxl: calc(5.25 * var(--space-unit));\n\n  /* fixed values - not affected by --space-unit or --text-base-size */\n  --space-unit-fixed: 1rem;\n  --space-xxs-fixed: calc(0.25 * var(--space-unit-fixed));\n  --space-xs-fixed: calc(0.5 * var(--space-unit-fixed));\n  --space-sm-fixed: calc(0.75 * var(--space-unit-fixed));\n  --space-md-fixed: calc(1.25 * var(--space-unit-fixed));\n  --space-lg-fixed: calc(2 * var(--space-unit-fixed));\n  --space-xl-fixed: calc(3.25 * var(--space-unit-fixed));\n  --space-xxl-fixed: calc(5.25 * var(--space-unit-fixed));\n\n  /* box */\n  --box-inner: 0.8em 1.4em;\n\n  /* border */\n  --border-radius: 0;\n  --border-radius-xs: 2px;\n  --border-radius-lg: 6px;\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                           Colors                          ║\n  ╚══════════════════════════════════════════════════╝*/\n\n:root {\n  /* main colors */\n  --color-primary: #009098;\n  --color-primary-light: color-mod(var(--color-primary) tint(15%));\n  --color-primary-dark: color-mod(var(--color-primary) shade(15%));\n  --color-primary-bg: color-mod(var(--color-primary) alpha(20%));\n\n  --color-secondary: #161c23;\n  --color-secondary-light: color-mod(var(--color-secondary) tint(15%));\n  --color-secondary-dark: color-mod(var(--color-secondary) shade(15%));\n  --color-secondary-bg: color-mod(var(--color-secondary) alpha(20%));\n\n  --color-accent: #e83e8c;\n  --color-accent-light: color-mod(var(--color-accent) tint(15%));\n  --color-accent-dark: color-mod(var(--color-accent) shade(15%));\n  --color-accent-bg: color-mod(var(--color-accent) alpha(20%));\n\n  /* shades */\n  // generated with chroma.js => 12 steps\n  --black: #1d1d21;\n  --shade-11: #272d33;\n  --shade-10: #383e45;\n  --shade-9: #4b5157;\n  --shade-8: #5e6369;\n  --shade-7: #72777c;\n  --shade-6: #878b91;\n  --shade-5: #9ca0a4;\n  --shade-4: #b2b6b9;\n  --shade-3: #c8cbcf;\n  --shade-2: #dfe2e4;\n  --shade-1: #f6f8fa;\n  --primary-11: #349aa1;\n  --primary-10: #4fa4aa;\n  --primary-9: #66aeb3;\n  --primary-8: #7ab7bc;\n  --primary-7: #8ec2c5;\n  --primary-6: #a2cccf;\n  --primary-5: #b4d6d8;\n  --primary-4: #c8e0e2;\n  --primary-3: #daeaec;\n  --primary-2: #ecf5f5;\n  --primary-1: #ffffff;\n  --white: white;\n\n  /* business units */\n  --color-additive: var(--color-primary);\n  --color-additive-state: var(--color-primary-light);\n  --color-academy: #ee7f01;\n  --color-academy-state: color-mod(var(--color-academy) tint(15%));\n  --color-software: #364f67;\n  --color-software-state: color-mod(var(--color-software) tint(15%));\n  --color-it-service: #004494;\n  --color-it-service-state: color-mod(var(--color-it-service) tint(15%));\n  --color-messtechnik: #008dc9;\n  --color-messtechnik-state: color-mod(var(--color-messtechnik) tint(15%));\n  --color-solutions: var(--color-primary);\n  --color-solutions-state: var(--color-primary-light);\n  --color-chemie: var(--color-additive);\n  --color-chemie-state: var(--color-additive-state);\n\n  /* manufacturers */\n  --color-mathematica: #d10;\n  --color-mathematica-state: color-mod(var(--color-mathematica) tint(15%));\n  --color-minitab: #8dc63f;\n  --color-minitab-state: color-mod(var(--color-minitab) tint(15%));\n  --color-origin: #2977b2;\n  --color-origin-state: color-mod(var(--color-origin) tint(15%));\n\n  /* heading */\n  --color-test-heading: var(--shade-9);\n  --color-test-subheading: var(--shade-8);\n\n  /* feedback */\n  --color-success: #88c459;\n  --color-warning: #ffd137;\n  --color-error: #f5414f;\n  --color-info: #418ff5;\n\n  /* typography */\n  --color-link: var(--color-primary);\n  --color-link-visited: var(--color-primary-dark);\n  --color-mark: #f2f233;\n  --color-blockquote: var(--shade-8);\n  --color-blockquote-border: var(--shade-3);\n\n  /* code */\n  --code-background: color-mod(var(--shade-2) alpha(40%));\n  --code-color: var(--shade-8);\n\n  /* selection */\n  --selection-background: var(--shade-2);\n  --selection-color: var(--color-primary);\n\n  /* body */\n  --color-body: var(--black);\n  --body-background: var(--white);\n\n  /* buttons */\n  --btn-color: var(--white);\n  --btn-background: var(--shade-10);\n  --btn-active: var(--shade-9);\n  --btn-hover: var(--shade-8);\n  --btn-primary-color: var(--white);\n  --btn-primary-background: var(--color-primary);\n  --btn-primary-active: var(--color-primary-dark);\n  --btn-primary-hover: var(--color-primary-light);\n\n  /* inputs */\n  --input-color: var(--color-body);\n  --input-border: var(--shade-4);\n  --input-focus-border: var(--shade-6);\n  --input-focus-shadow: var(--shade-2);\n  --input-hover-background: var(--shade-2);\n  --input-hover-border: var(--shade-6);\n  --input-disabled-border: var(--shade-2);\n  --input-disabled-background: var(--shade-2);\n  --input-disabled-color: var(--shade-4);\n\n  /* tabs */\n  --tabs-background: var(--body-background);\n  --tabs-base: var(--shade-3);\n  --tabs-border: var(--shade-3);\n\n  /* icons */\n  --color-icon-primary: var(--shade-4);\n}\n\n// Name : Basis | Active | Text\n$units: (\n  \"additive\": (\n    var(--color-additive),\n    var(--color-additive-state),\n    var(--white),\n  ),\n  \"software\": (\n    var(--color-software),\n    var(--color-software-state),\n    var(--white),\n  ),\n  \"it-service\": (\n    var(--color-it-service),\n    var(--color-it-service-state),\n    var(--white),\n  ),\n  \"messtechnik\": (\n    var(--color-messtechnik),\n    var(--color-messtechnik-state),\n    var(--white),\n  ),\n  \"academy\": (\n    var(--color-academy),\n    var(--color-academy-state),\n    var(--white),\n  ),\n  \"solutions\": (\n    var(--color-solutions),\n    var(--color-solutions-state),\n    var(--white),\n  ),\n  \"chemie\": (\n    var(--color-chemie),\n    var(--color-chemie-state),\n    var(--white),\n  ),\n);\n\n// Name : Basis | Active | Text\n$manufacturers: (\n  \"mathematica\": (\n    var(--color-mathematica),\n    var(--color-mathematica-state),\n    var(--white),\n  ),\n  \"minitab\": (\n    var(--color-minitab),\n    var(--color-minitab-state),\n    var(--white),\n  ),\n  \"origin\": (\n    var(--color-origin),\n    var(--color-origin-state),\n    var(--white),\n  ),\n);\n","/*╔══════════════════════════════════════════════════╗\n  ║                        Typography                         ║\n  ╚══════════════════════════════════════════════════╝*/\n\n$font-primary: \"Karla\", $font-family-sans-serif;\n$font-secondary: \"Lora\", serif;\n$font-weight: 300;\n\n:root {\n  /* base values */\n  --text-base-size: 1em;\n  --text-scale-ratio: 1.2;\n\n  /* type scale */\n  --text-xs: calc(1em / (var(--text-scale-ratio) * var(--text-scale-ratio)));\n  --text-sm: calc(1em / var(--text-scale-ratio));\n  --text-md: calc(1em * var(--text-scale-ratio));\n  --text-lg: calc(1em * var(--text-scale-ratio) * var(--text-scale-ratio));\n  --text-xl: calc(\n    1em * var(--text-scale-ratio) * var(--text-scale-ratio) *\n      var(--text-scale-ratio)\n  );\n  --text-xxl: calc(\n    1em * var(--text-scale-ratio) * var(--text-scale-ratio) *\n      var(--text-scale-ratio) * var(--text-scale-ratio)\n  );\n  --text-xxxl: calc(\n    1em * var(--text-scale-ratio) * var(--text-scale-ratio) *\n      var(--text-scale-ratio) * var(--text-scale-ratio) *\n      var(--text-scale-ratio)\n  );\n\n  /* line-height */\n  --heading-line-height: 1.2;\n  --body-line-height: 1.5;\n}\n\n@include media-breakpoint-down(md) {\n  :root {\n    --text-base-size: 0.8em;\n  }\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//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\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, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $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, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\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. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `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(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\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(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\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  $max: breakpoint-max($name, $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($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                          Reboot                           ║\n  ╚══════════════════════════════════════════════════╝*/\n\nhtml {\n  -webkit-tap-highlight-color: rgba($black, 0);\n\n  -ms-overflow-style: scrollbar;\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  box-sizing: border-box;\n}\n\nbody {\n  position: relative;\n\n  margin: 0;\n\n  color: var(--color-body);\n  font-family: $font-primary;\n\n  font-size: var(--text-base-size);\n  font-weight: $font-weight;\n  line-height: var(--body-line-height);\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  @include fontSmooth();\n\n  // Javascript breakpoint helper\n  &::before {\n    display: none; // Prevent from displaying.\n  }\n\n  @each $breakpoint, $breakpoint-width in $grid-breakpoints {\n    @include media-breakpoint-up($breakpoint) {\n      &::before {\n        content: \"#{$breakpoint}\";\n      }\n    }\n  }\n}\n\n@at-root {\n  @-ms-viewport {\n    width: device-width;\n  }\n\n  ::selection {\n    background: var(--selection-background);\n\n    color: var(--selection-color);\n  }\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: inherit;\n}\n\niframe,\nimg,\nvideo {\n  max-width: 100%;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection,\ncontent,\nwidget,\nmodule,\nitem {\n  display: block;\n}\n\n[tabindex=\"-1\"]:focus {\n  outline: 0 !important;\n}\n\nhr {\n  height: 0;\n\n  border-top: 1px solid var(--shade-2);\n\n  border-bottom: 0;\n\n  overflow: visible;\n  box-sizing: content-box;\n}\n\n.sr-only {\n  @include sr-only();\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: \"IBM Plex Mono\", $font-family-monospace;\n  font-size: var(--text-xs);\n}\n\ncode,\npre {\n  border-radius: var(--border-radius-xs);\n\n  background: var(--code-background);\n}\n\ncode {\n  padding: 3px 5px 2px;\n\n  color: var(--code-color);\n}\n\npre {\n  padding: 6px 10px;\n\n  font-size: var(--text-sm);\n}\n\nkbd {\n  display: inline-block;\n\n  padding: 3px 5px 4px;\n\n  border: solid 1px var(--shade-2);\n  border-radius: var(--border-radius-xs);\n  border-bottom-color: var(--shade-4);\n\n  background-color: var(--shade-1);\n  line-height: 1;\n\n  box-shadow: inset 0 -1px 0 var(--white);\n  vertical-align: text-bottom;\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Abbreviations\n\nmark {\n  background: var(--color-mark);\n}\n\nblockquote {\n  margin: 0 0 var(--space-md);\n  padding: 0 1em;\n\n  border-left: 0.25em solid var(--color-blockquote-border);\n\n  color: var(--color-blockquote);\n}\n\nsub,\nsup {\n  position: relative;\n\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Tables\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n\n  color: $table-caption-color;\n\n  text-align: left;\n  caption-side: bottom;\n}\n\nth {\n  // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n  // closest parent with a set `text-align`.\n  text-align: inherit;\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Forms\n\ntextarea {\n  overflow: auto;\n\n  resize: vertical;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Specials\n\ndetails {\n  summary {\n    color: var(--color-primary);\n\n    cursor: pointer;\n  }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n  (\n    \"blue\":       $blue,\n    \"indigo\":     $indigo,\n    \"purple\":     $purple,\n    \"pink\":       $pink,\n    \"red\":        $red,\n    \"orange\":     $orange,\n    \"yellow\":     $yellow,\n    \"green\":      $green,\n    \"teal\":       $teal,\n    \"cyan\":       $cyan,\n    \"white\":      $white,\n    \"gray\":       $gray-600,\n    \"gray-dark\":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n  (\n    \"primary\":    $primary,\n    \"secondary\":  $secondary,\n    \"success\":    $success,\n    \"info\":       $info,\n    \"warning\":    $warning,\n    \"danger\":     $danger,\n    \"light\":      $light,\n    \"dark\":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color(\"primary\") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color(\"primary\") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer / 2 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             80% !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color:            $white !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half:               calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter:            calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height:                          calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm:                       calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg:                       calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    none !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size:                  calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background:          $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color(\"success\") !default;\n$form-feedback-invalid-color:       theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer / 2 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-100 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-600 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width / 2 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color(\"primary\") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg:      str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:         2rem !default;\n$spinner-height:        $spinner-width !default;\n$spinner-border-width:  .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;\n","// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n  &:active,\n  &:focus {\n    position: static;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    clip: auto;\n    white-space: normal;\n  }\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                       Animations                          ║\n  ╚══════════════════════════════════════════════════╝*/\n\n@keyframes logo-hover {\n  20% {\n    fill: var(--color-primary-light);\n  }\n\n  100%,\n  40% {\n    fill: var(--color-primary);\n  }\n}\n\n@keyframes logo-hover-light {\n  20% {\n    fill: rgba(#fff, 0.8);\n  }\n\n  100%,\n  40% {\n    fill: var(--white);\n  }\n}\n\n@keyframes meter-animate-stripes {\n  to {\n    background-position: 50px 0;\n  }\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                          Print                            ║\n  ╚══════════════════════════════════════════════════╝*/\n\n@media print {\n  * {\n    display: none;\n  }\n\n  main {\n    display: block !important;\n  }\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                         Themeing                          ║\n  ╚══════════════════════════════════════════════════╝*/\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Global\n\n@each $unit, $color in $units {\n  // TODO: until browser does not support `color-mod` natively we need to recompile some colors\n  [unit=\"#{$unit}\"] {\n    --color-primary: #{nth($color, 1)};\n    --color-primary-light: color-mod(#{nth($color, 1)} tint(15%));\n    --color-primary-dark: color-mod(#{nth($color, 1)} shade(15%));\n    --color-primary-bg: color-mod(#{nth($color, 1)} alpha(20%));\n    --btn-primary-color: #{nth($color, 3)};\n    --btn-primary-background: #{nth($color, 1)};\n    --btn-primary-active: #{nth($color, 1)};\n    --btn-primary-hover: #{nth($color, 2)};\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Business Units\n\n@each $unit, $color in $units {\n  .color-#{$unit} {\n    color: nth($color, 1) !important;\n  }\n\n  .border-#{$unit} {\n    border-color: nth($color, 1) !important;\n  }\n\n  .background-#{$unit} {\n    background-color: nth($color, 1) !important;\n\n    * > {\n      color: nth($color, 3) !important;\n    }\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Manufacturers\n\n@each $manufacturer, $color in $manufacturers {\n  .color-#{$manufacturer} {\n    color: nth($color, 1) !important;\n  }\n\n  .border-#{$manufacturer} {\n    border-color: nth($color, 1) !important;\n  }\n\n  .background-#{$manufacturer} {\n    background-color: nth($color, 1) !important;\n\n    * > {\n      color: nth($color, 3) !important;\n    }\n  }\n\n  .background-#{$manufacturer}-hover {\n    transition: background 140ms ease-in-out !important;\n\n    &:hover {\n      opacity: 1 !important;\n      background: nth($color, 1) !important;\n\n      a,\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6,\n      p {\n        opacity: 1 !important;\n        color: nth($color, 3) !important;\n      }\n    }\n  }\n}\n","/*╔══════════════════════════════════════════════════╗\n  ║                        Typography                         ║\n  ╚══════════════════════════════════════════════════╝*/\n\nform legend,\nh1,\nh2,\nh3,\nh4 {\n  margin-bottom: var(--space-xxs);\n\n  color: var(--color-text-heading);\n  line-height: var(--heading-line-height);\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Text size\n\n.text--xxxl {\n  font-size: var(--text-xxxl);\n}\n\n.text--xxl,\nh1 {\n  font-size: var(--text-xxl);\n}\n\n.text--xl,\nh2 {\n  font-size: var(--text-xl);\n}\n\n.text--lg,\nh3 {\n  font-size: var(--text-lg);\n}\n\n.text--md,\nh4 {\n  font-size: var(--text-md);\n}\n\n.text--sm,\nsmall {\n  font-size: var(--text-sm);\n}\n\n.text--xs {\n  font-size: var(--text-xs);\n}\n\np {\n  margin-top: var(--space-xs);\n  margin-bottom: var(--space-xs);\n\n  line-height: var(--body-line-height);\n}\n\nb,\nstrong {\n  font-weight: bold;\n}\n\n.text-container,\narticle {\n  h2,\n  h3,\n  h4 {\n    margin-top: var(--space-sm);\n  }\n\n  ol,\n  p,\n  ul {\n    margin-bottom: var(--space-md);\n  }\n\n  ol,\n  ul {\n    padding-left: 24px;\n  }\n\n  em {\n    font-style: italic;\n  }\n\n  u {\n    text-decoration: underline;\n  }\n}\n\n// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\n// Utility classes\n\n.truncate {\n  // truncate text if it exceeds parent\n  text-overflow: ellipsis;\n\n  white-space: nowrap;\n  overflow: hidden;\n}\n"]}