{"version":3,"sources":["cupcake-shim.css","support/mixins/_progress-mixins.scss","cupcake-shim.scss","support/_config.scss","support/_util.scss","support/color/_var.scss"],"names":[],"mappings":"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","file":"../cupcake-shim.css","sourcesContent":["@charset \"UTF-8\";\n/* stylelint-disable alpha-value-notation */\n/* stylelint-disable max-line-length */\n/* stylelint-disable color-function-notation */\n@keyframes stripes {\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n}\n@keyframes btn-progress-bar-stripes {\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 40px 0;\n  }\n}\n/* stylelint-disable */\n.c-card-primary {\n  color: #fff;\n  border-color: #1b6ec2;\n  background-color: #1b6ec2;\n}\n\n.c-badge-primary-outline {\n  color: #1b6ec2;\n  border: 1px solid #1b6ec2;\n  background-color: transparent;\n}\n\n.c-card-success {\n  color: #fff;\n  border-color: #2f9e44;\n  background-color: #2f9e44;\n}\n\n.c-badge-success-outline {\n  color: #2f9e44;\n  border: 1px solid #2f9e44;\n  background-color: transparent;\n}\n\n.c-card-warning {\n  color: #fff;\n  border-color: #f08c00;\n  background-color: #f08c00;\n}\n\n.c-badge-warning-outline {\n  color: #f08c00;\n  border: 1px solid #f08c00;\n  background-color: transparent;\n}\n\n.c-card-danger {\n  color: #fff;\n  border-color: #e03131;\n  background-color: #e03131;\n}\n\n.c-badge-danger-outline {\n  color: #e03131;\n  border: 1px solid #e03131;\n  background-color: transparent;\n}\n\n.c-card-deck {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0;\n  margin-right: -12px;\n  margin-left: -12px;\n  padding: 12px;\n}\n.c-card-deck .c-card {\n  height: 350px;\n  max-width: 100%;\n  flex: 0 0 100%;\n  margin-bottom: 12px;\n  overflow: hidden;\n  position: relative;\n}\n\n@media (max-width: 575px) {\n  .c-card-deck {\n    padding-left: 0;\n    padding-right: 0;\n  }\n  .c-card-deck .c-card {\n    transform-origin: top left;\n  }\n}\n@media (min-width: 768px) {\n  .c-card-deck {\n    padding: 20px;\n  }\n  .c-card-deck .c-card {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n}\n@media (min-width: 992px) {\n  .c-card-deck {\n    padding: 20px;\n  }\n  .c-card-deck .c-card {\n    flex: 0 0 calc(50% - 5px);\n    max-width: calc(50% - 5px);\n  }\n  .c-card-deck .c-card:nth-child(2n+1) {\n    margin-right: 10px;\n  }\n}\n@media (min-width: 1440px) {\n  .c-card-deck {\n    padding: 20px;\n  }\n  .c-card-deck .c-card {\n    flex: 0 0 calc(33.333% - 6.667px);\n    max-width: calc(33.333% - 6.667px);\n  }\n  .c-card-deck .c-card:nth-child(even), .c-card-deck .c-card:nth-child(odd) {\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .c-card-deck .c-card:nth-child(3n+2) {\n    margin: 0 10px;\n  }\n}\n@media (min-width: 2110px) {\n  .c-card-deck {\n    padding: 20px;\n  }\n  .c-card-deck .c-card {\n    flex: 0 0 calc(25% - 7.5px);\n    max-width: calc(25% - 7.5px);\n  }\n  .c-card-deck .c-card:nth-child(even), .c-card-deck .c-card:nth-child(odd) {\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .c-card-deck .c-card:nth-child(4n+2) {\n    margin-left: 10px;\n    margin-right: 5px;\n  }\n  .c-card-deck .c-card:nth-child(4n+3) {\n    margin-left: 5px;\n    margin-right: 10px;\n  }\n}\n.c-notification {\n  right: 0;\n  bottom: 0;\n  top: 50px;\n  width: 415px;\n  border-top: 0;\n  position: fixed;\n  background: #fff;\n  transition: all 0.2s ease;\n  border: 1px solid #e6e6e6;\n  transform: translateX(415px);\n}\n.c-notification-header {\n  display: flex;\n  padding: 14px 20px;\n  justify-content: space-between;\n  border-bottom: 1px solid #e6e6e6;\n}\n.c-notification-body {\n  right: 0;\n  bottom: 0;\n  top: 43px;\n  width: 100%;\n  overflow-y: scroll;\n  position: absolute;\n}\n.c-notification-open {\n  transform: translateX(0);\n}\n.c-notification-filter {\n  font-weight: 600;\n  font-size: 0.75rem;\n}\n.c-notification-info {\n  display: flex;\n  padding-left: 0;\n  margin-bottom: 0;\n  margin-top: 0.25rem;\n  list-style-type: none;\n}\n.c-notification-settings {\n  color: #333;\n  font-size: 0.75rem;\n}\n.c-notification-item {\n  display: flex;\n  padding: 20px;\n  position: relative;\n  font-size: 0.6875rem;\n  background-color: #fff;\n  color: rgba(51, 51, 51, 0.8);\n  border-bottom: 1px solid #e6e6e6;\n}\n.c-notification-item:hover {\n  background-color: rgba(249, 149, 0, 0.2);\n}\n.c-notification-item:last-child {\n  border-bottom: 0;\n}\n.c-notification-item-unread {\n  background-color: rgba(51, 51, 51, 0.05);\n}\n.c-notification-item-left {\n  margin-top: 3px;\n  padding-right: 1rem;\n}\n.c-notification-author {\n  color: #097fd7;\n  font-weight: 700;\n  font-size: 0.6875rem;\n}\n.c-notification-date {\n  color: #333;\n}\n.c-notification-date::before {\n  color: #333;\n  content: \"•\";\n  padding: 0 0.25rem;\n  font-size: 0.6875rem;\n}\n.c-notification-time {\n  font-style: italic;\n  color: rgba(51, 51, 51, 0.6);\n}\n.c-notification-time::before {\n  color: #333;\n  content: \"•\";\n  padding: 0 0.25rem;\n  font-size: 0.6875rem;\n}\n\n.c-notify-logs {\n  width: 25vw;\n  z-index: 99999;\n  position: fixed;\n  min-width: 390px;\n}\n.c-notify-logs .c-alert,\n.c-notify-logs .c-toast-alert {\n  opacity: 0;\n  position: relative;\n  pointer-events: none;\n  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3), 0 10px 50px rgba(0, 0, 0, 0.12);\n}\n.c-notify-logs .c-alert:last-child,\n.c-notify-logs .c-toast-alert:last-child {\n  margin-bottom: 0;\n}\n.c-notify-logs .c-alert .c-alert.show,\n.c-notify-logs .c-alert .c-toast-alert.show,\n.c-notify-logs .c-toast-alert .c-alert.show,\n.c-notify-logs .c-toast-alert .c-toast-alert.show {\n  opacity: 1;\n  pointer-events: auto;\n}\n.c-notify-logs.top {\n  top: 16px;\n}\n.c-notify-logs.bottom {\n  bottom: 16px;\n}\n.c-notify-logs.left {\n  left: 16px;\n}\n.c-notify-logs.left .c-alert,\n.c-notify-logs.left .c-toast-alert {\n  transform: translateX(calc(-110% + 16px));\n}\n.c-notify-logs.left .c-alert.show,\n.c-notify-logs.left .c-toast-alert.show {\n  transform: translateX(0);\n}\n.c-notify-logs.right {\n  right: 16px;\n}\n.c-notify-logs.right .c-alert,\n.c-notify-logs.right .c-toast-alert {\n  transform: translateX(calc(110% + 16px));\n}\n.c-notify-logs.right .c-alert.show,\n.c-notify-logs.right .c-toast-alert.show {\n  transform: translateX(0);\n}\n\n.c-popover,\n.c-tooltip {\n  z-index: 1;\n  font-size: 14px;\n  background: #fff;\n  max-width: 300px;\n  text-align: left;\n  line-height: 15px;\n  position: absolute;\n  color: #495057;\n  border: 1px solid #ced4da;\n  padding: 8px 16px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 2px;\n}\n\n.c-popover-top,\n.c-popover[x-placement^=top],\n.c-tooltip-top,\n.c-tooltip[x-placement^=top] {\n  margin-bottom: 8px;\n}\n\n.c-popover-left,\n.c-popover[x-placement^=left],\n.c-tooltip-left,\n.c-tooltip[x-placement^=left] {\n  margin-right: 8px;\n}\n\n.c-popover-right,\n.c-popover[x-placement^=right],\n.c-tooltip-right,\n.c-tooltip[x-placement^=right] {\n  margin-left: 8px;\n}\n\n.c-popover-bottom,\n.c-popover[x-placement^=bottom],\n.c-tooltip-bottom,\n.c-tooltip[x-placement^=bottom] {\n  margin-top: 8px;\n}\n\n.c-popover-arrow,\n.c-tooltip-arrow {\n  position: absolute;\n}\n\n.c-popover[x-out-of-boundaries],\n.c-tooltip[x-out-of-boundaries] {\n  display: none !important;\n}\n\n.c-popover-bottom > .c-popover-arrow,\n.c-popover-bottom > .c-popover-arrow::after,\n.c-popover-bottom > .c-tooltip-arrow,\n.c-popover-bottom > .c-tooltip-arrow::after,\n.c-popover-top > .c-popover-arrow,\n.c-popover-top > .c-popover-arrow::after,\n.c-popover-top > .c-tooltip-arrow,\n.c-popover-top > .c-tooltip-arrow::after,\n.c-tooltip-bottom > .c-popover-arrow,\n.c-tooltip-bottom > .c-popover-arrow::after,\n.c-tooltip-bottom > .c-tooltip-arrow,\n.c-tooltip-bottom > .c-tooltip-arrow::after,\n.c-tooltip-top > .c-popover-arrow,\n.c-tooltip-top > .c-popover-arrow::after,\n.c-tooltip-top > .c-tooltip-arrow,\n.c-tooltip-top > .c-tooltip-arrow::after {\n  left: 50%;\n  position: absolute;\n  transform: translateX(-50%);\n}\n\n.c-popover-left > .c-popover-arrow,\n.c-popover-left > .c-popover-arrow::after,\n.c-popover-left > .c-tooltip-arrow,\n.c-popover-left > .c-tooltip-arrow::after,\n.c-popover-right > .c-popover-arrow,\n.c-popover-right > .c-popover-arrow::after,\n.c-popover-right > .c-tooltip-arrow,\n.c-popover-right > .c-tooltip-arrow::after,\n.c-tooltip-left > .c-popover-arrow,\n.c-tooltip-left > .c-popover-arrow::after,\n.c-tooltip-left > .c-tooltip-arrow,\n.c-tooltip-left > .c-tooltip-arrow::after,\n.c-tooltip-right > .c-popover-arrow,\n.c-tooltip-right > .c-popover-arrow::after,\n.c-tooltip-right > .c-tooltip-arrow,\n.c-tooltip-right > .c-tooltip-arrow::after {\n  top: 50%;\n  position: absolute;\n  transform: translateY(-50%);\n}\n\n.c-popover[x-placement^=bottom] > .c-popover-arrow,\n.c-popover[x-placement^=bottom] > .c-tooltip-arrow,\n.c-popover[x-placement^=top] > .c-popover-arrow,\n.c-popover[x-placement^=top] > .c-tooltip-arrow,\n.c-tooltip[x-placement^=bottom] > .c-popover-arrow,\n.c-tooltip[x-placement^=bottom] > .c-tooltip-arrow,\n.c-tooltip[x-placement^=top] > .c-popover-arrow,\n.c-tooltip[x-placement^=top] > .c-tooltip-arrow {\n  margin: 0 3px;\n}\n\n.c-popover[x-placement^=bottom] > .c-popover-arrow::after,\n.c-popover[x-placement^=bottom] > .c-tooltip-arrow::after,\n.c-popover[x-placement^=top] > .c-popover-arrow::after,\n.c-popover[x-placement^=top] > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=bottom] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=bottom] > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=top] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=top] > .c-tooltip-arrow::after {\n  left: 50%;\n  position: absolute;\n  transform: translateX(-50%);\n}\n\n.c-popover[x-placement^=left] > .c-popover-arrow,\n.c-popover[x-placement^=left] > .c-tooltip-arrow,\n.c-popover[x-placement^=right] > .c-popover-arrow,\n.c-popover[x-placement^=right] > .c-tooltip-arrow,\n.c-tooltip[x-placement^=left] > .c-popover-arrow,\n.c-tooltip[x-placement^=left] > .c-tooltip-arrow,\n.c-tooltip[x-placement^=right] > .c-popover-arrow,\n.c-tooltip[x-placement^=right] > .c-tooltip-arrow {\n  margin: 3px 0;\n}\n\n.c-popover[x-placement^=left] > .c-popover-arrow::after,\n.c-popover[x-placement^=left] > .c-tooltip-arrow::after,\n.c-popover[x-placement^=right] > .c-popover-arrow::after,\n.c-popover[x-placement^=right] > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=left] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=left] > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=right] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=right] > .c-tooltip-arrow::after {\n  top: 50%;\n  position: absolute;\n  transform: translateY(-50%);\n}\n\n.c-popover-top > .c-popover-arrow,\n.c-popover-top > .c-tooltip-arrow,\n.c-popover[x-placement^=top] > .c-popover-arrow,\n.c-popover[x-placement^=top] > .c-tooltip-arrow,\n.c-tooltip-top > .c-popover-arrow,\n.c-tooltip-top > .c-tooltip-arrow,\n.c-tooltip[x-placement^=top] > .c-popover-arrow,\n.c-tooltip[x-placement^=top] > .c-tooltip-arrow {\n  width: 0;\n  height: 0;\n  content: \"\";\n  bottom: -10px;\n  display: block;\n  border: inset 10px;\n  border-bottom-width: 0;\n  border-top-style: solid;\n  border-color: #ced4da transparent transparent;\n}\n\n.c-popover-top > .c-popover-arrow::after,\n.c-popover-top > .c-tooltip-arrow::after,\n.c-popover[x-placement^=top] > .c-popover-arrow::after,\n.c-popover[x-placement^=top] > .c-tooltip-arrow::after,\n.c-tooltip-top > .c-popover-arrow::after,\n.c-tooltip-top > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=top] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=top] > .c-tooltip-arrow::after {\n  width: 0;\n  height: 0;\n  bottom: 1px;\n  content: \"\";\n  display: block;\n  border: inset 9px;\n  border-bottom-width: 0;\n  border-top-style: solid;\n  border-color: #fff transparent transparent;\n}\n\n.c-popover-right > .c-popover-arrow,\n.c-popover-right > .c-tooltip-arrow,\n.c-popover[x-placement^=right] > .c-popover-arrow,\n.c-popover[x-placement^=right] > .c-tooltip-arrow,\n.c-tooltip-right > .c-popover-arrow,\n.c-tooltip-right > .c-tooltip-arrow,\n.c-tooltip[x-placement^=right] > .c-popover-arrow,\n.c-tooltip[x-placement^=right] > .c-tooltip-arrow {\n  width: 0;\n  height: 0;\n  left: -10px;\n  content: \"\";\n  display: block;\n  border: inset 10px;\n  border-left-width: 0;\n  border-right-style: solid;\n  border-color: transparent #ced4da transparent transparent;\n}\n\n.c-popover-right > .c-popover-arrow::after,\n.c-popover-right > .c-tooltip-arrow::after,\n.c-popover[x-placement^=right] > .c-popover-arrow::after,\n.c-popover[x-placement^=right] > .c-tooltip-arrow::after,\n.c-tooltip-right > .c-popover-arrow::after,\n.c-tooltip-right > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=right] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=right] > .c-tooltip-arrow::after {\n  width: 0;\n  left: 1px;\n  height: 0;\n  content: \"\";\n  display: block;\n  border: inset 9px;\n  border-left-width: 0;\n  border-right-style: solid;\n  border-color: transparent #fff transparent transparent;\n}\n\n.c-popover-bottom > .c-popover-arrow,\n.c-popover-bottom > .c-tooltip-arrow,\n.c-popover[x-placement^=bottom] > .c-popover-arrow,\n.c-popover[x-placement^=bottom] > .c-tooltip-arrow,\n.c-tooltip-bottom > .c-popover-arrow,\n.c-tooltip-bottom > .c-tooltip-arrow,\n.c-tooltip[x-placement^=bottom] > .c-popover-arrow,\n.c-tooltip[x-placement^=bottom] > .c-tooltip-arrow {\n  width: 0;\n  height: 0;\n  top: -10px;\n  content: \"\";\n  display: block;\n  border: inset 10px;\n  border-top-width: 0;\n  border-bottom-style: solid;\n  border-color: transparent transparent #ced4da;\n}\n\n.c-popover-bottom > .c-popover-arrow::after,\n.c-popover-bottom > .c-tooltip-arrow::after,\n.c-popover[x-placement^=bottom] > .c-popover-arrow::after,\n.c-popover[x-placement^=bottom] > .c-tooltip-arrow::after,\n.c-tooltip-bottom > .c-popover-arrow::after,\n.c-tooltip-bottom > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=bottom] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=bottom] > .c-tooltip-arrow::after {\n  top: 1px;\n  width: 0;\n  height: 0;\n  content: \"\";\n  display: block;\n  border: inset 9px;\n  border-top-width: 0;\n  border-bottom-style: solid;\n  border-color: transparent transparent #fff;\n}\n\n.c-popover-left > .c-popover-arrow,\n.c-popover-left > .c-tooltip-arrow,\n.c-popover[x-placement^=left] > .c-popover-arrow,\n.c-popover[x-placement^=left] > .c-tooltip-arrow,\n.c-tooltip-left > .c-popover-arrow,\n.c-tooltip-left > .c-tooltip-arrow,\n.c-tooltip[x-placement^=left] > .c-popover-arrow,\n.c-tooltip[x-placement^=left] > .c-tooltip-arrow {\n  width: 0;\n  height: 0;\n  content: \"\";\n  right: -10px;\n  display: block;\n  border: inset 10px;\n  border-right-width: 0;\n  border-left-style: solid;\n  border-color: transparent transparent transparent #ced4da;\n}\n\n.c-popover-left > .c-popover-arrow::after,\n.c-popover-left > .c-tooltip-arrow::after,\n.c-popover[x-placement^=left] > .c-popover-arrow::after,\n.c-popover[x-placement^=left] > .c-tooltip-arrow::after,\n.c-tooltip-left > .c-popover-arrow::after,\n.c-tooltip-left > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=left] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=left] > .c-tooltip-arrow::after {\n  width: 0;\n  height: 0;\n  right: 1px;\n  content: \"\";\n  display: block;\n  border: inset 9px;\n  border-right-width: 0;\n  border-left-style: solid;\n  border-color: transparent transparent transparent #fff;\n}\n\n.c-popover-primary,\n.c-tooltip-primary {\n  color: #fff;\n  font-weight: 700;\n  background: #1b6ec2;\n  border: 1px solid #1b6ec2;\n}\n\n.c-popover-primary.c-popover-top > .c-popover-arrow,\n.c-popover-primary[x-placement^=top] > .c-popover-arrow,\n.c-tooltip-primary.c-popover-top > .c-popover-arrow,\n.c-tooltip-primary[x-placement^=top] > .c-popover-arrow {\n  border-color: #1b6ec2 transparent transparent;\n}\n\n.c-popover-primary.c-popover-top > .c-popover-arrow::after,\n.c-popover-primary[x-placement^=top] > .c-popover-arrow::after,\n.c-tooltip-primary.c-popover-top > .c-popover-arrow::after,\n.c-tooltip-primary[x-placement^=top] > .c-popover-arrow::after {\n  border-color: #1b6ec2 transparent transparent;\n}\n\n.c-popover-primary.c-popover-bottom > .c-popover-arrow,\n.c-popover-primary[x-placement^=bottom] > .c-popover-arrow,\n.c-tooltip-primary.c-popover-bottom > .c-popover-arrow,\n.c-tooltip-primary[x-placement^=bottom] > .c-popover-arrow {\n  border-color: transparent transparent #1b6ec2;\n}\n\n.c-popover-primary.c-popover-bottom > .c-popover-arrow::after,\n.c-popover-primary[x-placement^=bottom] > .c-popover-arrow::after,\n.c-tooltip-primary.c-popover-bottom > .c-popover-arrow::after,\n.c-tooltip-primary[x-placement^=bottom] > .c-popover-arrow::after {\n  border-color: transparent transparent #1b6ec2;\n}\n\n.c-popover-primary.c-popover-left > .c-popover-arrow,\n.c-popover-primary.c-popover-right > .c-popover-arrow,\n.c-popover-primary[x-placement^=left] > .c-popover-arrow,\n.c-popover-primary[x-placement^=right] > .c-popover-arrow,\n.c-tooltip-primary.c-popover-left > .c-popover-arrow,\n.c-tooltip-primary.c-popover-right > .c-popover-arrow,\n.c-tooltip-primary[x-placement^=left] > .c-popover-arrow,\n.c-tooltip-primary[x-placement^=right] > .c-popover-arrow {\n  border-color: transparent #1b6ec2 transparent;\n}\n\n.c-popover-primary.c-popover-left > .c-popover-arrow::after,\n.c-popover-primary.c-popover-right > .c-popover-arrow::after,\n.c-popover-primary[x-placement^=left] > .c-popover-arrow::after,\n.c-popover-primary[x-placement^=right] > .c-popover-arrow::after,\n.c-tooltip-primary.c-popover-left > .c-popover-arrow::after,\n.c-tooltip-primary.c-popover-right > .c-popover-arrow::after,\n.c-tooltip-primary[x-placement^=left] > .c-popover-arrow::after,\n.c-tooltip-primary[x-placement^=right] > .c-popover-arrow::after {\n  border-color: transparent #1b6ec2 transparent;\n}\n\n.c-popover-success,\n.c-tooltip-success {\n  color: #fff;\n  font-weight: 700;\n  background: #2f9e44;\n  border: 1px solid #2f9e44;\n}\n\n.c-popover-success.c-popover-top > .c-popover-arrow,\n.c-popover-success[x-placement^=top] > .c-popover-arrow,\n.c-tooltip-success.c-popover-top > .c-popover-arrow,\n.c-tooltip-success[x-placement^=top] > .c-popover-arrow {\n  border-color: #2f9e44 transparent transparent;\n}\n\n.c-popover-success.c-popover-top > .c-popover-arrow::after,\n.c-popover-success[x-placement^=top] > .c-popover-arrow::after,\n.c-tooltip-success.c-popover-top > .c-popover-arrow::after,\n.c-tooltip-success[x-placement^=top] > .c-popover-arrow::after {\n  border-color: #2f9e44 transparent transparent;\n}\n\n.c-popover-success.c-popover-bottom > .c-popover-arrow,\n.c-popover-success[x-placement^=bottom] > .c-popover-arrow,\n.c-tooltip-success.c-popover-bottom > .c-popover-arrow,\n.c-tooltip-success[x-placement^=bottom] > .c-popover-arrow {\n  border-color: transparent transparent #2f9e44;\n}\n\n.c-popover-success.c-popover-bottom > .c-popover-arrow::after,\n.c-popover-success[x-placement^=bottom] > .c-popover-arrow::after,\n.c-tooltip-success.c-popover-bottom > .c-popover-arrow::after,\n.c-tooltip-success[x-placement^=bottom] > .c-popover-arrow::after {\n  border-color: transparent transparent #2f9e44;\n}\n\n.c-popover-success.c-popover-left > .c-popover-arrow,\n.c-popover-success.c-popover-right > .c-popover-arrow,\n.c-popover-success[x-placement^=left] > .c-popover-arrow,\n.c-popover-success[x-placement^=right] > .c-popover-arrow,\n.c-tooltip-success.c-popover-left > .c-popover-arrow,\n.c-tooltip-success.c-popover-right > .c-popover-arrow,\n.c-tooltip-success[x-placement^=left] > .c-popover-arrow,\n.c-tooltip-success[x-placement^=right] > .c-popover-arrow {\n  border-color: transparent #2f9e44 transparent;\n}\n\n.c-popover-success.c-popover-left > .c-popover-arrow::after,\n.c-popover-success.c-popover-right > .c-popover-arrow::after,\n.c-popover-success[x-placement^=left] > .c-popover-arrow::after,\n.c-popover-success[x-placement^=right] > .c-popover-arrow::after,\n.c-tooltip-success.c-popover-left > .c-popover-arrow::after,\n.c-tooltip-success.c-popover-right > .c-popover-arrow::after,\n.c-tooltip-success[x-placement^=left] > .c-popover-arrow::after,\n.c-tooltip-success[x-placement^=right] > .c-popover-arrow::after {\n  border-color: transparent #2f9e44 transparent;\n}\n\n.c-popover-warning,\n.c-tooltip-warning {\n  color: #fff;\n  font-weight: 700;\n  background: #f08c00;\n  border: 1px solid #f08c00;\n}\n\n.c-popover-warning.c-popover-top > .c-popover-arrow,\n.c-popover-warning[x-placement^=top] > .c-popover-arrow,\n.c-tooltip-warning.c-popover-top > .c-popover-arrow,\n.c-tooltip-warning[x-placement^=top] > .c-popover-arrow {\n  border-color: #f08c00 transparent transparent;\n}\n\n.c-popover-warning.c-popover-top > .c-popover-arrow::after,\n.c-popover-warning[x-placement^=top] > .c-popover-arrow::after,\n.c-tooltip-warning.c-popover-top > .c-popover-arrow::after,\n.c-tooltip-warning[x-placement^=top] > .c-popover-arrow::after {\n  border-color: #f08c00 transparent transparent;\n}\n\n.c-popover-warning.c-popover-bottom > .c-popover-arrow,\n.c-popover-warning[x-placement^=bottom] > .c-popover-arrow,\n.c-tooltip-warning.c-popover-bottom > .c-popover-arrow,\n.c-tooltip-warning[x-placement^=bottom] > .c-popover-arrow {\n  border-color: transparent transparent #f08c00;\n}\n\n.c-popover-warning.c-popover-bottom > .c-popover-arrow::after,\n.c-popover-warning[x-placement^=bottom] > .c-popover-arrow::after,\n.c-tooltip-warning.c-popover-bottom > .c-popover-arrow::after,\n.c-tooltip-warning[x-placement^=bottom] > .c-popover-arrow::after {\n  border-color: transparent transparent #f08c00;\n}\n\n.c-popover-warning.c-popover-left > .c-popover-arrow,\n.c-popover-warning.c-popover-right > .c-popover-arrow,\n.c-popover-warning[x-placement^=left] > .c-popover-arrow,\n.c-popover-warning[x-placement^=right] > .c-popover-arrow,\n.c-tooltip-warning.c-popover-left > .c-popover-arrow,\n.c-tooltip-warning.c-popover-right > .c-popover-arrow,\n.c-tooltip-warning[x-placement^=left] > .c-popover-arrow,\n.c-tooltip-warning[x-placement^=right] > .c-popover-arrow {\n  border-color: transparent #f08c00 transparent;\n}\n\n.c-popover-warning.c-popover-left > .c-popover-arrow::after,\n.c-popover-warning.c-popover-right > .c-popover-arrow::after,\n.c-popover-warning[x-placement^=left] > .c-popover-arrow::after,\n.c-popover-warning[x-placement^=right] > .c-popover-arrow::after,\n.c-tooltip-warning.c-popover-left > .c-popover-arrow::after,\n.c-tooltip-warning.c-popover-right > .c-popover-arrow::after,\n.c-tooltip-warning[x-placement^=left] > .c-popover-arrow::after,\n.c-tooltip-warning[x-placement^=right] > .c-popover-arrow::after {\n  border-color: transparent #f08c00 transparent;\n}\n\n.c-popover-danger,\n.c-tooltip-danger {\n  color: #fff;\n  font-weight: 700;\n  background: #e03131;\n  border: 1px solid #e03131;\n}\n\n.c-popover-danger.c-popover-top > .c-popover-arrow,\n.c-popover-danger[x-placement^=top] > .c-popover-arrow,\n.c-tooltip-danger.c-popover-top > .c-popover-arrow,\n.c-tooltip-danger[x-placement^=top] > .c-popover-arrow {\n  border-color: #e03131 transparent transparent;\n}\n\n.c-popover-danger.c-popover-top > .c-popover-arrow::after,\n.c-popover-danger[x-placement^=top] > .c-popover-arrow::after,\n.c-tooltip-danger.c-popover-top > .c-popover-arrow::after,\n.c-tooltip-danger[x-placement^=top] > .c-popover-arrow::after {\n  border-color: #e03131 transparent transparent;\n}\n\n.c-popover-danger.c-popover-bottom > .c-popover-arrow,\n.c-popover-danger[x-placement^=bottom] > .c-popover-arrow,\n.c-tooltip-danger.c-popover-bottom > .c-popover-arrow,\n.c-tooltip-danger[x-placement^=bottom] > .c-popover-arrow {\n  border-color: transparent transparent #e03131;\n}\n\n.c-popover-danger.c-popover-bottom > .c-popover-arrow::after,\n.c-popover-danger[x-placement^=bottom] > .c-popover-arrow::after,\n.c-tooltip-danger.c-popover-bottom > .c-popover-arrow::after,\n.c-tooltip-danger[x-placement^=bottom] > .c-popover-arrow::after {\n  border-color: transparent transparent #e03131;\n}\n\n.c-popover-danger.c-popover-left > .c-popover-arrow,\n.c-popover-danger.c-popover-right > .c-popover-arrow,\n.c-popover-danger[x-placement^=left] > .c-popover-arrow,\n.c-popover-danger[x-placement^=right] > .c-popover-arrow,\n.c-tooltip-danger.c-popover-left > .c-popover-arrow,\n.c-tooltip-danger.c-popover-right > .c-popover-arrow,\n.c-tooltip-danger[x-placement^=left] > .c-popover-arrow,\n.c-tooltip-danger[x-placement^=right] > .c-popover-arrow {\n  border-color: transparent #e03131 transparent;\n}\n\n.c-popover-danger.c-popover-left > .c-popover-arrow::after,\n.c-popover-danger.c-popover-right > .c-popover-arrow::after,\n.c-popover-danger[x-placement^=left] > .c-popover-arrow::after,\n.c-popover-danger[x-placement^=right] > .c-popover-arrow::after,\n.c-tooltip-danger.c-popover-left > .c-popover-arrow::after,\n.c-tooltip-danger.c-popover-right > .c-popover-arrow::after,\n.c-tooltip-danger[x-placement^=left] > .c-popover-arrow::after,\n.c-tooltip-danger[x-placement^=right] > .c-popover-arrow::after {\n  border-color: transparent #e03131 transparent;\n}\n\n/* stylelint-enable */","/* stylelint-disable alpha-value-notation */\n/* stylelint-disable max-line-length */\n/* stylelint-disable color-function-notation */\n@mixin linear-gradient($gradientLine, $colorStops...) {\n  background-image: linear-gradient(convert-gradient-direction($gradientLine), $colorStops);\n}\n\n@mixin loader-stripe($color) {\n  background: linear-gradient(135deg, $color 25%, darken($color, 10%) 25%, darken($color, 10%) 50%, $color 50%, $color 75%, darken($color, 10%) 75%);\n  height: $progress-height;\n  background-size: $progress-height+1 $progress-height+1;\n  animation: stripes 3s linear infinite;\n  border-radius: inherit;\n}\n\n@mixin progress-container {\n  height: $progress-height;\n  border-radius: $progress-radius;\n  background-color: $progress-background;\n  margin-bottom: $progress-margin-bottom;\n}\n\n/// Adds styles for the inner meter of a progress bar.\n@mixin progress-meter {\n  width: 0%;\n  height: 100%;\n  display: block;\n  position: relative;\n  border-radius: $progress-radius;\n}\n\n/// Adds styles for text in the progress meter.\n@mixin progress-meter-text {\n  @include absolute-center;\n\n  margin: $space-0;\n  font-weight: bold;\n  color: $color-white;\n  white-space: nowrap;\n  font-size: $progress-font-size;\n  border-radius: $progress-radius;\n}\n\n@mixin progress-size(\n  $height: $progress-height,\n  $font-size: $progress-font-size\n) {\n  height: $height;\n\n  .c-progress-meter {\n    height: $height;\n\n    &-animated {\n      height: $height;\n      background-size: $height $height;\n    }\n  }\n\n  .c-progress-meter-text {\n    font-size: $font-size;\n  }\n}\n\n\n@keyframes stripes {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: 50px 50px;\n  }\n}\n\n\n@mixin btn-in-progress() {\n  &,\n  &:hover,\n  &:active,\n  &:focus,\n  &:visited,\n  &[disabled],\n  &.disabled {\n    cursor: wait;\n    box-shadow: none;\n    text-shadow: none;\n    white-space: nowrap;\n    background: linear-gradient(-45deg, rgba(white, .6) 25%, transparent 25%, transparent 50%, rgba(white, .6) 50%, rgba(white, .6) 75%, transparent 75%, transparent), $color-gray-6;\n    background-repeat: repeat;\n    background-size: $progress-btn-animate-size $progress-btn-animate-size, 100% 100%;\n    animation: btn-progress-bar-stripes 2s linear infinite;\n  }\n}\n\n@mixin btn-in-progress-style($bg, $color) {\n  &,\n  &:hover,\n  &:active,\n  &:focus,\n  &:visited,\n  &[disabled],\n  &.disabled {\n    color: $color;\n    background: $bg;\n    background-image: linear-gradient(-45deg, $bg 25%, $progress-opaque-color 25%, $progress-opaque-color 50%, $bg 50%, $bg 75%, $progress-opaque-color 75%);\n    background-size: $progress-btn-animate-size $progress-btn-animate-size, 100% 100%;\n  }\n}\n\n\n@keyframes btn-progress-bar-stripes {\n  0% {\n    background-position: 0 0;\n  }\n\n  100% {\n    background-position: $progress-btn-animate-size 0;\n  }\n}\n\n","// Cupcake legacy shim\n//\n\n@import 'support/support';\n\n/* stylelint-disable */\n$colors-legacy: (\n  primary: $color-primary,\n  success: $color-success,\n  warning: $color-warning,\n  danger: $color-danger,\n);\n\n@each $name, $color in $colors-legacy {\n  .c-card-#{$name} {\n    color: #fff;\n    border-color: $color;\n    background-color: $color;\n  }\n\n  .c-badge-#{$name}-outline {\n    color: $color;\n    border: 1px solid $color;\n    background-color: transparent;\n  }\n}\n\n.c-card-deck {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0;\n  margin-right: -$gutter;\n  margin-left: -$gutter;\n  padding: $gutter;\n\n  .c-card {\n    height: 350px;\n    max-width: 100%;\n    flex: 0 0 100%;\n    margin-bottom: $gutter;\n    overflow: hidden;\n    position: relative;\n  }\n}\n\n@media (max-width:575px) {\n  .c-card-deck {\n    padding-left: 0;\n    padding-right: 0;\n\n    .c-card {\n    transform-origin: top left;\n    }\n  }\n}\n\n@media (min-width:768px) {\n  .c-card-deck {\n    padding: 20px;\n    .c-card {\n      flex: 0 0 100%;\n      max-width: 100%\n    }\n  }\n}\n\n@media (min-width:992px) {\n  .c-card-deck {\n    padding: 20px;\n\n    .c-card {\n      flex: 0 0 calc(50% - 5px);\n      max-width: calc(50% - 5px);\n\n      &:nth-child(2n+1) {\n        margin-right: 10px\n      }\n    }\n  }\n}\n\n@media (min-width:1440px) {\n  .c-card-deck {\n    padding: 20px;\n    .c-card {\n      flex: 0 0 calc(33.333% - 6.667px);\n      max-width: calc(33.333% - 6.667px);\n\n      &:nth-child(even),\n      &:nth-child(odd) {\n        margin-left: 0;\n        margin-right: 0\n      }\n\n      &:nth-child(3n+2) {\n        margin: 0 10px\n      }\n    }\n  }\n}\n\n@media (min-width:2110px) {\n  .c-card-deck {\n    padding: 20px;\n\n    .c-card {\n      flex: 0 0 calc(25% - 7.5px);\n      max-width: calc(25% - 7.5px);\n\n      &:nth-child(even),\n      &:nth-child(odd) {\n        margin-left: 0;\n        margin-right: 0\n      }\n\n      &:nth-child(4n+2) {\n        margin-left: 10px;\n        margin-right: 5px\n      }\n\n      &:nth-child(4n+3) {\n        margin-left: 5px;\n        margin-right: 10px\n      }\n    }\n  }\n}\n\n\n// Old Notification and logs style\n.c-notification {\n  right: 0;\n  bottom: 0;\n  top: 50px;\n  width: 415px;\n  border-top: 0;\n  position: fixed;\n  background: #fff;\n  transition: all .2s ease;\n  border: 1px solid #e6e6e6;\n  transform: translateX(415px);\n\n  &-header {\n    display: flex;\n    padding: 14px 20px;\n    justify-content: space-between;\n    border-bottom: 1px solid #e6e6e6;\n  }\n\n  &-body {\n    right: 0;\n    bottom: 0;\n    top: 43px;\n    width: 100%;\n    overflow-y: scroll;\n    position: absolute;\n  }\n\n  &-open {\n    transform: translateX(0);\n  }\n\n  &-filter {\n    font-weight: 600;\n    font-size: .75rem;\n  }\n\n  &-info {\n    display: flex;\n    padding-left: 0;\n    margin-bottom: 0;\n    margin-top: .25rem;\n    list-style-type: none;\n  }\n\n  &-settings {\n    color: #333;\n    font-size: .75rem;\n  }\n\n  &-item {\n    display: flex;\n    padding: 20px;\n    position: relative;\n    font-size: .6875rem;\n    background-color: #fff;\n    color: rgba(51, 51, 51, .8);\n    border-bottom: 1px solid #e6e6e6;\n\n    &:hover {\n      background-color: rgba(249, 149, 0, .2);\n    }\n\n    &:last-child {\n      border-bottom: 0;\n    }\n\n    &-unread {\n      background-color: rgba(51, 51, 51, .05);\n    }\n\n    &-left {\n      margin-top: 3px;\n      padding-right: 1rem;\n    }\n  }\n\n  &-author {\n    color: #097fd7;\n    font-weight: 700;\n    font-size: .6875rem;\n  }\n\n  &-date {\n    color: #333;\n\n    &::before {\n      color: #333;\n      content: \"•\";\n      padding: 0 .25rem;\n      font-size: .6875rem;\n    }\n  }\n\n  &-time {\n    font-style: italic;\n    color: rgba(51, 51, 51, .6);\n\n    &::before {\n      color: #333;\n      content: \"•\";\n      padding: 0 .25rem;\n      font-size: .6875rem;\n    }\n  }\n}\n\n.c-notify-logs {\n  width: 25vw;\n  z-index: 99999;\n  position: fixed;\n  min-width: 390px;\n\n  .c-alert,\n  .c-toast-alert {\n    opacity: 0;\n    position: relative;\n    pointer-events: none;\n    transition: all .4s cubic-bezier(.25, .8, .25, 1);\n    box-shadow: 0 7px 10px rgba(0, 0, 0, .3), 0 10px 50px rgba(0, 0, 0, .12);\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n\n    .c-alert.show,\n    .c-toast-alert.show {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  &.top {\n    top: $space-md;\n  }\n\n  &.bottom {\n    bottom: $space-md;\n  }\n\n  &.left {\n    left: $space-md;\n\n    .c-alert,\n    .c-toast-alert {\n      transform: translateX(calc(-110% + $space-md));\n    }\n\n    .c-alert.show,\n    .c-toast-alert.show {\n      transform: translateX(0);\n    }\n  }\n\n  &.right {\n    right: $space-md;\n\n    .c-alert,\n    .c-toast-alert {\n      transform: translateX(calc(110% + $space-md));\n    }\n\n    .c-alert.show,\n    .c-toast-alert.show {\n      transform: translateX(0);\n    }\n  }\n}\n\n// Old Popover and tooltips style\n.c-popover,\n.c-tooltip {\n  z-index: 1;\n  font-size: 14px;\n  background: #fff;\n  max-width: 300px;\n  text-align: left;\n  line-height: 15px;\n  position: absolute;\n  color: $color-gray-7;\n  border: 1px solid #ced4da;\n  padding: $space-sm $space-md;\n  font-family: $font-family;\n  box-shadow: 0 0 9px 0 rgba(0,0,0,.2);\n  border-radius: $global-radius;\n}\n.c-popover-top,\n.c-popover[x-placement^=top],\n.c-tooltip-top,\n.c-tooltip[x-placement^=top] {\n  margin-bottom: $space-sm;\n}\n.c-popover-left,\n.c-popover[x-placement^=left],\n.c-tooltip-left,\n.c-tooltip[x-placement^=left] {\n  margin-right: $space-sm;\n}\n.c-popover-right,\n.c-popover[x-placement^=right],\n.c-tooltip-right,\n.c-tooltip[x-placement^=right] {\n  margin-left: $space-sm;\n}\n.c-popover-bottom,\n.c-popover[x-placement^=bottom],\n.c-tooltip-bottom,\n.c-tooltip[x-placement^=bottom] {\n  margin-top: $space-sm;\n}\n.c-popover-arrow,\n.c-tooltip-arrow {\n  position: absolute;\n}\n.c-popover[x-out-of-boundaries],\n.c-tooltip[x-out-of-boundaries] {\n  display: none !important;\n}\n.c-popover-bottom > .c-popover-arrow,\n.c-popover-bottom > .c-popover-arrow::after,\n.c-popover-bottom > .c-tooltip-arrow,\n.c-popover-bottom > .c-tooltip-arrow::after,\n.c-popover-top > .c-popover-arrow,\n.c-popover-top > .c-popover-arrow::after,\n.c-popover-top > .c-tooltip-arrow,\n.c-popover-top > .c-tooltip-arrow::after,\n.c-tooltip-bottom > .c-popover-arrow,\n.c-tooltip-bottom > .c-popover-arrow::after,\n.c-tooltip-bottom > .c-tooltip-arrow,\n.c-tooltip-bottom > .c-tooltip-arrow::after,\n.c-tooltip-top > .c-popover-arrow,\n.c-tooltip-top > .c-popover-arrow::after,\n.c-tooltip-top > .c-tooltip-arrow,\n.c-tooltip-top > .c-tooltip-arrow::after {\n  left: 50%;\n  position: absolute;\n  transform: translateX(-50%);\n}\n.c-popover-left > .c-popover-arrow,\n.c-popover-left > .c-popover-arrow::after,\n.c-popover-left > .c-tooltip-arrow,\n.c-popover-left > .c-tooltip-arrow::after,\n.c-popover-right > .c-popover-arrow,\n.c-popover-right > .c-popover-arrow::after,\n.c-popover-right > .c-tooltip-arrow,\n.c-popover-right > .c-tooltip-arrow::after,\n.c-tooltip-left > .c-popover-arrow,\n.c-tooltip-left > .c-popover-arrow::after,\n.c-tooltip-left > .c-tooltip-arrow,\n.c-tooltip-left > .c-tooltip-arrow::after,\n.c-tooltip-right > .c-popover-arrow,\n.c-tooltip-right > .c-popover-arrow::after,\n.c-tooltip-right > .c-tooltip-arrow,\n.c-tooltip-right > .c-tooltip-arrow::after {\n  top: 50%;\n  position: absolute;\n  transform: translateY(-50%);\n}\n.c-popover[x-placement^=bottom] > .c-popover-arrow,\n.c-popover[x-placement^=bottom] > .c-tooltip-arrow,\n.c-popover[x-placement^=top] > .c-popover-arrow,\n.c-popover[x-placement^=top] > .c-tooltip-arrow,\n.c-tooltip[x-placement^=bottom] > .c-popover-arrow,\n.c-tooltip[x-placement^=bottom] > .c-tooltip-arrow,\n.c-tooltip[x-placement^=top] > .c-popover-arrow,\n.c-tooltip[x-placement^=top] > .c-tooltip-arrow {\n  margin: 0 3px;\n}\n.c-popover[x-placement^=bottom] > .c-popover-arrow::after,\n.c-popover[x-placement^=bottom] > .c-tooltip-arrow::after,\n.c-popover[x-placement^=top] > .c-popover-arrow::after,\n.c-popover[x-placement^=top] > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=bottom] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=bottom] > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=top] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=top] > .c-tooltip-arrow::after {\n  left: 50%;\n  position: absolute;\n  transform: translateX(-50%);\n}\n.c-popover[x-placement^=left] > .c-popover-arrow,\n.c-popover[x-placement^=left] > .c-tooltip-arrow,\n.c-popover[x-placement^=right] > .c-popover-arrow,\n.c-popover[x-placement^=right] > .c-tooltip-arrow,\n.c-tooltip[x-placement^=left] > .c-popover-arrow,\n.c-tooltip[x-placement^=left] > .c-tooltip-arrow,\n.c-tooltip[x-placement^=right] > .c-popover-arrow,\n.c-tooltip[x-placement^=right] > .c-tooltip-arrow {\n  margin: 3px 0;\n}\n.c-popover[x-placement^=left] > .c-popover-arrow::after,\n.c-popover[x-placement^=left] > .c-tooltip-arrow::after,\n.c-popover[x-placement^=right] > .c-popover-arrow::after,\n.c-popover[x-placement^=right] > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=left] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=left] > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=right] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=right] > .c-tooltip-arrow::after {\n  top: 50%;\n  position: absolute;\n  transform: translateY(-50%);\n}\n.c-popover-top > .c-popover-arrow,\n.c-popover-top > .c-tooltip-arrow,\n.c-popover[x-placement^=top] > .c-popover-arrow,\n.c-popover[x-placement^=top] > .c-tooltip-arrow,\n.c-tooltip-top > .c-popover-arrow,\n.c-tooltip-top > .c-tooltip-arrow,\n.c-tooltip[x-placement^=top] > .c-popover-arrow,\n.c-tooltip[x-placement^=top] > .c-tooltip-arrow {\n  width: 0;\n  height: 0;\n  content: '';\n  bottom: -10px;\n  display: block;\n  border: inset 10px;\n  border-bottom-width: 0;\n  border-top-style: solid;\n  border-color: #ced4da transparent transparent;\n}\n.c-popover-top > .c-popover-arrow::after,\n.c-popover-top > .c-tooltip-arrow::after,\n.c-popover[x-placement^=top] > .c-popover-arrow::after,\n.c-popover[x-placement^=top] > .c-tooltip-arrow::after,\n.c-tooltip-top > .c-popover-arrow::after,\n.c-tooltip-top > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=top] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=top] > .c-tooltip-arrow::after {\n  width: 0;\n  height: 0;\n  bottom: 1px;\n  content: '';\n  display: block;\n  border: inset 9px;\n  border-bottom-width: 0;\n  border-top-style: solid;\n  border-color: #fff transparent transparent;\n}\n.c-popover-right > .c-popover-arrow,\n.c-popover-right > .c-tooltip-arrow,\n.c-popover[x-placement^=right] > .c-popover-arrow,\n.c-popover[x-placement^=right] > .c-tooltip-arrow,\n.c-tooltip-right > .c-popover-arrow,\n.c-tooltip-right > .c-tooltip-arrow,\n.c-tooltip[x-placement^=right] > .c-popover-arrow,\n.c-tooltip[x-placement^=right] > .c-tooltip-arrow {\n  width: 0;\n  height: 0;\n  left: -10px;\n  content: '';\n  display: block;\n  border: inset 10px;\n  border-left-width: 0;\n  border-right-style: solid;\n  border-color: transparent #ced4da transparent transparent;\n}\n.c-popover-right > .c-popover-arrow::after,\n.c-popover-right > .c-tooltip-arrow::after,\n.c-popover[x-placement^=right] > .c-popover-arrow::after,\n.c-popover[x-placement^=right] > .c-tooltip-arrow::after,\n.c-tooltip-right > .c-popover-arrow::after,\n.c-tooltip-right > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=right] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=right] > .c-tooltip-arrow::after {\n  width: 0;\n  left: 1px;\n  height: 0;\n  content: '';\n  display: block;\n  border: inset 9px;\n  border-left-width: 0;\n  border-right-style: solid;\n  border-color: transparent #fff transparent transparent;\n}\n.c-popover-bottom > .c-popover-arrow,\n.c-popover-bottom > .c-tooltip-arrow,\n.c-popover[x-placement^=bottom] > .c-popover-arrow,\n.c-popover[x-placement^=bottom] > .c-tooltip-arrow,\n.c-tooltip-bottom > .c-popover-arrow,\n.c-tooltip-bottom > .c-tooltip-arrow,\n.c-tooltip[x-placement^=bottom] > .c-popover-arrow,\n.c-tooltip[x-placement^=bottom] > .c-tooltip-arrow {\n  width: 0;\n  height: 0;\n  top: -10px;\n  content: '';\n  display: block;\n  border: inset 10px;\n  border-top-width: 0;\n  border-bottom-style: solid;\n  border-color: transparent transparent #ced4da;\n}\n.c-popover-bottom > .c-popover-arrow::after,\n.c-popover-bottom > .c-tooltip-arrow::after,\n.c-popover[x-placement^=bottom] > .c-popover-arrow::after,\n.c-popover[x-placement^=bottom] > .c-tooltip-arrow::after,\n.c-tooltip-bottom > .c-popover-arrow::after,\n.c-tooltip-bottom > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=bottom] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=bottom] > .c-tooltip-arrow::after {\n  top: 1px;\n  width: 0;\n  height: 0;\n  content: '';\n  display: block;\n  border: inset 9px;\n  border-top-width: 0;\n  border-bottom-style: solid;\n  border-color: transparent transparent #fff;\n}\n.c-popover-left > .c-popover-arrow,\n.c-popover-left > .c-tooltip-arrow,\n.c-popover[x-placement^=left] > .c-popover-arrow,\n.c-popover[x-placement^=left] > .c-tooltip-arrow,\n.c-tooltip-left > .c-popover-arrow,\n.c-tooltip-left > .c-tooltip-arrow,\n.c-tooltip[x-placement^=left] > .c-popover-arrow,\n.c-tooltip[x-placement^=left] > .c-tooltip-arrow {\n  width: 0;\n  height: 0;\n  content: '';\n  right: -10px;\n  display: block;\n  border: inset 10px;\n  border-right-width: 0;\n  border-left-style: solid;\n  border-color: transparent transparent transparent #ced4da;\n}\n.c-popover-left > .c-popover-arrow::after,\n.c-popover-left > .c-tooltip-arrow::after,\n.c-popover[x-placement^=left] > .c-popover-arrow::after,\n.c-popover[x-placement^=left] > .c-tooltip-arrow::after,\n.c-tooltip-left > .c-popover-arrow::after,\n.c-tooltip-left > .c-tooltip-arrow::after,\n.c-tooltip[x-placement^=left] > .c-popover-arrow::after,\n.c-tooltip[x-placement^=left] > .c-tooltip-arrow::after {\n  width: 0;\n  height: 0;\n  right: 1px;\n  content: '';\n  display: block;\n  border: inset 9px;\n  border-right-width: 0;\n  border-left-style: solid;\n  border-color: transparent transparent transparent #fff;\n}\n\n\n$colors-legacy-tooltips: (\n  primary: $color-primary,\n  success: $color-success,\n  warning: $color-warning,\n  danger: $color-danger,\n);\n\n\n@each $name, $color in $colors-legacy-tooltips {\n  .c-popover-#{$name},\n  .c-tooltip-#{$name} {\n    color: #fff;\n    font-weight: 700;\n    background: $color;\n    border: 1px solid $color\n  }\n  .c-popover-#{$name}.c-popover-top > .c-popover-arrow,\n  .c-popover-#{$name}[x-placement^=top] > .c-popover-arrow,\n  .c-tooltip-#{$name}.c-popover-top > .c-popover-arrow,\n  .c-tooltip-#{$name}[x-placement^=top] > .c-popover-arrow {\n    border-color: $color transparent transparent\n  }\n  .c-popover-#{$name}.c-popover-top > .c-popover-arrow::after,\n  .c-popover-#{$name}[x-placement^=top] > .c-popover-arrow::after,\n  .c-tooltip-#{$name}.c-popover-top > .c-popover-arrow::after,\n  .c-tooltip-#{$name}[x-placement^=top] > .c-popover-arrow::after {\n    border-color: $color transparent transparent\n  }\n  .c-popover-#{$name}.c-popover-bottom > .c-popover-arrow,\n  .c-popover-#{$name}[x-placement^=bottom] > .c-popover-arrow,\n  .c-tooltip-#{$name}.c-popover-bottom > .c-popover-arrow,\n  .c-tooltip-#{$name}[x-placement^=bottom] > .c-popover-arrow {\n    border-color: transparent transparent $color\n  }\n  .c-popover-#{$name}.c-popover-bottom > .c-popover-arrow::after,\n  .c-popover-#{$name}[x-placement^=bottom] > .c-popover-arrow::after,\n  .c-tooltip-#{$name}.c-popover-bottom > .c-popover-arrow::after,\n  .c-tooltip-#{$name}[x-placement^=bottom] > .c-popover-arrow::after {\n    border-color: transparent transparent $color\n  }\n  .c-popover-#{$name}.c-popover-left > .c-popover-arrow,\n  .c-popover-#{$name}.c-popover-right > .c-popover-arrow,\n  .c-popover-#{$name}[x-placement^=left] > .c-popover-arrow,\n  .c-popover-#{$name}[x-placement^=right] > .c-popover-arrow,\n  .c-tooltip-#{$name}.c-popover-left > .c-popover-arrow,\n  .c-tooltip-#{$name}.c-popover-right > .c-popover-arrow,\n  .c-tooltip-#{$name}[x-placement^=left] > .c-popover-arrow,\n  .c-tooltip-#{$name}[x-placement^=right] > .c-popover-arrow {\n    border-color: transparent $color transparent\n  }\n  .c-popover-#{$name}.c-popover-left > .c-popover-arrow::after,\n  .c-popover-#{$name}.c-popover-right > .c-popover-arrow::after,\n  .c-popover-#{$name}[x-placement^=left] > .c-popover-arrow::after,\n  .c-popover-#{$name}[x-placement^=right] > .c-popover-arrow::after,\n  .c-tooltip-#{$name}.c-popover-left > .c-popover-arrow::after,\n  .c-tooltip-#{$name}.c-popover-right > .c-popover-arrow::after,\n  .c-tooltip-#{$name}[x-placement^=left] > .c-popover-arrow::after,\n  .c-tooltip-#{$name}[x-placement^=right] > .c-popover-arrow::after {\n    border-color: transparent $color transparent\n  }\n}\n\n\n/* stylelint-enable */\n","// --------------------------------------------\n// GLOBAL BOOLEANS & SETTINGS -----------------\n// --------------------------------------------\n$enable-reset         : true !default;\n$enable-shadow-classes: true !default;\n$enable-color-classes : true !default;\n$enable-spacer-classes: true !default;\n$enable-border-classes: true !default;\n$enable-radius-classes: true !default;\n$enable-float-classes : true !default;\n$enable-flex-classes  : true !default;\n$enable-hidden-classes: true !default;\n$enable-cursor-classes: true !default;\n$enable-center-classes: true !default;\n$enable-sideNav       : true !default;\n$white-label          : false !default;\n\n// Defining the high-level stuff used throughout (we try to use these as much as possible below)\n$global-text-color          : $color-gray-7 !default;\n$global-text-color-light    : $color-gray-6 !default;\n$global-text-color-dark     : $color-gray-9 !default;\n$global-text-color-lighter  : $color-gray-5 !default;\n$global-bg-disabled         : $color-gray-3 !default;\n$global-backdrop-dark       : rgba(0, 0, 0, 0.75) !default;\n$global-radius              : $radius-sm !default;\n$global-border-size         : 1px solid !default;\n$global-border-color        : $color-gray-4 !default;\n$global-border-color-light  : $color-gray-2 !default;\n$global-border-color-dark   : $color-gray-5 !default;\n\n$global-sidebar-width       : 256px !default;\n$global-sidebar-width-folded: 48px !default;\n$global-footer-height       : 48px !default;\n$global-footer-height-open  : 56px !default;\n$global-header-height       : 48px !default;\n\n// Global sizes are sizes based on our 8px grid established in util\n// Used by avatars, badges, buttons, checkboxes, forms,\n// switches, tabs, nav, media, pagination\n// !CHANGE CAREFULLY!\n$global-size-xs: $global-px-grid * 2 !default; // 16px\n$global-size-sm: $global-px-grid * 3 !default; // 24px\n$global-size-md: $global-px-grid * 4 !default; // 32px\n$global-size-lg: $global-px-grid * 5 !default; // 40px\n$global-size-xl: $global-px-grid * 6 !default; // 48px\n// !CHANGE CAREFULLY!\n\n\n// --------------------------------------------\n// TYPOGRAPHY ---------------------------------\n// --------------------------------------------\n$font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif !default;\n$font-family-mono: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace !default;\n$font-link-style: underline !default;\n$font-link-style-hover: underline !default;\n$font-link-color: $color-primary !default;\n$font-link-color-hover: darken($color-primary, 10) !default;\n$font-link-color-active: $font-link-color-hover !default;\n\n// These sizes are available as vars but looped for classes below\n$font-size-0    : 10px !default;\n$font-size-1    : 11px !default;\n$font-size-2    : 12px !default;\n$font-size-3    : 14px !default;\n$font-size-4    : 16px !default;\n$font-size-5    : 18px !default;\n$font-size-6    : 20px !default;\n$font-size-7    : 24px !default;\n$font-size-8    : 36px !default;\n\n$line-height-xs : 16px !default;\n$line-height-sm : 24px !default;\n$line-height-md : 32px !default;\n$line-height-lg : 40px !default;\n\n// Only applies if $enable-reset is true\n$body-font-size : $font-size-4 !default;\n$body-font-color: $global-text-color-dark !default;\n\n// Set the defaults for .c-text-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$font-body: () !default;\n$font-body: map-merge(\n  (\n    \"xs\": (\n      \"font-size\": $font-size-0,\n      \"line-height\": $line-height-xs\n    ),\n    \"sm\": (\n      \"font-size\": $font-size-1,\n      \"line-height\": $line-height-xs\n    ),\n    \"md\": (\n      \"font-size\": $font-size-2,\n      \"line-height\": $line-height-xs\n    ),\n    \"lg\": (\n      \"font-size\": $font-size-3,\n      \"line-height\": $line-height-sm\n    ),\n    \"xl\": (\n      \"font-size\": $font-size-4,\n      \"line-height\": $line-height-sm\n    ),\n    \"xxl\": (\n      \"font-size\": $font-size-5,\n      \"line-height\": $line-height-sm\n    ),\n  ),\n  $font-body\n);\n\n\n// Set the defaults for .c-header-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$font-header: () !default;\n$font-header: map-merge(\n  (\n    \"xs\": (\n      \"font-size\": $font-size-2,\n      \"line-height\": $line-height-xs\n    ),\n    \"sm\": (\n      \"font-size\": $font-size-3,\n      \"line-height\": $line-height-sm\n    ),\n    \"md\": (\n      \"font-size\": $font-size-4,\n      \"line-height\": $line-height-sm\n    ),\n    \"lg\": (\n      \"font-size\": $font-size-6,\n      \"line-height\": $line-height-sm\n    ),\n    \"xl\": (\n      \"font-size\": $font-size-7,\n      \"line-height\": $line-height-md\n    ),\n    \"xxl\": (\n      \"font-size\": $font-size-8,\n      \"line-height\": $line-height-lg\n    ),\n  ),\n  $font-header\n);\n\n\n// --------------------------------------------\n// ALERTS & TOASTS ----------------------------\n// --------------------------------------------\n$alert-font             : $font-family !default;\n$alert-radius           : $global-radius !default;\n$alert-border           : $global-border-size !default;\n$alert-color            : $global-text-color-dark !default;\n$alert-padding          : $space-sm !default;\n$alert-shadows          : $shadow-lg !default;\n$alert-top-padding      : $space-md !default;\n$alert-font-size        : $font-size-2 !default;\n$alert-margin           : 0 0 $space-md 0 !default;\n$alert-icon-font-size   : $font-size-2 !default;\n$alert-icon-color       : $color-primary !default;\n$alert-top-icon-size    : $font-size-4 !default;\n$alert-line-height      : $line-height-xs !default;\n$alert-close-font-size  : $font-size-2 !default;\n$alert-title-font-size  : $font-size-2 !default;\n$alert-font-weight      : $font-weight-normal !default;\n$alert-title-font-weight: $font-weight-bold !default;\n$alert-background       : rgba($color-primary, .07) !default;\n$alert-title-line-height: $line-height-sm - 5 !default;\n$alert-primary-bg       : $color-primary-0 !default;\n$alert-primary-color    : $color-primary !default;\n$alert-success-bg       : $color-success-0 !default;\n$alert-success-color    : $color-success !default;\n$alert-warning-bg       : $color-warning-0 !default;\n$alert-warning-color    : $color-warning !default;\n$alert-danger-bg        : $color-danger-0 !default;\n$alert-danger-color     : $color-danger-9 !default;\n\n// Set the default styles for alerts - .c-alert-{{color}}.\n// This map is looped - adding key/value pairs will generate more classes\n// this maps to name, bg-color, text/border color\n$alert-colors: () !default;\n$alert-colors: map-merge(\n  (\n    \"primary\": (\n      \"color\": $alert-primary-color,\n      \"bg\": $alert-primary-bg\n    ),\n    \"success\": (\n      \"color\": $alert-success-color,\n      \"bg\": $alert-success-bg\n    ),\n    \"warning\": (\n      \"color\": $alert-warning-color,\n      \"bg\": $alert-warning-bg\n    ),\n    \"danger\": (\n      \"color\": $alert-danger-color,\n      \"bg\": $alert-danger-bg\n    ),\n  ),\n  $alert-colors\n);\n\n\n// --------------------------------------------\n// Action Panel -------------------------------\n// --------------------------------------------\n$action-panel-header-bg              : $color-white !default;\n$action-panel-footer-bg              : $color-white !default;\n$action-panel-backdrop               : $global-backdrop-dark !default;\n$action-panel-border                 : $global-border-size $global-border-color-light !default;\n$action-panel-padding-v              : $space-md - $space-xs !default;\n$action-panel-padding-h              : $space-md !default;\n$action-panel-header-font-size       : $font-size-3 !default;\n$action-panel-header-font-weight     : $font-weight-bold !default;\n$action-panel-header-line-height     : $line-height-sm !default;\n$action-panel-header-color           : $global-text-color-dark !default;\n$action-panel-header-icon-color      : $global-text-color-lighter !default;\n$action-panel-header-icon-hover-color: lighten($global-text-color-lighter, 10%) !default;\n$action-panel-title-font-size        : $font-size-4 !default;\n$action-panel-title-font-weight      : $font-weight-bold !default;\n$action-panel-subtitle-line-height   : $font-size-2 !default;\n$action-panel-subtitle-font-size     : $font-size-2 !default;\n$action-panel-footer-color           : $color-accent !default;\n$action-panel-footer-hover-color     : darken($color-accent, 10) !default;\n$action-panel-footer-font-size       : $font-size-2 !default;\n$action-panel-footer-line-weight     : $font-size-4 !default;\n$action-panel-zindex                 : $z-action-panel !default;\n$action-panel-width                  : 320px !default;\n$action-panel-bg                     : $color-gray-0 !default;\n$action-panel-transition             : 0.3s ease !default;\n$action-panel-shadow                 : $shadow-lg !default;\n\n\n// Set the default sizes for action panels - .c-action-panel-lg.\n// This map is looped - adding key/value pairs will generate more classes\n// this maps to name, width\n$action-panel-sizes: () !default;\n$action-panel-sizes: map-merge(\n  (\n    lg: 400px\n  ),\n  $action-panel-sizes\n);\n\n\n// --------------------------------------------\n// Avatars ------------------------------------\n// --------------------------------------------\n$enable-extended-avatar-colors: true !default;\n$avatar-font-family           : $font-family !default;\n$avatar-default-size          : $global-size-md !default;\n$avatar-img-border            : none !default;\n$avatar-line-height           : normal !default;\n$avatar-group-spacing         : $space-xs !default;\n$avatar-border-radius         : $radius-pill !default;\n$avatar-font-size             : $font-size-2 !default;\n$avatar-font-weight           : $font-weight-semibold !default;\n$avatar-group-transition      : 0.35s cubic-bezier(0, 1.22, .66, 1.39) !default;\n\n\n// Set the default sizes for avatars - .c-avatar-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n// this maps to name, size, font-size\n$avatar-sizes: () !default;\n$avatar-sizes: map-merge(\n  (\n    \"xs\": (\n      \"size\": $global-size-xs,\n      \"font-size\": $font-size-0\n    ),\n    \"sm\": (\n      \"size\": $global-size-sm,\n      \"font-size\": $font-size-1\n    ),\n    \"lg\": (\n      \"size\": $global-size-lg,\n      \"font-size\": $font-size-3\n    ),\n    \"xl\": (\n      \"size\": $global-size-lg * 2,\n      \"font-size\": $font-size-2 * 2\n    ),\n  ),\n  $avatar-sizes\n);\n\n\n// --------------------------------------------\n// Badge --------------------------------------\n// --------------------------------------------\n$enable-extended-badge-colors: true !default;\n$badge-font                  : $font-family !default;\n$badge-size                  : $global-size-sm !default;\n$badge-lg-size               : $global-size-md !default;\n$badge-sm-size               : $global-size-xs !default;\n$badge-padding               : $space-0 $space-sm !default;\n$badge-border-radius         : $radius-round !default;\n$badge-font-weight           : $font-weight-semibold !default;\n$badge-line-height           : 2 !default;\n$badge-font-size             : $font-size-1 !default;\n$badge-lg-font-size          : $font-size-3 - 1 !default;\n$badge-sm-font-size          : $font-size-0 !default;\n$badge-group-spacing         : $space-sm !default;\n$badge-close-bg-hover        : rgba(0, 0, 0, 0.3) !default;\n\n\n// --------------------------------------------\n// Buttons ------------------------------------\n// --------------------------------------------\n$enable-btn-gradients       : false !default;\n$enable-btn-border          : true !default;\n$enable-btn-white-label     : false !default;\n$enable-btn-circle          : true !default;\n$enable-btn-outline         : true !default;\n$enable-btn-pill            : false !default;\n$enable-btn-square          : false !default;\n$btn-font                   : $font-family !default;\n$btn-radius                 : $global-radius !default;\n$btn-disabled-bg            : $global-bg-disabled !default;\n$btn-default-c              : $global-text-color !default;\n$btn-box-width              : $global-size-md !default;\n$btn-link-bd                : $global-border-size $global-border-color !default;\n$btn-disabled-bd            : $global-border-size $global-border-color-light !default;\n$btn-font-weight            : $font-weight-bold !default;\n$btn-bd                     : $global-border-size transparent !default;\n$btn-disabled-c             : $global-text-color-light !default;\n$btn-link-hover-bg          : $color-gray-0 !default;\n$btn-shadow                 : false !default;\n$btn-shadow-focus           : 0 0 2px 1px $color-primary-7 !default;\n$btn-active-shadow          : none !default;\n$btn-primary-bg             : $color-primary !default;\n$btn-primary-bg-hover       : $color-primary-9 !default;\n$btn-primary-bg-active      : $color-primary-9 !default;\n$btn-primary-border         : $color-primary-9 !default;\n$btn-success-bg             : $color-success !default;\n$btn-success-bg-hover       : $color-success-7 !default;\n$btn-success-bg-active      : $color-success-9 !default;\n$btn-success-border         : $color-success-9 !default;\n$btn-danger-bg              : $color-danger !default;\n$btn-danger-bg-hover        : $color-danger-7 !default;\n$btn-danger-bg-active       : $color-danger-9 !default;\n$btn-danger-border          : $color-danger-9 !default;\n$btn-secondary-bg           : $color-gray-1 !default;\n$btn-secondary-bg-hover     : $color-gray-2 !default;\n$btn-secondary-bg-active    : $color-gray-2 !default;\n$btn-secondary-border       : $color-gray-4 !default;\n$btn-secondary-color        : $color-gray-8 !default;\n\n// Set the default sizes for button boxes - .c-btn-box-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$btn-box-sizes: () !default;\n$btn-box-sizes: map-merge(\n  (\n    xs: $global-size-xs,\n    sm: $global-size-sm,\n    lg: $global-size-lg,\n  ),\n  $btn-box-sizes\n);\n\n// Set the default styles for buttons - .c-btn-{{color}}.\n// This map is looped - adding key/value pairs will generate more classes\n$button-colors: () !default;\n$button-colors: map-merge(\n  (\n    primary: (\n      bg: $btn-primary-bg,\n      bg-hover: $btn-primary-bg-hover,\n      bg-active: $btn-primary-bg-active,\n      border: $btn-primary-border,\n    ),\n    success: (\n      bg: $btn-success-bg,\n      bg-hover: $btn-success-bg-hover,\n      bg-active: $btn-success-bg-active,\n      border: $btn-success-border,\n    ),\n    danger: (\n      bg: $btn-danger-bg,\n      bg-hover: $btn-danger-bg-hover,\n      bg-active: $btn-danger-bg-active,\n      border: $btn-danger-border,\n    ),\n    secondary: (\n      bg: $btn-secondary-bg,\n      bg-hover: $btn-secondary-bg-hover,\n      bg-active: $btn-secondary-bg-active,\n      border: $btn-secondary-border,\n      color: $btn-secondary-color\n    )\n  ),\n  $button-colors\n);\n\n// Set the default sizes for buttons - .c-btn-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$button-sizes: () !default;\n$button-sizes:  map-merge(\n  (\n    default: (\n      font-size: $font-size-2,\n      padding: $space-0 $space-md,\n      height: $global-size-md\n    ),\n    xs: (\n      font-size: $font-size-0,\n      padding: $space-0 $space-xs,\n      height: $global-size-xs\n    ),\n    sm: (\n      font-size: $font-size-1,\n      padding: $space-0 $space-sm,\n      height: $global-size-sm\n    ),\n    lg: (\n      font-size: $font-size-3,\n      padding: $space-0 $space-xl,\n      height: $global-size-lg\n    )\n  ),\n  $button-sizes\n);\n\n\n// --------------------------------------------\n// BREADCRUMBS --------------------------------\n// --------------------------------------------\n$breadcrumb-font-family         : $font-family !default;\n$breadcrumb-margin              : $space-xl !default;\n$breadcrumb-color               : $color-primary !default;\n$breadcrumb-color-active        : $global-text-color-dark !default;\n$breadcrumb-font-size           : $font-size-2 !default;\n$breadcrumb-font-weight         : $font-weight-bold !default;\n$breadcrumb-divider-color       : $color-gray-3 !default;\n$breadcrumb-divider-size        : 8px !default;\n$breadcrumb-divider-border-width: 2px !default;\n\n\n// --------------------------------------------\n// CARDS --------------------------------------\n// --------------------------------------------\n$card-bg                     : $color-white !default;\n$card-text-color             : $global-text-color !default;\n$card-border                 : $global-border-size $global-border-color-light !default;\n$card-border-hover           : $global-border-size $global-border-color !default;\n$card-font-family            : $font-family !default;\n$card-border-radius          : $global-radius !default;\n$card-min-width              : 0 !default;\n$card-padding-v              : $space-md - $space-xs !default;\n$card-padding-h              : $space-md !default;\n$card-shadow                 : $shadow-xs !default;\n$card-shadow-hover           : $shadow-md !default;\n$card-header-font-size       : $font-size-3 !default;\n$card-header-font-weight     : $font-weight-bold !default;\n$card-header-line-height     : $line-height-sm !default;\n$card-header-color           : $global-text-color-dark !default;\n$card-header-icon-color      : $global-text-color-lighter !default;\n$card-header-icon-hover-color: $color-primary !default;\n$card-body-font-size         : $font-size-2 !default;\n$card-title-font-size        : $font-size-4 !default;\n$card-title-font-weight      : $font-weight-bold !default;\n$card-subtitle-line-height   : $font-size-2 !default;\n$card-subtitle-font-size     : $font-size-2 !default;\n$card-footer-color           : $color-accent !default;\n$card-footer-hover-color     : darken($color-accent, 10) !default;\n$card-footer-font-size       : $font-size-2 !default;\n$card-footer-line-weight     : $font-size-4 !default;\n\n\n// --------------------------------------------\n// CHECKBOX & RADIOS --------------------------\n// --------------------------------------------\n$checkbox-radius                : $global-radius !default;\n$checkbox-bd                    : $global-border-size #999999 !default;\n$checkbox-bd-hover-color        : $color-gray-9 !default;\n$checkbox-bg-empty              : $color-white !default;\n$checkbox-default-size          : $global-size-xs !default;\n$checkbox-bg-disabled           : #eeeeee !default;\n$checkbox-bd-disabled           : #cccccc !default;\n$checkbox-label-disabled-color  : $global-text-color-lighter !default;\n$checkbox-label-font-size       : $font-size-2 !default;\n$checkbox-label-font-weight     : $font-weight-normal !default;\n$checkbox-checked-color         : $color-accent !default;\n$checkbox-checked-border-color  : #999999 !default;\n$checkbox-bg-checked            : $color-white !default;\n$checkbox-bg-checked-disabled   : $global-text-color-light !default;\n$checkbox-transition            : background 0.2s !default;\n$checkbox-checked-color-disabled: $color-gray-2 !default;\n\n// Set the checkbox sizes for checkboxes - .c-checkbox-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$checkbox-sizes: () !default;\n$checkbox-sizes: map-merge(\n  (\n    lg: $global-size-sm,\n    xl: $global-size-md\n  ),\n  $checkbox-sizes\n);\n\n\n// --------------------------------------------\n// DROPDOWN -----------------------------------\n// --------------------------------------------\n$dropdown-radius             : $global-radius !default;\n$dropdown-font               : $font-family !default;\n$dropdown-bg                 : $color-white !default;\n$dropdown-border             : $global-border-size $global-border-color-light !default;\n$dropdown-min-width          : 200px !default;\n$dropdown-font-size          : $font-size-2 !default;\n$dropdown-font-weight        : $font-weight-normal !default;\n$dropdown-bg-hover           : $color-gray-1 !default;\n$dropdown-shadow             : $shadow-md !default;\n$dropdown-z-index            : $z-dropdown !default;\n$dropdown-color              : $global-text-color-dark !default;\n$dropdown-color-hover        : $global-text-color-dark !default;\n$dropdown-icon-color         : $color-gray-4 !default;\n$dropdown-icon-font-size     : $font-size-3 !default;\n$dropdown-icon-padding       : $space-sm !default;\n$dropdown-list-padding       : $space-xs !default;\n$dropdown-list-margin        : 0 !default;\n$dropdown-item-padding       : $space-sm ($space-xs + $space-sm) !default;\n$dropdown-grid-padding       : $space-sm !default;\n$dropdown-selected-color     : $color-gray-9 !default;\n$dropdown-selected-bg        : $color-gray-0 !default;\n$link-colors:\n  '[class*=\"primary\"]',\n  '[class*=\"accent\"]',\n  '[class*=\"success\"]',\n  '[class*=\"warning\"]',\n  '[class*=\"danger\"]',\n  '.c-text-muted' !default;\n\n\n// --------------------------------------------\n// FORMS --------------------------------------\n// --------------------------------------------\n$control-font-family          : $font-family !default;\n$control-background           : $color-white !default;\n$control-height               : $global-size-md !default;\n$control-border               : $global-border-size $global-border-color-dark !default;\n$control-border-radius        : $global-radius !default;\n$control-icon-padding         : $space-xl !default;\n$control-disabled-background  : $global-bg-disabled !default;\n$control-font-size            : $font-size-2 !default;\n$control-color                : $global-text-color-dark !default;\n$control-font-weight          : $font-weight-normal !default;\n$control-line-height          : normal !default; //line height optimized for IE compatibilit\n$control-placeholder-c        : $global-text-color-lighter !default;\n$control-placeholder-hover-c  : $global-text-color-lighter !default;\n$control-padding              : $space-sm !default;\n$control-shadow               : inset 0 2px 2px 0 rgba(33, 37, 41, .1) !default;\n$control-focused-shadow       : inset 0 1px 2px 0 rgba(33, 37, 41, 0.08) !default;\n$control-shadow-disabled      : none !default;\n$control-transition           : border-color 0.1s ease-in !default;\n$control-hover                : $color-primary !default;\n$control-hover-border         : $color-gray-6 !default;\n$control-active               : $color-primary !default;\n$control-active-border        : $color-primary !default;\n$control-icon-color           : $global-text-color-dark !default;\n$control-disabled-border      : transparent !default;\n$control-hint-color           : $global-text-color-light !default;\n$control-hint-font-size       : 85% !default;\n$control-hint-transition      : all 0.2s ease !default;\n$control-addon-background     : $color-gray-0 !default;\n$control-element-padding      : $space-sm * 2 0 !default;\n$control-element-label-padding: 0 0 $space-sm 0 !default;\n$select-padding-r             : $space-lg !default;\n$select-bg-img                : url(\"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E\") !default;\n$select-bg-img-disabled       : url(\"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23868e95'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E\") !default;\n$select-bg-pos                : no-repeat right 8px center !default;\n$select-box-shadow-focus      : 0 0 0 1px $color-primary-4 !default;\n\n// Set the default sizes for forms - .c-input-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$control-sizes: () !default;\n$control-sizes: map-merge(\n  (\n    \"sm\": (\n      \"height\": $global-size-sm,\n      \"font-size\": $font-size-1,\n      \"padding\": $space-0 $space-sm\n    ),\n    \"lg\": (\n      \"height\": $global-size-lg,\n      \"font-size\": $font-size-4,\n      \"padding\": $space-0 $space-sm\n    ),\n  ),\n  $control-sizes\n);\n\n\n// Form Input Colors (NG specific) DISABLED CURRENTLY\n$enable-NGform-colors: true !default;\n$control-ng-validation:\n  (\"ng-valid\", \"success\")\n  (\"ng-invalid\", \"error\") !default;\n\n\n// --------------------------------------------\n// FOOTER -------------------------------------\n// --------------------------------------------\n$footer-font-family                  : $font-family !default;\n$footer-height                       : $global-footer-height !default;\n$footer-border-top                   : $global-border-size $global-border-color-light !default;\n$footer-font-size                    : $font-size-2 !default;\n$footer-color                        : $global-text-color-dark !default;\n$footer-color-link                   : $color-accent !default;\n$footer-bg-color                     : $color-gray-1 !default;\n$footer-padding                      : $space-0 ($space-md + $space-sm) !default;\n$footer-links-margin                 : $space-0 $space-sm !default;\n$footer-links-divider                : '•' !default;\n$footer-z-index                      : $z-footer !default;\n$footer-bg-inverse                   : #4c4b4c !default;\n$footer-color-inverse                : $color-white !default;\n$footer-height-inverse               : 24px !default;\n$footer-links-inverse-divider        : '|' !default;\n$footer-links-divider-color          : $color-gray-6 !default;\n$footer-links-inverse-divider-color  : $color-gray-1 !default;\n\n// --------------------------------------------\n// Grid ---------------------------------------\n// --------------------------------------------\n$gutter: 12px !default;\n$grid-columns: 12 !default;\n$container-fixed-width: 1200px !default;\n$grid-gutter-width: 24px !default;\n\n// Define the maximum width of `.c-container-fixed` at breakpoints.\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n$breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1440px\n) !default;\n\n\n// --------------------------------------------\n// HEADER -------------------------------------\n// --------------------------------------------\n$header-bg                       : $color-white !default;\n$header-height                   : $global-header-height !default;\n$header-inverse-text-color-active: $color-white !default;\n$header-inverse-icon-color-active: $color-accent !default;\n$header-bg-hover                 : rgba(213, 213, 213, 0.35) !default;\n$header-borders                  : #cccccc !default;\n// $header-borders                  : rgba(0, 0, 0, 0.06) !default;\n$header-z-index                  : $z-header !default;\n$header-bottom-border            : $header-borders !default;\n$header-item-padding             : $space-0 $space-md !default;\n$header-inverse-bg               : $color-black !default;\n$header-inverse-bg-hover         : rgba(255, 255, 255, 0.23) !default;\n$header-text-color               : #32363b !default;\n$header-inverse-text-color       : rgba(255, 255, 255, .9) !default;\n$header-inverse-borders          : rgba(252, 252, 252, 0.35) !default;\n$header-inverse-pill-borders     : rgba(255, 255, 255, 0.09) !default;\n$header-inverse-pill-bg-hover    : rgb(43, 43, 43) !default;\n\n\n// --------------------------------------------\n// Loaders ------------------------------------\n// --------------------------------------------\n$skeleton-bar-height         : calc($global-size-xs / 2) !default;\n$skeleton-bar                : linear-gradient(140deg, rgba(white, 0), rgba(white, .6) 50%, rgba(white, 0) 100%) !default;\n$skeleton-bar-animation      : skeletonIteration 2s infinite !default;\n$skeleton-bg-color           : $color-gray-3 !default;\n$loader-size                 : $global-size-md !default;\n$loader-color                : $color-accent !default;\n$loader-bg-color             : $color-gray-3 !default;\n$loader-full-page-size       : 48px !default;\n$loader-border-size          : 4px !default;\n$loader-full-page-border-size: 6px !default;\n$loader-animation-duration   : .71s !default;\n\n// --------------------------------------------\n// Media Object -------------------------------\n// --------------------------------------------\n$media-bg                : $color-white !default;\n$media-color             : $global-text-color !default;\n$media-border            : $global-border-size $global-border-color-light !default;\n$media-border-radius     : $global-radius !default;\n$media-padding           : $space-sm $space-0 !default;\n$media-body-padding      : $space-md !default;\n$media-margin            : $space-0 $space-sm !default;\n$media-stripe-bg         : $color-gray-0 !default;\n$media-hover-bg          : $color-gray-0 !default;\n$media-header-bg         : $color-gray-0 !default;\n$media-action-color      : $global-text-color-light !default;\n$media-action-font-size  : $font-size-2 !default;\n$media-action-line-height: $line-height-xs !default;\n$media-min-height        : $global-size-xl !default;\n\n\n// --------------------------------------------\n// MODALS -------------------------------------\n// --------------------------------------------\n$modal-border-radius          : $global-radius !default;\n$modal-border                 : $global-border-size $global-border-color-light !default;\n$modal-close-size             : $global-size-md !default;\n$modal-body-color             : $global-text-color !default;\n$modal-bg-color               : $color-white !default;\n$modal-backdrop-bg-color      : $global-backdrop-dark !default;\n$modal-z-index                : $z-modal !default;\n$modal-shadow                 : $shadow-lg !default;\n$modal-close-color            : $global-text-color-light !default;\n$modal-body-font-size         : $font-size-2 !default;\n$modal-title-font-size        : $font-size-4 !default;\n$modal-title-color            : $global-text-color-dark !default;\n$modal-title-font-weight      : $font-weight-bold !default;\n$modal-title-line-height      : $line-height-sm !default;\n$modal-padding                : $space-lg !default;\n$modal-body-padding           : $space-lg !default;\n$modal-header-padding         : calc($space-lg / 3) calc($space-lg / 2) calc($space-lg / 3) $space-lg !default;\n$modal-footer-padding         : $space-lg !default;\n$modal-dialog-padding         : 40px !default;\n$modal-dialog-footer-padding  : calc($space-lg / 2) 0 0 !default;\n$modal-width                  : 640px !default;\n\n// Set the default sizes for modal - .c-modal-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$modal-widths: () !default;\n$modal-widths: map-merge(\n  (\n    sm: 480px,\n    lg: 800px,\n    responsive: 100%\n  ),\n  $modal-widths\n);\n\n\n// --------------------------------------------\n// NAV ---------------------------------------\n// --------------------------------------------\n$nav-height                : $global-size-md !default;\n$nav-color                 : #32363b !default;\n$nav-color-disabled        : $global-text-color-lighter !default;\n$nav-pill-radius           : $global-radius !default;\n$nav-pill-color            : #32363b !default;\n$nav-pill-color-disabled   : #32363b !default;\n$nav-font-size             : $font-size-2 !default;\n$nav-color-hover           : $global-text-color-dark !default;\n$nav-color-active          : $global-text-color-dark !default;\n$nav-disabled-opacity      : .7 !default;\n$nav-font-weight           : $font-weight-normal !default;\n$nav-pill-font-weight      : $font-weight-bold !default;\n$nav-pill-color-hover      : $global-text-color-dark !default;\n$nav-pill-color-active     : $global-text-color-dark !default;\n$nav-pill-bg-hover         : $color-gray-1 !default;\n$nav-pill-bg-active        : $color-gray-1 !default;\n$nav-pill-bg-disabled      : $color-gray-0 !default;\n$nav-pill-icon-opacity     : .25 !default;\n$nav-pill-icon-color-active: $color-accent !default;\n$nav-spacing               : $space-sm !default;\n\n\n// Set the default sizes for nav - .c-nav-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$nav-sizes: () !default;\n$nav-sizes: map-merge(\n  (\n    \"sm\": (\n      \"font-size\": $font-size-1,\n      \"height\": $global-size-sm,\n      \"padding\": $space-0 $space-sm\n    ),\n    \"lg\": (\n      \"font-size\": $font-size-3,\n      \"height\": $global-size-lg,\n      \"padding\": $space-0 ($space-sm * 3)\n    ),\n  ),\n  $nav-sizes\n);\n\n\n// --------------------------------------------\n// NOTIFICATIONS ------------------------------\n// --------------------------------------------\n$notification-margin      : $space-sm !default;\n$notification-shadow      : $shadow-xs !default;\n$notification-shadow-hover: $shadow-sm !default;\n$notification-read-bg     : $color-gray-0 !default;\n$notification-read-border : $global-border-size $global-border-color-light !default;\n\n\n// --------------------------------------------\n// PROGRESS -----------------------------------\n// --------------------------------------------\n$progress-height              : $global-size-sm !default;\n$progress-height-sm           : $global-size-xs !default;\n$progress-height-lg           : $global-size-lg !default;\n$progress-font-size           : $font-size-2 !default;\n$progress-font-size-sm        : $font-size-1 !default;\n$progress-font-size-lg        : $font-size-5 !default;\n$progress-background          : $color-gray-1 !default;\n$progress-margin-bottom       : $global-size-md !default;\n$progress-radius              : $global-radius !default;\n$progress-btn-color           : $color-white !default;\n$progress-btn-animate-size    : $global-size-lg !default;\n$progress-opaque-color        : rgba(0, 0, 0, 0.2) !default;\n\n// Set the checkbox sizes for checkboxes - .c-checkbox-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$progress-colors: () !default;\n$progress-colors: map-merge(\n  (\n    primary: $color-primary,\n    success: $color-success\n  ),\n  $progress-colors\n);\n\n\n// Set the defaults for .c-header-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$progress-sizes: () !default;\n$progress-sizes: map-merge(\n  (\n    \"sm\": (\n      \"font-size\": $progress-font-size-sm,\n      \"height\": $progress-height-sm\n    ),\n    \"lg\": (\n      \"font-size\": $progress-font-size-lg,\n      \"height\": $progress-height-lg\n    ),\n  ),\n  $progress-sizes\n);\n\n\n// --------------------------------------------\n// Sidebar ------------------------------------\n// --------------------------------------------\n$sidebar-bg                         : $color-white !default;\n$sidebar-bg-hover                   : $color-gray-2 !default;\n$sidebar-color                      : $color-gray-8 !default;\n$sidebar-border                     : $global-border-size $global-border-color-light !default;\n$sidebar-width                      : $global-sidebar-width !default;\n$sidebar-width-folded               : $global-sidebar-width-folded !default;\n$sidebar-font-size                  : $font-size-3 !default;\n$sidebar-z-index                    : $z-sidenav !default;\n$sidebar-link-padding               : $space-xs $space-md !default;\n$sidebar-link-margin                : $space-xs !default;\n$sidebar-link-line-height           : $space-xl !default;\n$sidebar-icon-margin                : $space-sm $space-md $space-sm 0 !default;\n$sidebar-icon-font-size             : $font-size-4 !default;\n$sidebar-category-padding           : $space-sm $space-md !default;\n$sidebar-submenu-link-padding-left  : 48px !default;\n$sidebar-submenu-level3-padding-left: 64px !default;\n$sidebar-submenu-level4-padding-left: 80px !default;\n\n$sidebar-submenu-bg                 : $sidebar-bg !default;\n$sidebar-color-active               : $color-accent !default;\n$sidebar-link-color                 : $sidebar-color !default;\n$sidebar-link-hover-color           : $sidebar-color !default;\n$sidebar-link-active-color          : $sidebar-color !default;\n$sidebar-link-open-color            : $sidebar-color !default;\n$sidebar-divider-color              : $color-gray-1 !default;\n$sidebar-link-hover-bg              : $sidebar-bg-hover !default;\n$sidebar-link-active-bg             : $sidebar-bg-hover !default;\n$sidebar-link-open-bg               : $sidebar-bg-hover !default;\n$sidebar-icon-color                 : $global-text-color-lighter !default;\n$sidebar-icon-color-active          : $sidebar-color-active !default;\n$sidebar-category-color             : $global-text-color-light !default;\n$sidebar-collapse-bg                : $color-gray-0 !default;\n$sidebar-collapse-bg-hover          : $color-gray-1 !default;\n$sidebar-collapse-bd                : $color-gray-2 !default;\n$sidebar-submenu-link-active-color  : $sidebar-color-active !default;\n\n\n// --------------------------------------------\n// SWITCHES -----------------------------------\n// --------------------------------------------\n$switch-height             : $global-size-xs !default;\n$switch-radius             : $radius-round !default;\n$switch-border             : $global-border-size $global-border-color !default;\n$switch-label-off          : $global-text-color !default;\n$switch-label-on           : $color-white !default;\n$switch-handle             : $color-white !default;\n$switch-disabled           : $global-bg-disabled !default;\n$switch-font-size          : $font-size-2 !default;\n$switch-off-bg             : $color-gray-0 !default;\n$switch-on-bg              : $color-primary !default;\n$switch-shadow             : inset 0 1px 1px 0 rgba(0, 0, 0, .1) !default;\n$switch-handle-disabled    : $color-gray-0 !default;\n$switch-disabled-checked-bg: $global-text-color-light !default;\n\n\n// Set the default sizes for switches - .c-switch-lg.\n// This map is looped - adding key/value pairs will generate more classes\n$switch-sizes: () !default;\n$switch-sizes: map-merge(\n  (\n    lg: $global-size-md\n  ),\n  $switch-sizes\n);\n\n\n// --------------------------------------------\n// TOAST --------------------------------------\n// --------------------------------------------\n$toast-margin             : 0 0 $space-md 0 !default;\n$toast-border             : $global-border-size $global-border-color-light !default;\n$toast-shadow             : $shadow-sm !default;\n$toast-background         : $color-white !default;\n$toast-color              : $global-text-color-dark !default;\n$toast-font-size          : $font-size-2 !default;\n$toast-radius             : $global-radius !default;\n$toast-font               : $font-family !default;\n$toast-font-weight        : $font-weight-bold !default;\n$toast-padding            : $space-md $space-md $space-md ($space-md + 4px) !default;\n$toast-icon-color         : $color-primary !default;\n$toast-icon-padding-right : $space-md !default;\n$toast-icon-font-size     : $font-size-2 + 2 !default;\n$toast-left-border-bg     : $color-primary !default;\n$toast-left-border-width  : 4px !default;\n$toast-left-border-color  : darken($color-primary, 20) !default;\n$toast-close-size         : 12px !default;\n$toast-close-color        : $color-gray-6 !default;\n\n\n// --------------------------------------------\n// TOOLTIPS -----------------------------------\n// --------------------------------------------\n$tooltip-bd-radius       : $global-radius !default;\n$tooltip-default-color   : $color-white !default;\n$tooltip-invert-bg       : $color-white !default;\n$tooltip-max-width       : 300px !default;\n$tooltip-padding         : $space-xs $space-sm !default;\n$tooltip-font-size       : $font-size-2 !default;\n$tooltip-line-height     : $line-height-xs !default;\n$tooltip-shadow          : $shadow-lg !default;\n$tooltip-z-index         : $z-tooltip !default;\n$tooltip-default-bg      : $color-gray-9 !default;\n$tooltip-invert-color    : $color-gray-9 !default;\n$tooltip-transition-style: cubic-bezier(0.73, 0.01, 0, 1) !default;\n$tooltip-border-width    : 4px !default;\n$tooltip-arrow-position  : 6px !default;\n\n\n// --------------------------------------------\n// TABS ---------------------------------------\n// --------------------------------------------\n$tabs-color             : $global-text-color !default;\n$tabs-bordered-radius   : $global-radius !default;\n$tabs-height            : $global-size-md !default;\n$tabs-font-family       : $font-family !default;\n$tabs-border            : $global-border-size $global-border-color-light !default;\n$tabs-bordered-bg-hover : $color-white !default;\n$tabs-bordered-bg-active: $color-white !default;\n$tabs-color-hover       : $color-black !default;\n$tabs-border-hover      : $color-accent !default;\n$tabs-color-active      : $color-black !default;\n$tabs-border-active     : $color-accent !default;\n$tabs-color-disabled    : $global-text-color-light !default;\n$tabs-font-size         : $font-size-2 !default;\n$tabs-font-weight       : $font-weight-bold !default;\n$tabs-padding           : $space-sm $space-md !default;\n$tabs-bordered-bg       : $color-gray-0 !default;\n$tabs-hover-transition  : border-color 0.2s ease 0s !default;\n$tabs-box-shadow        : inset 0 -1px 0 0 $global-border-color-light !default;\n$tabs-border-bottom     : 2px !default;\n\n// Set the default sizes for tabs - .c-tab-{{size}}.\n// This map is looped - adding key/value pairs will generate more classes\n$tabs-sizes: () !default;\n$tabs-sizes: map-merge(\n  (\n    \"sm\": (\n      \"height\": $global-size-sm,\n      \"font-size\": $font-size-1,\n      \"line-height\": $line-height-xs,\n      \"padding\": $space-xs $space-sm\n    ),\n    \"lg\": (\n      \"height\": $global-size-lg,\n      \"font-size\": $font-size-3,\n      \"line-height\": $line-height-sm,\n      \"padding\": $space-sm $space-md\n    ),\n  ),\n  $tabs-sizes\n);\n\n\n// --------------------------------------------\n// TABLES -------------------------------------\n// --------------------------------------------\n$table-background           : $color-white !default;\n$table-font-family          : $font-family !default;\n$table-font-size            : $font-size-2 !default;\n$table-font-size-lg         : $font-size-3 !default;\n$table-line-height          : $line-height-xs !default;\n$table-border               : 0 !default;\n$table-border-color         : $global-border-color-light !default;\n$table-padding              : ($space-sm - 1) ($space-sm + 2) $space-sm !default;\n$table-row-hover            : $color-gray-1 !default;\n$table-row-stripe-hover     : $color-gray-1 !default;\n$table-stripe               : 'even' !default;\n$table-stripe-bg            : $color-gray-0 !default;\n$table-head-bg              : $color-gray-0 !default;\n$table-head-cell-hover      : $color-gray-2 !default;\n$table-head-color           : $global-text-color-dark !default;\n$table-head-font-weight     : $font-weight-bold !default;\n$table-head-border-color    : $color-gray-3 !default;\n$table-head-border-width    : 1px 0 !default;\n$table-head-border-vertical : 1px solid $color-gray-3 !default;\n$table-foot-bg              : $color-white !default;\n$table-foot-color           : $global-text-color-dark !default;\n$table-padding-sm           : ($space-xs - 1) $space-sm $space-xs !default;\n$table-padding-lg           : ($space-sm + $space-xs) ($space-sm + 2) ($space-sm + ($space-xs - 1)) !default;\n$table-hover-bg-img         : url('data: image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1IiBoZWlnaHQ9IjIwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxLjMyMjkxNjYgNS4yOTE2NjY4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yOTEuNzEpIiBmaWxsPSIjYmJjMWM5Ij4gIDxyZWN0IHk9IjI5Ni40NyIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuNTI5MTciLz4gIDxyZWN0IHk9IjI5MS43MSIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuNTI5MTciLz4gIDxyZWN0IHg9Ii43OTM3NSIgeT0iMjkxLjcxIiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii41MjkxNyIvPiAgPHJlY3QgeD0iLjc5Mzc1IiB5PSIyOTYuNDciIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjUyOTE3Ii8+ICA8cmVjdCB4PSIuNzkzNzUiIHk9IjI5NS42OCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuNTI5MTciLz4gIDxyZWN0IHg9Ii43OTM3NSIgeT0iMjk0Ljg4IiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii41MjkxNyIvPiAgPHJlY3QgeD0iLjc5Mzc1IiB5PSIyOTQuMDkiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjUyOTE3Ii8+ICA8cmVjdCB4PSIuNzkzNzUiIHk9IjI5My4zIiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii41MjkxNyIvPiAgPHJlY3QgeD0iLjc5Mzc1IiB5PSIyOTIuNSIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuNTI5MTciLz4gIDxyZWN0IHk9IjI5NS42OCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuNTI5MTciLz4gIDxyZWN0IHk9IjI5NC44OCIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuNTI5MTciLz4gIDxyZWN0IHk9IjI5NC4wOSIgd2lkdGg9Ii41MjkxNyIgaGVpZ2h0PSIuNTI5MTciLz4gIDxyZWN0IHk9IjI5My4zIiB3aWR0aD0iLjUyOTE3IiBoZWlnaHQ9Ii41MjkxNyIvPiAgPHJlY3QgeT0iMjkyLjUiIHdpZHRoPSIuNTI5MTciIGhlaWdodD0iLjUyOTE3Ii8+IDwvZz48L3N2Zz4 = ') !default;\n$table-hover-bg-img-body-pos: 2px center !default;\n\n// Set the default styles for table states.\n// This map is looped - adding key/value pairs will generate more classes\n$table-states: () !default;\n$table-states: map-merge(\n  (\n    \"selected\": $color-primary-0,\n    \"starred\": $color-warning-0,\n    \"success\": $color-success-0,\n    \"warning\": $color-warning-0,\n    \"danger\": $color-danger-0\n  ),\n  $table-states\n);\n\n\n// --------------------------------------------\n// PAGINATION ---------------------------------\n// --------------------------------------------\n$pagination-item-size            : $global-size-md !default;\n$pagination-item-border-radius   : $global-radius !default;\n$pagination-item-spacing         : 2px !default;\n$pagination-font-size            : $font-size-2 !default;\n$pagination-icon-size            : $font-size-0 !default;\n$pagination-item-color           : $global-text-color-dark !default;\n$pagination-item-current-bg      : $color-gray-1 !default;\n$pagination-item-current-color   : $color-primary !default;\n$pagination-next-color           : $color-primary !default;\n$pagination-previous-color       : $color-primary !default;\n$pagination-bg-disabled          : $color-gray-1 !default;\n$pagination-color-disabled       : $global-text-color-light !default;\n","// Font Weights and map for generating helpers\n$font-weight-heavy: 900 !default;\n$font-weight-bold: 700 !default;\n$font-weight-semibold: 600 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n\n// This is a looped map & classes will be generated based on key/value pairs i.e. \"c-text-heavy\"\n$font-weight: () !default;\n$font-weight: map-merge(\n  (\n    'heavy': $font-weight-heavy,\n    'bold': $font-weight-bold,\n    'semibold': $font-weight-semibold,\n    'normal': $font-weight-normal,\n    'light': $font-weight-light,\n  ),\n  $font-weight\n);\n\n// Changing $global-px-grid will adapt all space values and $global-sizes.\n$global-px-grid: 8px !default;\n\n// --------------------------------------------\n// Spacing and map for generating helpers\n$space-0: 0 !default;\n$space-xxs: calc($global-px-grid / 4) !default;\n$space-xs:  calc($global-px-grid / 2) !default;\n$space-sm: $global-px-grid !default;\n$space-md: $global-px-grid * 2 !default;\n$space-lg: $global-px-grid * 3 !default;\n$space-xl: $global-px-grid * 4 !default;\n\n// This is a looped map & classes will be generated based on key/value pairs i.e. \"c-p-xxs\"\n$space: () !default;\n$space: map-merge(\n  (\n    0: $space-0,\n    'xxs': $space-xxs,\n    'xs': $space-xs,\n    'sm': $space-sm,\n    'md': $space-md,\n    'lg': $space-lg,\n    'xl': $space-xl,\n  ),\n  $space\n);\n\n\n// Radius and map for generating helpers\n$radius-0     : 0 !default;\n$radius-sm    : 2px !default;\n$radius-md    : 4px !default;\n$radius-lg    : 8px !default;\n$radius-square: 0 !default;\n$radius-pill  : 200px !default;\n$radius-round : 50px !default;\n\n// This is a looped map & classes will be generated based on key/value pairs i.e. \"c-radius-sm\"\n$radius: () !default;\n$radius: map-merge(\n  (\n    0: $radius-0,\n    'sm': $radius-sm,\n    'md': $radius-md,\n    'lg': $radius-lg,\n    'pill': $radius-pill,\n    'round': $radius-round,\n    'square': $radius-square,\n  ),\n  $radius\n);\n\n// Shadows and map for generating helpers\n$shadow-0: none !default;\n$shadow-xs: 0 2px 4px -2px rgba(33, 37, 41, .1) !default;\n$shadow-sm: 0 4px 4px -2px rgba(33, 37, 41, .1) !default;\n$shadow-md: 0 6px 8px -2px rgba(33, 37, 41, .1) !default;\n$shadow-lg: 0 8px 8px -2px rgba(33, 37, 41, .1) !default;\n\n// This is a looped map & classes will be generated based on key/value pairs i.e. \"c-shadow-sm\"\n$shadow: () !default;\n$shadow: map-merge(\n  (\n    0: $shadow-0,\n    'xs': $shadow-xs,\n    'sm': $shadow-sm,\n    'md': $shadow-md,\n    'lg': $shadow-lg\n  ),\n  $shadow\n);\n\n$z-modal       : 2000 !default;\n$z-action-panel: 1900 !default;\n$z-overlay     : 1800 !default;\n$z-alert       : 1750 !default;\n$z-dropdown    : 1700 !default;\n$z-tooltip     : 1650 !default;\n$z-header      : 1600 !default;\n$z-sidenav     : 1600 !default;\n$z-footer      : 1500 !default;\n\n$z-index: () !default;\n$z-index: map-merge(\n  (\n    'modal'       : $z-modal,\n    'action-panel': $z-action-panel,\n    'overlay'     : $z-overlay,\n    'alert'       : $z-alert,\n    'dropdown'    : $z-dropdown,\n    'tooltip'     : $z-tooltip,\n    'header'      : $z-header,\n    'sidenav'     : $z-sidenav,\n    'footer'      :$z-footer,\n  ),\n  $z-index\n);\n\n","$color-black: #000000 !default;\n$color-white: #ffffff !default;\n\n$color-accent-0: #ffedf1 !default;\n$color-accent-1: #ffe0e7 !default;\n$color-accent-2: #ffccd6 !default;\n$color-accent-3: #ffa3b5 !default;\n$color-accent-4: #ff7a94 !default;\n$color-accent-5: #ff2953 !default;\n$color-accent-6: #ff0032 !default;\n$color-accent-7: #d6002a !default;\n$color-accent-8: #9e001f !default;\n$color-accent-9: #660014 !default;\n\n$color-success-0: #ebfbee !default;\n$color-success-1: #d3f9d8 !default;\n$color-success-2: #b2f2bb !default;\n$color-success-3: #8ce99a !default;\n$color-success-4: #69db7c !default;\n$color-success-5: #51cf66 !default;\n$color-success-6: #40c057 !default;\n$color-success-7: #37b24d !default;\n$color-success-8: #2f9e44 !default;\n$color-success-9: #2b8a3e !default;\n\n\n$color-warning-0: #fff9db !default;\n$color-warning-1: #fff3bf !default;\n$color-warning-2: #ffec99 !default;\n$color-warning-3: #ffe066 !default;\n$color-warning-4: #ffd43b !default;\n$color-warning-5: #fcc419 !default;\n$color-warning-6: #fab005 !default;\n$color-warning-7: #f59f00 !default;\n$color-warning-8: #f08c00 !default;\n$color-warning-9: #e67700 !default;\n\n\n$color-danger-0: #fff5f5 !default;\n$color-danger-1: #ffe3e3 !default;\n$color-danger-2: #ffc9c9 !default;\n$color-danger-3: #ffa8a8 !default;\n$color-danger-4: #ff8787 !default;\n$color-danger-5: #ff6b6b !default;\n$color-danger-6: #fa5252 !default;\n$color-danger-7: #f03e3e !default;\n$color-danger-8: #e03131 !default;\n$color-danger-9: #c92a2a !default;\n\n\n$color-gray-0: #f8f9fa !default;\n$color-gray-1: #f1f3f5 !default;\n$color-gray-2: #e9ecef !default;\n$color-gray-3: #dee2e6 !default;\n$color-gray-4: #ced4da !default;\n$color-gray-5: #adb5bd !default;\n$color-gray-6: #868e96 !default;\n$color-gray-7: #495057 !default;\n$color-gray-8: #343a40 !default;\n$color-gray-9: #212529 !default;\n\n$color-blue-0: #e8f7ff !default;\n$color-blue-1: #ccedff !default;\n$color-blue-2: #a3daff !default;\n$color-blue-3: #72c3fc !default;\n$color-blue-4: #4dadf7 !default;\n$color-blue-5: #329af0 !default;\n$color-blue-6: #228ae6 !default;\n$color-blue-7: #1c7cd6 !default;\n$color-blue-8: #1b6ec2 !default;\n$color-blue-9: #1862ab !default;\n\n$color-cyan-0: #e3fafc !default;\n$color-cyan-1: #c5f6fa !default;\n$color-cyan-2: #99e9f2 !default;\n$color-cyan-3: #66d9e8 !default;\n$color-cyan-4: #3bc9db !default;\n$color-cyan-5: #22b8cf !default;\n$color-cyan-6: #15aabf !default;\n$color-cyan-7: #1098ad !default;\n$color-cyan-8: #0c8599 !default;\n$color-cyan-9: #0b7285 !default;\n\n$color-grape-0: #f8f0fc !default;\n$color-grape-1: #f3d9fa !default;\n$color-grape-2: #eebefa !default;\n$color-grape-3: #e599f7 !default;\n$color-grape-4: #da77f2 !default;\n$color-grape-5: #cc5de8 !default;\n$color-grape-6: #be4bdb !default;\n$color-grape-7: #ae3ec9 !default;\n$color-grape-8: #9c36b5 !default;\n$color-grape-9: #862e9c !default;\n\n$color-indigo-0: #edf2ff !default;\n$color-indigo-1: #dbe4ff !default;\n$color-indigo-2: #bac8ff !default;\n$color-indigo-3: #91a7ff !default;\n$color-indigo-4: #748ffc !default;\n$color-indigo-5: #5c7cfa !default;\n$color-indigo-6: #4c6ef5 !default;\n$color-indigo-7: #4263eb !default;\n$color-indigo-8: #3b5bdb !default;\n$color-indigo-9: #364fc7 !default;\n\n$color-lime-0: #f4fce3 !default;\n$color-lime-1: #e9fac8 !default;\n$color-lime-2: #d8f5a2 !default;\n$color-lime-3: #c0eb75 !default;\n$color-lime-4: #a9e34b !default;\n$color-lime-5: #94d82d !default;\n$color-lime-6: #82c91e !default;\n$color-lime-7: #74b816 !default;\n$color-lime-8: #66a80f !default;\n$color-lime-9: #5c940d !default;\n\n$color-orange-0: #fff4e6 !default;\n$color-orange-1: #ffe8cc !default;\n$color-orange-2: #ffd8a8 !default;\n$color-orange-3: #ffc078 !default;\n$color-orange-4: #ffa94d !default;\n$color-orange-5: #ff922b !default;\n$color-orange-6: #fd7e14 !default;\n$color-orange-7: #f76707 !default;\n$color-orange-8: #e8590c !default;\n$color-orange-9: #d9480f !default;\n\n$color-pink-0: #fff0f6 !default;\n$color-pink-1: #ffdeeb !default;\n$color-pink-2: #fcc2d7 !default;\n$color-pink-3: #faa2c1 !default;\n$color-pink-4: #f783ac !default;\n$color-pink-5: #f06595 !default;\n$color-pink-6: #e64980 !default;\n$color-pink-7: #d6336c !default;\n$color-pink-8: #c2255c !default;\n$color-pink-9: #a61e4d !default;\n\n$color-teal-0: #e6fcf5 !default;\n$color-teal-1: #c3fae8 !default;\n$color-teal-2: #96f2d7 !default;\n$color-teal-3: #63e6be !default;\n$color-teal-4: #38d9a9 !default;\n$color-teal-5: #20c997 !default;\n$color-teal-6: #12b886 !default;\n$color-teal-7: #0ca678 !default;\n$color-teal-8: #099268 !default;\n$color-teal-9: #087f5b !default;\n\n$color-violet-0: #f3f0ff !default;\n$color-violet-1: #e5dbff !default;\n$color-violet-2: #d0bfff !default;\n$color-violet-3: #b197fc !default;\n$color-violet-4: #9775fa !default;\n$color-violet-5: #845ef7 !default;\n$color-violet-6: #7950f2 !default;\n$color-violet-7: #7048e8 !default;\n$color-violet-8: #6741d9 !default;\n$color-violet-9: #5f3dc4 !default;\n"]}