/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./styleguide/brands/chainels/chainels.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Add the loader svg as a css variable using the
 */
/*
 Outputs all the theme colors as CSS variables in the :root element
 */
/**
 Returns the CSS variable for the given color variant (note that the result cannot be used by sass functions)
 */
/**
 Returns the color via a sass variable.
 */
:root {
  --theme-color-primary-lighter: #ffe5ed ;
  --theme-color-primary-light: #ff90b5 ;
  --theme-color-primary-default: #ff0266 ;
  --theme-color-primary-dark: #d70060 ;
  --theme-color-primary-darker: #9e0057 ;
  --theme-color-accent-lighter: #ffe5ed ;
  --theme-color-accent-light: #ff90b5 ;
  --theme-color-accent-default: #ff0266 ;
  --theme-color-accent-dark: #d70060 ;
  --theme-color-accent-darker: #9e0057 ;
  --theme-color-positive-lighter: #e4f1ef ;
  --theme-color-positive-light: #97c7be ;
  --theme-color-positive-default: #659f93 ;
  --theme-color-positive-dark: #568177 ;
  --theme-color-positive-darker: #48615a ;
  --theme-color-warning-lighter: #fef7e3 ;
  --theme-color-warning-light: #fade8c ;
  --theme-color-warning-default: #f7c845 ;
  --theme-color-warning-dark: #f4b234 ;
  --theme-color-warning-darker: #f1912d ;
  --theme-color-negative-lighter: #fbebef ;
  --theme-color-negative-light: #e399a2 ;
  --theme-color-negative-default: #e05263 ;
  --theme-color-negative-dark: #d6384b ;
  --theme-color-negative-darker: #b72a3d ;
  --theme-color-neutral-lighter: #f3f4f6 ;
  --theme-color-neutral-light: #d1d5db ;
  --theme-color-neutral-default: #374151 ;
  --theme-color-neutral-dark: #1f2937 ;
  --theme-color-neutral-darker: #111827 ;
  --theme-color-open-lighter: #fbebef ;
  --theme-color-open-light: #e399a2 ;
  --theme-color-open-default: #e05263 ;
  --theme-color-open-dark: #d6384b ;
  --theme-color-open-darker: #b72a3d ;
  --theme-color-done-lighter: #e4f1ef ;
  --theme-color-done-light: #97c7be ;
  --theme-color-done-default: #659f93 ;
  --theme-color-done-dark: #568177 ;
  --theme-color-done-darker: #48615a ;
  --theme-color-progress-lighter: #fef7e3 ;
  --theme-color-progress-light: #fade8c ;
  --theme-color-progress-default: #f7c845 ;
  --theme-color-progress-dark: #f4b234 ;
  --theme-color-progress-darker: #f1912d ;
  --theme-color-closed-lighter: #f3f4f6 ;
  --theme-color-closed-light: #d1d5db ;
  --theme-color-closed-default: #374151 ;
  --theme-color-closed-dark: #1f2937 ;
  --theme-color-closed-darker: #111827 ;
  --theme-color-error-lighter: #fbebef ;
  --theme-color-error-light: #e399a2 ;
  --theme-color-error-default: #e05263 ;
  --theme-color-error-dark: #d6384b ;
  --theme-color-error-darker: #b72a3d ;
  --theme-loader-svg: url("data:image/svg+xml,%3C?xml%20version=%271.0%27%20encoding=%27utf-8%27?%3E%3Csvg%20width=%2774px%27%20height=%2774px%27%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20100%20100%27%20preserveAspectRatio=%27xMidYMid%27%20class=%27uil-ring-alt%27%3E%3Crect%20x=%270%27%20y=%270%27%20width=%27100%27%20height=%27100%27%20fill=%27none%27%20class=%27bk%27%3E%3C/rect%3E%3Ccircle%20cx=%2750%27%20cy=%2750%27%20r=%2740%27%20stroke=%27rgba%28255,255,255,0%29%27%20fill=%27none%27%20stroke-width=%2710%27%20stroke-linecap=%27round%27%3E%3C/circle%3E%3Ccircle%20cx=%2750%27%20cy=%2750%27%20r=%2740%27%20stroke=%27%23ff0266%27%20fill=%27none%27%20stroke-width=%276%27%20stroke-linecap=%27round%27%3E%3Canimate%20attributeName=%27stroke-dashoffset%27%20dur=%272s%27%20repeatCount=%27indefinite%27%20from=%270%27%20to=%27502%27%3E%3C/animate%3E%3Canimate%20attributeName=%27stroke-dasharray%27%20dur=%272s%27%20repeatCount=%27indefinite%27%20values=%27200.8%2050.19999999999999;1%20250;200.8%2050.19999999999999%27%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
}

/*# sourceMappingURL=theme.css.map*/