/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-card/ui-card.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-card_isInverted--SyAa {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-card_container--1Cg0 {
  border-radius: var(--ui-skin-border-radius);
  -webkit-box-shadow: var(--ui-skin-box-shadow);
          box-shadow: var(--ui-skin-box-shadow);
  background-color: var(--ui-skin-card-bg);
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_container--1Cg0 {
    border-radius: 0;
    border-bottom: 1px solid var(--ui-skin-card-separator);
  }
}
.react-ui-kit__ui-card_container__negative-padding-y--2wVF:first-child {
  border-top-left-radius: var(--ui-skin-border-radius);
  border-bottom-left-radius: var(--ui-skin-border-radius);
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_container__negative-padding-y--2wVF:first-child {
    border-radius: 0;
  }
}
.react-ui-kit__ui-card_container__negative-padding-y--2wVF:last-child {
  border-top-right-radius: var(--ui-skin-border-radius);
  border-bottom-right-radius: var(--ui-skin-border-radius);
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_container__negative-padding-y--2wVF:last-child {
    border-radius: 0;
  }
}
.react-ui-kit__ui-card_separator--3zpO + .react-ui-kit__ui-card_container--1Cg0:not(:last-child), .react-ui-kit__ui-card_hiddenSeparator--1e76 + .react-ui-kit__ui-card_container--1Cg0:not(:last-child) {
  border-radius: 0;
}
.react-ui-kit__ui-card_headerSeparator--1yAH + .react-ui-kit__ui-card_container--1Cg0:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.react-ui-kit__ui-card_separator--3zpO + .react-ui-kit__ui-card_container--1Cg0:last-child, .react-ui-kit__ui-card_hiddenSeparator--1e76 + .react-ui-kit__ui-card_container--1Cg0:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.react-ui-kit__ui-card_header--3xvS {
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
}

.react-ui-kit__ui-card_footer--2qxM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 16px;
  background: var(--ui-skin-card-footer);
  background-color: var(--ui-skin-card-footer);
}
.react-ui-kit__ui-card_ui-scheme-inverted--3SmZ .react-ui-kit__ui-card_footer--2qxM {
  background-color: var(--ui-skin-action-bar-inverted);
}

.react-ui-kit__ui-card_is-raised--29TK {
  -webkit-box-shadow: var(--ui-skin-box-shadow-lg);
          box-shadow: var(--ui-skin-box-shadow-lg);
}

.react-ui-kit__ui-card_ui-scheme-inverted--3SmZ {
  color: var(--ui-skin-text-inverted);
}
.react-ui-kit__ui-card_ui-scheme-inverted--3SmZ:not(.react-ui-kit__ui-card_ui-scheme-inverted_transparent--LC8c) {
  background-color: var(--ui-skin-background-inverted);
}

.react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  border-bottom-left-radius: var(--ui-skin-border-radius);
  border-bottom-right-radius: var(--ui-skin-border-radius);
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.react-ui-kit__ui-card_padding-x-xxxl--3Kf_ {
  padding-right: 80px;
  padding-left: 80px;
}

.react-ui-kit__ui-card_padding-y-xxxl--a4XJ {
  padding-top: 80px;
  padding-bottom: 80px;
}
.react-ui-kit__ui-card_padding-y-xxxl--a4XJ > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -80px;
  padding-bottom: 80px;
}

.react-ui-kit__ui-card_negative-mx-xxxl--wKus {
  margin-left: -80px;
  margin-right: -80px;
}

.react-ui-kit__ui-card_negative-my-xxxl--1_NA {
  margin-top: -80px;
  margin-bottom: -80px;
}

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-xxxl--3Kf_ {
    padding-right: 40px;
    padding-left: 40px;
  }
  .react-ui-kit__ui-card_padding-y-xxxl--a4XJ {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .react-ui-kit__ui-card_padding-y-xxxl--a4XJ > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
    margin-bottom: -40px;
    padding-bottom: 40px;
  }
  .react-ui-kit__ui-card_negative-mx-xxxl--wKus {
    margin-left: -40px;
    margin-right: -40px;
  }
  .react-ui-kit__ui-card_negative-my-xxxl--1_NA {
    margin-top: -40px;
    margin-bottom: -40px;
  }
}
.react-ui-kit__ui-card_padding-x-xxl--3Fis {
  padding-right: 40px;
  padding-left: 40px;
}

.react-ui-kit__ui-card_padding-y-xxl--bwUS {
  padding-top: 40px;
  padding-bottom: 40px;
}
.react-ui-kit__ui-card_padding-y-xxl--bwUS > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -40px;
  padding-bottom: 40px;
}

.react-ui-kit__ui-card_negative-mx-xxl--udC9 {
  margin-left: -40px;
  margin-right: -40px;
}

.react-ui-kit__ui-card_negative-my-xxl--3Afp {
  margin-top: -40px;
  margin-bottom: -40px;
}

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-xxl--3Fis {
    padding-right: 24px;
    padding-left: 24px;
  }
  .react-ui-kit__ui-card_padding-y-xxl--bwUS {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .react-ui-kit__ui-card_padding-y-xxl--bwUS > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
    margin-bottom: -24px;
    padding-bottom: 24px;
  }
  .react-ui-kit__ui-card_negative-mx-xxl--udC9 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .react-ui-kit__ui-card_negative-my-xxl--3Afp {
    margin-top: -24px;
    margin-bottom: -24px;
  }
}
.react-ui-kit__ui-card_padding-x-xl--1S_z {
  padding-right: 28px;
  padding-left: 28px;
}

.react-ui-kit__ui-card_padding-y-xl--2pg- {
  padding-top: 28px;
  padding-bottom: 28px;
}
.react-ui-kit__ui-card_padding-y-xl--2pg- > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -28px;
  padding-bottom: 28px;
}

.react-ui-kit__ui-card_negative-mx-xl--3bNw {
  margin-left: -28px;
  margin-right: -28px;
}

.react-ui-kit__ui-card_negative-my-xl--EWN0 {
  margin-top: -28px;
  margin-bottom: -28px;
}

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-xl--1S_z {
    padding-right: 16px;
    padding-left: 16px;
  }
  .react-ui-kit__ui-card_padding-y-xl--2pg- {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .react-ui-kit__ui-card_padding-y-xl--2pg- > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
    margin-bottom: -16px;
    padding-bottom: 16px;
  }
  .react-ui-kit__ui-card_negative-mx-xl--3bNw {
    margin-left: -16px;
    margin-right: -16px;
  }
  .react-ui-kit__ui-card_negative-my-xl--EWN0 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
}
.react-ui-kit__ui-card_padding-x-lg--3oaz {
  padding-right: 24px;
  padding-left: 24px;
}

.react-ui-kit__ui-card_padding-y-lg--30uk {
  padding-top: 24px;
  padding-bottom: 24px;
}
.react-ui-kit__ui-card_padding-y-lg--30uk > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -24px;
  padding-bottom: 24px;
}

.react-ui-kit__ui-card_negative-mx-lg--Y0EJ {
  margin-left: -24px;
  margin-right: -24px;
}

.react-ui-kit__ui-card_negative-my-lg--2vcI {
  margin-top: -24px;
  margin-bottom: -24px;
}

.react-ui-kit__ui-card_padding-x-md--1UJs {
  padding-right: 20px;
  padding-left: 20px;
}

.react-ui-kit__ui-card_padding-y-md--1_fg {
  padding-top: 20px;
  padding-bottom: 20px;
}
.react-ui-kit__ui-card_padding-y-md--1_fg > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -20px;
  padding-bottom: 20px;
}

.react-ui-kit__ui-card_negative-mx-md--34rC {
  margin-left: -20px;
  margin-right: -20px;
}

.react-ui-kit__ui-card_negative-my-md--hmoE {
  margin-top: -20px;
  margin-bottom: -20px;
}

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-md--1UJs {
    padding-right: 12px;
    padding-left: 12px;
  }
  .react-ui-kit__ui-card_padding-y-md--1_fg {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .react-ui-kit__ui-card_padding-y-md--1_fg > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
    margin-bottom: -12px;
    padding-bottom: 12px;
  }
  .react-ui-kit__ui-card_negative-mx-md--34rC {
    margin-left: -12px;
    margin-right: -12px;
  }
  .react-ui-kit__ui-card_negative-my-md--hmoE {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
.react-ui-kit__ui-card_padding-x-sm--2AXU {
  padding-right: 16px;
  padding-left: 16px;
}

.react-ui-kit__ui-card_padding-y-sm--2J2i {
  padding-top: 16px;
  padding-bottom: 16px;
}
.react-ui-kit__ui-card_padding-y-sm--2J2i > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -16px;
  padding-bottom: 16px;
}

.react-ui-kit__ui-card_negative-mx-sm--2C7O {
  margin-left: -16px;
  margin-right: -16px;
}

.react-ui-kit__ui-card_negative-my-sm--2mf- {
  margin-top: -16px;
  margin-bottom: -16px;
}

.react-ui-kit__ui-card_padding-x-xs--1gVB {
  padding-right: 12px;
  padding-left: 12px;
}

.react-ui-kit__ui-card_padding-y-xs--2NXW {
  padding-top: 12px;
  padding-bottom: 12px;
}
.react-ui-kit__ui-card_padding-y-xs--2NXW > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -12px;
  padding-bottom: 12px;
}

.react-ui-kit__ui-card_negative-mx-xs--2ovg {
  margin-left: -12px;
  margin-right: -12px;
}

.react-ui-kit__ui-card_negative-my-xs--3_jL {
  margin-top: -12px;
  margin-bottom: -12px;
}

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-xs--1gVB {
    padding-right: 8px;
    padding-left: 8px;
  }
  .react-ui-kit__ui-card_padding-y-xs--2NXW {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .react-ui-kit__ui-card_padding-y-xs--2NXW > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
    margin-bottom: -8px;
    padding-bottom: 8px;
  }
  .react-ui-kit__ui-card_negative-mx-xs--2ovg {
    margin-left: -8px;
    margin-right: -8px;
  }
  .react-ui-kit__ui-card_negative-my-xs--3_jL {
    margin-top: -8px;
    margin-bottom: -8px;
  }
}
.react-ui-kit__ui-card_padding-x-xxs--1HA1 {
  padding-right: 8px;
  padding-left: 8px;
}

.react-ui-kit__ui-card_padding-y-xxs--1Z76 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.react-ui-kit__ui-card_padding-y-xxs--1Z76 > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -8px;
  padding-bottom: 8px;
}

.react-ui-kit__ui-card_negative-mx-xxs--2ROm {
  margin-left: -8px;
  margin-right: -8px;
}

.react-ui-kit__ui-card_negative-my-xxs--3tvn {
  margin-top: -8px;
  margin-bottom: -8px;
}

.react-ui-kit__ui-card_padding-x-xxxs--3IdA {
  padding-right: 4px;
  padding-left: 4px;
}

.react-ui-kit__ui-card_padding-y-xxxs--17xs {
  padding-top: 4px;
  padding-bottom: 4px;
}
.react-ui-kit__ui-card_padding-y-xxxs--17xs > .react-ui-kit__ui-card_is-negative-mb-last--2kxL:last-child {
  margin-bottom: -4px;
  padding-bottom: 4px;
}

.react-ui-kit__ui-card_negative-mx-xxxs--3WAn {
  margin-left: -4px;
  margin-right: -4px;
}

.react-ui-kit__ui-card_negative-my-xxxs--1kcE {
  margin-top: -4px;
  margin-bottom: -4px;
}

.react-ui-kit__ui-card_separator--3zpO {
  height: 1px;
  background: var(--ui-skin-card-separator);
  margin: 28px -28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_separator--3zpO {
    margin: 16px -16px;
  }
}

.react-ui-kit__ui-card_section--1qZP {
  color: var(--ui-skin-text);
  background-color: var(--ui-skin-element-bg);
  padding: 0 28px;
  margin: 0 -28px 0;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_section--1qZP {
    padding: 0 16px;
    margin: 0 -16px 0;
  }
}
.react-ui-kit__ui-card_section--1qZP:first-child {
  padding-top: 28px;
  margin-top: -28px;
  border-top-right-radius: var(--ui-skin-border-radius);
  border-top-left-radius: var(--ui-skin-border-radius);
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_section--1qZP:first-child {
    border-top-right-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_section--1qZP:first-child {
    border-top-left-radius: 0;
  }
}
.react-ui-kit__ui-card_section--1qZP:last-child {
  padding-bottom: 28px;
  margin-bottom: -28px;
  border-bottom-right-radius: var(--ui-skin-border-radius);
  border-bottom-left-radius: var(--ui-skin-border-radius);
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_section--1qZP:last-child {
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_section--1qZP:last-child {
    border-bottom-left-radius: 0;
  }
}
.react-ui-kit__ui-card_section--1qZP.react-ui-kit__ui-card_isInverted--SyAa {
  color: var(--ui-skin-text-inverted);
  background-color: var(--ui-skin-background-inverted);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-modal-dialog/ui-modal-dialog.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-modal-dialog_isInverted--dBY0 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-modal-dialog_overlay--16OF {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 10000;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--ui-skin-modal-dialog-overlay-start)), to(var(--ui-skin-modal-dialog-overlay-end)));
  background: linear-gradient(to bottom, var(--ui-skin-modal-dialog-overlay-start) 0%, var(--ui-skin-modal-dialog-overlay-end) 100%);
  opacity: 0.8;
}

.react-ui-kit__ui-modal-dialog_container--JuVs {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  overflow: auto;
  z-index: 10001;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.react-ui-kit__ui-modal-dialog_dialog--3fFp {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 99vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 28px;
  padding-bottom: 28px;
  opacity: 0;
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-modal-dialog_dialog--3fFp {
    width: 100% !important;
    max-width: initial;
    -webkit-transform: none;
            transform: none;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    min-height: 100%;
  }
}
.react-ui-kit__ui-modal-dialog_dialog--3fFp.react-ui-kit__ui-modal-dialog_sizeSm--3T9I {
  width: 400px;
}
.react-ui-kit__ui-modal-dialog_dialog--3fFp.react-ui-kit__ui-modal-dialog_sizeMd--20ca {
  width: 500px;
}
.react-ui-kit__ui-modal-dialog_dialog--3fFp.react-ui-kit__ui-modal-dialog_sizeLg--3Fwk {
  width: 700px;
}
.react-ui-kit__ui-modal-dialog_dialog--3fFp.react-ui-kit__ui-modal-dialog_sizeXl--1R1W {
  width: 800px;
}
.react-ui-kit__ui-modal-dialog_dialog--3fFp.react-ui-kit__ui-modal-dialog_sizeXxl--1oPo {
  width: 1000px;
}
.react-ui-kit__ui-modal-dialog_dialog--3fFp.react-ui-kit__ui-modal-dialog_isShown--N_mt {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-modal-dialog_dialog--3fFp.react-ui-kit__ui-modal-dialog_isShown--N_mt .react-ui-kit__ui-modal-dialog_dialogCard--_xDv {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.react-ui-kit__ui-modal-dialog_dialogCard--_xDv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-modal-dialog_dialogCard--_xDv {
    border-radius: var(--ui-skin-border-radius) var(--ui-skin-border-radius) 0 0;
    max-height: 80vh;
    margin-bottom: -28px;
    -webkit-transform: translateY(240px);
            transform: translateY(240px);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
  }
}

.react-ui-kit__ui-modal-dialog_controls--3OqZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 16px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  margin-top: 28px;
  margin-bottom: -28px;
  margin-right: -28px;
  margin-left: -28px;
  background: var(--ui-skin-card-footer);
  background-color: var(--ui-skin-card-footer);
}

.react-ui-kit__ui-modal-dialog_controlsBlock--34GX {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.react-ui-kit__ui-modal-dialog_controlsBlock--34GX > *:first-child {
  margin-bottom: 8px;
}

.react-ui-kit__ui-modal-dialog_title--11PS {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-4-line-height);
  font-size: var(--ui-skin-heading-4-font-size);
  font-weight: var(--ui-skin-heading-4-font-weight);
  text-transform: var(--ui-skin-heading-4-text-transform);
  letter-spacing: var(--ui-skin-heading-4-letter-spacing);
  color: var(--ui-skin-heading-4-color);
  font-family: var(--ui-skin-heading-4-font-family);
  margin-bottom: 16px;
}
.ui-scheme-inverted .react-ui-kit__ui-modal-dialog_title--11PS, .react-ui-kit__ui-modal-dialog_title--11PS.react-ui-kit__ui-modal-dialog_isInverted--dBY0 {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-ui-kit__ui-modal-dialog_body--eXb8 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-modal-dialog_body--eXb8 {
    overflow: auto;
  }
}

.react-ui-kit__ui-modal-dialog_closeButton--2Cvz {
  position: absolute;
  right: 20px;
  top: 48px;
  z-index: 3;
}
.react-ui-kit__ui-modal-dialog_closeButton--2Cvz:after {
  content: none;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-modal-dialog_closeButton--2Cvz {
    right: 4px;
    top: 4px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-icon/ui-icon.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-icon_isInverted--3uDV {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

/**
 * Default wrapper styles
 */
.react-ui-kit__ui-icon_container--38pd {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}

/**
 * ICON SIZES
 */
.react-ui-kit__ui-icon_xs--2hRg svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.react-ui-kit__ui-icon_sm--1-Hh svg {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.react-ui-kit__ui-icon_md--3GsV svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.react-ui-kit__ui-icon_lg--3dXN svg {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
}

.react-ui-kit__ui-icon_xl--3p05 svg {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.react-ui-kit__ui-icon_xxl--1R2P svg {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.react-ui-kit__ui-icon_xxxl--2Mmp svg {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.react-ui-kit__ui-icon_xxsContainer--3750 {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.react-ui-kit__ui-icon_xsContainer--1wVj {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.react-ui-kit__ui-icon_smContainer--UmGQ {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.react-ui-kit__ui-icon_mdContainer--1NUh {
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
}

.react-ui-kit__ui-icon_lgContainer--3nbd {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.react-ui-kit__ui-icon_xlContainer--YPCk {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

/**
 * ICON SHAPES:
 *
 * - circle
 */
.react-ui-kit__ui-icon_circle--2K4S {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--ui-skin-icon-circle-bg);
  border-radius: 100%;
  color: var(--ui-skin-icon-circle-color);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-button/ui-button.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a,
.react-ui-kit__ui-button_linkalike--28Rv {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-button_isInverted--1sFY,
.ui-scheme-inverted .react-ui-kit__ui-button_linkalike--28Rv,
.react-ui-kit__ui-button_isInverted--1sFY.react-ui-kit__ui-button_linkalike--28Rv {
  color: var(--ui-skin-link-inverted);
}
a:hover,
.react-ui-kit__ui-button_linkalike--28Rv:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

/**
 * DEFAULT WRAPPER STYLES
 */
.react-ui-kit__ui-button_container--Rr05 {
  background: transparent;
  border: 1px solid transparent;
  outline: none;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  cursor: pointer;
}
.react-ui-kit__ui-button_container--Rr05::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #000;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.react-ui-kit__ui-button_container--Rr05:hover::after {
  opacity: 0.08;
}
.react-ui-kit__ui-button_container--Rr05 {
  position: relative;
}
.react-ui-kit__ui-button_container--Rr05[data-badge]::before {
  position: absolute;
  margin-left: -14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 4px;
  height: 14px;
  min-width: 14px;
  font-size: 9px;
  line-height: 1;
  border-radius: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: attr(data-badge);
  z-index: 4;
  background-color: var(--ui-skin-button-badge-bg);
  color: var(--ui-skin-button-badge-color);
}

.react-ui-kit__ui-button_is-block--aynX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.react-ui-kit__ui-button_is-selected--2w_8 {
  outline: none;
}

.react-ui-kit__ui-button_container--Rr05:active > *,
.react-ui-kit__ui-button_is-selected--2w_8 > *,
.react-ui-kit__ui-button_is-active--3234 > * {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.react-ui-kit__ui-button_container--Rr05:active::after,
.react-ui-kit__ui-button_is-selected--2w_8::after,
.react-ui-kit__ui-button_is-active--3234::after {
  opacity: 0.16;
}

.react-ui-kit__ui-button_is-pending--33w2:disabled {
  cursor: progress;
  opacity: 1;
}
.react-ui-kit__ui-button_is-pending--33w2:disabled::after, .react-ui-kit__ui-button_is-pending--33w2:disabled:hover::after {
  opacity: 0.16;
}

.react-ui-kit__ui-button_container--Rr05:disabled {
  opacity: var(--ui-skin-button-disabled-opacity);
  cursor: not-allowed;
}
.react-ui-kit__ui-button_container--Rr05:disabled:active > *,
.react-ui-kit__ui-button_container--Rr05:disabled .react-ui-kit__ui-button_is-active--3234 > * {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.react-ui-kit__ui-button_container--Rr05:disabled::after {
  opacity: 0;
}

/**
 * BUTTON SHAPES:
 *
 * - rounded
 * - sharp
 * - circle
 */
.react-ui-kit__ui-button_rounded--3bwU, .react-ui-kit__ui-button_rounded--3bwU::after {
  border-radius: var(--ui-skin-border-radius);
}

.react-ui-kit__ui-button_circle--1P6H, .react-ui-kit__ui-button_circle--1P6H::after {
  border-radius: 100%;
}

/**
 * BUTTON MARGINS
 */
.react-ui-kit__ui-button_mr-xxxl--HUd6 + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 80px;
}

.react-ui-kit__ui-button_mr-xxl--1ONt + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 40px;
}

.react-ui-kit__ui-button_mr-xl--2Vpj + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 28px;
}

.react-ui-kit__ui-button_mr-lg--2ymU + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 24px;
}

.react-ui-kit__ui-button_mr-md--14ca + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 20px;
}

.react-ui-kit__ui-button_mr-sm--3Go3 + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 16px;
}

.react-ui-kit__ui-button_mr-xs--3NrO + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 12px;
}

.react-ui-kit__ui-button_mr-xxs--2Ves + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 8px;
}

.react-ui-kit__ui-button_mr-xxxs--1IeV + .react-ui-kit__ui-button_container--Rr05 {
  margin-left: 4px;
}

/**
 * BUTTON FONT WEIGHTS
 *
 * - fweight-normal
 * - fweight-bold
 * - fweight-semibold
 */
.react-ui-kit__ui-button_fweightNormal--1GQr {
  font-weight: var(--ui-skin-font-weight-regular);
}

.react-ui-kit__ui-button_fweightBold--2tyr {
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-ui-kit__ui-button_fweightSemibold--26m2 {
  font-weight: var(--ui-skin-font-weight-semibold);
}

/**
 * BUTTON SIZES:
 *
 * - xxs
 * - xs
 * - sm
 * - md
 * - lg
 */
.react-ui-kit__ui-button_lg--3PM3 {
  min-height: 56px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 24px;
}
.react-ui-kit__ui-button_lg--3PM3 {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-button_lg--3PM3.react-ui-kit__ui-button_is-proportional--2Bkt {
  width: 56px;
  min-width: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_lg--3PM3[data-badge]::before {
  top: 8px;
  left: calc(56px - 8px);
  z-index: 1;
}
.react-ui-kit__ui-button_lg--3PM3[data-badge]:active::before {
  top: 9px;
}

.react-ui-kit__ui-button_md--1QX7 {
  min-height: 52px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 20px;
}
.react-ui-kit__ui-button_md--1QX7 {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-ui-kit__ui-button_md--1QX7.react-ui-kit__ui-button_is-proportional--2Bkt {
  width: 52px;
  min-width: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_md--1QX7[data-badge]::before {
  top: 8px;
  left: calc(52px - 8px);
  z-index: 1;
}
.react-ui-kit__ui-button_md--1QX7[data-badge]:active::before {
  top: 9px;
}

.react-ui-kit__ui-button_sm--1PYK {
  min-height: 44px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 16px;
}
.react-ui-kit__ui-button_sm--1PYK {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-button_sm--1PYK.react-ui-kit__ui-button_is-proportional--2Bkt {
  width: 44px;
  min-width: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_sm--1PYK[data-badge]::before {
  top: 4px;
  left: calc(44px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_sm--1PYK[data-badge]:active::before {
  top: 5px;
}

.react-ui-kit__ui-button_xs--24ZH {
  min-height: 32px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 12px;
}
.react-ui-kit__ui-button_xs--24ZH {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-button_xs--24ZH.react-ui-kit__ui-button_is-proportional--2Bkt {
  width: 32px;
  min-width: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_xs--24ZH[data-badge]::before {
  top: 4px;
  left: calc(32px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_xs--24ZH[data-badge]:active::before {
  top: 5px;
}

.react-ui-kit__ui-button_xxs--2-vR {
  min-height: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 8px;
}
.react-ui-kit__ui-button_xxs--2-vR {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-button_xxs--2-vR.react-ui-kit__ui-button_is-proportional--2Bkt {
  width: 24px;
  min-width: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_xxs--2-vR[data-badge]::before {
  top: 4px;
  left: calc(24px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_xxs--2-vR[data-badge]:active::before {
  top: 5px;
}

/**
 * BUTTON TYPES:
 *
 * - primary
 * - primary-alt
 * - secondary
 * - subdued
 * - linkalike
 */
.react-ui-kit__ui-button_primary--3Ls1 {
  background-color: var(--ui-skin-button-primary-bg);
  border-color: var(--ui-skin-button-primary-border);
  color: var(--ui-skin-button-primary-text);
}
.react-ui-kit__ui-button_primary--3Ls1 .react-ui-kit__ui-button_label--aWPl {
  color: var(--ui-skin-button-primary-label);
}
.react-ui-kit__ui-button_primary--3Ls1 .react-ui-kit__ui-button_icon--2OWy {
  color: var(--ui-skin-button-primary-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary--3Ls1, .react-ui-kit__ui-button_primary--3Ls1.react-ui-kit__ui-button_isInverted--1sFY {
  background-color: var(--ui-skin-button-primary-inverted-bg);
  border-color: var(--ui-skin-button-primary-inverted-border);
  color: var(--ui-skin-button-primary-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary--3Ls1 .react-ui-kit__ui-button_label--aWPl, .react-ui-kit__ui-button_primary--3Ls1.react-ui-kit__ui-button_isInverted--1sFY .react-ui-kit__ui-button_label--aWPl {
  color: var(--ui-skin-button-primary-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary--3Ls1 .react-ui-kit__ui-button_icon--2OWy, .react-ui-kit__ui-button_primary--3Ls1.react-ui-kit__ui-button_isInverted--1sFY .react-ui-kit__ui-button_icon--2OWy {
  color: var(--ui-skin-button-primary-inverted-icon);
}

.react-ui-kit__ui-button_primaryAlt--1yvT {
  background-color: var(--ui-skin-button-primary-alt-bg);
  border-color: var(--ui-skin-button-primary-alt-border);
  color: var(--ui-skin-button-primary-alt-text);
}
.react-ui-kit__ui-button_primaryAlt--1yvT .react-ui-kit__ui-button_label--aWPl {
  color: var(--ui-skin-button-primary-alt-label);
}
.react-ui-kit__ui-button_primaryAlt--1yvT .react-ui-kit__ui-button_icon--2OWy {
  color: var(--ui-skin-button-primary-alt-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--1yvT, .react-ui-kit__ui-button_primaryAlt--1yvT.react-ui-kit__ui-button_isInverted--1sFY {
  background-color: var(--ui-skin-button-primary-alt-inverted-bg);
  border-color: var(--ui-skin-button-primary-alt-inverted-border);
  color: var(--ui-skin-button-primary-alt-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--1yvT .react-ui-kit__ui-button_label--aWPl, .react-ui-kit__ui-button_primaryAlt--1yvT.react-ui-kit__ui-button_isInverted--1sFY .react-ui-kit__ui-button_label--aWPl {
  color: var(--ui-skin-button-primary-alt-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--1yvT .react-ui-kit__ui-button_icon--2OWy, .react-ui-kit__ui-button_primaryAlt--1yvT.react-ui-kit__ui-button_isInverted--1sFY .react-ui-kit__ui-button_icon--2OWy {
  color: var(--ui-skin-button-primary-alt-inverted-icon);
}

.react-ui-kit__ui-button_secondary--2gq3 {
  background-color: var(--ui-skin-button-secondary-bg);
  border-color: var(--ui-skin-button-secondary-border);
  color: var(--ui-skin-button-secondary-text);
}
.react-ui-kit__ui-button_secondary--2gq3 .react-ui-kit__ui-button_label--aWPl {
  color: var(--ui-skin-button-secondary-label);
}
.react-ui-kit__ui-button_secondary--2gq3 .react-ui-kit__ui-button_icon--2OWy {
  color: var(--ui-skin-button-secondary-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--2gq3, .react-ui-kit__ui-button_secondary--2gq3.react-ui-kit__ui-button_isInverted--1sFY {
  background-color: var(--ui-skin-button-secondary-inverted-bg);
  border-color: var(--ui-skin-button-secondary-inverted-border);
  color: var(--ui-skin-button-secondary-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--2gq3 .react-ui-kit__ui-button_label--aWPl, .react-ui-kit__ui-button_secondary--2gq3.react-ui-kit__ui-button_isInverted--1sFY .react-ui-kit__ui-button_label--aWPl {
  color: var(--ui-skin-button-secondary-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--2gq3 .react-ui-kit__ui-button_icon--2OWy, .react-ui-kit__ui-button_secondary--2gq3.react-ui-kit__ui-button_isInverted--1sFY .react-ui-kit__ui-button_icon--2OWy {
  color: var(--ui-skin-button-secondary-inverted-icon);
}

.react-ui-kit__ui-button_subdued--1Yhr {
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-skin-button-subdued-text);
}
.react-ui-kit__ui-button_subdued--1Yhr .react-ui-kit__ui-button_label--aWPl {
  color: var(--ui-skin-button-subdued-text);
}
.react-ui-kit__ui-button_subdued--1Yhr .react-ui-kit__ui-button_icon--2OWy {
  color: var(--ui-skin-button-subdued-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--1Yhr, .react-ui-kit__ui-button_subdued--1Yhr.react-ui-kit__ui-button_isInverted--1sFY {
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-skin-button-subdued-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--1Yhr .react-ui-kit__ui-button_label--aWPl, .react-ui-kit__ui-button_subdued--1Yhr.react-ui-kit__ui-button_isInverted--1sFY .react-ui-kit__ui-button_label--aWPl {
  color: var(--ui-skin-button-subdued-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--1Yhr .react-ui-kit__ui-button_icon--2OWy, .react-ui-kit__ui-button_subdued--1Yhr.react-ui-kit__ui-button_isInverted--1sFY .react-ui-kit__ui-button_icon--2OWy {
  color: var(--ui-skin-button-subdued-inverted-text);
}

.react-ui-kit__ui-button_linkalike--28Rv::after {
  display: none;
}

/**
 * BUTTON ELEMENTS
 */
.react-ui-kit__ui-button_label--aWPl {
  margin-left: 12px;
  padding-left: 12px;
  height: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: normal;
}

.react-ui-kit__ui-button_loader--1vO5 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  z-index: 3;
}
.react-ui-kit__ui-button_loader--1vO5 {
  contain: layout;
  display: inline-block;
  min-width: 27px;
  min-height: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='%23000'%3E%3Ccircle transform='translate%288 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2816 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.3' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2824 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.6' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3C/svg%3E%0A") center center no-repeat;
  -webkit-filter: var(--ui-skin-loader-filter);
          filter: var(--ui-skin-loader-filter);
}
.react-ui-kit__ui-button_loader--1vO5::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-ui-kit__ui-button_loader--1vO5, .react-ui-kit__ui-button_loader--1vO5.react-ui-kit__ui-button_isInverted--1sFY {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.react-ui-kit__ui-button_icon--2OWy {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.react-ui-kit__ui-button_container--Rr05:not(.react-ui-kit__ui-button_is-proportional--2Bkt) .react-ui-kit__ui-button_icon--2OWy {
  margin-right: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/ask-a-tutor/error-notifications.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__error-notifications_isInverted--1f1x {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__error-notifications_errorText--2Nif {
  color: var(--ui-skin-notification-negative-text);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/player-layout-column/player-layout-column.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__player-layout-column_isInverted--1Obw {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__player-layout-column_container--1i04 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: auto;
}
.player__player-layout-column_container--1i04:not(:empty) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 33%;
  height: 100%;
}

.player__player-layout-column_sizeSm--2P4E,
.player__player-layout-column_sizeMd--2pPY {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.player__player-layout-column_sizeSm--2P4E:not(:empty),
.player__player-layout-column_sizeMd--2pPY:not(:empty) {
  width: 100%;
}
.player__player-layout-column_sizeSm--2P4E:not(:empty).player__player-layout-column_firstColumn--2aDI,
.player__player-layout-column_sizeMd--2pPY:not(:empty).player__player-layout-column_firstColumn--2aDI {
  height: 40%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/player-layout-block/player-layout-block.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__player-layout-block_isInverted--3b3T {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__player-layout-block_container--2hUq {
  width: 100%;
}
.player__player-layout-block_container--2hUq:not(:empty) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 50%;
}
.player__player-layout-block_container--2hUq + .player__player-layout-block_container--2hUq {
  border-top: 1px solid var(--ui-skin-divider);
}

.player__player-layout-block_sizeMd--3BxI,
.player__player-layout-block_sizeSm--3D9U {
  width: 50%;
}
.player__player-layout-block_sizeMd--3BxI:not(:empty),
.player__player-layout-block_sizeSm--3D9U:not(:empty) {
  height: 100%;
}
.player__player-layout-block_sizeMd--3BxI + .player__player-layout-block_sizeMd--3BxI,
.player__player-layout-block_sizeMd--3BxI + .player__player-layout-block_sizeSm--3D9U,
.player__player-layout-block_sizeSm--3D9U + .player__player-layout-block_sizeMd--3BxI,
.player__player-layout-block_sizeSm--3D9U + .player__player-layout-block_sizeSm--3D9U {
  border-top: none;
  border-left: 1px solid var(--ui-skin-divider);
}

.player__player-layout-block_sizeSm--3D9U {
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/user-answer-area/user-answer-area.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__user-answer-area_isInverted--1_0h {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__user-answer-area_container--2ixV {
  position: relative;
}

.player__user-answer-area_responses--1N2i:not(:empty),
.player__user-answer-area_selection--IJwj,
.player__user-answer-area_controls--1KrK {
  margin-top: 16px;
}

.player__user-answer-area_selection--IJwj {
  padding: 24px 28px;
  background: var(--ui-skin-element-bg);
  border-radius: var(--ui-skin-border-radius);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.player__user-answer-area_controls--1KrK {
  text-align: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/avatar/avatar.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__avatar_isInverted--3fYt {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__avatar_container--1KWf {
  position: relative;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player__avatar_avatarWrapper--39VC {
  border-radius: 50%;
  overflow: hidden;
}

.player__avatar_image--1RFs {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.player__avatar_statusIcon--3Cp_ {
  position: absolute;
  padding: 10%;
  right: 0;
  top: 0;
  width: 65%;
  height: 65%;
  border-radius: 50%;
  -webkit-transform: translate(40%, -40%);
          transform: translate(40%, -40%);
  background-color: var(--ui-skin-background);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/task-related-text/task-related-text.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__task-related-text_isInverted--1m19 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__task-related-text_isActive--2K2s.react-core__task-related-text_isHighlighted--rIBw {
  padding: 0.3em;
  background-color: #fff6d2;
}
.react-core__task-related-text_isActive--2K2s.react-core__task-related-text_isBold--IFa2 {
  font-weight: bold;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/response-group/dropdown/dropdown.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__dropdown_isInverted--32UI {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__dropdown_select--1NLr {
  display: inline-block;
  max-width: 100%;
  min-width: 108px;
  width: auto;
  padding: 5px 6px 8px 0;
  margin: 0 7px;
  border: none;
  border-bottom: 2px solid #1e5b9e;
  color: #1e5b9e;
  font-weight: var(--ui-skin-font-weight-semibold);
  background: transparent right 6px center no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5Ljc1cHgiIGhlaWdodD0iNS44NzVweCIgdmlld0JveD0iMCAwIDkuNzUgNS44NzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkuNzUgNS44NzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNDNUM1QzUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iOC43NSwxIDQuODc1LDQuODc1IDEsMSAiLz48L3N2Zz4=");
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.react-core__dropdown_select--1NLr:hover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDEwIDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+MEUwRkYyRTYtNTREMi00Q0Y1LTlGNDctQjVBRUIzREJEM0UyPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJTdHlsZWd1aWRlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJFbGVtZW50cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUyNS4wMDAwMDAsIC0zNDkzLjAwMDAwMCkiIGZpbGw9IiMxODRDODUiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01MzAsMzQ5OSBDNTI5Ljc1LDM0OTkgNTI5LjU4MzMzMywzNDk4LjkxNDI5IDUyOS40MTY2NjcsMzQ5OC43NDI4NiBMNTI1LjI1LDM0OTQuNDU3MTQgQzUyNC45MTY2NjcsMzQ5NC4xMTQyOSA1MjQuOTE2NjY3LDM0OTMuNiA1MjUuMjUsMzQ5My4yNTcxNCBDNTI1LjU4MzMzMywzNDkyLjkxNDI5IDUyNi4wODMzMzMsMzQ5Mi45MTQyOSA1MjYuNDE2NjY3LDM0OTMuMjU3MTQgTDUzMCwzNDk2Ljk0Mjg2IEw1MzMuNTgzMzMzLDM0OTMuMjU3MTQgQzUzMy45MTY2NjcsMzQ5Mi45MTQyOSA1MzQuNDE2NjY3LDM0OTIuOTE0MjkgNTM0Ljc1LDM0OTMuMjU3MTQgQzUzNS4wODMzMzMsMzQ5My42IDUzNS4wODMzMzMsMzQ5NC4xMTQyOSA1MzQuNzUsMzQ5NC40NTcxNCBMNTMwLjU4MzMzMywzNDk4Ljc0Mjg2IEM1MzAuNDE2NjY3LDM0OTguOTE0MjkgNTMwLjI1LDM0OTkgNTMwLDM0OTkgTDUzMCwzNDk5IFoiIGlkPSJTaGFwZS1Db3B5LTEwIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=");
}
.react-core__dropdown_select--1NLr:focus {
  outline: 0;
}
.react-core__dropdown_select--1NLr:disabled {
  opacity: 0.5;
  pointer-events: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-checkbox/ui-checkbox.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-checkbox_isInverted--1exq {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

/**
 * A common styles for checkboxes and radio components
 */
.react-ui-kit__ui-checkbox_container--xDPC {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_isDisabled--1TKo {
  pointer-events: none;
}
.react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_horizontal--2XTd {
  margin-right: 20px;
}
.react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_horizontal--2XTd:last-child {
  margin-right: 0;
}
.react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_vertical--1gzt {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_vertical--1gzt:last-child {
  margin-bottom: 0;
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_label--2NcJ {
  margin-left: 16px;
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV,
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_psuedoInput--SLDk {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_psuedoInput--SLDk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--ui-skin-checkable-input-border);
  border-radius: var(--ui-skin-border-radius-sm);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_psuedoInput--SLDk, .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_psuedoInput--SLDk.react-ui-kit__ui-checkbox_isInverted--1exq {
  border-color: var(--ui-skin-checkable-input-inverted-border);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after, .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_psuedoInput--SLDk.react-ui-kit__ui-checkbox_isInverted--1exq::after {
  background-color: var(--ui-skin-checkable-input-background-color-inverted);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  content: "";
  background-color: var(--ui-skin-checkable-input-background-color);
  border-radius: var(--ui-skin-border-radius-sm);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_checkmark--3D56 {
  opacity: 0;
  color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_checkmark--3D56, .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_checkmark--3D56.react-ui-kit__ui-checkbox_isInverted--1exq {
  color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk {
  border-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk, .react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk.react-ui-kit__ui-checkbox_isInverted--1exq {
  border-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--xDPC:focus + .react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_psuedoInput--SLDk, .react-ui-kit__ui-checkbox_input--2MSV:focus + .react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_psuedoInput--SLDk {
  -webkit-box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active);
          box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC:focus + .react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_psuedoInput--SLDk, .react-ui-kit__ui-checkbox_container--xDPC:focus + .react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_psuedoInput--SLDk.react-ui-kit__ui-checkbox_isInverted--1exq, .ui-scheme-inverted .react-ui-kit__ui-checkbox_input--2MSV:focus + .react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_psuedoInput--SLDk, .react-ui-kit__ui-checkbox_input--2MSV:focus + .react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_psuedoInput--SLDk.react-ui-kit__ui-checkbox_isInverted--1exq {
  -webkit-box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active-color);
          box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk {
  border-color: var(--ui-skin-checkable-input-active);
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk, .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk.react-ui-kit__ui-checkbox_isInverted--1exq {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk {
  border-color: var(--ui-skin-checkable-input-active);
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk, .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk.react-ui-kit__ui-checkbox_isInverted--1exq {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56,
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56 {
  background-repeat: no-repeat;
  color: var(--ui-skin-checkable-input-active-color);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56, .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56.react-ui-kit__ui-checkbox_isInverted--1exq,
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56,
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56.react-ui-kit__ui-checkbox_isInverted--1exq {
  color: var(--ui-skin-checkable-input-active);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:checked + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56,
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56 {
  opacity: 1;
}
.react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after, .react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after,
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:focus:checked + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after,
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after {
  background-color: rgba(255, 255, 255, 0.16);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after, .react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after.react-ui-kit__ui-checkbox_isInverted--1exq, .ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after, .react-ui-kit__ui-checkbox_container--xDPC:hover .react-ui-kit__ui-checkbox_input--2MSV:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after.react-ui-kit__ui-checkbox_isInverted--1exq,
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:focus:checked + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after,
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:focus:checked + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after.react-ui-kit__ui-checkbox_isInverted--1exq,
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after,
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after.react-ui-kit__ui-checkbox_isInverted--1exq {
  background-color: rgba(0, 0, 0, 0.16);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:disabled + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after {
  background-color: rgba(0, 0, 0, 0.04);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:disabled + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after, .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:disabled + .react-ui-kit__ui-checkbox_psuedoInput--SLDk::after.react-ui-kit__ui-checkbox_isInverted--1exq {
  background-color: rgba(255, 255, 255, 0.1);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:disabled + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56 {
  color: var(--ui-skin-checkable-input-border);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:disabled + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56, .react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_input--2MSV:disabled + .react-ui-kit__ui-checkbox_psuedoInput--SLDk .react-ui-kit__ui-checkbox_checkmark--3D56.react-ui-kit__ui-checkbox_isInverted--1exq {
  color: var(--ui-skin-checkable-input-inverted-border);
}
.react-ui-kit__ui-checkbox_container--xDPC .react-ui-kit__ui-checkbox_checkmark--3D56 {
  margin-top: 1px;
}
.react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_alignStart--WXg8 .react-ui-kit__ui-checkbox_psuedoInput--SLDk {
  margin-top: 2px;
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}
.react-ui-kit__ui-checkbox_container--xDPC.react-ui-kit__ui-checkbox_alignCenter--3Dhp .react-ui-kit__ui-checkbox_psuedoInput--SLDk {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-form-control/ui-form-control.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-form-control_isInverted--3ZcA {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-form-control_isError--3epO .react-ui-kit__ui-form-control_input--z19g:focus, .react-ui-kit__ui-form-control_isError--3epO .react-ui-kit__ui-form-control_input--z19g:hover, .react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_button--2wPf:hover + .react-ui-kit__ui-form-control_input--z19g, .react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g:focus, .react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g:hover {
  border-color: var(--ui-skin-form-controls-focus);
  outline: none;
}

/**
 * DEFAULT WRAPPER STYLES
 */
.react-ui-kit__ui-form-control_container--3GDy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-ui-kit__ui-form-control_container--3GDy textarea {
  min-height: 6em;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-form-control_container--3GDy textarea {
    min-height: unset;
  }
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  background: var(--ui-skin-form-controls-bg);
  border: 1px solid var(--ui-skin-form-controls-border);
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g::-webkit-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g::-moz-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g:-ms-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g::-ms-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g::placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g:required {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g[disabled], .react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g[disabled]:hover {
  background-color: var(--ui-skin-form-controls-disabled);
  border-color: var(--ui-skin-form-controls-border);
  color: var(--ui-skin-text-subdued);
  cursor: not-allowed;
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_input--z19g[readonly] {
  cursor: default;
}
.react-ui-kit__ui-form-control_container--3GDy input[type=search]::-ms-clear {
  display: none;
}
.react-ui-kit__ui-form-control_container--3GDy input[type=search]::-ms-reveal {
  display: none;
}
.react-ui-kit__ui-form-control_container--3GDy input[type=search]::-webkit-search-decoration,
.react-ui-kit__ui-form-control_container--3GDy input[type=search]::-webkit-search-cancel-button,
.react-ui-kit__ui-form-control_container--3GDy input[type=search]::-webkit-search-results-button,
.react-ui-kit__ui-form-control_container--3GDy input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_icon--HNt6 {
  position: absolute;
  left: 0;
  color: var(--ui-skin-form-controls-icons);
  opacity: 0.75;
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_button--2wPf {
  position: absolute;
  cursor: pointer;
  right: 0;
  color: var(--ui-skin-form-controls-icons);
  opacity: 0.75;
  -webkit-transition: all var(--ui-motions-speeds-medium) linear;
  transition: all var(--ui-motions-speeds-medium) linear;
}
.react-ui-kit__ui-form-control_container--3GDy .react-ui-kit__ui-form-control_button--2wPf:hover {
  opacity: 1;
}
.react-ui-kit__ui-form-control_isError--3epO .react-ui-kit__ui-form-control_input--z19g {
  border-color: #d50000;
}
.react-ui-kit__ui-form-control_isError--3epO .react-ui-kit__ui-form-control_input--z19g:focus, .react-ui-kit__ui-form-control_isError--3epO .react-ui-kit__ui-form-control_input--z19g:hover {
  -webkit-box-shadow: 0 0 4px rgba(213, 0, 0, 0.3);
          box-shadow: 0 0 4px rgba(213, 0, 0, 0.3);
}

.react-ui-kit__ui-form-control_isBlock--29ux {
  width: 100%;
}

.react-ui-kit__ui-form-control_isBorderless--2TdE .react-ui-kit__ui-form-control_input--z19g {
  border: none;
}

/**
 * FORM CONTROL SHAPES:
 *
 * - rounded
 * - sharp
 */
.react-ui-kit__ui-form-control_rounded--3kvv .react-ui-kit__ui-form-control_input--z19g {
  border-radius: var(--ui-skin-border-radius);
}

.react-ui-kit__ui-form-control_sharp--2qtZ .react-ui-kit__ui-form-control_input--z19g {
  border-radius: 0;
}

/**
 * FORM CONTROL SIZES:
 *
 * - sm
 * - md
 */
.react-ui-kit__ui-form-control_xs--2MrO .react-ui-kit__ui-form-control_input--z19g {
  padding: 8px;
}
.react-ui-kit__ui-form-control_xs--2MrO .react-ui-kit__ui-form-control_input--z19g {
  line-height: 20px;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_xs--2MrO .react-ui-kit__ui-form-control_icon--HNt6 {
  margin-left: 16px;
}
.react-ui-kit__ui-form-control_xs--2MrO .react-ui-kit__ui-form-control_button--2wPf {
  margin-right: 16px;
}
.react-ui-kit__ui-form-control_xs--2MrO.react-ui-kit__ui-form-control_hasIcon--23B1 .react-ui-kit__ui-form-control_input--z19g {
  padding-left: 36px;
}
.react-ui-kit__ui-form-control_xs--2MrO.react-ui-kit__ui-form-control_hasButton--1sXb .react-ui-kit__ui-form-control_input--z19g {
  padding-right: 36px;
}

.react-ui-kit__ui-form-control_sm--3BEi .react-ui-kit__ui-form-control_input--z19g {
  padding: 12px;
}
.react-ui-kit__ui-form-control_sm--3BEi .react-ui-kit__ui-form-control_input--z19g {
  line-height: 20px;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_sm--3BEi .react-ui-kit__ui-form-control_icon--HNt6 {
  margin-left: 16px;
}
.react-ui-kit__ui-form-control_sm--3BEi .react-ui-kit__ui-form-control_button--2wPf {
  margin-right: 16px;
}
.react-ui-kit__ui-form-control_sm--3BEi.react-ui-kit__ui-form-control_hasIcon--23B1 .react-ui-kit__ui-form-control_input--z19g {
  padding-left: 44px;
}
.react-ui-kit__ui-form-control_sm--3BEi.react-ui-kit__ui-form-control_hasButton--1sXb .react-ui-kit__ui-form-control_input--z19g {
  padding-right: 44px;
}

.react-ui-kit__ui-form-control_md--1OkQ .react-ui-kit__ui-form-control_input--z19g {
  padding: 16px;
}
.react-ui-kit__ui-form-control_md--1OkQ .react-ui-kit__ui-form-control_input--z19g {
  line-height: 1.3;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_md--1OkQ .react-ui-kit__ui-form-control_icon--HNt6 {
  margin-left: 20px;
}
.react-ui-kit__ui-form-control_md--1OkQ .react-ui-kit__ui-form-control_button--2wPf {
  margin-right: 20px;
}
.react-ui-kit__ui-form-control_md--1OkQ.react-ui-kit__ui-form-control_hasIcon--23B1 .react-ui-kit__ui-form-control_input--z19g {
  padding-left: 56px;
}
.react-ui-kit__ui-form-control_md--1OkQ.react-ui-kit__ui-form-control_hasButton--1sXb .react-ui-kit__ui-form-control_input--z19g {
  padding-right: 56px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-radio/ui-radio.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-radio_isInverted--3AZY {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

/**
 * A common styles for checkboxes and radio components
 */
.react-ui-kit__ui-radio_option--1I7J {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_isDisabled--145M {
  pointer-events: none;
}
.react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_horizontal--1DXm {
  margin-right: 20px;
}
.react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_horizontal--1DXm:last-child {
  margin-right: 0;
}
.react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_vertical--1tVW {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_vertical--1tVW:last-child {
  margin-bottom: 0;
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_label--19je {
  margin-left: 16px;
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5,
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_psuedoInput--1Bv6 {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5 {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_psuedoInput--1Bv6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--ui-skin-checkable-input-border);
  border-radius: 100%;
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_psuedoInput--1Bv6, .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_psuedoInput--1Bv6.react-ui-kit__ui-radio_isInverted--3AZY {
  border-color: var(--ui-skin-checkable-input-inverted-border);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_psuedoInput--1Bv6::after, .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_psuedoInput--1Bv6.react-ui-kit__ui-radio_isInverted--3AZY::after {
  background-color: var(--ui-skin-checkable-input-background-color-inverted);
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_psuedoInput--1Bv6::after {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  content: "";
  background-color: var(--ui-skin-checkable-input-background-color);
  border-radius: 100%;
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_checkmark--o9Ec {
  opacity: 0;
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_checkmark--o9Ec, .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_checkmark--o9Ec.react-ui-kit__ui-radio_isInverted--3AZY {
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 {
  border-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6, .react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6.react-ui-kit__ui-radio_isInverted--3AZY {
  border-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--1I7J:focus + .react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_psuedoInput--1Bv6, .react-ui-kit__ui-radio_input--18V5:focus + .react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_psuedoInput--1Bv6 {
  -webkit-box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active);
          box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J:focus + .react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_psuedoInput--1Bv6, .react-ui-kit__ui-radio_option--1I7J:focus + .react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_psuedoInput--1Bv6.react-ui-kit__ui-radio_isInverted--3AZY, .ui-scheme-inverted .react-ui-kit__ui-radio_input--18V5:focus + .react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_psuedoInput--1Bv6, .react-ui-kit__ui-radio_input--18V5:focus + .react-ui-kit__ui-radio_option--1I7J.react-ui-kit__ui-radio_psuedoInput--1Bv6.react-ui-kit__ui-radio_isInverted--3AZY {
  -webkit-box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active-color);
          box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 {
  border-color: var(--ui-skin-checkable-input-active);
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6, .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6.react-ui-kit__ui-radio_isInverted--3AZY {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 {
  border-color: var(--ui-skin-checkable-input-active);
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6, .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6.react-ui-kit__ui-radio_isInverted--3AZY {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec,
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec {
  background-repeat: no-repeat;
  background-color: var(--ui-skin-checkable-input-active-color);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec, .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec.react-ui-kit__ui-radio_isInverted--3AZY,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec,
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec.react-ui-kit__ui-radio_isInverted--3AZY {
  background-color: var(--ui-skin-checkable-input-active);
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:checked + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec,
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec {
  opacity: 1;
}
.react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after, .react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after,
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:focus:checked + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after,
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after {
  background-color: rgba(255, 255, 255, 0.16);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after, .react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after.react-ui-kit__ui-radio_isInverted--3AZY, .ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after, .react-ui-kit__ui-radio_option--1I7J:hover .react-ui-kit__ui-radio_input--18V5:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after.react-ui-kit__ui-radio_isInverted--3AZY,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:focus:checked + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after,
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:focus:checked + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after.react-ui-kit__ui-radio_isInverted--3AZY,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after,
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after.react-ui-kit__ui-radio_isInverted--3AZY {
  background-color: rgba(0, 0, 0, 0.16);
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:disabled + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after {
  background-color: rgba(0, 0, 0, 0.04);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:disabled + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after, .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:disabled + .react-ui-kit__ui-radio_psuedoInput--1Bv6::after.react-ui-kit__ui-radio_isInverted--3AZY {
  background-color: rgba(255, 255, 255, 0.1);
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:disabled + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec {
  background-color: var(--ui-skin-checkable-input-border);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:disabled + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec, .react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_input--18V5:disabled + .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec.react-ui-kit__ui-radio_isInverted--3AZY {
  background-color: var(--ui-skin-checkable-input-inverted-border);
}
.react-ui-kit__ui-radio_option--1I7J .react-ui-kit__ui-radio_psuedoInput--1Bv6 .react-ui-kit__ui-radio_checkmark--o9Ec {
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/response-group/task-based-simulation/user-input-dialog.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__user-input-dialog_isInverted--1bs3 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__user-input-dialog_container--dEbH {
  min-width: 400px;
  height: 100%;
  padding-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.react-core__user-input-dialog_content--wSxJ {
  overflow-y: scroll;
  padding: 10px 20px;
}

.react-core__user-input-dialog_controls--2Qjz {
  height: 40px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.react-core__user-input-dialog_controls--2Qjz button + button {
  margin-left: 10px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/response-group/task-based-simulation/tbs-link.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__tbs-link_isInverted--picL {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__tbs-link_container--1WdL {
  position: relative;
  display: inline-block;
}
td .react-core__tbs-link_container--1WdL {
  border-bottom: none;
  width: 100%;
  margin-right: 0;
}
td .react-core__tbs-link_container--1WdL .react-core__tbs-link_link--NthJ {
  margin-right: 0;
  display: block;
  min-height: 25px;
  border-bottom: none;
}

.react-core__tbs-link_link--NthJ {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-bottom: 1px dashed var(--ui-skin-link);
  margin-right: 25px;
  color: var(--ui-skin-link);
}
.react-core__tbs-link_link--NthJ.react-core__tbs-link_isDisabled--30cj {
  cursor: default;
  border-bottom: none;
}
.react-core__tbs-link_link--NthJ .react-core__tbs-link_isFinished--26zk {
  text-decoration: line-through;
}
.react-core__tbs-link_link--NthJ .react-core__tbs-link_isMarkedAsDeleted--29tY {
  color: var(--ui-skin-text-positive);
  border-bottom: none;
}

.react-core__tbs-link_icon--1N5s {
  width: 25px;
  height: 20px;
  display: block;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  float: right;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
.react-core__tbs-link_icon--1N5s.react-core__tbs-link_iconAnswered--1yJ- {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='18' height='18' fill='%23E3120B' rx='3'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M7.097 12.028c.347.43.993.46 1.378.063l5.265-5.528a.921.921 0 0 0-1.322-1.284l-4.557 4.803L5.638 8.25a.921.921 0 1 0-1.434 1.156l2.893 2.622z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__tbs-link_icon--1N5s.react-core__tbs-link_iconNumeric--1qzz {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='18' height='18' fill='%23E3120B' rx='3'/%3E%3Cpath fill='%23FFF' d='M3.67 11.82V6.897l-1 .755L2 6.48l1.83-1.34h1.32v6.68H3.67zM11 6.982c0 .22-.028.425-.085.613a2.703 2.703 0 0 1-.226.538c-.095.17-.202.333-.321.49-.12.158-.242.309-.368.453L8.755 10.52h2.16v1.302H6.962v-1.34l2.029-2.33a2.59 2.59 0 0 0 .386-.58c.095-.198.142-.389.142-.571a.888.888 0 0 0-.137-.5c-.091-.138-.234-.208-.43-.208a.558.558 0 0 0-.452.222c-.12.148-.192.363-.217.646l-1.415-.132c.075-.679.307-1.187.693-1.523C7.948 5.168 8.428 5 9 5c.308 0 .585.047.83.142.245.094.455.226.628.396s.306.377.4.622c.095.246.142.52.142.821zm5 2.887c0 .34-.055.638-.165.896a1.867 1.867 0 0 1-1.113 1.061c-.255.092-.53.137-.826.137-.547 0-1.015-.14-1.405-.42-.39-.28-.648-.706-.774-1.278l1.33-.34c.05.22.139.4.264.538.126.139.3.208.52.208.119 0 .222-.025.31-.076a.704.704 0 0 0 .222-.198.843.843 0 0 0 .132-.278c.029-.104.043-.21.043-.316 0-.29-.084-.503-.25-.642-.167-.138-.389-.207-.665-.207h-.34V7.84h.377c.252 0 .445-.074.58-.222.136-.148.203-.354.203-.618 0-.17-.048-.33-.146-.481-.097-.151-.253-.227-.467-.227a.524.524 0 0 0-.424.18c-.101.12-.176.27-.227.453l-1.292-.321a2.26 2.26 0 0 1 .325-.736c.142-.201.302-.366.481-.495.18-.13.376-.224.59-.283.214-.06.43-.09.651-.09.245 0 .483.038.712.113.23.076.436.189.618.34.183.15.329.34.439.566.11.226.165.49.165.792 0 .39-.083.719-.25.986a1.199 1.199 0 0 1-.665.533v.028c.32.089.575.27.764.548.189.276.283.597.283.962z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__tbs-link_icon--1N5s.react-core__tbs-link_iconList--P-UT {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h2v2H0V0zm4 0h6v2H4V0zM0 4h2v2H0V4zm4 0h6v2H4V4zM0 8h2v2H0V8zm4 0h6v2H4V8z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='18' height='18' fill='%23E3120B' rx='3'/%3E%3Cg transform='translate(4 4)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23584BAE' xlink:href='%23a'/%3E%3Cg fill='%23FFF' mask='url(%23b)'%3E%3Cpath d='M-11-10h30v30h-30z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__tbs-link_isDisabled--30cj .react-core__tbs-link_icon--1N5s {
  opacity: 0.5;
}
.react-core__tbs-link_isFinished--26zk .react-core__tbs-link_icon--1N5s {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/response-group/task-based-simulation/journal-entry-type.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__journal-entry-type_isInverted--1Z_M {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__journal-entry-type_container--3sI- {
  width: 100%;
}

.react-core__journal-entry-type_table--1Ewf {
  width: 100%;
}

.react-core__journal-entry-type_row--30_u {
  border-top: 1px solid #eff0f4;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/text-reference/text-reference.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__text-reference_isInverted--daUl {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__text-reference_tag--2qsm {
  position: relative;
  line-height: 2.2;
}

.react-core__text-reference_marker--38QN {
  position: absolute;
  left: 0;
  font-size: 0.7em;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
  border-top: 1px solid var(--ui-skin-text);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/line-numbers-boundary/line-numbers-boundary.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__line-numbers-boundary_isInverted--1b-q {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__line-numbers-boundary_boundary--1o4r {
  position: relative;
}
.react-core__line-numbers-boundary_boundary--1o4r p {
  padding-left: 35px;
}
.react-core__line-numbers-boundary_boundary--1o4r.react-core__line-numbers-boundary_isDisabled--3Ixp p {
  padding-left: 0 !important;
}
.react-core__line-numbers-boundary_boundary--1o4r.react-core__line-numbers-boundary_isDisabled--3Ixp .react-core__line-numbers-boundary_lines--EqUT {
  display: none;
}
.react-core__line-numbers-boundary_boundary--1o4r .react-core__line-numbers-boundary_lines--EqUT {
  position: absolute;
  left: 0;
  width: 25px;
}
.react-core__line-numbers-boundary_boundary--1o4r .react-core__line-numbers-boundary_line--2iun {
  visibility: hidden;
}
.react-core__line-numbers-boundary_boundary--1o4r .react-core__line-numbers-boundary_line--2iun:first-child, .react-core__line-numbers-boundary_boundary--1o4r .react-core__line-numbers-boundary_line--2iun:nth-child(5n) {
  visibility: visible;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/line-numbers-marker/set-line-marker.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__set-line-marker_isInverted--1pkh {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__set-line-marker_marker--2xrr.react-core__set-line-marker_isHighlighted--3nBY {
  background: #faf5d8;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/snippet/snippet.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__snippet_isInverted--zqNE {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__snippet_container--3oUT {
  margin-bottom: 16px;
}

.react-core__snippet_isHighlighted--3rjD {
  position: relative;
  margin: 16px 0;
  padding: 13px 18px;
  border: 1px solid var(--ui-skin-text-negative);
  border-radius: var(--ui-skin-border-radius);
}
.react-core__snippet_isHighlighted--3rjD::after {
  content: "Snippet";
  display: block;
  position: absolute;
  top: -7px;
  left: 10px;
  padding: 0 8px;
  background: var(--ui-skin-element-bg);
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--ui-skin-text-negative);
}
.react-core__snippet_isHighlighted--3rjD p {
  margin: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/summary/summary.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__summary_isInverted--38Km {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__summary_container--3qL7 {
  margin-bottom: 16px;
}

.react-core__summary_isHighlighted--25Y6 {
  position: relative;
  margin: 16px 0;
  padding: 13px 18px;
  border: 1px solid var(--ui-skin-text-negative);
  border-radius: var(--ui-skin-border-radius);
}
.react-core__summary_isHighlighted--25Y6::after {
  content: "Summary";
  display: block;
  position: absolute;
  top: -7px;
  left: 10px;
  padding: 0 8px;
  background: var(--ui-skin-element-bg);
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--ui-skin-text-negative);
}
.react-core__summary_isHighlighted--25Y6 p {
  margin: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-row/ui-row.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-row_isInverted--eztP {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-row_container--1OcB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_container--1OcB {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.react-ui-kit__ui-row_xxxlMb--1J9X {
  margin-bottom: 80px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxxlMb--1J9X {
    margin-bottom: 40px;
  }
}

.react-ui-kit__ui-row_xxxlMt--1d39 {
  margin-top: 80px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxxlMt--1d39 {
    margin-top: 40px;
  }
}

.react-ui-kit__ui-row_xxxlMl--1Mhd {
  margin-left: 80px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxxlMl--1Mhd {
    margin-left: 40px;
  }
}

.react-ui-kit__ui-row_xxxlMr--Jy6x {
  margin-right: 80px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxxlMr--Jy6x {
    margin-right: 40px;
  }
}

.react-ui-kit__ui-row_xxxlPt--s83A {
  padding-top: 80px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxxlPt--s83A {
    padding-top: 40px;
  }
}

.react-ui-kit__ui-row_xxxlPb--c9yF {
  padding-bottom: 80px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxxlPb--c9yF {
    padding-bottom: 40px;
  }
}

.react-ui-kit__ui-row_xxxlSpacing--3phz {
  grid-gap: 80px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxxlSpacing--3phz {
    grid-gap: 40px;
  }
}

.react-ui-kit__ui-row_xxlMb--QcpX {
  margin-bottom: 40px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxlMb--QcpX {
    margin-bottom: 24px;
  }
}

.react-ui-kit__ui-row_xxlMt--1db6 {
  margin-top: 40px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxlMt--1db6 {
    margin-top: 24px;
  }
}

.react-ui-kit__ui-row_xxlMl--1U9q {
  margin-left: 40px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxlMl--1U9q {
    margin-left: 24px;
  }
}

.react-ui-kit__ui-row_xxlMr--2ypw {
  margin-right: 40px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxlMr--2ypw {
    margin-right: 24px;
  }
}

.react-ui-kit__ui-row_xxlPt--14y7 {
  padding-top: 40px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxlPt--14y7 {
    padding-top: 24px;
  }
}

.react-ui-kit__ui-row_xxlPb--V77M {
  padding-bottom: 40px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxlPb--V77M {
    padding-bottom: 24px;
  }
}

.react-ui-kit__ui-row_xxlSpacing--3c9r {
  grid-gap: 40px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxlSpacing--3c9r {
    grid-gap: 24px;
  }
}

.react-ui-kit__ui-row_xlMb--BzOO {
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xlMb--BzOO {
    margin-bottom: 16px;
  }
}

.react-ui-kit__ui-row_xlMt--2SG4 {
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xlMt--2SG4 {
    margin-top: 16px;
  }
}

.react-ui-kit__ui-row_xlMl--2eZp {
  margin-left: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xlMl--2eZp {
    margin-left: 16px;
  }
}

.react-ui-kit__ui-row_xlMr--b3Kk {
  margin-right: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xlMr--b3Kk {
    margin-right: 16px;
  }
}

.react-ui-kit__ui-row_xlPt--2GbZ {
  padding-top: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xlPt--2GbZ {
    padding-top: 16px;
  }
}

.react-ui-kit__ui-row_xlPb--2yb5 {
  padding-bottom: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xlPb--2yb5 {
    padding-bottom: 16px;
  }
}

.react-ui-kit__ui-row_xlSpacing--3pmT {
  grid-gap: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xlSpacing--3pmT {
    grid-gap: 16px;
  }
}

.react-ui-kit__ui-row_lgMb--1Q4c {
  margin-bottom: 24px;
}

.react-ui-kit__ui-row_lgMt--28NO {
  margin-top: 24px;
}

.react-ui-kit__ui-row_lgMl--O1ar {
  margin-left: 24px;
}

.react-ui-kit__ui-row_lgMr--35DD {
  margin-right: 24px;
}

.react-ui-kit__ui-row_lgPt--2Wud {
  padding-top: 24px;
}

.react-ui-kit__ui-row_lgPb--aOke {
  padding-bottom: 24px;
}

.react-ui-kit__ui-row_lgSpacing--22S3 {
  grid-gap: 24px;
}

.react-ui-kit__ui-row_mdMb--2VGm {
  margin-bottom: 20px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_mdMb--2VGm {
    margin-bottom: 12px;
  }
}

.react-ui-kit__ui-row_mdMt--YUo5 {
  margin-top: 20px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_mdMt--YUo5 {
    margin-top: 12px;
  }
}

.react-ui-kit__ui-row_mdMl--2URc {
  margin-left: 20px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_mdMl--2URc {
    margin-left: 12px;
  }
}

.react-ui-kit__ui-row_mdMr--3zeg {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_mdMr--3zeg {
    margin-right: 12px;
  }
}

.react-ui-kit__ui-row_mdPt--2J__ {
  padding-top: 20px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_mdPt--2J__ {
    padding-top: 12px;
  }
}

.react-ui-kit__ui-row_mdPb--3YHj {
  padding-bottom: 20px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_mdPb--3YHj {
    padding-bottom: 12px;
  }
}

.react-ui-kit__ui-row_mdSpacing--1Tew {
  grid-gap: 20px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_mdSpacing--1Tew {
    grid-gap: 12px;
  }
}

.react-ui-kit__ui-row_smMb--qvc5 {
  margin-bottom: 16px;
}

.react-ui-kit__ui-row_smMt--3Mga {
  margin-top: 16px;
}

.react-ui-kit__ui-row_smMl--jvJK {
  margin-left: 16px;
}

.react-ui-kit__ui-row_smMr--1z9N {
  margin-right: 16px;
}

.react-ui-kit__ui-row_smPt--FTrI {
  padding-top: 16px;
}

.react-ui-kit__ui-row_smPb--3Zu_ {
  padding-bottom: 16px;
}

.react-ui-kit__ui-row_smSpacing--DGaz {
  grid-gap: 16px;
}

.react-ui-kit__ui-row_xsMb--2Cuk {
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xsMb--2Cuk {
    margin-bottom: 8px;
  }
}

.react-ui-kit__ui-row_xsMt--3qY9 {
  margin-top: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xsMt--3qY9 {
    margin-top: 8px;
  }
}

.react-ui-kit__ui-row_xsMl--1y2l {
  margin-left: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xsMl--1y2l {
    margin-left: 8px;
  }
}

.react-ui-kit__ui-row_xsMr--NXl6 {
  margin-right: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xsMr--NXl6 {
    margin-right: 8px;
  }
}

.react-ui-kit__ui-row_xsPt--1MPT {
  padding-top: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xsPt--1MPT {
    padding-top: 8px;
  }
}

.react-ui-kit__ui-row_xsPb--1vnP {
  padding-bottom: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xsPb--1vnP {
    padding-bottom: 8px;
  }
}

.react-ui-kit__ui-row_xsSpacing--3eW1 {
  grid-gap: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xsSpacing--3eW1 {
    grid-gap: 8px;
  }
}

.react-ui-kit__ui-row_xxsMb--2IvK {
  margin-bottom: 8px;
}

.react-ui-kit__ui-row_xxsMt--2KX2 {
  margin-top: 8px;
}

.react-ui-kit__ui-row_xxsMl--1FgV {
  margin-left: 8px;
}

.react-ui-kit__ui-row_xxsMr--1mgm {
  margin-right: 8px;
}

.react-ui-kit__ui-row_xxsPt--ye-e {
  padding-top: 8px;
}

.react-ui-kit__ui-row_xxsPb--1btL {
  padding-bottom: 8px;
}

.react-ui-kit__ui-row_xxsSpacing--2hfP {
  grid-gap: 8px;
}

.react-ui-kit__ui-row_xxxsMb--27hY {
  margin-bottom: 4px;
}

.react-ui-kit__ui-row_xxxsMt--2Yt0 {
  margin-top: 4px;
}

.react-ui-kit__ui-row_xxxsMl--3s7u {
  margin-left: 4px;
}

.react-ui-kit__ui-row_xxxsMr--1OdI {
  margin-right: 4px;
}

.react-ui-kit__ui-row_xxxsPt--38aw {
  padding-top: 4px;
}

.react-ui-kit__ui-row_xxxsPb--1ZMj {
  padding-bottom: 4px;
}

.react-ui-kit__ui-row_xxxsSpacing--3LCM {
  grid-gap: 4px;
}

.react-ui-kit__ui-row_justifyStart--1RqC {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.react-ui-kit__ui-row_alignStart--3XOX {
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}

.react-ui-kit__ui-row_justifyEnd--1I3R {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.react-ui-kit__ui-row_alignEnd--epsd {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}

.react-ui-kit__ui-row_justifyAround--19Fg {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.react-ui-kit__ui-row_alignAround---ITH {
  -webkit-box-align: space-around;
  -webkit-align-items: space-around;
      -ms-flex-align: space-around;
          align-items: space-around;
}

.react-ui-kit__ui-row_justifyBetween--1FsM {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.react-ui-kit__ui-row_alignBetween--3r9z {
  -webkit-box-align: space-between;
  -webkit-align-items: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
}

.react-ui-kit__ui-row_justifyCenter--ozOc {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.react-ui-kit__ui-row_alignCenter--3x42 {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-ui-kit__ui-row_justifyFlexStart--2Tdm {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.react-ui-kit__ui-row_alignFlexStart--1DPS {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.react-ui-kit__ui-row_justifyFlexEnd--3Iff {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.react-ui-kit__ui-row_alignFlexEnd--1X09 {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/calculator-walkthrough/calculator-walkthrough.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__calculator-walkthrough_isInverted--22XO {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__calculator-walkthrough_container--22zV {
  margin: 15px 0 24px;
}

.react-core__calculator-walkthrough_isExpanded--TqrL .react-core__calculator-walkthrough_openLink--3sft {
  display: none;
}
.react-core__calculator-walkthrough_isExpanded--TqrL .react-core__calculator-walkthrough_content--2YeM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-core__calculator-walkthrough_isExpanded--TqrL .react-core__calculator-walkthrough_topPanel--3U8w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-core__calculator-walkthrough_openLink--3sft {
  color: #216ecc;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='14px' height='18px' viewBox='0 0 14 18' enable-background='new 0 0 14 18' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%234D555B' d='M14,15c0,1.657-1.344,3-3,3H3c-1.657,0-3-1.343-3-3V3c0-1.657,1.343-3,3-3h8c1.656,0,3,1.343,3,3V15z'/%3E%3Crect x='2' y='2' fill='%23E0E3E6' width='10' height='4'/%3E%3Crect x='2' y='8' fill='%23E0E3E6' width='2' height='2'/%3E%3Crect x='6' y='8' fill='%23E0E3E6' width='2' height='2'/%3E%3Crect x='10' y='8' fill='%23E0E3E6' width='2' height='2'/%3E%3Crect x='2' y='11' fill='%23E0E3E6' width='2' height='2'/%3E%3Crect x='6' y='11' fill='%23E0E3E6' width='2' height='2'/%3E%3Crect x='10' y='11' fill='%23E0E3E6' width='2' height='2'/%3E%3Crect x='2' y='14' fill='%23E0E3E6' width='2' height='2'/%3E%3Crect x='6' y='14' fill='%23E0E3E6' width='2' height='2'/%3E%3Crect x='10' y='14' fill='%23E0E3E6' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 20px;
}
.react-core__calculator-walkthrough_openLink--3sft:hover {
  color: #4290f0;
}

.react-core__calculator-walkthrough_topPanel--3U8w {
  height: 56px;
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #24272d;
  color: #fff;
  border-radius: 5px 5px 0 0;
}

.react-core__calculator-walkthrough_closeButton--3RRl {
  width: 20px;
  height: 20px;
  margin-right: 20px;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.924px' height='12.922px' viewBox='0 0 12.924 12.922' enable-background='new 0 0 12.924 12.922' xml:space='preserve'%3E%3Cg id='Devices'%3E%3C/g%3E%3Cg id='Content'%3E%3C/g%3E%3Cg id='Interface'%3E%3Cg%3E%3Cline fill='none' stroke='%23E3EFFF' stroke-miterlimit='10' x1='0.354' y1='0.354' x2='12.569' y2='12.568'/%3E%3Cline fill='none' stroke='%23E3EFFF' stroke-miterlimit='10' x1='12.569' y1='0.354' x2='0.354' y2='12.568'/%3E%3C/g%3E%3C/g%3E%3Cg id='specctr'%3E%3Cg id='Text_Properties'%3E%3C/g%3E%3Cg id='Object_Properties'%3E%3C/g%3E%3Cg id='Dimensions'%3E%3C/g%3E%3Cg id='Spacing'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  text-indent: -10000px;
}

.react-core__calculator-walkthrough_content--2YeM {
  background-color: #f2f2f2;
  padding: 25px 30px;
  border-radius: 0 0 5px 5px;
  line-height: 10px;
  display: none;
}
.react-core__calculator-walkthrough_content--2YeM img {
  margin: 5px 5px;
  vertical-align: middle;
}
.react-core__calculator-walkthrough_content--2YeM span {
  font-weight: bold;
  font-size: 21px;
  color: #4d555b;
  margin: 10px 5px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/selectable-sentence/selectable-sentence.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__selectable-sentence_isInverted--1svi {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__selectable-sentence_container--3RKk {
  margin-right: 0.25em;
  cursor: pointer;
}
.react-core__selectable-sentence_container--3RKk:hover {
  background-color: rgba(255, 197, 164, 0.4);
  -webkit-box-shadow: 0 0 0 2px rgba(255, 197, 164, 0.4);
          box-shadow: 0 0 0 2px rgba(255, 197, 164, 0.4);
}

.react-core__selectable-sentence_isSelected--baw7,
.react-core__selectable-sentence_isSelected--baw7:hover {
  background-color: #ffc5a4;
  -webkit-box-shadow: 0 0 0 2px #ffc5a4;
          box-shadow: 0 0 0 2px #ffc5a4;
  cursor: default;
  pointer-events: none;
}

.react-core__selectable-sentence_isCorrect--3LDH,
.react-core__selectable-sentence_isCorrect--3LDH:hover {
  background: #b3ffba;
  cursor: default;
}

.react-core__selectable-sentence_isIncorrect--202N,
.react-core__selectable-sentence_isIncorrect--202N:hover {
  background: #fdbab7;
  cursor: default;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/content-issue-comment/content-issue-comment.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__content-issue-comment_isInverted--APrL {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__content-issue-comment_container--Cl5x {
  cursor: pointer;
  background-color: var(--ui-skin-palette-warning-100);
}

.react-core__content-issue-comment_isActive--Ny2O {
  background-color: var(--ui-skin-palette-warning-300);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-tabs/ui-tabs.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-tabs_isInverted--pbmg {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-tabs_container--DfC9.react-ui-kit__ui-tabs_isStretched--q-jq .react-ui-kit__ui-tabs_tabs--1fU4 {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.react-ui-kit__ui-tabs_container--DfC9.react-ui-kit__ui-tabs_isDisabled--2sSz .react-ui-kit__ui-tabs_tabs--1fU4 {
  opacity: 0.5;
  pointer-events: none;
}
.react-ui-kit__ui-tabs_container--DfC9.react-ui-kit__ui-tabs_alignRight--7oMi > .react-ui-kit__ui-tabs_tabs--1fU4 > .react-ui-kit__ui-tabs_tab--2_Su:first-child {
  margin-left: auto;
}

.react-ui-kit__ui-tabs_tabs--1fU4 {
  min-height: 56px;
  width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  list-style: none;
  border-bottom: 1px solid var(--ui-skin-tabs-border);
  margin: 0;
  padding: 0;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-tabs_tabs--1fU4 {
    margin: 0 0 10px 0;
  }
}
.react-ui-kit__ui-tabs_tabs--1fU4 .react-ui-kit__ui-tabs_tab--2_Su {
  margin: 0;
  padding: 0 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  color: var(--ui-skin-tabs-color);
  border-bottom: 4px solid transparent;
  font-weight: var(--ui-skin-font-weight-bold);
  cursor: pointer;
}
.react-ui-kit__ui-tabs_tabs--1fU4 .react-ui-kit__ui-tabs_tab--2_Su.react-ui-kit__ui-tabs_active--1YsQ {
  border-bottom-color: var(--ui-skin-tabs-active-border);
}
.react-ui-kit__ui-tabs_tabs--1fU4 .react-ui-kit__ui-tabs_tab--2_Su.react-ui-kit__ui-tabs_active--1YsQ, .react-ui-kit__ui-tabs_tabs--1fU4 .react-ui-kit__ui-tabs_tab--2_Su:active, .react-ui-kit__ui-tabs_tabs--1fU4 .react-ui-kit__ui-tabs_tab--2_Su:hover, .react-ui-kit__ui-tabs_tabs--1fU4 .react-ui-kit__ui-tabs_tab--2_Su:focus {
  color: var(--ui-skin-tabs-active-color);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/content-tabs/content-tabs.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__content-tabs_isInverted--2MdC {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__content-tabs_tabContent--2wRD {
  padding: 24px 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-dropdown/ui-dropdown.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-dropdown_isInverted--1U3p {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-dropdown_container--2CBN {
  position: relative;
  display: inline-block;
}

.react-ui-kit__ui-dropdown_dropdownWrapper--wRXq {
  position: fixed;
  z-index: 1000;
}
.react-ui-kit__ui-dropdown_dropdownWrapper--wRXq.react-ui-kit__ui-dropdown_searchVisible--6PIc .react-ui-kit__ui-dropdown_control--2g2j {
  display: block;
}

.react-ui-kit__ui-dropdown_select--c0wt {
  line-height: 1.75;
  border-radius: var(--ui-skin-border-radius);
  -webkit-box-shadow: 0 0 4px var(--ui-skin-select-box-shadow);
          box-shadow: 0 0 4px var(--ui-skin-select-box-shadow);
  overflow: hidden;
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_menu--39lU {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 3;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_control--2g2j {
  border-radius: 0;
  border: none;
  display: none;
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_valueContainer--1H2e {
  padding: 6px 16px;
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_placeholder--3Squ {
  color: var(--ui-skin-text-placeholder);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_menuList--1rpN {
  padding: 0;
  overflow-x: hidden;
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_option--Vhd6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ui-skin-text);
  overflow: hidden;
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_isSelected--3gxj {
  background-color: var(--ui-skin-select-option-hover);
  color: var(--ui-skin-text);
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_isFocused--2xG_ {
  background-color: var(--ui-skin-select-option-hover);
  color: var(--ui-skin-text);
}
.react-ui-kit__ui-dropdown_select--c0wt .react-ui-kit__ui-dropdown_isDisabled--3eBf {
  opacity: 0.5;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-select/ui-select.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-select_isInverted--32B4 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-select_container--2Or0 {
  position: relative;
}

.react-ui-kit__ui-select_control--2TgC {
  position: relative;
  outline: none;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  padding-right: 40px !important;
}
.react-ui-kit__ui-select_control-xs--RuVD {
  padding-right: 30px !important;
}
.react-ui-kit__ui-select_control--2TgC.react-ui-kit__ui-select_isOpen--3eCI {
  color: var(--ui-skin-form-controls-focus);
  border-color: var(--ui-skin-form-controls-focus);
}
.react-ui-kit__ui-select_control--2TgC.react-ui-kit__ui-select_isOpen--3eCI .react-ui-kit__ui-select_arrow--1hF3 {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  color: var(--ui-skin-form-controls-focus) !important;
}

.react-ui-kit__ui-select_label--1Jb7 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}
.react-ui-kit__ui-select_label--1Jb7:empty::before {
  content: " ";
}

.react-ui-kit__ui-select_arrow--1hF3 {
  position: absolute;
  right: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--ui-skin-form-controls-icons);
}
.react-ui-kit__ui-select_arrow-xs--2dOG {
  right: 4px;
}

.react-ui-kit__ui-select_menu--125o {
  position: absolute;
  z-index: 3;
  left: 0;
  margin-top: 8px;
}
.react-ui-kit__ui-select_menu--125o:not(.react-ui-kit__ui-select_isSearchEnabled--1kR-) .react-ui-kit__ui-select_select--WWHX .react-ui-kit__ui-select_control--2TgC {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-table/row/row.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__row_isInverted--13e9 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__row_row--131I {
  width: 100%;
}

.react-ui-kit__row_isDisabled--2nOB {
  cursor: not-allowed;
}

@media (max-width: 640px) {
  .react-ui-kit__row_isResponsive--ESHM {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.react-ui-kit__row_hasInnerTable--2MPx {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.react-ui-kit__row_isSelected--1EMr {
  outline: solid 1px var(--ui-skin-table-highlight);
}

.react-ui-kit__row_isHoverable--25vn:not(.react-ui-kit__row_isDisabled--2nOB) {
  cursor: pointer;
}
.react-ui-kit__row_isHoverable--25vn:not(.react-ui-kit__row_isDisabled--2nOB).react-ui-kit__row_active--3Ito, .react-ui-kit__row_isHoverable--25vn:not(.react-ui-kit__row_isDisabled--2nOB):hover {
  background: var(--ui-skin-table-bg-hover);
}

.react-ui-kit__row_bordersHorizontal--1It_ {
  -webkit-box-shadow: inset 0 1px 1px var(--ui-skin-table-border);
          box-shadow: inset 0 1px 1px var(--ui-skin-table-border);
}

.react-ui-kit__row_isPrimary--NVFT:first-child {
  border-top-right-radius: var(--ui-skin-border-radius);
  border-top-left-radius: var(--ui-skin-border-radius);
}
@media (max-width: 640px) {
  .react-ui-kit__row_isPrimary--NVFT:first-child {
    border-top-right-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__row_isPrimary--NVFT:first-child {
    border-top-left-radius: 0;
  }
}
.react-ui-kit__row_isPrimary--NVFT:last-child {
  border-bottom-right-radius: var(--ui-skin-border-radius);
  border-bottom-left-radius: var(--ui-skin-border-radius);
}
@media (max-width: 640px) {
  .react-ui-kit__row_isPrimary--NVFT:last-child {
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__row_isPrimary--NVFT:last-child {
    border-bottom-left-radius: 0;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-table/cell/cell.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__cell_isInverted--bnuI {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__cell_cell--3Tzq {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.react-ui-kit__cell_cell--3Tzq:first-child {
  padding-left: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__cell_cell--3Tzq {
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .react-ui-kit__cell_cell--3Tzq.react-ui-kit__cell_isResponsive--1X4Y {
    display: block;
    padding-left: 16px;
    min-width: 100%;
    max-width: none;
  }
  .react-ui-kit__cell_cell--3Tzq:not(.react-ui-kit__cell_isResponsive--1X4Y) {
    padding-left: 8px;
  }
  .react-ui-kit__cell_cell--3Tzq:first-child {
    padding-left: 16px;
  }
  .react-ui-kit__cell_cell--3Tzq:last-child, .react-ui-kit__cell_cell--3Tzq:not(.react-ui-kit__cell_isResponsive--1X4Y) {
    padding-bottom: 16px;
  }
  .react-ui-kit__cell_cell--3Tzq:first-child, .react-ui-kit__cell_cell--3Tzq:not(.react-ui-kit__cell_isResponsive--1X4Y) {
    padding-top: 16px;
  }
}

.react-ui-kit__cell_header--1GYl h6 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-6-line-height);
  font-size: var(--ui-skin-heading-6-font-size);
  font-weight: var(--ui-skin-heading-6-font-weight);
  text-transform: var(--ui-skin-heading-6-text-transform);
  letter-spacing: var(--ui-skin-heading-6-letter-spacing);
  color: var(--ui-skin-heading-6-color);
  font-family: var(--ui-skin-heading-6-font-family);
}
.ui-scheme-inverted .react-ui-kit__cell_header--1GYl h6, .react-ui-kit__cell_header--1GYl h6.react-ui-kit__cell_isInverted--bnuI {
  color: var(--ui-skin-heading-6-color-inverted);
}

.react-ui-kit__cell_typeContent--1Tnk {
  padding-right: 36px;
}
.react-ui-kit__cell_typeContent--1Tnk:first-child {
  padding-left: 0;
}
.react-ui-kit__cell_typeContent--1Tnk:last-child {
  padding-right: 0;
}

.react-ui-kit__cell_typeList--2HAx {
  padding-right: 14px;
}
.react-ui-kit__cell_typeList--2HAx:last-child {
  padding-right: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__cell_typeList--2HAx.react-ui-kit__cell_isResponsive--1X4Y {
    padding-right: 16px;
  }
  .react-ui-kit__cell_typeList--2HAx:not(.react-ui-kit__cell_isResponsive--1X4Y) {
    padding-right: 8px;
  }
  .react-ui-kit__cell_typeList--2HAx:last-child {
    padding-right: 16px;
  }
}

.react-ui-kit__cell_bordersVertical--fjha:not(:last-child) {
  border-right: 1px solid var(--ui-skin-table-border);
}

.react-ui-kit__cell_line--59TO {
  min-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.react-ui-kit__cell_line--59TO:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__cell_line--59TO:not(:last-child) {
    margin-bottom: 8px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-table/empty-state/empty-state.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__empty-state_isInverted--1ZoE {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__empty-state_icon--22ST {
  height: 96px;
  margin-bottom: 28px;
}

.react-ui-kit__empty-state_title--2Bvw {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
  margin-bottom: 24px;
}
.ui-scheme-inverted .react-ui-kit__empty-state_title--2Bvw, .react-ui-kit__empty-state_title--2Bvw.react-ui-kit__empty-state_isInverted--1ZoE {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-ui-kit__empty-state_details--Py9c {
  color: var(--ui-skin-text-subdued);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-table/header/header.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__header_isInverted--2LEY {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__header_header--KC2o {
  width: 100%;
  border-bottom: 1px solid var(--ui-skin-table-border);
}
@media (max-width: 640px) {
  .react-ui-kit__header_header--KC2o.react-ui-kit__header_isResponsive--11wZ {
    display: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-table/ui-table.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-table_isInverted--21Yl {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-table_container--31q5 {
  width: 100%;
  border-spacing: 0;
}
.react-ui-kit__ui-table_container--31q5.react-ui-kit__ui-table_isResponsive--_X0O {
  table-layout: fixed;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-table_container--31q5.react-ui-kit__ui-table_isResponsive--_X0O {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.react-ui-kit__ui-table_body--Za6u {
  width: 100%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-table_body--Za6u.react-ui-kit__ui-table_isResponsive--_X0O {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-ui-kit__ui-table_typeList--30HV.react-ui-kit__ui-table_isPrimary--3aVa {
  border-radius: var(--ui-skin-border-radius);
  -webkit-box-shadow: var(--ui-skin-box-shadow);
          box-shadow: var(--ui-skin-box-shadow);
  background-color: var(--ui-skin-card-bg);
}
@media (max-width: 640px) {
  .react-ui-kit__ui-table_typeList--30HV.react-ui-kit__ui-table_isPrimary--3aVa {
    border-radius: 0;
    border-bottom: 1px solid var(--ui-skin-card-separator);
  }
}

.react-ui-kit__ui-table_loader--293C {
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.react-ui-kit__ui-table_loader--293C {
  contain: layout;
  display: inline-block;
  min-width: 27px;
  min-height: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='%23000'%3E%3Ccircle transform='translate%288 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2816 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.3' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2824 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.6' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3C/svg%3E%0A") center center no-repeat;
  -webkit-filter: var(--ui-skin-loader-filter);
          filter: var(--ui-skin-loader-filter);
}
.react-ui-kit__ui-table_loader--293C::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-ui-kit__ui-table_loader--293C, .react-ui-kit__ui-table_loader--293C.react-ui-kit__ui-table_isInverted--21Yl {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-components/sortable-table/sortable-table.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__sortable-table_isInverted--FeVw {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__sortable-table_container--1Y9l {
  margin-bottom: 16px;
}

.react-core__sortable-table_select--1GSU {
  width: 200px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/content-engine/content-engine.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__content-engine_isInverted--36Hu {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__content-engine_container--1fHg {
  max-width: 100%;
}
.react-core__content-engine_container--1fHg img {
  max-width: 100%;
}
.react-core__content-engine_container--1fHg table {
  margin: 20px 0;
  min-width: 60%;
  position: relative;
  color: var(--ui-skin-text);
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  border-style: hidden;
}
@media (max-width: 639px) {
  .react-core__content-engine_container--1fHg table {
    min-width: 100%;
  }
}
.react-core__content-engine_container--1fHg table th {
  padding: 18px 12px;
  color: #707c95;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  border: 1px solid var(--ui-skin-table-border);
  text-transform: uppercase;
  vertical-align: bottom;
}
.react-core__content-engine_container--1fHg table th p {
  margin: 0;
  padding: 0;
}
.react-core__content-engine_container--1fHg table td {
  padding: 18px 12px;
  text-align: left;
  border: 1px solid var(--ui-skin-table-border);
  vertical-align: bottom;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/improved-by-ai-icon/improved-by-ai-icon.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__improved-by-ai-icon_isInverted--1nyg {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__improved-by-ai-icon_container--B_Gf {
  width: 24px;
  height: 24px;
  color: var(--ui-skin-text-subdued);
}

.player__improved-by-ai-icon_isActive--33SU {
  color: var(--ui-skin-text);
}
.player__improved-by-ai-icon_isActive--33SU .player__improved-by-ai-icon_iconBackground--2ikk {
  fill: var(--ui-skin-palette-motivate-400);
}

.player__improved-by-ai-icon_isAnimated--2Vr6 {
  -webkit-animation: player__improved-by-ai-icon_fx-animate-ai-icon--1s3L 0.7s ease;
          animation: player__improved-by-ai-icon_fx-animate-ai-icon--1s3L 0.7s ease;
}
.player__improved-by-ai-icon_isAnimated--2Vr6 .player__improved-by-ai-icon_iconBackground--2ikk {
  -webkit-animation: player__improved-by-ai-icon_fx-animate-icon-background--yCCn 0.7s ease;
          animation: player__improved-by-ai-icon_fx-animate-icon-background--yCCn 0.7s ease;
}

@-webkit-keyframes player__improved-by-ai-icon_fx-animate-icon-background--yCCn {
  0% {
    fill: transparent;
  }
  10% {
    fill: var(--ui-skin-palette-motivate-400);
  }
  90% {
    fill: var(--ui-skin-palette-motivate-400);
  }
  100% {
    fill: transparent;
  }
}

@keyframes player__improved-by-ai-icon_fx-animate-icon-background--yCCn {
  0% {
    fill: transparent;
  }
  10% {
    fill: var(--ui-skin-palette-motivate-400);
  }
  90% {
    fill: var(--ui-skin-palette-motivate-400);
  }
  100% {
    fill: transparent;
  }
}
@-webkit-keyframes player__improved-by-ai-icon_fx-animate-ai-icon--1s3L {
  0% {
    color: var(--ui-skin-text-subdued);
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
  }
  10% {
    color: var(--ui-skin-text);
  }
  50% {
    -webkit-transform: rotate(0) scale(1.5);
            transform: rotate(0) scale(1.5);
  }
  90% {
    color: var(--ui-skin-text);
  }
  100% {
    color: var(--ui-skin-text-subdued);
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
}
@keyframes player__improved-by-ai-icon_fx-animate-ai-icon--1s3L {
  0% {
    color: var(--ui-skin-text-subdued);
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
  }
  10% {
    color: var(--ui-skin-text);
  }
  50% {
    -webkit-transform: rotate(0) scale(1.5);
            transform: rotate(0) scale(1.5);
  }
  90% {
    color: var(--ui-skin-text);
  }
  100% {
    color: var(--ui-skin-text-subdued);
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/response-item/response-item.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__response-item_isInverted--13Mx {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__response-item_container--1B80 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--ui-skin-text-inverted);
  font-weight: normal;
  background-color: var(--ui-skin-player-response-item-background-color);
  border-radius: var(--ui-skin-border-radius);
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 16px 28px;
  margin: 0 0 8px;
}
.player__response-item_container--1B80 .content-renderer__mathjax-formula {
  width: 10000px;
  max-width: 100%;
  display: block;
}
.player__response-item_container--1B80:hover:not(.player__response-item_container--1B80.player__response-item_isLocked--1lsy):not(.player__response-item_container--1B80.player__response-item_isAnswered--yt1a):not(.player__response-item_container--1B80.player__response-item_isAlternative--2Rp7) {
  background-color: var(--ui-skin-player-response-item-background-color-hover);
}
.player__response-item_container--1B80.player__response-item_isCorrect--1Sds {
  background-color: var(--ui-skin-player-response-item-background-color-correct);
}
.player__response-item_container--1B80.player__response-item_isIncorrect--fBTW {
  background-color: var(--ui-skin-player-response-item-background-color-incorrect);
}
.player__response-item_container--1B80.player__response-item_isNeutral--3oLK {
  background-color: var(--ui-skin-player-response-item-background-color-neutral);
}
.player__response-item_container--1B80.player__response-item_isReviewMode--395e {
  padding-right: 40px;
}
.player__response-item_container--1B80.player__response-item_isMultiline--vF0t p {
  white-space: pre-line;
}
.player__response-item_container--1B80 p {
  padding: 0;
  margin: 0;
}

.player__response-item_icon--1d1D {
  margin-right: 12px;
}
.player__response-item_icon--1d1D.player__response-item_isCorrect--1Sds {
  color: var(--ui-skin-text-positive);
}
.player__response-item_icon--1d1D.player__response-item_isIncorrect--fBTW {
  color: var(--ui-skin-text-negative);
}
.player__response-item_icon--1d1D.player__response-item_isReviewMode--395e {
  opacity: 0.3;
}

.player__response-item_isLocked--1lsy {
  cursor: default;
}
.player__response-item_isLocked--1lsy p {
  opacity: 0.5;
}
.player__response-item_isLocked--1lsy .player__response-item_icon--1d1D {
  color: var(--ui-skin-text-negative);
}

.player__response-item_isAnswered--yt1a {
  color: var(--ui-skin-text);
  cursor: default;
}

.player__response-item_isImproved--pXT8 {
  padding-right: 40px;
}

.player__response-item_improvedIcon--3oUs {
  position: absolute;
  right: 12px;
  cursor: pointer;
}

.player__response-item_isAlternative--2Rp7 {
  color: var(--ui-skin-text);
  background-color: var(--ui-skin-player-response-item-background-color-neutral);
  cursor: default;
  padding-right: 40px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/response-item-with-avatar/response-item-with-avatar.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__response-item-with-avatar_isInverted--2WnJ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__response-item-with-avatar_avatar--1s8W {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  -webkit-transform: translate(33%, -33%);
          transform: translate(33%, -33%);
  width: var(--ui-skin-player-avatar-size);
  height: var(--ui-skin-player-avatar-size);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/confidence-level/confidence-level.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__confidence-level_isInverted--1nOy {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__confidence-level_containerWrapper--2yit {
  position: relative;
}

.player__confidence-level_container--20zE {
  border-radius: var(--ui-skin-border-radius);
}

.player__confidence-level_bar--2stm {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-top: solid 4px var(--ui-skin-player-confidence-level-bar-color);
  border-radius: var(--ui-skin-border-radius) 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  z-index: 1;
  pointer-events: none;
}

.player__confidence-level_tooltip--1jKW {
  position: absolute;
  top: -50px;
  right: 0;
  float: right;
  padding: 12px 16px;
  color: var(--ui-skin-text);
  font-size: 12px;
  font-weight: normal;
  background: var(--ui-skin-element-bg);
  border-radius: var(--ui-skin-border-radius-sm);
  -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.player__confidence-level_tooltip--1jKW::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  right: 0;
  left: calc(50% - 4px);
  bottom: -6px;
  border-width: var(--ui-skin-border-radius) var(--ui-skin-border-radius) 0 var(--ui-skin-border-radius);
  border-color: var(--ui-skin-element-bg) transparent transparent transparent;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-button-group/ui-button-group.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-button-group_isInverted--3Txq {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-button-group_container--2M0C {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  background: transparent;
  border: solid 1px #d0d2dc;
  border-radius: var(--ui-skin-border-radius);
  overflow: hidden;
}
.react-ui-kit__ui-button-group_container--2M0C > button {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0px;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.react-ui-kit__ui-button-group_container--2M0C.react-ui-kit__ui-button-group_withSeparators--2zoE > button:not(:last-child) {
  margin: 0 1px 0 0 !important;
}
.react-ui-kit__ui-button-group_container--2M0C.react-ui-kit__ui-button-group_withSeparators--2zoE > button:not(:last-child):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  right: calc(-1 * 1px);
  width: 1px;
  background: #d0d2dc;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-response-actions/editable-response-actions.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-response-actions_isInverted--3rDh {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-response-actions_container--3kWc {
  position: absolute;
  top: -24px;
  right: -12px;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}

.player__editable-response-actions_isVisible--3GsW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-response/editable-response.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-response_isInverted--1udE {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-response_container--1zTa {
  position: relative;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/animations/css-transition.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__css-transition_isInverted--g77o {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__css-transition_animation--3IK8.player__css-transition_typeFade--3wWU.player__css-transition_enter--3QVH {
  opacity: 0;
}
.player__css-transition_animation--3IK8.player__css-transition_typeFade--3wWU.player__css-transition_enterActive--3xih {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.player__css-transition_animation--3IK8.player__css-transition_typeFade--3wWU.player__css-transition_enterActive--3xih.player__css-transition_durationSm--2W2q {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--3IK8.player__css-transition_typeFade--3wWU.player__css-transition_enterDone--3Tet {
  opacity: 1;
}
.player__css-transition_animation--3IK8.player__css-transition_typeFade--3wWU.player__css-transition_exit--26yB {
  opacity: 1;
}
.player__css-transition_animation--3IK8.player__css-transition_typeFade--3wWU.player__css-transition_exitActive--3E-1 {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.player__css-transition_animation--3IK8.player__css-transition_typeFade--3wWU.player__css-transition_exitActive--3E-1.player__css-transition_durationSm--2W2q {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--3IK8.player__css-transition_typeFade--3wWU.player__css-transition_exitDone--1Zx- {
  opacity: 0;
}
.player__css-transition_animation--3IK8.player__css-transition_typeScale--3dbx.player__css-transition_enter--3QVH {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.player__css-transition_animation--3IK8.player__css-transition_typeScale--3dbx.player__css-transition_enterActive--3xih {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.player__css-transition_animation--3IK8.player__css-transition_typeScale--3dbx.player__css-transition_enterActive--3xih.player__css-transition_durationSm--2W2q {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--3IK8.player__css-transition_typeScale--3dbx.player__css-transition_enterDone--3Tet {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.player__css-transition_animation--3IK8.player__css-transition_typeScale--3dbx.player__css-transition_exit--26yB {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.player__css-transition_animation--3IK8.player__css-transition_typeScale--3dbx.player__css-transition_exitActive--3E-1 {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.player__css-transition_animation--3IK8.player__css-transition_typeScale--3dbx.player__css-transition_exitActive--3E-1.player__css-transition_durationSm--2W2q {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--3IK8.player__css-transition_typeScale--3dbx.player__css-transition_exitDone--1Zx- {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.player__css-transition_animation--3IK8.player__css-transition_typeSlide--yzyc.player__css-transition_directionUp--3mXx.player__css-transition_enter--3QVH {
  -webkit-transform: translate(0, 150px);
          transform: translate(0, 150px);
}
.player__css-transition_animation--3IK8.player__css-transition_typeSlide--yzyc.player__css-transition_directionUp--3mXx.player__css-transition_enterActive--3xih {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.player__css-transition_animation--3IK8.player__css-transition_typeSlide--yzyc.player__css-transition_directionUp--3mXx.player__css-transition_enterActive--3xih.player__css-transition_durationSm--2W2q {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--3IK8.player__css-transition_typeSlide--yzyc.player__css-transition_directionUp--3mXx.player__css-transition_enterDone--3Tet {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.player__css-transition_animation--3IK8.player__css-transition_typeSlide--yzyc.player__css-transition_directionUp--3mXx.player__css-transition_exit--26yB {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.player__css-transition_animation--3IK8.player__css-transition_typeSlide--yzyc.player__css-transition_directionUp--3mXx.player__css-transition_exitActive--3E-1 {
  -webkit-transform: translate(0, 150px);
          transform: translate(0, 150px);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.player__css-transition_animation--3IK8.player__css-transition_typeSlide--yzyc.player__css-transition_directionUp--3mXx.player__css-transition_exitActive--3E-1.player__css-transition_durationSm--2W2q {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--3IK8.player__css-transition_typeSlide--yzyc.player__css-transition_directionUp--3mXx.player__css-transition_exitDone--1Zx- {
  -webkit-transform: translate(0, 150px);
          transform: translate(0, 150px);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/self-classification-suggestion-item/self-classification-suggestion-item.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__self-classification-suggestion-item_isInverted--oxcV {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__self-classification-suggestion-item_container--1E6M {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-top: 1px solid var(--ui-skin-border);
  color: var(--ui-skin-player-response-item-background-color);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.player__self-classification-suggestion-item_container--1E6M:first-child {
  border-top: 0;
}

.player__self-classification-suggestion-item_icon--jWCA {
  margin-right: 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/node_modules/@mindojo/react-ui-kit/src/components/ui-icon/ui-icon.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-icon_isInverted--1j2x {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

/**
 * Default wrapper styles
 */
.react-ui-kit__ui-icon_container--uvl4 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}

/**
 * ICON SIZES
 */
.react-ui-kit__ui-icon_xs--3_DT svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.react-ui-kit__ui-icon_sm--2bOH svg {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.react-ui-kit__ui-icon_md--r1L5 svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.react-ui-kit__ui-icon_lg--3ZyU svg {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
}

.react-ui-kit__ui-icon_xl--3grb svg {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.react-ui-kit__ui-icon_xxl--3-EK svg {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.react-ui-kit__ui-icon_xxxl--38NZ svg {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.react-ui-kit__ui-icon_xxsContainer--1nT4 {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.react-ui-kit__ui-icon_xsContainer--alzO {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.react-ui-kit__ui-icon_smContainer--2smE {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.react-ui-kit__ui-icon_mdContainer--1bKf {
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
}

.react-ui-kit__ui-icon_lgContainer--kz7K {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.react-ui-kit__ui-icon_xlContainer--29LV {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

/**
 * ICON SHAPES:
 *
 * - circle
 */
.react-ui-kit__ui-icon_circle--2H5S {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--ui-skin-icon-circle-bg);
  border-radius: 100%;
  color: var(--ui-skin-icon-circle-color);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/self-classification-suggestions/self-classification-suggestions.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__self-classification-suggestions_isInverted--3H37 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__self-classification-suggestions_container--2OF6 {
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-player-response-item-background-color-neutral);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-loader/ui-loader.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-loader_isInverted--1vtG {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-loader_container--1dr1 {
  contain: layout;
  display: inline-block;
  min-width: 27px;
  min-height: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='%23000'%3E%3Ccircle transform='translate%288 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2816 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.3' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2824 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.6' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3C/svg%3E%0A") center center no-repeat;
  -webkit-filter: var(--ui-skin-loader-filter);
          filter: var(--ui-skin-loader-filter);
}
.react-ui-kit__ui-loader_container--1dr1::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-ui-kit__ui-loader_container--1dr1, .react-ui-kit__ui-loader_container--1dr1.react-ui-kit__ui-loader_isInverted--1vtG {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.react-ui-kit__ui-loader_centered--UT39 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/self-classification/self-classification.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__self-classification_isInverted--3XMo {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__self-classification_wrapper--1Zsx {
  position: relative;
  margin-top: 16px;
}

.player__self-classification_title--1Pj5 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-6-line-height);
  font-size: var(--ui-skin-heading-6-font-size);
  font-weight: var(--ui-skin-heading-6-font-weight);
  text-transform: var(--ui-skin-heading-6-text-transform);
  letter-spacing: var(--ui-skin-heading-6-letter-spacing);
  color: var(--ui-skin-heading-6-color);
  font-family: var(--ui-skin-heading-6-font-family);
  color: var(--ui-skin-text);
  font-weight: var(--ui-skin-font-weight-bold);
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-scheme-inverted .player__self-classification_title--1Pj5, .player__self-classification_title--1Pj5.player__self-classification_isInverted--3XMo {
  color: var(--ui-skin-heading-6-color-inverted);
}

.player__self-classification_icon--E33b {
  display: inline-block;
  margin-right: 8px;
}

.player__self-classification_loader--1-CP {
  position: relative;
  display: inline-block;
  width: 30px;
  margin-right: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/numeric-selection-area/numeric-selection-area.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__numeric-selection-area_isInverted--3O4l {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__numeric-selection-area_container--KIIw {
  position: relative;
  margin: auto;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.player__numeric-selection-area_label--1ezy {
  margin: 0 4px;
  padding-left: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

.player__numeric-selection-area_input--2aoX {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.player__numeric-selection-area_input--2aoX::before {
  content: " ";
  display: none;
  position: absolute;
  height: 0;
  width: 13px;
  left: 0;
  top: calc(50% - 1px);
  border-top: solid 1px rgba(20, 50, 90, 0.1);
  border-bottom: solid 1px rgba(20, 50, 90, 0.6);
}
.player__numeric-selection-area_input--2aoX.player__numeric-selection-area_isNegative--1SYw::before {
  display: block;
}

.player__numeric-selection-area_separator--20wx {
  margin: 12px 0;
  height: 0;
  border-top: solid 1px rgba(20, 50, 90, 0.1);
  border-bottom: solid 1px rgba(20, 50, 90, 0.6);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/multilist-response-item/multilist-response-item.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__multilist-response-item_isInverted--3Wic {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__multilist-response-item_container--12tX {
  padding: 12px 20px;
  margin-bottom: 16px;
  border-radius: var(--ui-skin-border-radius-sm);
  cursor: pointer;
  border: 1px solid var(--ui-skin-border);
}
.player__multilist-response-item_container--12tX:last-child {
  margin-bottom: 0;
}
.player__multilist-response-item_container--12tX:hover:not(.player__multilist-response-item_container--12tX.player__multilist-response-item_isLocked--yTV0) {
  border-color: var(--ui-skin-active-element);
}

.player__multilist-response-item_isSelected--1uMO {
  border-color: var(--ui-skin-active-element);
}

.player__multilist-response-item_isCorrect--1YbA {
  border-color: var(--ui-skin-text-positive);
}

.player__multilist-response-item_isIncorrect--3zVb {
  border-color: var(--ui-skin-text-negative);
}

.player__multilist-response-item_isLocked--yTV0 {
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/question-types/multilist/multilist.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__multilist_isInverted--20tQ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__multilist_container--WJ1m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.player__multilist_container--WJ1m > div {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 16px;
}
.player__multilist_container--WJ1m > div:first-child {
  margin-left: 0;
}
.player__multilist_container--WJ1m > div:last-child {
  margin-right: 0;
}

.player__multilist_title--1jMb {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/question-types/radio/radio.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__radio_isInverted--1peZ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__radio_table--1dIO {
  margin: 0;
  border-collapse: collapse;
  border-style: hidden;
}
.player__radio_table--1dIO th {
  border-right: 1px solid var(--ui-skin-border);
}

.player__radio_tableHeader--3uJf {
  text-align: center;
  color: var(--ui-skin-text);
  font-size: 13px;
  font-weight: var(--ui-skin-font-weight-bold);
  text-transform: uppercase;
  padding: 0 12px 16px;
  border-right: 1px solid var(--ui-skin-border);
}
.player__radio_tableHeader--3uJf:last-child {
  text-align: left;
}

.player__radio_tableCell--3pZD {
  padding: 16px 12px;
  border-right: 1px solid var(--ui-skin-border);
  border-top: 1px solid var(--ui-skin-border);
}

.player__radio_responseContent--Eym5 {
  width: 100%;
}

.player__radio_button--1AFE {
  margin: 0 auto;
}

.player__radio_radioHeaders--3rPC {
  border-bottom: 1px solid var(--ui-skin-divider);
}

.player__radio_radioTitle--1Kdk {
  width: 80px;
  font-size: 13px;
  color: var(--ui-skin-text);
  font-weight: var(--ui-skin-font-weight-semibold);
  text-align: center;
  word-break: break-all;
}

.player__radio_radioGroupOption--3Du1 {
  width: 80px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.player__radio_radioGroupTitle--EiM5 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-tooltip/ui-tooltip.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-tooltip_isInverted--WT02 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-tooltip_light--3KFY {
  padding: 12px 16px;
  min-height: 48px;
  max-width: 300px;
  border-radius: var(--ui-skin-border-radius);
  border: 1px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 100;
  color: var(--ui-skin-tooltip-light-text);
  background-color: var(--ui-skin-tooltip-light-background);
  border-color: var(--ui-skin-tooltip-light-border);
}
.react-ui-kit__ui-tooltip_light--3KFY {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-ui-kit__ui-tooltip_light--3KFY .react-ui-kit__ui-tooltip_arrow--3FF6 {
  display: none;
}

.react-ui-kit__ui-tooltip_dark--1nPi {
  padding: 12px 16px;
  min-height: 48px;
  max-width: 300px;
  border-radius: var(--ui-skin-border-radius);
  border: 1px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 100;
  color: var(--ui-skin-tooltip-dark-text);
  background-color: var(--ui-skin-tooltip-dark-background);
}
.react-ui-kit__ui-tooltip_dark--1nPi {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-ui-kit__ui-tooltip_dark--1nPi .react-ui-kit__ui-tooltip_arrow--3FF6 {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/question-types/research/research.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__research_isInverted--O2I6 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__research_selection--1at6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.player__research_select--2OOQ {
  width: 180px;
}

.player__research_separator--2e9P {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0 4px;
}

.player__research_help--Quel {
  margin-top: 28px;
  padding: 20px;
  border: 1px solid var(--ui-skin-border);
}

.player__research_hint--ziG- {
  max-width: 400px;
}

.player__research_hintTitle--2zS4 {
  padding: 0 0 20px 0;
  font-weight: bold;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/memorization-response-item/memorization-response-item.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__memorization-response-item_isInverted--3LyP {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__memorization-response-item_container--2ydR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--ui-skin-button-primary-text);
  background-color: var(--ui-skin-button-primary-bg);
  border-color: var(--ui-skin-button-primary-border);
  text-align: center;
  cursor: pointer;
  min-height: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.player__memorization-response-item_container--2ydR {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.player__memorization-response-item_container--2ydR:not(:last-child) {
  border-right: 1px solid var(--ui-skin-rating-separator-color);
}
.player__memorization-response-item_container--2ydR:hover {
  -webkit-filter: var(--ui-skin-element-hover-filter);
          filter: var(--ui-skin-element-hover-filter);
}

.player__memorization-response-item_value--nIlj {
  line-height: var(--ui-paragraph-xxs-line-height);
  font-size: var(--ui-paragraph-xxs-font-size);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/question-types/memorization/memorization.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__memorization_isInverted--2kbT {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__memorization_container--3Kry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  border-radius: var(--ui-skin-border-radius);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/timer/timer.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__timer_isInverted--pUUq {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__timer_container--EGlY,
.player__timer_mobileContainer--peL8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
}

.player__timer_container--EGlY {
  margin: 20px 0;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player__timer_mobileContainer--peL8 {
  background-color: var(--ui-skin-palette-s1-700);
}

.player__timer_value--1BBv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  height: 100%;
  width: auto;
  color: var(--ui-skin-text-inverted);
  background-color: var(--ui-skin-palette-s1-700);
  font-weight: var(--ui-skin-font-weight-semibold);
  border-radius: var(--ui-skin-border-radius-sm);
}
@media (max-width: 640px) {
  .player__timer_value--1BBv {
    line-height: var(--ui-paragraph-xs-line-height);
    font-size: var(--ui-paragraph-xs-font-size);
  }
}

.player__timer_icon--7Z-F {
  margin-right: 12px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/step-prompt/step-prompt.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__step-prompt_isInverted--2hEj {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__step-prompt_container--3JJw {
  position: relative;
}

.player__step-prompt_isMergedIn--2zgN .player__step-prompt_content--FgC9 {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.player__step-prompt_isMergedOut--3d7t {
  margin: 0;
}
.player__step-prompt_isMergedOut--3d7t .player__step-prompt_content--FgC9 {
  padding-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.player__step-prompt_isHighlighted--3r9n {
  border: 1px solid var(--ui-skin-active-element);
}

.player__step-prompt_hasContentIssues--2KjY {
  border: 3px solid var(--ui-skin-palette-warning-100);
}

.player__step-prompt_hasActiveContentIssue--37KU {
  border-color: var(--ui-skin-palette-warning-300);
}

.player__step-prompt_isHighlighted--3r9n,
.player__step-prompt_hasContentIssues--2KjY {
  border-radius: var(--ui-skin-border-radius);
}
.player__step-prompt_isHighlighted--3r9n.player__step-prompt_isMergedIn--2zgN,
.player__step-prompt_hasContentIssues--2KjY.player__step-prompt_isMergedIn--2zgN {
  border-top: none;
  border-radius: 0 0 var(--ui-skin-border-radius) var(--ui-skin-border-radius);
}
.player__step-prompt_isHighlighted--3r9n.player__step-prompt_isMergedOut--3d7t,
.player__step-prompt_hasContentIssues--2KjY.player__step-prompt_isMergedOut--3d7t {
  border-bottom: none;
  border-radius: var(--ui-skin-border-radius) var(--ui-skin-border-radius) 0 0;
}

.player__step-prompt_content--FgC9 {
  position: relative;
  padding: 16px 24px 28px;
  overflow: auto;
  border: none;
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-element-bg);
}
.player__step-prompt_content--FgC9 img {
  max-width: 100%;
}

.player__step-prompt_editableHeader--1I7l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 870px) {
  .player__step-prompt_editableHeader--1I7l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .player__step-prompt_editableHeader--1I7l div:not(:first-child) {
    margin-top: 8px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/improved-by-ai-explanation/improved-by-ai-explanation.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__improved-by-ai-explanation_isInverted--1fKY {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__improved-by-ai-explanation_container--3EDi {
  width: 100%;
  background: var(--ui-skin-element-bg);
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-player-response-item-background-color-neutral);
  margin-bottom: 8px;
}

.player__improved-by-ai-explanation_comparison--3xir {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 24px;
  line-height: 2;
  margin-top: 16px;
}

.player__improved-by-ai-explanation_comparisonItem--28CW {
  width: 50%;
}

.player__improved-by-ai-explanation_comparisonTitle--RkWc {
  font-weight: var(--ui-skin-font-weight-semibold);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--ui-skin-text-subdued);
}
.player__improved-by-ai-explanation_comparisonTitle--RkWc {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/content-bubble/content-bubble.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__content-bubble_isInverted--34lA {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__content-bubble_container--2P6C {
  position: relative;
  padding: 16px 24px;
  border: none;
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-element-bg);
  margin: 0;
}
.player__content-bubble_container--2P6C img {
  max-width: 100%;
}

.player__content-bubble_isMergedIn--1FyI {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.player__content-bubble_isMergedOut--3coq {
  margin: 0;
  padding-bottom: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.player__content-bubble_isHighlighted--YrV2 {
  border: 1px solid var(--ui-skin-active-element);
}
.player__content-bubble_isHighlighted--YrV2.player__content-bubble_isMergedIn--1FyI {
  border-top: none;
  border-radius: 0 0 var(--ui-skin-border-radius) var(--ui-skin-border-radius);
}
.player__content-bubble_isHighlighted--YrV2.player__content-bubble_isMergedOut--3coq {
  border-bottom: none;
  border-radius: var(--ui-skin-border-radius) var(--ui-skin-border-radius) 0 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/altenratives-explanation/alternatives-explanation.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__alternatives-explanation_isInverted--BuHn {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__alternatives-explanation_explanationContainer--MPwa {
  padding-left: 24px;
}
.player__alternatives-explanation_explanationContainer--MPwa:not(:first-child) {
  margin-top: 4px;
}
.player__alternatives-explanation_explanationContainer--MPwa:last-child {
  margin-bottom: 4px;
}

.player__alternatives-explanation_icon--3aGE {
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
  color: var(--ui-skin-text-subdued);
}

.player__alternatives-explanation_bubble--1D1B {
  margin-bottom: 8px;
}

.player__alternatives-explanation_isMergedOut--1zu5 {
  margin-bottom: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/alternatives-item/alternatives-item.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__alternatives-item_isInverted--d_G7 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__alternatives-item_container--AHvN {
  position: relative;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/step-instance-answers/step-instance-answers.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__step-instance-answers_isInverted--XtoS {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__step-instance-answers_container--kM9Z {
  position: relative;
  margin-top: 16px;
}

.player__step-instance-answers_toggleHandle--3cos {
  display: block;
  position: absolute;
  top: 16px;
  right: 10px;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg width='16px' height='10px' viewBox='0 0 16 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Mobile' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.300000012'%3E%3Cg id='Question-with-Tabs-Mobile' transform='translate(-18.000000, -666.000000)' fill='%2300375A'%3E%3Cpolygon id='Shape-Copy-3' transform='translate(25.610909, 670.540000) scale(1, -1) rotate(-270.000000) translate(-25.610909, -670.540000) ' points='30.150909 664.2678 28.7916173 662.929091 21.0709091 670.54 28.7916173 678.150909 30.150909 676.8122 23.7937007 670.54'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: 9px;
  -webkit-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in;
  opacity: 1;
  cursor: pointer;
  z-index: 2;
}
.player__step-instance-answers_toggleHandle--3cos:only-child {
  display: none;
}
.player__step-instance-answers_toggleHandle--3cos:hover {
  -webkit-transform: scale(1.4, 1.4);
          transform: scale(1.4, 1.4);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.player__step-instance-answers_toggleHandle--3cos.player__step-instance-answers_isInverted--XtoS {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
.player__step-instance-answers_toggleHandle--3cos.player__step-instance-answers_isInverted--XtoS:hover {
  -webkit-transform: scale(-1.4, -1.4);
          transform: scale(-1.4, -1.4);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/utility-response-item/utility-response-item.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__utility-response-item_isInverted--mYXp {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__utility-response-item_container--2XEd {
  margin-top: 16px;
}

.player__utility-response-item_loader--31Gs {
  margin-top: 16px;
  position: relative;
  height: 20px;
}

.player__utility-response-item_contentBubble--3bMV {
  margin-top: 16px;
}

.player__utility-response-item_extraMargin--34qQ {
  margin-bottom: 8px;
}

.player__utility-response-item_tutorAvatar--1Vux {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  -webkit-transform: translate(-33%, -33%);
          transform: translate(-33%, -33%);
  width: var(--ui-skin-player-avatar-size);
  height: var(--ui-skin-player-avatar-size);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/time-awareness-hint/time-awareness-hint.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__time-awareness-hint_isInverted--3Fo6 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__time-awareness-hint_container--3LNP {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  z-index: 1;
  -webkit-transform: translate(17px, -50%);
          transform: translate(17px, -50%);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--ui-skin-palette-s1-500);
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-element-bg);
}
@media (max-width: 870px) {
  .player__time-awareness-hint_container--3LNP {
    position: relative;
    -webkit-transform: none;
            transform: none;
    border-radius: 0;
    border: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: var(--ui-skin-palette-s1-600);
  }
}

.player__time-awareness-hint_isVisible--3vGj .player__time-awareness-hint_icon--3QMC {
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-icon-scale--1IPY 0.5s ease 0.5s;
          animation: player__time-awareness-hint_fx-time-awareness-hint-icon-scale--1IPY 0.5s ease 0.5s;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}
.player__time-awareness-hint_isVisible--3vGj .player__time-awareness-hint_text--WPD_ {
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-text-show--3XyB 1.5s ease forwards;
          animation: player__time-awareness-hint_fx-time-awareness-hint-text-show--3XyB 1.5s ease forwards;
}
.player__time-awareness-hint_isVisible--3vGj .player__time-awareness-hint_text--WPD_ > span {
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-text-span-show--1sWa 0.6s ease forwards;
          animation: player__time-awareness-hint_fx-time-awareness-hint-text-span-show--1sWa 0.6s ease forwards;
}

.player__time-awareness-hint_isNotAnimated--2pKX .player__time-awareness-hint_text--WPD_ {
  -webkit-animation: none;
          animation: none;
}

.player__time-awareness-hint_icon--3QMC {
  color: var(--ui-skin-palette-warning-400);
  cursor: pointer;
}
@media (max-width: 870px) {
  .player__time-awareness-hint_icon--3QMC {
    color: var(--ui-skin-text-inverted);
  }
}

.player__time-awareness-hint_text--WPD_ {
  width: auto;
  max-width: 0;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-text-hide--uABz 0.5s ease;
          animation: player__time-awareness-hint_fx-time-awareness-hint-text-hide--uABz 0.5s ease;
}
.player__time-awareness-hint_text--WPD_ > span {
  margin-left: 8px;
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-text-span-hide--1Ubs 2s ease 0.5s forwards;
          animation: player__time-awareness-hint_fx-time-awareness-hint-text-span-hide--1Ubs 2s ease 0.5s forwards;
}
@media (max-width: 870px) {
  .player__time-awareness-hint_text--WPD_ {
    color: var(--ui-skin-text-inverted);
  }
}

@-webkit-keyframes player__time-awareness-hint_fx-time-awareness-hint-icon-scale--1IPY {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes player__time-awareness-hint_fx-time-awareness-hint-icon-scale--1IPY {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes player__time-awareness-hint_fx-time-awareness-hint-text-span-show--1sWa {
  0% {
    -webkit-transform: translateX(400px);
            transform: translateX(400px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes player__time-awareness-hint_fx-time-awareness-hint-text-span-show--1sWa {
  0% {
    -webkit-transform: translateX(400px);
            transform: translateX(400px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes player__time-awareness-hint_fx-time-awareness-hint-text-span-hide--1Ubs {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(400px);
            transform: translateX(400px);
  }
}
@keyframes player__time-awareness-hint_fx-time-awareness-hint-text-span-hide--1Ubs {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(400px);
            transform: translateX(400px);
  }
}
@-webkit-keyframes player__time-awareness-hint_fx-time-awareness-hint-text-show--3XyB {
  0% {
    max-width: 0;
  }
  100% {
    max-width: 400px;
  }
}
@keyframes player__time-awareness-hint_fx-time-awareness-hint-text-show--3XyB {
  0% {
    max-width: 0;
  }
  100% {
    max-width: 400px;
  }
}
@-webkit-keyframes player__time-awareness-hint_fx-time-awareness-hint-text-hide--uABz {
  0% {
    max-width: 400px;
  }
  100% {
    max-width: 0;
  }
}
@keyframes player__time-awareness-hint_fx-time-awareness-hint-text-hide--uABz {
  0% {
    max-width: 400px;
  }
  100% {
    max-width: 0;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-slider/ui-slider.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-slider_isInverted--ukqJ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-slider_minMaxWrapper--3soT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.react-ui-kit__ui-slider_min--3e6W,
.react-ui-kit__ui-slider_max--3qAN {
  top: 40px;
  bottom: 0;
  padding: 0;
  color: var(--ui-skin-text-subdued);
  background: none;
}

.react-ui-kit__ui-slider_mark--2a1I {
  position: relative;
}

.react-ui-kit__ui-slider_markTick--2PMN {
  width: 2px;
  height: 12px;
  background-color: var(--ui-skin-slider-bar-color);
  opacity: 0.25;
}

.react-ui-kit__ui-slider_markTickActive--1jdN {
  opacity: 1;
}

.react-ui-kit__ui-slider_markLabel--2HV8 {
  position: absolute;
  color: var(--ui-skin-text-subdued);
  top: 24px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.react-ui-kit__ui-slider_handle--2NJJ {
  height: 40px;
  width: 40px;
  top: 18px;
  background-color: var(--ui-skin-slider-thumb-color);
  cursor: pointer;
  border: 14px solid var(--ui-skin-slider-thumb-border);
  border-radius: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
  outline: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-ui-kit__ui-slider_handle--2NJJ:hover {
  -webkit-filter: var(--ui-skin-slider-thumb-hover-filter);
          filter: var(--ui-skin-slider-thumb-hover-filter);
  background-color: var(--ui-skin-slider-thumb-color);
}

.react-ui-kit__ui-slider_label--2ers {
  position: absolute;
  bottom: 40px;
  color: #000;
  font-weight: var(--ui-skin-font-weight-bold);
  font-size: initial;
  padding: 4px;
  border-radius: 4px;
  background-color: #eff0f4;
  white-space: nowrap;
}

.react-ui-kit__ui-slider_barWrapper--3gyT {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.react-ui-kit__ui-slider_barWithMargin--2YvT {
  margin-bottom: 20px;
}

.react-ui-kit__ui-slider_bar--3jAw {
  width: 100%;
  height: 4px;
  border-radius: 4px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/time-awareness/time-awareness.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__time-awareness_isInverted--2YFK {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__time-awareness_container--2dW4 {
  margin: 16px 0;
}

.player__time-awareness_text--313j {
  padding: 16px 24px;
  border: none;
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-element-bg);
}

.player__time-awareness_slider--3aRD {
  margin: 60px 8px 24px 8px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/file-upload-progress/file-upload-progress.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__file-upload-progress_isInverted--1Im4 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__file-upload-progress_container--1TB0 {
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 1.5;
}
.react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_icon--2t62 {
  min-width: 24px;
  max-width: 24px;
  height: 24px;
}
.react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_icon--2t62.react-core__file-upload-progress_pending--2rrC {
  contain: layout;
  display: inline-block;
  min-width: 27px;
  min-height: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='%23000'%3E%3Ccircle transform='translate%288 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2816 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.3' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2824 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.6' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3C/svg%3E%0A") center center no-repeat;
  -webkit-filter: var(--ui-skin-loader-filter);
          filter: var(--ui-skin-loader-filter);
}
.react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_icon--2t62.react-core__file-upload-progress_pending--2rrC::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_icon--2t62.react-core__file-upload-progress_pending--2rrC, .react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_icon--2t62.react-core__file-upload-progress_pending--2rrC.react-core__file-upload-progress_isInverted--1Im4 {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_icon--2t62.react-core__file-upload-progress_warning--2cG0 {
  color: var(--ui-skin-text-warning);
}
.react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_icon--2t62.react-core__file-upload-progress_correct--2qLs {
  color: var(--ui-skin-text-positive);
}
.react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_filename--28dq {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  padding: 0 15px;
  color: var(--ui-skin-text);
}
.react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_status--3ryN {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  min-width: 80px;
  max-width: 80px;
  color: var(--ui-skin-text-subdued);
}
.react-core__file-upload-progress_container--1TB0 .react-core__file-upload-progress_delete--wq9o {
  padding: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/step-feedback-form/step-feedback-form.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__step-feedback-form_isInverted--3U4U {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__step-feedback-form_container--2Khi {
  margin-top: 16px;
}

.player__step-feedback-form_imagesList--3wgJ {
  border-top: 1px solid var(--ui-skin-border);
}

.player__step-feedback-form_controls--2Ka8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
}

.player__step-feedback-form_fileInput--33Vi {
  display: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/step-feedback/step-feedback.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__step-feedback_isInverted--RNZL {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__step-feedback_toggle--pNQH {
  position: absolute;
  right: 8px;
  bottom: 0;
}

.player__step-feedback_icon--1Ody {
  color: var(--ui-skin-text-subdued) !important;
}

.player__step-feedback_selection--1rRK {
  width: 190px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-badge/ui-badge.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-badge_isInverted--qKTr {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-badge_container--HVX3 {
  position: absolute;
  right: -8px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--ui-skin-badge-background);
}
.react-ui-kit__ui-badge_container--HVX3.react-ui-kit__ui-badge_sizeMd--1_hT {
  top: -14px;
}
.react-ui-kit__ui-badge_container--HVX3.react-ui-kit__ui-badge_sizeSm--1whb {
  top: -12px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-badge_container--HVX3 {
    right: 8px;
  }
}

.react-ui-kit__ui-badge_icon--3nu4 {
  color: var(--ui-skin-badge-icon-color);
}
.react-ui-kit__ui-badge_icon--3nu4 + .react-ui-kit__ui-badge_text--1DrP {
  margin-left: 4px;
}

.react-ui-kit__ui-badge_text--1DrP {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-6-line-height);
  font-size: var(--ui-skin-heading-6-font-size);
  font-weight: var(--ui-skin-heading-6-font-weight);
  text-transform: var(--ui-skin-heading-6-text-transform);
  letter-spacing: var(--ui-skin-heading-6-letter-spacing);
  color: var(--ui-skin-heading-6-color);
  font-family: var(--ui-skin-heading-6-font-family);
  color: var(--ui-skin-active-element-text);
  font-weight: var(--ui-skin-font-weight-semibold);
}
.ui-scheme-inverted .react-ui-kit__ui-badge_text--1DrP, .react-ui-kit__ui-badge_text--1DrP.react-ui-kit__ui-badge_isInverted--qKTr {
  color: var(--ui-skin-heading-6-color-inverted);
}

.react-ui-kit__ui-badge_sizeMd--1_hT {
  height: 28px;
  min-width: 28px;
  border-radius: 14px;
}

.react-ui-kit__ui-badge_sizeSm--1whb {
  height: 24px;
  min-width: 24px;
  border-radius: 12px;
}

.react-ui-kit__ui-badge_paddingXxs--1S2G {
  padding-left: 8px;
  padding-right: 8px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/video-content/video-content.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__video-content_isInverted--rAF7 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__video-content_container--1BW2 {
  margin-bottom: 12px;
  border-radius: var(--ui-skin-border-radius);
  overflow: hidden;
}

.player__video-content_errorContainer--2Tzp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 250px;
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-palette-s1-500);
  color: var(--ui-skin-text-subdued);
  padding: 16px;
}

.player__video-content_errorIcon--3wMh {
  margin-top: 40px;
}
@media (max-width: 640px) {
  .player__video-content_errorIcon--3wMh {
    margin-top: 24px;
  }
}

.player__video-content_errorMessage--2Nhs {
  margin-top: 16px;
  font-weight: var(--ui-skin-font-weight-bold);
  text-align: center;
  max-width: 100%;
  word-wrap: break-word;
  white-space: pre-line;
}
.player__video-content_errorMessage--2Nhs {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/step-instance/step-instance.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__step-instance_isInverted--2dWJ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__step-instance_container--FGB6 {
  position: relative;
  max-width: var(--ui-skin-player-max-width);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 8px;
}

.player__step-instance_noPadding--3R65 {
  padding-top: 0;
}

.player__step-instance_contentBubble--3sYr {
  padding-bottom: 24px;
}

.player__step-instance_tutorAvatar--fpOw {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  -webkit-transform: translate(-33%, -33%);
          transform: translate(-33%, -33%);
  width: var(--ui-skin-player-avatar-size);
  height: var(--ui-skin-player-avatar-size);
}

.player__step-instance_videoTextToggle--1nFb {
  color: var(--ui-skin-text-subdued);
  padding: 0;
}

.player__step-instance_molViewer--krfe {
  position: relative;
  width: 100%;
  height: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/node_modules/@mindojo/react-ui-kit/src/components/ui-button-group/ui-button-group.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-button-group_isInverted--1vOo {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-button-group_container--2l0M {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  background: transparent;
  border: solid 1px #d0d2dc;
  border-radius: var(--ui-skin-border-radius);
  overflow: hidden;
}
.react-ui-kit__ui-button-group_container--2l0M > button {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0px;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.react-ui-kit__ui-button-group_container--2l0M.react-ui-kit__ui-button-group_withSeparators--19LR > button:not(:last-child) {
  margin: 0 1px 0 0 !important;
}
.react-ui-kit__ui-button-group_container--2l0M.react-ui-kit__ui-button-group_withSeparators--19LR > button:not(:last-child):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  right: calc(-1 * 1px);
  width: 1px;
  background: #d0d2dc;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/node_modules/@mindojo/react-ui-kit/src/components/ui-button/ui-button.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a,
.react-ui-kit__ui-button_linkalike--2xp1 {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-button_isInverted--2fIa,
.ui-scheme-inverted .react-ui-kit__ui-button_linkalike--2xp1,
.react-ui-kit__ui-button_isInverted--2fIa.react-ui-kit__ui-button_linkalike--2xp1 {
  color: var(--ui-skin-link-inverted);
}
a:hover,
.react-ui-kit__ui-button_linkalike--2xp1:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

/**
 * DEFAULT WRAPPER STYLES
 */
.react-ui-kit__ui-button_container--2Opx {
  background: transparent;
  border: 1px solid transparent;
  outline: none;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  cursor: pointer;
}
.react-ui-kit__ui-button_container--2Opx::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #000;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.react-ui-kit__ui-button_container--2Opx:hover::after {
  opacity: 0.08;
}
.react-ui-kit__ui-button_container--2Opx {
  position: relative;
}
.react-ui-kit__ui-button_container--2Opx[data-badge]::before {
  position: absolute;
  margin-left: -14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 4px;
  height: 14px;
  min-width: 14px;
  font-size: 9px;
  line-height: 1;
  border-radius: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: attr(data-badge);
  z-index: 4;
  background-color: var(--ui-skin-button-badge-bg);
  color: var(--ui-skin-button-badge-color);
}

.react-ui-kit__ui-button_is-block--1fm5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.react-ui-kit__ui-button_is-selected--2SoJ {
  outline: none;
}

.react-ui-kit__ui-button_container--2Opx:active > *,
.react-ui-kit__ui-button_is-selected--2SoJ > *,
.react-ui-kit__ui-button_is-active--1-E6 > * {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.react-ui-kit__ui-button_container--2Opx:active::after,
.react-ui-kit__ui-button_is-selected--2SoJ::after,
.react-ui-kit__ui-button_is-active--1-E6::after {
  opacity: 0.16;
}

.react-ui-kit__ui-button_is-pending--2TdH:disabled {
  cursor: progress;
  opacity: 1;
}
.react-ui-kit__ui-button_is-pending--2TdH:disabled::after, .react-ui-kit__ui-button_is-pending--2TdH:disabled:hover::after {
  opacity: 0.16;
}

.react-ui-kit__ui-button_container--2Opx:disabled {
  opacity: var(--ui-skin-button-disabled-opacity);
  cursor: not-allowed;
}
.react-ui-kit__ui-button_container--2Opx:disabled:active > *,
.react-ui-kit__ui-button_container--2Opx:disabled .react-ui-kit__ui-button_is-active--1-E6 > * {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.react-ui-kit__ui-button_container--2Opx:disabled::after {
  opacity: 0;
}

/**
 * BUTTON SHAPES:
 *
 * - rounded
 * - sharp
 * - circle
 */
.react-ui-kit__ui-button_rounded--1_M6, .react-ui-kit__ui-button_rounded--1_M6::after {
  border-radius: var(--ui-skin-border-radius);
}

.react-ui-kit__ui-button_circle--kMbW, .react-ui-kit__ui-button_circle--kMbW::after {
  border-radius: 100%;
}

/**
 * BUTTON MARGINS
 */
.react-ui-kit__ui-button_mr-xxxl--1T5P + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 80px;
}

.react-ui-kit__ui-button_mr-xxl--33ym + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 40px;
}

.react-ui-kit__ui-button_mr-xl--xjdA + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 28px;
}

.react-ui-kit__ui-button_mr-lg--1l-M + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 24px;
}

.react-ui-kit__ui-button_mr-md--3tqZ + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 20px;
}

.react-ui-kit__ui-button_mr-sm--3dOv + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 16px;
}

.react-ui-kit__ui-button_mr-xs--3R_F + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 12px;
}

.react-ui-kit__ui-button_mr-xxs--2WPh + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 8px;
}

.react-ui-kit__ui-button_mr-xxxs--YHD- + .react-ui-kit__ui-button_container--2Opx {
  margin-left: 4px;
}

/**
 * BUTTON FONT WEIGHTS
 *
 * - fweight-normal
 * - fweight-bold
 * - fweight-semibold
 */
.react-ui-kit__ui-button_fweightNormal--3GlI {
  font-weight: var(--ui-skin-font-weight-regular);
}

.react-ui-kit__ui-button_fweightBold--3dzn {
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-ui-kit__ui-button_fweightSemibold--2L2j {
  font-weight: var(--ui-skin-font-weight-semibold);
}

/**
 * BUTTON SIZES:
 *
 * - xxs
 * - xs
 * - sm
 * - md
 * - lg
 */
.react-ui-kit__ui-button_lg--J6dM {
  min-height: 56px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 24px;
}
.react-ui-kit__ui-button_lg--J6dM {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-button_lg--J6dM.react-ui-kit__ui-button_is-proportional--g7rt {
  width: 56px;
  min-width: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_lg--J6dM[data-badge]::before {
  top: 8px;
  left: calc(56px - 8px);
  z-index: 1;
}
.react-ui-kit__ui-button_lg--J6dM[data-badge]:active::before {
  top: 9px;
}

.react-ui-kit__ui-button_md--3oa8 {
  min-height: 52px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 20px;
}
.react-ui-kit__ui-button_md--3oa8 {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-ui-kit__ui-button_md--3oa8.react-ui-kit__ui-button_is-proportional--g7rt {
  width: 52px;
  min-width: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_md--3oa8[data-badge]::before {
  top: 8px;
  left: calc(52px - 8px);
  z-index: 1;
}
.react-ui-kit__ui-button_md--3oa8[data-badge]:active::before {
  top: 9px;
}

.react-ui-kit__ui-button_sm--1b8m {
  min-height: 44px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 16px;
}
.react-ui-kit__ui-button_sm--1b8m {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-button_sm--1b8m.react-ui-kit__ui-button_is-proportional--g7rt {
  width: 44px;
  min-width: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_sm--1b8m[data-badge]::before {
  top: 4px;
  left: calc(44px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_sm--1b8m[data-badge]:active::before {
  top: 5px;
}

.react-ui-kit__ui-button_xs--1uYs {
  min-height: 32px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 12px;
}
.react-ui-kit__ui-button_xs--1uYs {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-button_xs--1uYs.react-ui-kit__ui-button_is-proportional--g7rt {
  width: 32px;
  min-width: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_xs--1uYs[data-badge]::before {
  top: 4px;
  left: calc(32px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_xs--1uYs[data-badge]:active::before {
  top: 5px;
}

.react-ui-kit__ui-button_xxs--1tbX {
  min-height: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 8px;
}
.react-ui-kit__ui-button_xxs--1tbX {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-button_xxs--1tbX.react-ui-kit__ui-button_is-proportional--g7rt {
  width: 24px;
  min-width: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-ui-kit__ui-button_xxs--1tbX[data-badge]::before {
  top: 4px;
  left: calc(24px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_xxs--1tbX[data-badge]:active::before {
  top: 5px;
}

/**
 * BUTTON TYPES:
 *
 * - primary
 * - primary-alt
 * - secondary
 * - subdued
 * - linkalike
 */
.react-ui-kit__ui-button_primary--1IDr {
  background-color: var(--ui-skin-button-primary-bg);
  border-color: var(--ui-skin-button-primary-border);
  color: var(--ui-skin-button-primary-text);
}
.react-ui-kit__ui-button_primary--1IDr .react-ui-kit__ui-button_label--5XQB {
  color: var(--ui-skin-button-primary-label);
}
.react-ui-kit__ui-button_primary--1IDr .react-ui-kit__ui-button_icon--277h {
  color: var(--ui-skin-button-primary-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary--1IDr, .react-ui-kit__ui-button_primary--1IDr.react-ui-kit__ui-button_isInverted--2fIa {
  background-color: var(--ui-skin-button-primary-inverted-bg);
  border-color: var(--ui-skin-button-primary-inverted-border);
  color: var(--ui-skin-button-primary-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary--1IDr .react-ui-kit__ui-button_label--5XQB, .react-ui-kit__ui-button_primary--1IDr.react-ui-kit__ui-button_isInverted--2fIa .react-ui-kit__ui-button_label--5XQB {
  color: var(--ui-skin-button-primary-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary--1IDr .react-ui-kit__ui-button_icon--277h, .react-ui-kit__ui-button_primary--1IDr.react-ui-kit__ui-button_isInverted--2fIa .react-ui-kit__ui-button_icon--277h {
  color: var(--ui-skin-button-primary-inverted-icon);
}

.react-ui-kit__ui-button_primaryAlt--N6fh {
  background-color: var(--ui-skin-button-primary-alt-bg);
  border-color: var(--ui-skin-button-primary-alt-border);
  color: var(--ui-skin-button-primary-alt-text);
}
.react-ui-kit__ui-button_primaryAlt--N6fh .react-ui-kit__ui-button_label--5XQB {
  color: var(--ui-skin-button-primary-alt-label);
}
.react-ui-kit__ui-button_primaryAlt--N6fh .react-ui-kit__ui-button_icon--277h {
  color: var(--ui-skin-button-primary-alt-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--N6fh, .react-ui-kit__ui-button_primaryAlt--N6fh.react-ui-kit__ui-button_isInverted--2fIa {
  background-color: var(--ui-skin-button-primary-alt-inverted-bg);
  border-color: var(--ui-skin-button-primary-alt-inverted-border);
  color: var(--ui-skin-button-primary-alt-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--N6fh .react-ui-kit__ui-button_label--5XQB, .react-ui-kit__ui-button_primaryAlt--N6fh.react-ui-kit__ui-button_isInverted--2fIa .react-ui-kit__ui-button_label--5XQB {
  color: var(--ui-skin-button-primary-alt-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--N6fh .react-ui-kit__ui-button_icon--277h, .react-ui-kit__ui-button_primaryAlt--N6fh.react-ui-kit__ui-button_isInverted--2fIa .react-ui-kit__ui-button_icon--277h {
  color: var(--ui-skin-button-primary-alt-inverted-icon);
}

.react-ui-kit__ui-button_secondary--1l40 {
  background-color: var(--ui-skin-button-secondary-bg);
  border-color: var(--ui-skin-button-secondary-border);
  color: var(--ui-skin-button-secondary-text);
}
.react-ui-kit__ui-button_secondary--1l40 .react-ui-kit__ui-button_label--5XQB {
  color: var(--ui-skin-button-secondary-label);
}
.react-ui-kit__ui-button_secondary--1l40 .react-ui-kit__ui-button_icon--277h {
  color: var(--ui-skin-button-secondary-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--1l40, .react-ui-kit__ui-button_secondary--1l40.react-ui-kit__ui-button_isInverted--2fIa {
  background-color: var(--ui-skin-button-secondary-inverted-bg);
  border-color: var(--ui-skin-button-secondary-inverted-border);
  color: var(--ui-skin-button-secondary-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--1l40 .react-ui-kit__ui-button_label--5XQB, .react-ui-kit__ui-button_secondary--1l40.react-ui-kit__ui-button_isInverted--2fIa .react-ui-kit__ui-button_label--5XQB {
  color: var(--ui-skin-button-secondary-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--1l40 .react-ui-kit__ui-button_icon--277h, .react-ui-kit__ui-button_secondary--1l40.react-ui-kit__ui-button_isInverted--2fIa .react-ui-kit__ui-button_icon--277h {
  color: var(--ui-skin-button-secondary-inverted-icon);
}

.react-ui-kit__ui-button_subdued--nKyX {
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-skin-button-subdued-text);
}
.react-ui-kit__ui-button_subdued--nKyX .react-ui-kit__ui-button_label--5XQB {
  color: var(--ui-skin-button-subdued-text);
}
.react-ui-kit__ui-button_subdued--nKyX .react-ui-kit__ui-button_icon--277h {
  color: var(--ui-skin-button-subdued-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--nKyX, .react-ui-kit__ui-button_subdued--nKyX.react-ui-kit__ui-button_isInverted--2fIa {
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-skin-button-subdued-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--nKyX .react-ui-kit__ui-button_label--5XQB, .react-ui-kit__ui-button_subdued--nKyX.react-ui-kit__ui-button_isInverted--2fIa .react-ui-kit__ui-button_label--5XQB {
  color: var(--ui-skin-button-subdued-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--nKyX .react-ui-kit__ui-button_icon--277h, .react-ui-kit__ui-button_subdued--nKyX.react-ui-kit__ui-button_isInverted--2fIa .react-ui-kit__ui-button_icon--277h {
  color: var(--ui-skin-button-subdued-inverted-text);
}

.react-ui-kit__ui-button_linkalike--2xp1::after {
  display: none;
}

/**
 * BUTTON ELEMENTS
 */
.react-ui-kit__ui-button_label--5XQB {
  margin-left: 12px;
  padding-left: 12px;
  height: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: normal;
}

.react-ui-kit__ui-button_loader--3OcK {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  z-index: 3;
}
.react-ui-kit__ui-button_loader--3OcK {
  contain: layout;
  display: inline-block;
  min-width: 27px;
  min-height: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='%23000'%3E%3Ccircle transform='translate%288 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2816 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.3' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2824 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.6' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3C/svg%3E%0A") center center no-repeat;
  -webkit-filter: var(--ui-skin-loader-filter);
          filter: var(--ui-skin-loader-filter);
}
.react-ui-kit__ui-button_loader--3OcK::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-ui-kit__ui-button_loader--3OcK, .react-ui-kit__ui-button_loader--3OcK.react-ui-kit__ui-button_isInverted--2fIa {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.react-ui-kit__ui-button_icon--277h {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.react-ui-kit__ui-button_container--2Opx:not(.react-ui-kit__ui-button_is-proportional--g7rt) .react-ui-kit__ui-button_icon--277h {
  margin-right: 8px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/review-status/review-status.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__review-status_isInverted--3ffz {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__review-status_container--3txO {
  display: inline-block;
  cursor: pointer;
}

.player__review-status_status--2X6M {
  width: 10px;
  height: 10px;
  margin: 4px;
  background: var(--ui-skin-palette-positive-400);
  border-radius: 50%;
}

.player__review-status_unreviewed--1V_q {
  background: var(--ui-skin-palette-negative-400);
}

.player__review-status_unreviewedChildren--2sC5 {
  background: var(--ui-skin-palette-warning-400);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-step-actions/editable-step-actions.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-step-actions_isInverted--1nK8 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-step-actions_container--_2mp {
  position: absolute;
  top: -24px;
  right: -12px;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}

.player__editable-step-actions_isVisible--3UHA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/node_modules/@mindojo/react-ui-kit/src/components/ui-label/ui-label.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-label_isInverted--1mKs {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-label_container--KYbI {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: var(--ui-skin-font-weight-bold);
  letter-spacing: 1px;
  line-height: 1;
  height: 20px;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: var(--ui-skin-border-radius-sm);
}

.react-ui-kit__ui-label_success--lBWu {
  background-color: var(--ui-skin-label-success-background);
  color: var(--ui-skin-label-success-text);
}
.react-ui-kit__ui-label_success--lBWu.react-ui-kit__ui-label_isStrong--CxKh {
  background-color: var(--ui-skin-label-success-text);
  color: #fff;
}

.react-ui-kit__ui-label_warning--1KPi {
  background-color: var(--ui-skin-label-warning-background);
  color: var(--ui-skin-label-warning-text);
}
.react-ui-kit__ui-label_warning--1KPi.react-ui-kit__ui-label_isStrong--CxKh {
  background-color: var(--ui-skin-label-warning-text);
  color: #fff;
}

.react-ui-kit__ui-label_danger--16li {
  background-color: var(--ui-skin-label-danger-background);
  color: var(--ui-skin-label-danger-text);
}
.react-ui-kit__ui-label_danger--16li.react-ui-kit__ui-label_isStrong--CxKh {
  background-color: var(--ui-skin-label-danger-text);
  color: #fff;
}

.react-ui-kit__ui-label_info--2kt_ {
  background-color: var(--ui-skin-label-info-background);
  color: var(--ui-skin-label-info-text);
}
.react-ui-kit__ui-label_info--2kt_.react-ui-kit__ui-label_isStrong--CxKh {
  background-color: var(--ui-skin-label-info-text);
  color: #fff;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/step-features/step-features.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__step-features_isInverted--2bDj {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__step-features_container--1wV2 span:not(:first-child) {
  margin-left: 4px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/step-relations/step-relations.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__step-relations_isInverted--1SZq {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__step-relations_container--3_Oc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: bold;
}

.react-core__step-relations_steps--1V3T {
  font-weight: normal;
  color: var(--ui-skin-text-subdued);
}

.react-core__step-relations_arrow--2sV2 {
  color: var(--ui-skin-text-subdued);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-dynamic-stage/editable-dynamic-stage.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-dynamic-stage_isInverted--1L0z {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-dynamic-stage_container--tMAG {
  position: relative;
  padding: 0 24px;
  margin: 16px 0 16px -24px;
  width: calc(100% + 24px * 2);
  border-top: 1px solid var(--ui-skin-border);
  border-bottom: 1px solid var(--ui-skin-border);
}
.player__editable-dynamic-stage_container--tMAG::before {
  content: attr(data-label);
  position: absolute;
  font-size: 13px;
  font-weight: var(--ui-skin-font-weight-bold);
  top: 0;
  left: 16px;
  padding: 0.1em 0.5em;
  background-color: var(--ui-skin-element-bg);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-transform: uppercase;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-step-instance/editable-step-instance.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-step-instance_isInverted--2Zt- {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-step-instance_container--103d {
  max-width: var(--ui-skin-player-max-editable-width);
  margin: 0 auto;
  padding-top: 16px;
}

.player__editable-step-instance_hasContentIssues--3jaF {
  border: 3px solid var(--ui-skin-palette-warning-100);
}

.player__editable-step-instance_hasActiveContentIssue--1gzM {
  border-color: var(--ui-skin-palette-warning-300);
}

.player__editable-step-instance_editableHeader--2VDt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 870px) {
  .player__editable-step-instance_editableHeader--2VDt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .player__editable-step-instance_editableHeader--2VDt div:not(:first-child) {
    margin-top: 8px;
  }
}

.player__editable-step-instance_promptHint--Cxed {
  color: var(--ui-skin-text-subdued);
  font-weight: var(--ui-skin-font-weight-bold);
  margin: 12px 0;
  text-transform: uppercase;
}
.player__editable-step-instance_promptHint--Cxed {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/image-upload-area/image-upload-area.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__image-upload-area_isInverted--3iSS {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__image-upload-area_container--3sp3 {
  width: 100%;
  height: 100px;
  background-color: #fbfcfe;
  border: 1px dashed #cdd1d9;
  border-radius: 4px;
  padding: 24px;
  text-align: center;
}
.react-core__image-upload-area_container--3sp3.react-core__image-upload-area_active--6sPR {
  background-color: #cdd1d9;
}
.react-core__image-upload-area_container--3sp3 .react-core__image-upload-area_header--3r13 {
  color: #585e6d;
  line-height: 1.5;
  cursor: pointer;
}
.react-core__image-upload-area_container--3sp3 .react-core__image-upload-area_anchor--Wxzg {
  font-weight: 500;
  color: #584bae;
}
.react-core__image-upload-area_container--3sp3 .react-core__image-upload-area_hint--1nnm {
  color: #8a91a0;
  font-size: 12px;
  line-height: 1.75;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/markdown-editor-toolbar-item/markdown-editor-toolbar-item.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__markdown-editor-toolbar-item_isInverted--3UzT {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_CodeMirror--3kON {
  height: auto;
  color: #333;
  font-size: 16px;
  line-height: 21px;
  background: #fff;
  outline: none;
}
@media (max-width: 870px) {
  .react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_CodeMirror--3kON {
    padding: 12px 18px;
  }
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_CodeMirror-placeholder--r5x1 {
  color: #96a2ad;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_CodeMirror-lines--OCtd {
  padding: 14px;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-spell-error--XkL6 {
  border-bottom: 2px dotted;
}

.react-core__markdown-editor-toolbar-item_markdown-editor__icon-bold--3UyU {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath fill='%23616887' fill-rule='nonzero' d='M2 2v4.5h5.5a2.25 2.25 0 1 0 0-4.5H2zM1 0h6.5a4.25 4.25 0 1 1 0 8.5H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z'/%3E%3Cpath fill='%23616887' fill-rule='nonzero' d='M2 8.5V13h6.313a2.25 2.25 0 1 0 0-4.5H2zm-1-2h7.313a4.25 4.25 0 1 1 0 8.5H1a1 1 0 0 1-1-1V7.5a1 1 0 0 1 1-1z'/%3E%3C/g%3E%3C/svg%3E");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-italic--Mqt6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1 0h15v15H-1z'/%3E%3Cpath fill='%23616887' fill-rule='nonzero' d='M9.687 2L5.456 13H8a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2h2.313L7.544 2H5a1 1 0 1 1 0-2h7a1 1 0 0 1 0 2H9.687z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-underline--2hkI {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-1 0h15v15H-1z'/%3E%3Cpath fill='%23616887' fill-rule='nonzero' d='M1 1a1 1 0 1 1 2 0v5.385C3 8.387 4.573 10 6.5 10S10 8.387 10 6.385V1a1 1 0 0 1 2 0v5.385C12 9.48 9.543 12 6.5 12S1 9.48 1 6.385V1zm0 14a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2H1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-strikethrough--3_Gc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-2 0h15v15H-2z'/%3E%3Cpath fill='%23616887' d='M6.807 9H1a1 1 0 1 1 0-2h1.726C1.708 6.325.953 5.385.953 3.812c0-1.083.396-2 1.188-2.729C2.933.354 3.995 0 5.349 0 6.6 0 7.745.333 8.766.98c.23.145.333.374.333.666 0 .187-.041.333-.146.437-.187.271-.416.396-.687.396-.125 0-.292-.042-.48-.146a4.508 4.508 0 0 0-2.333-.666c-1.604 0-2.625.833-2.625 2.146C2.828 5.686 4.754 6.22 6.603 7H10a1 1 0 0 1 0 2h-.592c.34.535.545 1.197.545 2.042 0 1.187-.458 2.125-1.354 2.854C7.683 14.625 6.558 15 5.203 15c-1.375 0-2.729-.563-4.041-1.667a.727.727 0 0 1-.25-.583.8.8 0 0 1 .187-.52.78.78 0 0 1 .646-.313c.188 0 .333.041.48.146 1.145.854 2.145 1.27 3 1.27 1.603 0 2.853-.854 2.853-2.27 0-.96-.516-1.578-1.271-2.063z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-ordered-list--2F7C {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath fill='%23616887' fill-rule='nonzero' d='M5.91 3C5.406 3 5 2.552 5 2s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H5.91zM5.91 8C5.406 8 5 7.552 5 7s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H5.91zM5.91 13c-.503 0-.91-.448-.91-1s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H5.91z'/%3E%3Cpath fill='%23616887' d='M1.96 4h-.71V1.73H.37v-.535a1.68 1.68 0 0 0 .358-.028.933.933 0 0 0 .31-.115.76.76 0 0 0 .232-.217A.773.773 0 0 0 1.395.5h.565V4zM.185 6.845a1.68 1.68 0 0 1 .07-.558c.053-.171.133-.321.24-.45.107-.128.24-.228.402-.3.162-.071.348-.107.558-.107.16 0 .312.025.458.075.145.05.272.122.382.215a1.021 1.021 0 0 1 .36.805c0 .177-.028.328-.085.455-.057.127-.132.24-.225.337-.093.099-.2.188-.318.268-.118.08-.237.16-.357.237-.12.079-.237.163-.35.253-.113.09-.213.195-.3.315h1.655V9H.105c0-.203.03-.38.088-.53a1.41 1.41 0 0 1 .237-.402c.1-.119.217-.228.352-.328a15.32 15.32 0 0 1 .673-.468 1.63 1.63 0 0 0 .237-.182.972.972 0 0 0 .18-.225.558.558 0 0 0 .073-.285c0-.17-.05-.302-.147-.397a.52.52 0 0 0-.378-.143.459.459 0 0 0-.262.072.541.541 0 0 0-.173.19.876.876 0 0 0-.093.26c-.018.096-.027.19-.027.283h-.68zM1.14 11.915c.077.007.158.007.245 0a.771.771 0 0 0 .242-.057.465.465 0 0 0 .185-.138.371.371 0 0 0 .073-.24c0-.15-.05-.265-.15-.345a.537.537 0 0 0-.345-.12c-.18 0-.316.06-.407.178a.687.687 0 0 0-.133.447H.175c.007-.18.04-.344.098-.492a1.085 1.085 0 0 1 .623-.63c.146-.059.309-.088.489-.088.14 0 .28.02.42.063.14.041.266.104.378.187.111.083.202.185.272.305s.105.258.105.415c0 .17-.04.32-.123.45a.614.614 0 0 1-.367.265v.01a.762.762 0 0 1 .455.28c.11.143.165.315.165.515 0 .183-.036.347-.107.49a1.07 1.07 0 0 1-.288.36 1.27 1.27 0 0 1-.415.22c-.157.05-.32.075-.49.075-.197 0-.376-.028-.537-.085-.162-.057-.3-.14-.413-.248-.113-.108-.2-.24-.263-.397a1.403 1.403 0 0 1-.087-.54h.675c.003.093.018.182.045.268a.658.658 0 0 0 .115.22.547.547 0 0 0 .455.202c.16 0 .295-.05.405-.147a.512.512 0 0 0 .165-.403.509.509 0 0 0-.077-.305.444.444 0 0 0-.198-.153.827.827 0 0 0-.262-.055 5.192 5.192 0 0 0-.273-.007v-.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-unordered-list--RU2w {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate%280 -1%29'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath fill='%23616887' fill-rule='nonzero' d='M4.91 3C4.406 3 4 2.552 4 2s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H4.91zM4.91 8C4.406 8 4 7.552 4 7s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H4.91zM4.91 13c-.503 0-.91-.448-.91-1s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H4.91z'/%3E%3Ccircle cx='1' cy='2' r='1' fill='%23616887'/%3E%3Ccircle cx='1' cy='7' r='1' fill='%23616887'/%3E%3Ccircle cx='1' cy='12' r='1' fill='%23616887'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-table--OWqv {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath fill='%23616887' fill-rule='nonzero' d='M3 2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3zm0-2h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3z'/%3E%3Cpath fill='%23616887' d='M7 2h1v12H7z'/%3E%3Cpath fill='%23616887' d='M2 8V7h12v1z'/%3E%3C/g%3E%3C/svg%3E");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-header--1vcP {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='15' viewBox='0 0 12 15'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate%28-2%29'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Crect width='2' height='15' x='2' fill='%23616887' rx='1'/%3E%3Crect width='2' height='15' x='12' fill='%23616887' rx='1'/%3E%3Cpath fill='%23616887' d='M3 8c0-.552.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H3.91C3.406 9 3 8.552 3 8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-multiple-choice--14j-, .react-core__markdown-editor-toolbar-item_item--3ZW7.react-core__markdown-editor-toolbar-item_multiple--YDY1 .react-core__markdown-editor-toolbar-item_multipleToggle--jmpX {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='7' height='7' viewBox='0 0 7 7'%3E%3Cdefs%3E%3Cpath id='a' d='M.988 2.001H6L3.5 5.094z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23616887' xlink:href='%23a'/%3E%3Cg fill='%23584BAE' mask='url%28%23b%29'%3E%3Cpath d='M-10-10h27v27h-27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-superscript--3sIM {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M1 0h15v15H1z'/%3E%3Cpath fill='%23616887' d='M5.203 15c-1.375 0-2.729-.563-4.041-1.667a.727.727 0 0 1-.25-.583.8.8 0 0 1 .187-.52.78.78 0 0 1 .646-.313c.188 0 .333.041.48.146 1.145.854 2.145 1.27 3 1.27 1.603 0 2.853-.854 2.853-2.27C8.078 7.5.953 8.646.953 3.813c0-1.084.396-2 1.188-2.73C2.933.354 3.995 0 5.349 0 6.6 0 7.745.333 8.766.98c.23.145.333.374.333.666 0 .187-.041.333-.146.437-.187.271-.416.396-.687.396-.125 0-.292-.042-.48-.146a4.508 4.508 0 0 0-2.333-.666c-1.604 0-2.625.833-2.625 2.146 0 3.604 7.125 2.25 7.125 7.229 0 1.187-.458 2.125-1.354 2.854C7.683 14.625 6.558 15 5.203 15zM11.7 2.45L9.97.2h1.44l1.04 1.49L13.52.2h1.38l-1.72 2.25L15.14 5h-1.46l-1.25-1.75L11.17 5H9.75z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-subscript--3mkn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M1 0h15v15H1z'/%3E%3Cpath fill='%23616887' d='M5.203 15c-1.375 0-2.729-.563-4.041-1.667a.727.727 0 0 1-.25-.583.8.8 0 0 1 .187-.52.78.78 0 0 1 .646-.313c.188 0 .333.041.48.146 1.145.854 2.145 1.27 3 1.27 1.603 0 2.853-.854 2.853-2.27C8.078 7.5.953 8.646.953 3.813c0-1.084.396-2 1.188-2.73C2.933.354 3.995 0 5.349 0 6.6 0 7.745.333 8.766.98c.23.145.333.374.333.666 0 .187-.041.333-.146.437-.187.271-.416.396-.687.396-.125 0-.292-.042-.48-.146a4.508 4.508 0 0 0-2.333-.666c-1.604 0-2.625.833-2.625 2.146 0 3.604 7.125 2.25 7.125 7.229 0 1.187-.458 2.125-1.354 2.854C7.683 14.625 6.558 15 5.203 15zM12.398 12.45l-1.73-2.25h1.44l1.04 1.49 1.07-1.49h1.38l-1.72 2.25 1.96 2.55h-1.46l-1.25-1.75-1.26 1.75h-1.42z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-color--1AaZ {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15'%3E%3Cg fill='%23616887' fill-rule='nonzero'%3E%3Cpath d='M1.957 9.409c0 2.08 1.462 3.584 3.543 3.584 2.08 0 3.526-1.503 3.526-3.584 0-1.286-1.005-3.307-3.526-6.45-2.521 3.143-3.543 5.164-3.543 6.45zM5.5 15A5.5 5.5 0 0 1 0 9.5C0 7.475 1.833 4.308 5.5 0 9.167 4.308 11 7.475 11 9.5A5.5 5.5 0 0 1 5.5 15z'/%3E%3Cpath d='M6.59 8.685c-.027-.422.33-.784.796-.807.466-.023.865.3.891.722.043.705-.195 1.4-.69 2.073-.55.749-1.385 1.158-2.42 1.203-.466.02-.862-.306-.884-.729-.022-.422.338-.78.804-.801.51-.022.847-.188 1.093-.522.303-.411.43-.786.41-1.14z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-image--1FXp {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cg fill='%23616887'%3E%3Cpath fill-rule='nonzero' d='M3 2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3zm0-2h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3z'/%3E%3Ccircle cx='5.5' cy='5.5' r='1.5'/%3E%3Cpath fill-rule='nonzero' d='M14.505 10.387a.75.75 0 1 1-1.01 1.109l-3.21-2.922a.25.25 0 0 0-.354.017l-5.376 5.914a.75.75 0 0 1-1.11-1.01l5.377-5.913a1.75 1.75 0 0 1 2.472-.117l3.21 2.922z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-preview--1WMO {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='13' viewBox='0 0 19 13'%3E%3Cg fill='%23616887' fill-rule='nonzero'%3E%3Cpath d='M18.261 6.109C18.131 5.892 14.9.676 9.5.676 4.1.676.869 5.892.739 6.11L.5 6.5l.239.391c.13.217 3.361 5.433 8.761 5.433 5.422 0 8.631-5.216 8.761-5.433L18.5 6.5l-.239-.391zM9.5 9.453A2.955 2.955 0 0 1 6.552 6.5 2.966 2.966 0 0 1 9.5 3.547 2.966 2.966 0 0 1 12.448 6.5 2.955 2.955 0 0 1 9.5 9.453zM2.7 6.5c.307-.431.88-1.17 1.7-1.888a9.216 9.216 0 0 1 1.147-.903 4.81 4.81 0 0 0-.88 2.791 4.81 4.81 0 0 0 .88 2.791c-.39-.267-.778-.554-1.167-.903A11.795 11.795 0 0 1 2.7 6.5zm10.753 2.791a4.81 4.81 0 0 0 .88-2.791c0-1.047-.327-1.99-.88-2.791.39.267.778.554 1.147.903A12.148 12.148 0 0 1 16.3 6.5c-.43.616-1.413 1.847-2.847 2.791z'/%3E%3Cpath d='M9.5 4c-.172 0-.328.042-.469.104.156.167.266.417.266.708 0 .5-.487 1.087-.862 1.087-.219 0-.89-.316-1.015-.524A2.702 2.702 0 0 0 7.34 6c0 1.104 1.33 2 2.159 2 .828 0 1.78-.896 1.78-2s-.952-2-1.78-2z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.react-core__markdown-editor-toolbar-item_markdown-editor__icon-highlight--2KkY {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1678 23.2699L29.0237 7.50867C30.6174 6.10192 33.0331 6.18745 34.5233 7.7034L37.4317 10.6621C38.8852 12.1406 38.968 14.4846 37.6225 16.062L22.0403 34.3301L21.4362 34.9855L20.5906 34.6578C20.5906 34.6578 16.7248 33.1831 13.9463 36.0096H13.906L13.8658 36.0506L13.5839 36.2964L10.9262 39L4 37.0747L9.11409 31.9952L9.27517 31.8313L9.47651 31.5855L9.51678 31.5446V31.5036C12.2953 28.6771 10.8456 24.7446 10.8456 24.7446L10.5235 23.8843L11.1678 23.2699ZM33.4145 14.8304C34.0767 14.041 34.0308 12.8778 33.3085 12.143L33.0225 11.852C32.2819 11.0986 31.083 11.0512 30.2851 11.7438L15.7804 24.3349L20.9933 29.6379L33.4145 14.8304Z' fill='%23626885'/%3E%3C/svg%3E%0A");
}

.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 {
  position: relative;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-superscript--hNUU {
  vertical-align: super;
  font-size: 80%;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-subscript--B9tD {
  vertical-align: sub;
  font-size: 80%;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-underline--3o8B {
  text-decoration: underline;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-content-issue-comment--2y4w {
  background-color: rgba(255, 197, 164, 0.4);
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-black--2qx7 {
  color: #000;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-black--1c4J {
  background: #000;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-dark-grey--2EJY {
  color: #707070;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-dark-grey--1qMi {
  background: #707070;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-light-grey--3vBx {
  color: #ccc;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-light-grey--16qd {
  background: #ccc;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-dark-blue--3C_I {
  color: #205081;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-dark-blue--1FBl {
  background: #205081;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-light-blue--3OA3 {
  color: #59afe1;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-light-blue--bYAh {
  background: #59afe1;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-dark-green--Viyq {
  color: #14892c;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-dark-green--27AE {
  background: #14892c;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-light-green--1usE {
  color: #8eb021;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-light-green--1vii {
  background: #8eb021;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-red--4Xc8 {
  color: #d04437;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-red--1TQV {
  background: #d04437;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-orange--2TLl {
  color: #f79232;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-orange--YL7D {
  background: #f79232;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-yellow--2wfV {
  color: #f6c342;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-yellow--S1rx {
  background: #f6c342;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-purple--xU5F {
  color: #654982;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-purple--2LxC {
  background: #654982;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-color-pink--3NW6 {
  color: #f691b2;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-highlight-pink--3rcS {
  background: #f691b2;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-text-diff--2rMt {
  position: relative;
  padding: 0.3em 0;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-text-diff-addition--2eB_ {
  background-color: #e6ffed;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-text-diff-deletion--3FDc {
  background-color: #ffeef0;
  text-decoration: line-through;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_text-diff-tooltip--3OMT {
  pointer-events: visible;
  position: absolute;
  width: 160px;
  padding: 10px 15px;
  -webkit-transform: translate(-50%, -100%) !important;
          transform: translate(-50%, -100%) !important;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #d0d2dc;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  z-index: 100;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_text-diff-tooltip--3OMT.react-core__markdown-editor-toolbar-item_text-diff-tooltip_is-hidden--33-i {
  display: none;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_text-diff-tooltip--3OMT.react-core__markdown-editor-toolbar-item_text-diff-tooltip_is-shown--3sLu {
  display: block;
}

.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_is-preview-active--Pegx .react-core__markdown-editor-toolbar-item_CodeMirror-scroll--3Vpd {
  display: none;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_is-preview-active--Pegx .react-core__markdown-editor-toolbar-item_markdown-editor-preview--3xpM {
  display: block;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_markdown-editor-preview--3xpM {
  width: 100%;
  height: 100%;
  padding: 14px;
  background-color: #fff;
  display: none;
}

.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-header--3drz {
  padding: 0;
  color: #333;
  font-weight: 500;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-header-1--3VCt {
  margin: 12px 0 32px;
  font-size: 26px;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-header-2--1P7c {
  margin: 12px 0 24px;
  font-size: 20px;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--1YL2 .react-core__markdown-editor-toolbar-item_cm-header-3--1P60 {
  margin: 12px 0 24px;
  font-size: 18px;
}

.react-core__markdown-editor-toolbar-item_item--3ZW7 {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 10px;
  -webkit-filter: none !important;
          filter: none !important;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 4px;
}
.react-core__markdown-editor-toolbar-item_item--3ZW7.react-core__markdown-editor-toolbar-item_active--26HZ, .react-core__markdown-editor-toolbar-item_item--3ZW7:hover {
  background-color: #eaeef6;
}
.react-core__markdown-editor-toolbar-item_item--3ZW7.react-core__markdown-editor-toolbar-item_simplified--3uyu {
  width: auto;
  height: auto;
  margin: 0;
  padding: 5px;
  display: block;
  background-image: none !important;
}
.react-core__markdown-editor-toolbar-item_item--3ZW7.react-core__markdown-editor-toolbar-item_simplified--3uyu > span {
  text-indent: 0 !important;
}
.react-core__markdown-editor-toolbar-item_item--3ZW7 > span {
  display: inline-block;
  text-indent: -9999em;
  width: 100%;
  height: 100%;
}
.react-core__markdown-editor-toolbar-item_item--3ZW7.react-core__markdown-editor-toolbar-item_multiple--YDY1 {
  overflow: visible;
  width: 30px;
  background-position: calc(50% - 5px) 50%;
}
.react-core__markdown-editor-toolbar-item_item--3ZW7.react-core__markdown-editor-toolbar-item_multiple--YDY1 .react-core__markdown-editor-toolbar-item_multipleToggle--jmpX {
  background-position: 95% 50%;
  background-repeat: no-repeat;
}

.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_submenu--Szw-,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_submenu--Szw- {
  width: 170px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_subitem--1pfx,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_subitem--1pfx {
  display: inline-block;
  width: 50px;
  height: 25px;
  margin: 2px;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_subitem--1pfx > span,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_subitem--1pfx > span {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-black--OHBM,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-black--1JnW,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-black--OHBM,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-black--1JnW {
  background-color: #000;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-dark-grey--nalX,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-dark-grey--25T8,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-dark-grey--nalX,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-dark-grey--25T8 {
  background-color: #707070;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-light-grey--1KBY,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-light-grey--1ycN,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-light-grey--1KBY,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-light-grey--1ycN {
  background-color: #ccc;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-dark-blue--3jZP,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-dark-blue--LHIZ,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-dark-blue--3jZP,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-dark-blue--LHIZ {
  background-color: #205081;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-light-blue--3fko,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-light-blue--3w-9,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-light-blue--3fko,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-light-blue--3w-9 {
  background-color: #59afe1;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-dark-green--3fp8,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-dark-green--2Qt-,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-dark-green--3fp8,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-dark-green--2Qt- {
  background-color: #14892c;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-light-green--i0pO,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-light-green--2WFf,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-light-green--i0pO,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-light-green--2WFf {
  background-color: #8eb021;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-red--2xBF,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-red--um10,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-red--2xBF,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-red--um10 {
  background-color: #d04437;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-orange--1hQv,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-orange--3f3q,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-orange--1hQv,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-orange--3f3q {
  background-color: #f79232;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-yellow--1pE9,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-yellow--234Z,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-yellow--1pE9,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-yellow--234Z {
  background-color: #f6c342;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-purple--2WS1,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-purple--2SGR,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-purple--2WS1,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-purple--2SGR {
  background-color: #654982;
}
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_color-pink--3eh6,
.react-core__markdown-editor-toolbar-item_highlight--2xwc .react-core__markdown-editor-toolbar-item_highlight-pink--2jyQ,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_color-pink--3eh6,
.react-core__markdown-editor-toolbar-item_color--XmyB .react-core__markdown-editor-toolbar-item_highlight-pink--2jyQ {
  background-color: #f691b2;
}

.react-core__markdown-editor-toolbar-item_subitem--1pfx {
  margin: 10px 0;
  white-space: nowrap;
  cursor: pointer;
}
.react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-1--SJrC {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-1-line-height);
  font-size: var(--ui-skin-heading-1-font-size);
  font-weight: var(--ui-skin-heading-1-font-weight);
  text-transform: var(--ui-skin-heading-1-text-transform);
  letter-spacing: var(--ui-skin-heading-1-letter-spacing);
  color: var(--ui-skin-heading-1-color);
  font-family: var(--ui-skin-heading-1-font-family);
}
.ui-scheme-inverted .react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-1--SJrC, .react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-1--SJrC.react-core__markdown-editor-toolbar-item_isInverted--3UzT {
  color: var(--ui-skin-heading-1-color-inverted);
}
.react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-2--2mt5 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-2-line-height);
  font-size: var(--ui-skin-heading-2-font-size);
  font-weight: var(--ui-skin-heading-2-font-weight);
  text-transform: var(--ui-skin-heading-2-text-transform);
  letter-spacing: var(--ui-skin-heading-2-letter-spacing);
  color: var(--ui-skin-heading-2-color);
  font-family: var(--ui-skin-heading-2-font-family);
}
.ui-scheme-inverted .react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-2--2mt5, .react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-2--2mt5.react-core__markdown-editor-toolbar-item_isInverted--3UzT {
  color: var(--ui-skin-heading-2-color-inverted);
}
.react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-3--35W3 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
}
.ui-scheme-inverted .react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-3--35W3, .react-core__markdown-editor-toolbar-item_subitem--1pfx .react-core__markdown-editor-toolbar-item_header-3--35W3.react-core__markdown-editor-toolbar-item_isInverted--3UzT {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__markdown-editor-toolbar-item_separator--1hI5 {
  display: inline-block;
  height: 100%;
  margin: 0 5px;
  padding: 15px 0;
  width: 1px;
  background-color: #cdd1d9;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/markdown-editor-toolbar/markdown-editor-toolbar.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__markdown-editor-toolbar_isInverted--1WGm {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__markdown-editor-toolbar_container--2wV3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.react-core__markdown-editor-toolbar_shownItems--3RbZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-core__markdown-editor-toolbar_dropdownItems--3YTK {
  width: 45px;
  height: 25px;
  overflow: hidden;
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: 50%;
}
.react-core__markdown-editor-toolbar_dropdownItems--3YTK.react-core__markdown-editor-toolbar_isHidden--BNtB {
  visibility: hidden;
}

.react-core__markdown-editor-toolbar_moreIcon--13-A {
  color: #616887;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/markdown-editor-field/markdown-editor-field.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__markdown-editor-field_isInverted--2esL {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__markdown-editor-field_container--3U6A {
  width: 100%;
  position: relative;
  border: solid 1px var(--ui-skin-form-controls-border);
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isBorderless--22rT {
  border: none;
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isFocused--28Nk {
  border-color: var(--ui-skin-form-controls-focus);
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isFocused--28Nk .react-core__markdown-editor-field_toolbar--2Kz8 {
  display: block;
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isPending--1WEE {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isPending--1WEE::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isPending--1WEE::before {
  contain: layout;
  display: inline-block;
  min-width: 27px;
  min-height: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='%23000'%3E%3Ccircle transform='translate%288 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2816 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.3' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3Ccircle transform='translate%2824 0%29' cx='0' cy='16' r='0'%3E%3Canimate attributeName='r' values='0; 4; 0; 0' dur='1.2s' repeatCount='indefinite' begin='0.6' keytimes='0;0.2;0.7;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.6 0.4 0.8' calcMode='spline' /%3E%3C/circle%3E%3C/svg%3E%0A") center center no-repeat;
  -webkit-filter: var(--ui-skin-loader-filter);
          filter: var(--ui-skin-loader-filter);
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isPending--1WEE::before::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isPending--1WEE::before, .react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isPending--1WEE::before.react-core__markdown-editor-field_isInverted--2esL {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isMultiline--1SY6 .react-core__markdown-editor-field_textarea--14VF,
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isMultiline--1SY6 .CodeMirror {
  height: 180px;
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isMultiline--1SY6.react-core__markdown-editor-field_isFocused--28Nk .react-core__markdown-editor-field_textarea--14VF,
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isMultiline--1SY6.react-core__markdown-editor-field_isFocused--28Nk .CodeMirror {
  height: calc(180px - 45px);
}
.react-core__markdown-editor-field_container--3U6A .react-core__markdown-editor-field_toolbar--2Kz8 {
  background: #f9fbfd;
  display: none;
}
.react-core__markdown-editor-field_container--3U6A.react-core__markdown-editor-field_isToolbarPersistent--2fqy .react-core__markdown-editor-field_toolbar--2Kz8 {
  display: block;
}

.react-core__markdown-editor-field_textarea--14VF {
  cursor: text;
  overflow: hidden;
}
.react-core__markdown-editor-field_textarea--14VF .CodeMirror {
  min-height: calc(100px - 45px);
}
.react-core__markdown-editor-field_textarea--14VF .CodeMirror-placeholder {
  color: var(--ui-skin-text-placeholder) !important;
}

.react-core__markdown-editor-field_toolbarRow--33mU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-items: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
}

.react-core__markdown-editor-field_sharp--18N3 {
  border-radius: 0;
}

.react-core__markdown-editor-field_rounded--1MiG {
  border-radius: var(--ui-skin-border-radius);
}
.react-core__markdown-editor-field_rounded--1MiG .react-core__markdown-editor-field_textarea--14VF {
  border-radius: var(--ui-skin-border-radius);
}
.react-core__markdown-editor-field_rounded--1MiG .react-core__markdown-editor-field_toolbar--2Kz8 {
  border-radius: 0 0 var(--ui-skin-border-radius) var(--ui-skin-border-radius);
}
/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/codemirror/lib/codemirror.css ***!
  \**********************************************************************************************/
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@mindojo/markdown-editor/dist/markdown-editor.css ***!
  \******************************************************************************************************************/
.markdown-editor .CodeMirror{background:#fff;color:#333;font-size:16px;height:auto;line-height:21px;outline:none}@media (max-width:870px){.markdown-editor .CodeMirror{padding:12px 18px}}.markdown-editor .CodeMirror-placeholder{color:#96a2ad}.markdown-editor .CodeMirror-lines{padding:14px}.markdown-editor .cm-spell-error{border-bottom:2px dotted ui((color_palette:("black":#000,"dark-grey":#707070,"light-grey":#ccc,"dark-blue":#205081,"light-blue":#59afe1,"dark-green":#14892c,"light-green":#8eb021,"red":#d04437,"orange":#f79232,"yellow":#f6c342,"purple":#654982,"pink":#f691b2),text-addition-color:#e6ffed,text-deletion-color:#ffeef0),color-red)}.markdown-editor__icon-bold{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2713%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M0 0h15v15H0z%27/%3E%3Cpath fill=%27%23616887%27 fill-rule=%27nonzero%27 d=%27M2 2v4.5h5.5a2.25 2.25 0 1 0 0-4.5H2zM1 0h6.5a4.25 4.25 0 1 1 0 8.5H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z%27/%3E%3Cpath fill=%27%23616887%27 fill-rule=%27nonzero%27 d=%27M2 8.5V13h6.313a2.25 2.25 0 1 0 0-4.5H2zm-1-2h7.313a4.25 4.25 0 1 1 0 8.5H1a1 1 0 0 1-1-1V7.5a1 1 0 0 1 1-1z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-italic{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2713%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M-1 0h15v15H-1z%27/%3E%3Cpath fill=%27%23616887%27 fill-rule=%27nonzero%27 d=%27M9.687 2 5.456 13H8a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2h2.313L7.544 2H5a1 1 0 1 1 0-2h7a1 1 0 0 1 0 2H9.687z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-underline{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2713%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M-1 0h15v15H-1z%27/%3E%3Cpath fill=%27%23616887%27 fill-rule=%27nonzero%27 d=%27M1 1a1 1 0 1 1 2 0v5.385C3 8.387 4.573 10 6.5 10S10 8.387 10 6.385V1a1 1 0 0 1 2 0v5.385C12 9.48 9.543 12 6.5 12S1 9.48 1 6.385V1zm0 14a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2H1z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-strikethrough{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M-2 0h15v15H-2z%27/%3E%3Cpath fill=%27%23616887%27 d=%27M6.807 9H1a1 1 0 1 1 0-2h1.726C1.708 6.325.953 5.385.953 3.812c0-1.083.396-2 1.188-2.729C2.933.354 3.995 0 5.349 0 6.6 0 7.745.333 8.766.98c.23.145.333.374.333.666 0 .187-.041.333-.146.437-.187.271-.416.396-.687.396a1.03 1.03 0 0 1-.48-.146 4.508 4.508 0 0 0-2.333-.666c-1.604 0-2.625.833-2.625 2.146C2.828 5.686 4.754 6.22 6.603 7H10a1 1 0 0 1 0 2h-.592c.34.535.545 1.197.545 2.042 0 1.187-.458 2.125-1.354 2.854C7.683 14.625 6.558 15 5.203 15c-1.375 0-2.729-.563-4.041-1.667a.727.727 0 0 1-.25-.583.8.8 0 0 1 .187-.52.78.78 0 0 1 .646-.313c.188 0 .333.041.48.146 1.145.854 2.145 1.27 3 1.27 1.603 0 2.853-.854 2.853-2.27 0-.96-.516-1.578-1.271-2.063z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-ordered-list{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M0 0h15v15H0z%27/%3E%3Cpath fill=%27%23616887%27 fill-rule=%27nonzero%27 d=%27M5.91 3C5.406 3 5 2.552 5 2s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H5.91zm0 5C5.406 8 5 7.552 5 7s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H5.91zm0 5c-.503 0-.91-.448-.91-1s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H5.91z%27/%3E%3Cpath fill=%27%23616887%27 d=%27M1.96 4h-.71V1.73H.37v-.535a1.68 1.68 0 0 0 .358-.028.933.933 0 0 0 .31-.115.76.76 0 0 0 .232-.217A.773.773 0 0 0 1.395.5h.565V4zM.185 6.845a1.68 1.68 0 0 1 .07-.558c.053-.171.133-.321.24-.45.107-.128.24-.228.402-.3.162-.071.348-.107.558-.107.16 0 .312.025.458.075.145.05.272.122.382.215a1.021 1.021 0 0 1 .36.805c0 .177-.028.328-.085.455-.057.127-.132.24-.225.337-.093.099-.2.188-.318.268-.118.08-.237.16-.357.237-.12.079-.237.163-.35.253-.113.09-.213.195-.3.315h1.655V9H.105c0-.203.03-.38.088-.53a1.41 1.41 0 0 1 .237-.402c.1-.119.217-.228.352-.328a15.32 15.32 0 0 1 .673-.468 1.63 1.63 0 0 0 .237-.182.972.972 0 0 0 .18-.225.558.558 0 0 0 .073-.285.53.53 0 0 0-.147-.397.52.52 0 0 0-.378-.143.459.459 0 0 0-.262.072.541.541 0 0 0-.173.19.876.876 0 0 0-.093.26 1.53 1.53 0 0 0-.027.283h-.68zm.955 5.07c.077.007.158.007.245 0a.771.771 0 0 0 .242-.057.465.465 0 0 0 .185-.138.371.371 0 0 0 .073-.24c0-.15-.05-.265-.15-.345a.537.537 0 0 0-.345-.12c-.18 0-.316.06-.407.178a.687.687 0 0 0-.133.447H.175a1.5 1.5 0 0 1 .098-.492 1.085 1.085 0 0 1 .623-.63 1.422 1.422 0 0 1 .909-.025c.14.041.266.104.378.187.111.083.202.185.272.305s.105.258.105.415c0 .17-.04.32-.123.45a.614.614 0 0 1-.367.265v.01a.762.762 0 0 1 .455.28.82.82 0 0 1 .165.515c0 .183-.036.347-.107.49a1.07 1.07 0 0 1-.288.36 1.27 1.27 0 0 1-.415.22c-.157.05-.32.075-.49.075a1.6 1.6 0 0 1-.537-.085c-.162-.057-.3-.14-.413-.248-.113-.108-.2-.24-.263-.397a1.403 1.403 0 0 1-.087-.54h.675a.996.996 0 0 0 .045.268.658.658 0 0 0 .115.22.547.547 0 0 0 .455.202c.16 0 .295-.05.405-.147a.512.512 0 0 0 .165-.403.509.509 0 0 0-.077-.305.444.444 0 0 0-.198-.153.827.827 0 0 0-.262-.055 5.192 5.192 0 0 0-.273-.007v-.5z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-unordered-list{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2712%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%280 -1%29%27%3E%3Cpath d=%27M0 0h15v15H0z%27/%3E%3Cpath fill=%27%23616887%27 fill-rule=%27nonzero%27 d=%27M4.91 3C4.406 3 4 2.552 4 2s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H4.91zm0 5C4.406 8 4 7.552 4 7s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H4.91zm0 5c-.503 0-.91-.448-.91-1s.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H4.91z%27/%3E%3Ccircle cx=%271%27 cy=%272%27 r=%271%27 fill=%27%23616887%27/%3E%3Ccircle cx=%271%27 cy=%277%27 r=%271%27 fill=%27%23616887%27/%3E%3Ccircle cx=%271%27 cy=%2712%27 r=%271%27 fill=%27%23616887%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-table{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M0 0h15v15H0z%27/%3E%3Cpath fill=%27%23616887%27 fill-rule=%27nonzero%27 d=%27M3 2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3zm0-2h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3z%27/%3E%3Cpath fill=%27%23616887%27 d=%27M7 2h1v12H7z%27/%3E%3Cpath fill=%27%23616887%27 d=%27M2 8V7h12v1z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-header{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-2%29%27%3E%3Cpath d=%27M0 0h15v15H0z%27/%3E%3Crect width=%272%27 height=%2715%27 x=%272%27 fill=%27%23616887%27 rx=%271%27/%3E%3Crect width=%272%27 height=%2715%27 x=%2712%27 fill=%27%23616887%27 rx=%271%27/%3E%3Cpath fill=%27%23616887%27 d=%27M3 8c0-.552.407-1 .91-1h8.18c.503 0 .91.448.91 1s-.407 1-.91 1H3.91C3.406 9 3 8.552 3 8z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-multiple-choice{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%277%27 height=%277%27%3E%3Cdefs%3E%3Cpath id=%27a%27 d=%27M.988 2.001H6L3.5 5.094z%27/%3E%3C/defs%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cmask id=%27b%27 fill=%27%23fff%27%3E%3Cuse xlink:href=%27%23a%27/%3E%3C/mask%3E%3Cuse fill=%27%23616887%27 xlink:href=%27%23a%27/%3E%3Cg fill=%27%23584BAE%27 mask=%27url%28%23b%29%27%3E%3Cpath d=%27M-10-10h27v27h-27z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-superscript{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M1 0h15v15H1z%27/%3E%3Cpath fill=%27%23616887%27 d=%27M5.203 15c-1.375 0-2.729-.563-4.041-1.667a.727.727 0 0 1-.25-.583.8.8 0 0 1 .187-.52.78.78 0 0 1 .646-.313c.188 0 .333.041.48.146 1.145.854 2.145 1.27 3 1.27 1.603 0 2.853-.854 2.853-2.27C8.078 7.5.953 8.646.953 3.813c0-1.084.396-2 1.188-2.73C2.933.354 3.995 0 5.349 0 6.6 0 7.745.333 8.766.98c.23.145.333.374.333.666 0 .187-.041.333-.146.437-.187.271-.416.396-.687.396a1.03 1.03 0 0 1-.48-.146 4.508 4.508 0 0 0-2.333-.666c-1.604 0-2.625.833-2.625 2.146 0 3.604 7.125 2.25 7.125 7.229 0 1.187-.458 2.125-1.354 2.854C7.683 14.625 6.558 15 5.203 15zM11.7 2.45 9.97.2h1.44l1.04 1.49L13.52.2h1.38l-1.72 2.25L15.14 5h-1.46l-1.25-1.75L11.17 5H9.75z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-subscript{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M1 0h15v15H1z%27/%3E%3Cpath fill=%27%23616887%27 d=%27M5.203 15c-1.375 0-2.729-.563-4.041-1.667a.727.727 0 0 1-.25-.583.8.8 0 0 1 .187-.52.78.78 0 0 1 .646-.313c.188 0 .333.041.48.146 1.145.854 2.145 1.27 3 1.27 1.603 0 2.853-.854 2.853-2.27C8.078 7.5.953 8.646.953 3.813c0-1.084.396-2 1.188-2.73C2.933.354 3.995 0 5.349 0 6.6 0 7.745.333 8.766.98c.23.145.333.374.333.666 0 .187-.041.333-.146.437-.187.271-.416.396-.687.396a1.03 1.03 0 0 1-.48-.146 4.508 4.508 0 0 0-2.333-.666c-1.604 0-2.625.833-2.625 2.146 0 3.604 7.125 2.25 7.125 7.229 0 1.187-.458 2.125-1.354 2.854C7.683 14.625 6.558 15 5.203 15zm7.195-2.55-1.73-2.25h1.44l1.04 1.49 1.07-1.49h1.38l-1.72 2.25 1.96 2.55h-1.46l-1.25-1.75-1.26 1.75h-1.42z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-color{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2711%27 height=%2715%27%3E%3Cg fill=%27%23616887%27%3E%3Cpath d=%27M1.957 9.409c0 2.08 1.462 3.584 3.543 3.584 2.08 0 3.526-1.503 3.526-3.584 0-1.286-1.005-3.307-3.526-6.45-2.521 3.143-3.543 5.164-3.543 6.45zM5.5 15A5.5 5.5 0 0 1 0 9.5C0 7.475 1.833 4.308 5.5 0 9.167 4.308 11 7.475 11 9.5A5.5 5.5 0 0 1 5.5 15z%27/%3E%3Cpath d=%27M6.59 8.685c-.027-.422.33-.784.796-.807.466-.023.865.3.891.722.043.705-.195 1.4-.69 2.073-.55.749-1.385 1.158-2.42 1.203-.466.02-.862-.306-.884-.729-.022-.422.338-.78.804-.801.51-.022.847-.188 1.093-.522.303-.411.43-.786.41-1.14z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%2715%27%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M0 0h15v15H0z%27/%3E%3Cg fill=%27%23616887%27%3E%3Cpath fill-rule=%27nonzero%27 d=%27M3 2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3zm0-2h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3z%27/%3E%3Ccircle cx=%275.5%27 cy=%275.5%27 r=%271.5%27/%3E%3Cpath fill-rule=%27nonzero%27 d=%27M14.505 10.387a.75.75 0 1 1-1.01 1.109l-3.21-2.922a.25.25 0 0 0-.354.017l-5.376 5.914a.75.75 0 0 1-1.11-1.01l5.377-5.913a1.75 1.75 0 0 1 2.472-.117l3.21 2.922z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-preview{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2719%27 height=%2713%27%3E%3Cg fill=%27%23616887%27%3E%3Cpath d=%27M18.261 6.109C18.131 5.892 14.9.676 9.5.676 4.1.676.869 5.892.739 6.11L.5 6.5l.239.391c.13.217 3.361 5.433 8.761 5.433 5.422 0 8.631-5.216 8.761-5.433L18.5 6.5l-.239-.391zM9.5 9.453A2.955 2.955 0 0 1 6.552 6.5 2.966 2.966 0 0 1 9.5 3.547 2.966 2.966 0 0 1 12.448 6.5 2.955 2.955 0 0 1 9.5 9.453zM2.7 6.5c.307-.431.88-1.17 1.7-1.888a9.216 9.216 0 0 1 1.147-.903 4.81 4.81 0 0 0-.88 2.791 4.81 4.81 0 0 0 .88 2.791c-.39-.267-.778-.554-1.167-.903A11.795 11.795 0 0 1 2.7 6.5zm10.753 2.791a4.81 4.81 0 0 0 .88-2.791c0-1.047-.327-1.99-.88-2.791.39.267.778.554 1.147.903A12.148 12.148 0 0 1 16.3 6.5c-.43.616-1.413 1.847-2.847 2.791z%27/%3E%3Cpath d=%27M9.5 4c-.172 0-.328.042-.469.104.156.167.266.417.266.708 0 .5-.487 1.087-.862 1.087-.219 0-.89-.316-1.015-.524A2.702 2.702 0 0 0 7.34 6c0 1.104 1.33 2 2.159 2 .828 0 1.78-.896 1.78-2s-.952-2-1.78-2z%27/%3E%3C/g%3E%3C/svg%3E")}.markdown-editor__icon-highlight{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2715%27 height=%2715%27 viewBox=%270 0 44 44%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M11.168 23.27 29.024 7.509a4 4 0 0 1 5.5.194l2.908 2.96a4 4 0 0 1 .19 5.399L22.04 34.33l-.604.656-.845-.328s-3.866-1.475-6.645 1.352h-.04l-.04.04-.282.246L10.926 39 4 37.075l5.114-5.08.161-.164.202-.245.04-.041v-.041c2.778-2.827 1.329-6.76 1.329-6.76l-.322-.86.644-.614zm22.246-8.44a2 2 0 0 0-.105-2.687l-.286-.291a2 2 0 0 0-2.738-.108L15.78 24.334l5.213 5.304L33.414 14.83z%27 fill=%27%23626885%27/%3E%3C/svg%3E")}.markdown-editor{position:relative}.markdown-editor .cm-superscript{font-size:80%;vertical-align:super}.markdown-editor .cm-subscript{font-size:80%;vertical-align:sub}.markdown-editor .cm-underline{text-decoration:underline}.markdown-editor .cm-content-issue-comment{background-color:rgba(255,197,164,.4)}.markdown-editor .cm-color-black{color:#000}.markdown-editor .cm-highlight-black{background:#000}.markdown-editor .cm-color-dark-grey{color:#707070}.markdown-editor .cm-highlight-dark-grey{background:#707070}.markdown-editor .cm-color-light-grey{color:#ccc}.markdown-editor .cm-highlight-light-grey{background:#ccc}.markdown-editor .cm-color-dark-blue{color:#205081}.markdown-editor .cm-highlight-dark-blue{background:#205081}.markdown-editor .cm-color-light-blue{color:#59afe1}.markdown-editor .cm-highlight-light-blue{background:#59afe1}.markdown-editor .cm-color-dark-green{color:#14892c}.markdown-editor .cm-highlight-dark-green{background:#14892c}.markdown-editor .cm-color-light-green{color:#8eb021}.markdown-editor .cm-highlight-light-green{background:#8eb021}.markdown-editor .cm-color-red{color:#d04437}.markdown-editor .cm-highlight-red{background:#d04437}.markdown-editor .cm-color-orange{color:#f79232}.markdown-editor .cm-highlight-orange{background:#f79232}.markdown-editor .cm-color-yellow{color:#f6c342}.markdown-editor .cm-highlight-yellow{background:#f6c342}.markdown-editor .cm-color-purple{color:#654982}.markdown-editor .cm-highlight-purple{background:#654982}.markdown-editor .cm-color-pink{color:#f691b2}.markdown-editor .cm-highlight-pink{background:#f691b2}.markdown-editor .cm-text-diff{padding:.3em 0;position:relative}.markdown-editor .cm-text-diff-addition{background-color:#e6ffed}.markdown-editor .cm-text-diff-deletion{background-color:#ffeef0;text-decoration:line-through}.markdown-editor .text-diff-tooltip{background-color:#fff;border:1px solid #d0d2dc;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08);color:#333;cursor:pointer;font-size:14px;line-height:1.4;padding:10px 15px;pointer-events:visible;position:absolute;text-align:center;transform:translate(-50%,-100%)!important;width:160px;z-index:100}.markdown-editor .text-diff-tooltip.text-diff-tooltip_is-hidden{display:none}.markdown-editor .text-diff-tooltip.text-diff-tooltip_is-shown{display:block}.markdown-editor .is-preview-active .CodeMirror-scroll{display:none}.markdown-editor .is-preview-active .markdown-editor-preview{display:block}.markdown-editor .markdown-editor-preview{background-color:#fff;display:none;height:100%;padding:14px;width:100%}.markdown-editor .cm-header{color:#333;font-weight:500;letter-spacing:normal;line-height:1.3;padding:0;text-transform:none}.markdown-editor .cm-header-1{font-size:26px;margin:12px 0 32px}.markdown-editor .cm-header-2{font-size:20px;margin:12px 0 24px}.markdown-editor .cm-header-3{font-size:18px;margin:12px 0 24px}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-fraction-input/editable-fraction-input.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-fraction-input_isInverted--1Pp5 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-fraction-input_container--XoE_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.player__editable-fraction-input_input--2etq {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.player__editable-fraction-input_separator--wROB {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/cpa-research-response/cpa-research-response.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__cpa-research-response_isInverted--1zYY {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__cpa-research-response_container--Ijp1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.player__cpa-research-response_select--1Qjo {
  width: 100px;
}

.player__cpa-research-response_separator--1Mb8 {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0 4px;
}

.player__cpa-research-response_input--2KM7 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.player__cpa-research-response_input--2KM7 input {
  width: 100% !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/multifield-response/multifield-response.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__multifield-response_isInverted--1TOm {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__multifield-response_container--1jQh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

.player__multifield-response_field--rc8n {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 8px;
}
.player__multifield-response_field--rc8n:last-child {
  padding-right: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-cell/ui-cell.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-cell_isInverted--1ofE {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-cell_container--3OGY {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
.react-ui-kit__ui-cell_container--3OGY.react-ui-kit__ui-cell_noGrow--1Xb5 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: auto;
}

.react-ui-kit__ui-cell_cell-1-3--AYdk {
  max-width: 33.3333333333%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-1-3--AYdk {
    max-width: none;
  }
}

.react-ui-kit__ui-cell_cell-2-3--3a8R {
  max-width: 66.6666666667%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-2-3--3a8R {
    max-width: none;
  }
}

.react-ui-kit__ui-cell_cell-1-4--1_Hw {
  max-width: 25%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-1-4--1_Hw {
    max-width: none;
  }
}

.react-ui-kit__ui-cell_cell-2-4--y8na {
  max-width: 50%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-2-4--y8na {
    max-width: none;
  }
}

.react-ui-kit__ui-cell_cell-3-4--zc_n {
  max-width: 75%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-3-4--zc_n {
    max-width: none;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/correctness-switcher/correctness-switcher.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__correctness-switcher_isInverted--3O4S {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__correctness-switcher_container--1Lge {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-transition: background-image 0.1s linear;
  transition: background-image 0.1s linear;
  cursor: pointer;
}

.player__correctness-switcher_isReadOnly--1ec4 {
  cursor: default;
}

.player__correctness-switcher_isCorrect--1-YH {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+DQogICAgICAgIDxwYXRoIGZpbGw9IiMzN0NBODEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTcuMzggMTUuNjQ4Yy40LjQ5NyAxLjE0NC41MzEgMS41ODkuMDc0bDguMzc3LTguNjgyYTEuMDYyIDEuMDYyIDAgMSAwLTEuNTI0LTEuNDhMOC4yNiAxMy40MDVsLTMuNzE2LTQuNDJBMS4wNjIgMS4wNjIgMCAxIDAgMi44OSAxMC4zMmw0LjQ5IDUuMzN6Ii8+DQogICAgPC9nPg0KPC9zdmc+DQo=");
}

.player__correctness-switcher_isIncorrect--3QB7 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+DQogICAgICAgIDxwYXRoIGZpbGw9IiNFMzEyMEIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwLjAxMyA4LjYxOGw0LjI2My00LjI0MmExIDEgMCAwIDEgMS40MTEgMS40MTdMMTEuNDMgMTAuMDNsNC4yOTQgNC4yODFhMSAxIDAgMSAxLTEuNDEzIDEuNDE2bC00LjI5OS00LjI4Ni00LjMwOSA0LjI4N2ExIDEgMCAwIDEtMS40MS0xLjQxN2w0LjMwMy00LjI4Mi00LjI3Ny00LjI2NUExIDEgMCAxIDEgNS43MyA0LjM0OGw0LjI4MyA0LjI3eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg0K");
}

.player__correctness-switcher_isNeutral--1xxE {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNLTQtNGgyMXYyMUgtNHoiLz4NCiAgICAgICAgPHBhdGggZmlsbD0iI0IwQjZDMSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi41MjIgMTEuMzY3YTQuODQ1IDQuODQ1IDAgMSAwIDAtOS42OSA0Ljg0NSA0Ljg0NSAwIDAgMCAwIDkuNjl6bTAgMS42NzdBNi41MjIgNi41MjIgMCAxIDEgNi41MjIgMGE2LjUyMiA2LjUyMiAwIDAgMSAwIDEzLjA0NHoiLz4NCiAgICA8L2c+DQo8L3N2Zz4NCg==");
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/linked-step-controls/linked-step-controls.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__linked-step-controls_isInverted--2XVC {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__linked-step-controls_container--3i2j {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.player__linked-step-controls_dropdown--13it {
  width: 140px;
}

.player__linked-step-controls_isLoading--FQIp {
  pointer-events: none;
}

.player__linked-step-controls_menu--CBcD {
  width: 210px !important;
}

.player__linked-step-controls_labelContainer--2ye1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  border: 1px solid var(--ui-skin-border);
  border-radius: var(--ui-skin-border-radius);
  padding: 16px 40px 16px 16px;
  background: var(--ui-skin-element-bg);
}
.player__linked-step-controls_labelContainer--2ye1:hover {
  border-color: var(--ui-skin-form-controls-focus);
}

.player__linked-step-controls_label--2z3F {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.player__linked-step-controls_icon--EqrV {
  position: absolute;
  right: 16px;
  color: var(--ui-skin-form-controls-icons);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.player__linked-step-controls_isActive--2GTh {
  color: var(--ui-skin-form-controls-focus);
  border-color: var(--ui-skin-form-controls-focus);
}
.player__linked-step-controls_isActive--2GTh .player__linked-step-controls_icon--EqrV {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  color: var(--ui-skin-form-controls-focus) !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/steps-manager-list-item/steps-manager-list-item.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__steps-manager-list-item_isInverted--1WZ- {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__steps-manager-list-item_container--2h-- {
  border-top: 1px solid var(--ui-skin-border);
  padding: 20px 28px;
  line-height: 26px;
}
.player__steps-manager-list-item_container--2h-- a {
  font-weight: bold;
}

.player__steps-manager-list-item_content--2H15 {
  margin: 12px 135px 0 0;
}

.player__steps-manager-list-item_actions--7EAm {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 135px;
}

.player__steps-manager-list-item_lockedTip--3Muc {
  color: var(--ui-skin-text-negative);
  padding-top: 8px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/steps-manager/steps-manager.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__steps-manager_isInverted--1P_g {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__steps-manager_searchContainer--35KV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 28px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.player__steps-manager_filterCheckbox--1lv1 {
  padding-left: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-response-item/editable-response-item.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-response-item_isInverted--1Dsq {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-response-item_container--2tuU {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 16px 0;
}

.player__editable-response-item_isLoading--2QdL::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
}

.player__editable-response-item_isDragging--1x_j {
  opacity: 0.5;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.player__editable-response-item_type--2n3s {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 20px 16px 0;
  width: 50px;
}

.player__editable-response-item_value--3tp8 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 16px;
  width: calc(100% - 50px - 16px - 150px - 24px);
}
.player__editable-response-item_value--3tp8 textarea {
  vertical-align: top;
}
.player__editable-response-item_value--3tp8 input {
  width: 100%;
}

.player__editable-response-item_controls--JGfG {
  width: 150px;
}

.player__editable-response-item_dragHandle--1GSp {
  width: 24px;
  padding-left: 16px;
  background-position: 0 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogICAgPGRlZnM+DQogICAgICAgIDxwYXRoIGlkPSJhIiBkPSJNMS41IDNhMS41IDEuNSAwIDEgMSAwLTMgMS41IDEuNSAwIDAgMSAwIDN6bTAgNmExLjUgMS41IDAgMSAxIDAtMyAxLjUgMS41IDAgMCAxIDAgM3ptMCA2YTEuNSAxLjUgMCAxIDEgMC0zIDEuNSAxLjUgMCAwIDEgMCAzem01LTEyYTEuNSAxLjUgMCAxIDEgMC0zIDEuNSAxLjUgMCAwIDEgMCAzem0wIDZhMS41IDEuNSAwIDEgMSAwLTMgMS41IDEuNSAwIDAgMSAwIDN6bTAgNmExLjUgMS41IDAgMSAxIDAtMyAxLjUgMS41IDAgMCAxIDAgM3oiLz4NCiAgICA8L2RlZnM+DQogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDIpIj4NCiAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPg0KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPg0KICAgICAgICA8L21hc2s+DQogICAgICAgIDx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz4NCiAgICAgICAgPGcgZmlsbD0iIzYxNjg4NyIgbWFzaz0idXJsKCNiKSI+DQogICAgICAgICAgICA8cGF0aCBkPSJNMTktN3YzMGgtMzBWLTd6Ii8+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4NCg==");
  cursor: -webkit-grab;
  cursor: grab;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/response-group-types-switcher/response-group-types-switcher.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__response-group-types-switcher_isInverted--MMGL {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__response-group-types-switcher_container--1Poc {
  margin: 16px 0;
}

.player__response-group-types-switcher_buttons--fhBw {
  margin-top: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-response-group-item/editable-response-group-item.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-response-group-item_isInverted--DFGY {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-response-group-item_container--10Lo {
  margin-top: 16px;
}

.player__editable-response-group-item_header--nOTG {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-6-line-height);
  font-size: var(--ui-skin-heading-6-font-size);
  font-weight: var(--ui-skin-heading-6-font-weight);
  text-transform: var(--ui-skin-heading-6-text-transform);
  letter-spacing: var(--ui-skin-heading-6-letter-spacing);
  color: var(--ui-skin-heading-6-color);
  font-family: var(--ui-skin-heading-6-font-family);
  font-weight: var(--ui-skin-font-weight-bold);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-scheme-inverted .player__editable-response-group-item_header--nOTG, .player__editable-response-group-item_header--nOTG.player__editable-response-group-item_isInverted--DFGY {
  color: var(--ui-skin-heading-6-color-inverted);
}

.player__editable-response-group-item_title--1XP9 {
  margin: 16px 0;
  max-width: 460px;
}
.player__editable-response-group-item_title--1XP9 input {
  width: 100% !important;
}

.player__editable-response-group-item_journalEntryRowsContainer--3W49 {
  margin: 16px 0;
}

.player__editable-response-group-item_itemLabel--2AiO {
  margin: 16px 0;
}
.player__editable-response-group-item_itemLabel--2AiO div {
  margin-bottom: 16px;
}

.player__editable-response-group-item_journalEntryRowsField--24hT {
  margin-top: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/node_modules/@mindojo/react-ui-kit/src/components/ui-form-control/ui-form-control.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-form-control_isInverted--2P-t {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-form-control_isError--3-Wv .react-ui-kit__ui-form-control_input--h6Sv:focus, .react-ui-kit__ui-form-control_isError--3-Wv .react-ui-kit__ui-form-control_input--h6Sv:hover, .react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_button--3iKm:hover + .react-ui-kit__ui-form-control_input--h6Sv, .react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv:focus, .react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv:hover {
  border-color: var(--ui-skin-form-controls-focus);
  outline: none;
}

/**
 * DEFAULT WRAPPER STYLES
 */
.react-ui-kit__ui-form-control_container--k-3t {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-ui-kit__ui-form-control_container--k-3t textarea {
  min-height: 6em;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-form-control_container--k-3t textarea {
    min-height: unset;
  }
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  background: var(--ui-skin-form-controls-bg);
  border: 1px solid var(--ui-skin-form-controls-border);
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv::-webkit-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv::-moz-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv:-ms-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv::-ms-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv::placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv:required {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv[disabled], .react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv[disabled]:hover {
  background-color: var(--ui-skin-form-controls-disabled);
  border-color: var(--ui-skin-form-controls-border);
  color: var(--ui-skin-text-subdued);
  cursor: not-allowed;
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_input--h6Sv[readonly] {
  cursor: default;
}
.react-ui-kit__ui-form-control_container--k-3t input[type=search]::-ms-clear {
  display: none;
}
.react-ui-kit__ui-form-control_container--k-3t input[type=search]::-ms-reveal {
  display: none;
}
.react-ui-kit__ui-form-control_container--k-3t input[type=search]::-webkit-search-decoration,
.react-ui-kit__ui-form-control_container--k-3t input[type=search]::-webkit-search-cancel-button,
.react-ui-kit__ui-form-control_container--k-3t input[type=search]::-webkit-search-results-button,
.react-ui-kit__ui-form-control_container--k-3t input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_icon--1rkc {
  position: absolute;
  left: 0;
  color: var(--ui-skin-form-controls-icons);
  opacity: 0.75;
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_button--3iKm {
  position: absolute;
  cursor: pointer;
  right: 0;
  color: var(--ui-skin-form-controls-icons);
  opacity: 0.75;
  -webkit-transition: all var(--ui-motions-speeds-medium) linear;
  transition: all var(--ui-motions-speeds-medium) linear;
}
.react-ui-kit__ui-form-control_container--k-3t .react-ui-kit__ui-form-control_button--3iKm:hover {
  opacity: 1;
}
.react-ui-kit__ui-form-control_isError--3-Wv .react-ui-kit__ui-form-control_input--h6Sv {
  border-color: #d50000;
}
.react-ui-kit__ui-form-control_isError--3-Wv .react-ui-kit__ui-form-control_input--h6Sv:focus, .react-ui-kit__ui-form-control_isError--3-Wv .react-ui-kit__ui-form-control_input--h6Sv:hover {
  -webkit-box-shadow: 0 0 4px rgba(213, 0, 0, 0.3);
          box-shadow: 0 0 4px rgba(213, 0, 0, 0.3);
}

.react-ui-kit__ui-form-control_isBlock--220C {
  width: 100%;
}

.react-ui-kit__ui-form-control_isBorderless--gQWa .react-ui-kit__ui-form-control_input--h6Sv {
  border: none;
}

/**
 * FORM CONTROL SHAPES:
 *
 * - rounded
 * - sharp
 */
.react-ui-kit__ui-form-control_rounded--3DQv .react-ui-kit__ui-form-control_input--h6Sv {
  border-radius: var(--ui-skin-border-radius);
}

.react-ui-kit__ui-form-control_sharp--1lzY .react-ui-kit__ui-form-control_input--h6Sv {
  border-radius: 0;
}

/**
 * FORM CONTROL SIZES:
 *
 * - sm
 * - md
 */
.react-ui-kit__ui-form-control_xs--1ee4 .react-ui-kit__ui-form-control_input--h6Sv {
  padding: 8px;
}
.react-ui-kit__ui-form-control_xs--1ee4 .react-ui-kit__ui-form-control_input--h6Sv {
  line-height: 20px;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_xs--1ee4 .react-ui-kit__ui-form-control_icon--1rkc {
  margin-left: 16px;
}
.react-ui-kit__ui-form-control_xs--1ee4 .react-ui-kit__ui-form-control_button--3iKm {
  margin-right: 16px;
}
.react-ui-kit__ui-form-control_xs--1ee4.react-ui-kit__ui-form-control_hasIcon--t3_R .react-ui-kit__ui-form-control_input--h6Sv {
  padding-left: 36px;
}
.react-ui-kit__ui-form-control_xs--1ee4.react-ui-kit__ui-form-control_hasButton--77Ab .react-ui-kit__ui-form-control_input--h6Sv {
  padding-right: 36px;
}

.react-ui-kit__ui-form-control_sm--3iiy .react-ui-kit__ui-form-control_input--h6Sv {
  padding: 12px;
}
.react-ui-kit__ui-form-control_sm--3iiy .react-ui-kit__ui-form-control_input--h6Sv {
  line-height: 20px;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_sm--3iiy .react-ui-kit__ui-form-control_icon--1rkc {
  margin-left: 16px;
}
.react-ui-kit__ui-form-control_sm--3iiy .react-ui-kit__ui-form-control_button--3iKm {
  margin-right: 16px;
}
.react-ui-kit__ui-form-control_sm--3iiy.react-ui-kit__ui-form-control_hasIcon--t3_R .react-ui-kit__ui-form-control_input--h6Sv {
  padding-left: 44px;
}
.react-ui-kit__ui-form-control_sm--3iiy.react-ui-kit__ui-form-control_hasButton--77Ab .react-ui-kit__ui-form-control_input--h6Sv {
  padding-right: 44px;
}

.react-ui-kit__ui-form-control_md--1MQg .react-ui-kit__ui-form-control_input--h6Sv {
  padding: 16px;
}
.react-ui-kit__ui-form-control_md--1MQg .react-ui-kit__ui-form-control_input--h6Sv {
  line-height: 1.3;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_md--1MQg .react-ui-kit__ui-form-control_icon--1rkc {
  margin-left: 20px;
}
.react-ui-kit__ui-form-control_md--1MQg .react-ui-kit__ui-form-control_button--3iKm {
  margin-right: 20px;
}
.react-ui-kit__ui-form-control_md--1MQg.react-ui-kit__ui-form-control_hasIcon--t3_R .react-ui-kit__ui-form-control_input--h6Sv {
  padding-left: 56px;
}
.react-ui-kit__ui-form-control_md--1MQg.react-ui-kit__ui-form-control_hasButton--77Ab .react-ui-kit__ui-form-control_input--h6Sv {
  padding-right: 56px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/node_modules/@mindojo/react-ui-kit/src/components/ui-radio/ui-radio.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-radio_isInverted--2U1k {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

/**
 * A common styles for checkboxes and radio components
 */
.react-ui-kit__ui-radio_option--UAKQ {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_isDisabled--2iqq {
  pointer-events: none;
}
.react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_horizontal--2Q_e {
  margin-right: 20px;
}
.react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_horizontal--2Q_e:last-child {
  margin-right: 0;
}
.react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_vertical--2vqR {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_vertical--2vqR:last-child {
  margin-bottom: 0;
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_label--3tCF {
  margin-left: 16px;
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D,
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_psuedoInput--3ggF {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_psuedoInput--3ggF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--ui-skin-checkable-input-border);
  border-radius: 100%;
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_psuedoInput--3ggF, .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_psuedoInput--3ggF.react-ui-kit__ui-radio_isInverted--2U1k {
  border-color: var(--ui-skin-checkable-input-inverted-border);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_psuedoInput--3ggF::after, .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_psuedoInput--3ggF.react-ui-kit__ui-radio_isInverted--2U1k::after {
  background-color: var(--ui-skin-checkable-input-background-color-inverted);
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_psuedoInput--3ggF::after {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  content: "";
  background-color: var(--ui-skin-checkable-input-background-color);
  border-radius: 100%;
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_checkmark--1fF4 {
  opacity: 0;
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_checkmark--1fF4, .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_checkmark--1fF4.react-ui-kit__ui-radio_isInverted--2U1k {
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF {
  border-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF, .react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF.react-ui-kit__ui-radio_isInverted--2U1k {
  border-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--UAKQ:focus + .react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_psuedoInput--3ggF, .react-ui-kit__ui-radio_input--1f1D:focus + .react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_psuedoInput--3ggF {
  -webkit-box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active);
          box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ:focus + .react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_psuedoInput--3ggF, .react-ui-kit__ui-radio_option--UAKQ:focus + .react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_psuedoInput--3ggF.react-ui-kit__ui-radio_isInverted--2U1k, .ui-scheme-inverted .react-ui-kit__ui-radio_input--1f1D:focus + .react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_psuedoInput--3ggF, .react-ui-kit__ui-radio_input--1f1D:focus + .react-ui-kit__ui-radio_option--UAKQ.react-ui-kit__ui-radio_psuedoInput--3ggF.react-ui-kit__ui-radio_isInverted--2U1k {
  -webkit-box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active-color);
          box-shadow: 0 0 2px 1px var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF {
  border-color: var(--ui-skin-checkable-input-active);
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF, .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF.react-ui-kit__ui-radio_isInverted--2U1k {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF {
  border-color: var(--ui-skin-checkable-input-active);
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF, .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF.react-ui-kit__ui-radio_isInverted--2U1k {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4,
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4 {
  background-repeat: no-repeat;
  background-color: var(--ui-skin-checkable-input-active-color);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4, .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4.react-ui-kit__ui-radio_isInverted--2U1k,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4,
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4.react-ui-kit__ui-radio_isInverted--2U1k {
  background-color: var(--ui-skin-checkable-input-active);
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:checked + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4,
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4 {
  opacity: 1;
}
.react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after, .react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after,
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:focus:checked + .react-ui-kit__ui-radio_psuedoInput--3ggF::after,
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after {
  background-color: rgba(255, 255, 255, 0.16);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after, .react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after.react-ui-kit__ui-radio_isInverted--2U1k, .ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after, .react-ui-kit__ui-radio_option--UAKQ:hover .react-ui-kit__ui-radio_input--1f1D:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after.react-ui-kit__ui-radio_isInverted--2U1k,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:focus:checked + .react-ui-kit__ui-radio_psuedoInput--3ggF::after,
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:focus:checked + .react-ui-kit__ui-radio_psuedoInput--3ggF::after.react-ui-kit__ui-radio_isInverted--2U1k,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after,
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--3ggF::after.react-ui-kit__ui-radio_isInverted--2U1k {
  background-color: rgba(0, 0, 0, 0.16);
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:disabled + .react-ui-kit__ui-radio_psuedoInput--3ggF::after {
  background-color: rgba(0, 0, 0, 0.04);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:disabled + .react-ui-kit__ui-radio_psuedoInput--3ggF::after, .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:disabled + .react-ui-kit__ui-radio_psuedoInput--3ggF::after.react-ui-kit__ui-radio_isInverted--2U1k {
  background-color: rgba(255, 255, 255, 0.1);
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:disabled + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4 {
  background-color: var(--ui-skin-checkable-input-border);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:disabled + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4, .react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_input--1f1D:disabled + .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4.react-ui-kit__ui-radio_isInverted--2U1k {
  background-color: var(--ui-skin-checkable-input-inverted-border);
}
.react-ui-kit__ui-radio_option--UAKQ .react-ui-kit__ui-radio_psuedoInput--3ggF .react-ui-kit__ui-radio_checkmark--1fF4 {
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/editable-step-options/editable-step-options.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__editable-step-options_isInverted--2nJe {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__editable-step-options_container--1fXi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 16px;
}

.player__editable-step-options_optionsItem--2KWO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 24px;
  margin-bottom: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.player__editable-step-options_timerOption--2zDG label {
  margin-right: 0 !important;
}
.player__editable-step-options_timerOption--2zDG .player__editable-step-options_timerInput--3fkB {
  width: 64px !important;
  margin: 0 8px;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.player__editable-step-options_isTimerDisabled--31Iu {
  color: var(--ui-skin-text-subdued);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/checkbox-step-type-settings/checkbox-step-type-settings.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__checkbox-step-type-settings_isInverted--1m-K {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__checkbox-step-type-settings_container--3fmv {
  width: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/step-label-form/step-label-form.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__step-label-form_isInverted--1Gi2 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__step-label-form_container--2_5D {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.player__step-label-form_input--2z9F {
  width: 50%;
  margin-right: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/step-instance-form/step-instance-form.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__step-instance-form_isInverted--1nle {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__step-instance-form_formWrapper--7lHd {
  padding-top: 24px;
}

.player__step-instance-form_container--9TUc {
  -webkit-transition: max-height 500ms linear;
  transition: max-height 500ms linear;
  max-height: calc(100vh - var(--ui-skin-header-height) - 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 16px;
}

.player__step-instance-form_editableHeader--yGHx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.player__step-instance-form_scrollableWrapper--3hP5 {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 24px 16px 24px;
  margin: 0 -24px;
  border-top: 1px solid var(--ui-skin-border);
}
.player__step-instance-form_scrollableWrapper--3hP5 .player__step-instance-form_editableBlock--2gNm:first-child {
  border-top: none;
  margin-top: 0;
}

.player__step-instance-form_editableBlock--2gNm {
  padding: 24px;
  margin: 16px -24px 0;
  border-top: 1px solid var(--ui-skin-border);
}
.player__step-instance-form_editableBlock--2gNm:last-child {
  padding-bottom: 8px;
}

.player__step-instance-form_innerEditableBlock--1Kw7 {
  border-top: 1px solid var(--ui-skin-border);
}

.player__step-instance-form_formActions--173W {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
}

.player__step-instance-form_editableBlockLabel--zosT {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-6-line-height);
  font-size: var(--ui-skin-heading-6-font-size);
  font-weight: var(--ui-skin-heading-6-font-weight);
  text-transform: var(--ui-skin-heading-6-text-transform);
  letter-spacing: var(--ui-skin-heading-6-letter-spacing);
  color: var(--ui-skin-heading-6-color);
  font-family: var(--ui-skin-heading-6-font-family);
  font-weight: var(--ui-skin-font-weight-bold);
  margin-bottom: 16px;
}
.ui-scheme-inverted .player__step-instance-form_editableBlockLabel--zosT, .player__step-instance-form_editableBlockLabel--zosT.player__step-instance-form_isInverted--1nle {
  color: var(--ui-skin-heading-6-color-inverted);
}

.player__step-instance-form_optionalSettings--38WQ {
  margin: 16px 0;
}

.player__step-instance-form_videoUrlInput--tVyk {
  margin-bottom: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/progress-bar/progress-bar.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__progress-bar_isInverted--18Nt {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__progress-bar_container--mDIX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.player__progress-bar_isGraphicalType--2e_K {
  display: inline-block;
  width: 40%;
  height: 5px;
  border-radius: var(--ui-skin-border-radius-sm);
  background: var(--ui-skin-palette-s1-400);
}

.player__progress-bar_isTextType--3H2x {
  display: inline-block;
  padding-left: 12px;
}

.player__progress-bar_progress--hfwj {
  height: 100%;
  border-radius: var(--ui-skin-border-radius-sm);
  background: var(--ui-skin-link);
}

.player__progress-bar_value--2q3I {
  font-weight: var(--ui-skin-font-weight-semibold);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/response-stats-item/response-stats-item.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__response-stats-item_isInverted--1rDp {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__response-stats-item_container--1glk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 28px;
}
.player__response-stats-item_container--1glk > div {
  padding-right: 20px;
}

.player__response-stats-item_info--bf5s {
  width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player__response-stats-item_content--WLfC {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.player__response-stats-item_content--WLfC {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__response-stats-item_share--7U8U {
  min-width: 150px;
  width: 150px;
}
.player__response-stats-item_share--7U8U {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__response-stats-item_updatedAt--WFN_ {
  min-width: 120px;
  width: 120px;
  color: var(--ui-skin-text-subdued);
}
.player__response-stats-item_updatedAt--WFN_ {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/response-stats-list/response-stats-list.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__response-stats-list_isInverted--14CL {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__response-stats-list_container--wXr2 {
  margin-bottom: 28px;
}

.player__response-stats-list_title--3fy1 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-5-line-height);
  font-size: var(--ui-skin-heading-5-font-size);
  font-weight: var(--ui-skin-heading-5-font-weight);
  text-transform: var(--ui-skin-heading-5-text-transform);
  letter-spacing: var(--ui-skin-heading-5-letter-spacing);
  color: var(--ui-skin-heading-5-color);
  font-family: var(--ui-skin-heading-5-font-family);
  margin-bottom: 16px;
}
.ui-scheme-inverted .player__response-stats-list_title--3fy1, .player__response-stats-list_title--3fy1.player__response-stats-list_isInverted--14CL {
  color: var(--ui-skin-heading-5-color-inverted);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/dialog-response-stats/dialog-response-stats.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__dialog-response-stats_isInverted--1ntG {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__dialog-response-stats_container--2yoJ {
  width: var(--ui-skin-player-max-width);
}

.player__dialog-response-stats_header--1lKL {
  border-bottom: 1px solid var(--ui-skin-border);
  padding: 0 28px 20px 28px;
}

.player__dialog-response-stats_headerTitle--19Yu {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
}
.ui-scheme-inverted .player__dialog-response-stats_headerTitle--19Yu, .player__dialog-response-stats_headerTitle--19Yu.player__dialog-response-stats_isInverted--1ntG {
  color: var(--ui-skin-heading-3-color-inverted);
}

.player__dialog-response-stats_selectResponses--23PJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 64px;
  padding: 0 28px;
  background: var(--ui-skin-palette-p1-200);
}

.player__dialog-response-stats_selectResponsesText--2jVr {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.player__dialog-response-stats_body--1gqe {
  height: 500px;
  overflow-x: auto;
  margin-top: 20px;
  padding: 0 28px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/concept-transition/concept-transition.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__concept-transition_isInverted--ktiD {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__concept-transition_container--24EC {
  max-width: var(--ui-skin-player-max-width);
  margin: 0 auto;
  padding: 16px 0 0 !important;
}
.player__concept-transition_container--24EC.player__concept-transition_containerSizeMd--3mqk {
  padding-left: 20px;
  padding-right: 20px;
}

.player__concept-transition_group--2F5j {
  margin-top: 20px;
  -webkit-animation-name: player__concept-transition_slide-up--3H24, player__concept-transition_fade-in--2dA3;
          animation-name: player__concept-transition_slide-up--3H24, player__concept-transition_fade-in--2dA3;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.8, 0.79, 1.18), linear;
          animation-timing-function: cubic-bezier(0.5, 0.8, 0.79, 1.18), linear;
  -webkit-animation-duration: 300ms, 100ms;
          animation-duration: 300ms, 100ms;
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.player__concept-transition_group--2F5j:first-child {
  margin-top: 0;
}

.player__concept-transition_dayReward--tf5a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
}
.player__concept-transition_containerSizeSm--7Pbw .player__concept-transition_dayReward--tf5a {
  display: block;
}

.player__concept-transition_dayRewardWidget--j6Ak {
  margin-left: 12px;
}

.player__concept-transition_groupRow--2P7a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.player__concept-transition_containerSizeSm--7Pbw .player__concept-transition_groupRow--2P7a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.player__concept-transition_groupSeparator--qUIW {
  margin: -28px 28px;
  border-left: 1px solid var(--ui-skin-border);
}
.player__concept-transition_containerSizeSm--7Pbw .player__concept-transition_groupSeparator--qUIW {
  margin: 16px -16px;
  border-left: none;
  border-bottom: 1px solid var(--ui-skin-border);
}

.player__concept-transition_errorHeader--1NJ6 {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.player__concept-transition_recommendationItem--1L9P {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.player__concept-transition_recommendationButton--2a42 {
  margin-bottom: 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: left;
}

.player__concept-transition_recommendedBadge--kw5i {
  text-transform: uppercase;
}

.player__concept-transition_otherOptionsButtonWrapper--3gtF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.player__concept-transition_otherOptionsButton--1Ppp {
  -webkit-animation-name: player__concept-transition_slide-up--3H24, player__concept-transition_fade-in--2dA3;
          animation-name: player__concept-transition_slide-up--3H24, player__concept-transition_fade-in--2dA3;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.8, 0.79, 1.18), linear;
          animation-timing-function: cubic-bezier(0.5, 0.8, 0.79, 1.18), linear;
  -webkit-animation-duration: 300ms, 100ms;
          animation-duration: 300ms, 100ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.player__concept-transition_streakWidget--3zTS {
  margin-top: 16px;
  width: 100%;
}

.player__concept-transition_starsContainer--3W7R {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.player__concept-transition_containerSizeSm--7Pbw .player__concept-transition_starsContainer--3W7R {
  display: block;
}

.player__concept-transition_starsHeader--20fk {
  margin-bottom: 16px;
  font-weight: var(--ui-skin-font-weight-semibold);
}

.player__concept-transition_stars--CMUK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 16px 0;
}

.player__concept-transition_starsAreVisible--2Tym .player__concept-transition_star--3mx- {
  -webkit-animation-name: player__concept-transition_pop-in--2V56, player__concept-transition_fade-in--2dA3;
          animation-name: player__concept-transition_pop-in--2V56, player__concept-transition_fade-in--2dA3;
}

.player__concept-transition_star--3mx- {
  width: 56px;
  height: 56px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: var(--ui-skin-palette-s1-400);
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.8, 0.79, 1.18), linear;
          animation-timing-function: cubic-bezier(0.5, 0.8, 0.79, 1.18), linear;
  -webkit-animation-duration: 400ms, 100ms;
          animation-duration: 400ms, 100ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.player__concept-transition_star--3mx-:nth-child(1) {
  -webkit-animation-delay: 550ms;
          animation-delay: 550ms;
}
.player__concept-transition_star--3mx-:nth-child(2) {
  -webkit-animation-delay: 950ms;
          animation-delay: 950ms;
}
.player__concept-transition_star--3mx-:nth-child(3) {
  -webkit-animation-delay: 1350ms;
          animation-delay: 1350ms;
}
.player__concept-transition_star--3mx-:nth-child(4) {
  -webkit-animation-delay: 1750ms;
          animation-delay: 1750ms;
}
.player__concept-transition_star--3mx-:nth-child(5) {
  -webkit-animation-delay: 2150ms;
          animation-delay: 2150ms;
}
.player__concept-transition_star--3mx- svg {
  width: 56px;
  height: 56px;
}
.player__concept-transition_star--3mx-.player__concept-transition_isActiveStar--3UZv {
  color: var(--ui-skin-palette-motivate-400);
}

.player__concept-transition_card--1-LE {
  background-color: var(--ui-skin-element-bg);
  padding: 28px;
  border-radius: var(--ui-skin-border-radius);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.player__concept-transition_containerSizeSm--7Pbw .player__concept-transition_card--1-LE {
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.player__concept-transition_card--1-LE.player__concept-transition_isVertical--ISYu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@-webkit-keyframes player__concept-transition_fade-in--2dA3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes player__concept-transition_fade-in--2dA3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes player__concept-transition_pop-in--2V56 {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes player__concept-transition_pop-in--2V56 {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-single-reward-progress/ui-single-reward-progress.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-single-reward-progress_isInverted--17mK {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-single-reward-progress_container--3JMx {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.react-ui-kit__ui-single-reward-progress_container--3JMx svg {
  position: relative;
  fill: none;
}

.react-ui-kit__ui-single-reward-progress_level0--w30U {
  color: var(--ui-skin-reward-progress-level-0-color);
}

.react-ui-kit__ui-single-reward-progress_level1--1dfQ {
  color: var(--ui-skin-reward-progress-level-1-color);
}

.react-ui-kit__ui-single-reward-progress_level2--21lj {
  color: var(--ui-skin-reward-progress-level-2-color);
}

.react-ui-kit__ui-single-reward-progress_isDone--22C2.react-ui-kit__ui-single-reward-progress_level1--1dfQ .react-ui-kit__ui-single-reward-progress_label--2XvO *, .react-ui-kit__ui-single-reward-progress_isDone--22C2.react-ui-kit__ui-single-reward-progress_level2--21lj .react-ui-kit__ui-single-reward-progress_label--2XvO * {
  color: var(--ui-skin-text);
}

.react-ui-kit__ui-single-reward-progress_label--2XvO {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 80px;
  height: 40px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 20px;
  background-color: var(--ui-skin-reward-progress-bg);
  color: var(--ui-skin-text-subdued);
  -webkit-animation: none;
          animation: none;
}
.react-ui-kit__ui-single-reward-progress_isDone--22C2 .react-ui-kit__ui-single-reward-progress_label--2XvO {
  background-color: currentColor;
  color: inherit;
  -webkit-animation-name: react-ui-kit__ui-single-reward-progress_popOut--60ga;
          animation-name: react-ui-kit__ui-single-reward-progress_popOut--60ga;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.react-ui-kit__ui-single-reward-progress_isDone--22C2 .react-ui-kit__ui-single-reward-progress_label--2XvO * {
  color: var(--ui-skin-text-inverted);
}

.react-ui-kit__ui-single-reward-progress_text--37jH {
  position: absolute;
  z-index: 2;
  top: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 70%;
  min-height: 80px;
  text-align: center;
  margin: 0;
  padding: 0;
}

.react-ui-kit__ui-single-reward-progress_textCaption--3VR3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--ui-skin-text-subdued);
}
.react-ui-kit__ui-single-reward-progress_textCaption--3VR3 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-single-reward-progress_tooltip--3Rtf {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
}

.react-ui-kit__ui-single-reward-progress_textTitle--3AsY {
  font-weight: var(--ui-skin-font-weight-semibold);
  color: var(--ui-skin-text);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 36px;
  white-space: nowrap;
}
.react-ui-kit__ui-single-reward-progress_textTitle--3AsY span {
  color: var(--ui-skin-text-subdued);
}

.react-ui-kit__ui-single-reward-progress_secondTextTitle--3vj5 {
  line-height: var(--ui-paragraph-md-line-height);
  font-size: var(--ui-paragraph-md-font-size);
}

.react-ui-kit__ui-single-reward-progress_backPie--29qH {
  stroke: var(--ui-skin-reward-progress-bg);
}

.react-ui-kit__ui-single-reward-progress_pie--2Q5Q {
  -webkit-transition: ease-out stroke-dashoffset 800ms;
  transition: ease-out stroke-dashoffset 800ms;
  will-change: stroke-dashoffset;
}

.react-ui-kit__ui-single-reward-progress_labelText--37xk {
  font-weight: var(--ui-skin-font-weight-semibold);
  margin-left: 4px;
}
.react-ui-kit__ui-single-reward-progress_labelText--37xk {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

@-webkit-keyframes react-ui-kit__ui-single-reward-progress_popOut--60ga {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes react-ui-kit__ui-single-reward-progress_popOut--60ga {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-streak-reward-progress/ui-streak-reward-progress.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-streak-reward-progress_isInverted--1hbo {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-streak-reward-progress_container--35Ge {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  padding-top: 28px;
}

.react-ui-kit__ui-streak-reward-progress_hasNoGoal--2evY .react-ui-kit__ui-streak-reward-progress_step--3Fhe:last-child .react-ui-kit__ui-streak-reward-progress_stepStick--3-NY {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.react-ui-kit__ui-streak-reward-progress_stepStick--3-NY {
  z-index: 1;
  height: 4px;
  width: 100%;
  -webkit-transform: scaleX(1.05);
          transform: scaleX(1.05);
  background-color: var(--ui-skin-reward-progress-bg);
}

.react-ui-kit__ui-streak-reward-progress_noGoalPre--qU0- {
  width: 16px;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.react-ui-kit__ui-streak-reward-progress_stepPointIsProgressed--FFyb {
  width: 8px;
  height: 8px;
}

.react-ui-kit__ui-streak-reward-progress_stepStickIsProgressed--3DqM {
  background-color: var(--ui-skin-reward-progress-level-0-color);
}

.react-ui-kit__ui-streak-reward-progress_step--3Fhe {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  height: 32px;
}

.react-ui-kit__ui-streak-reward-progress_stepLabel--1Qg7 {
  position: absolute;
  top: -28px;
  white-space: nowrap;
  color: var(--ui-skin-text-subdued);
}
.react-ui-kit__ui-streak-reward-progress_stepLabel--1Qg7 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-streak-reward-progress_stepPointContainer--2DGN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.react-ui-kit__ui-streak-reward-progress_stepPoint--2Kw8 {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0;
  height: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 100%;
  background-color: var(--ui-skin-reward-progress-level-0-color);
  color: var(--ui-skin-text-inverted);
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--2Kw8::after {
  position: absolute;
  z-index: 2;
  left: 4px;
  bottom: 4px;
  content: attr(data-patch-label);
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--ui-skin-reward-progress-level-1-color);
  color: black;
  font-weight: var(--ui-skin-font-weight-semibold);
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--2Kw8::after {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--2Kw8.react-ui-kit__ui-streak-reward-progress_stepPointIsFinished--11rE {
  width: 32px;
  height: 32px;
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--2Kw8.react-ui-kit__ui-streak-reward-progress_stepPointIsWithPatch--1HHD::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--2Kw8[data-patch-level="1"]::after {
  background-color: var(--ui-skin-reward-progress-level-1-color);
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--2Kw8[data-patch-level="2"]::after {
  background-color: var(--ui-skin-reward-progress-level-2-color);
}

.react-ui-kit__ui-streak-reward-progress_goal--1xwY {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 40px;
  min-width: 80px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: -4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 20px;
  background-color: var(--ui-skin-reward-progress-bg);
  color: var(--ui-skin-text-subdued);
}

.react-ui-kit__ui-streak-reward-progress_goalLabel--2KCz {
  font-weight: var(--ui-skin-font-weight-semibold);
}
.react-ui-kit__ui-streak-reward-progress_goalLabel--2KCz {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-streak-reward-progress_isAchieved--2LU0 {
  background-color: var(--ui-skin-reward-progress-level-0-color);
  color: var(--ui-skin-text-inverted);
}

.react-ui-kit__ui-streak-reward-progress_isCurrentStepLabel--3b4H {
  color: var(--ui-skin-text);
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-ui-kit__ui-streak-reward-progress_goalStepLabel--2HkN {
  top: 4px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-open-button/minimap-open-button.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-open-button_isInverted--1-_6 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-open-button_button--b46p {
  position: fixed;
  bottom: 20px;
  left: 20px;
}
.player__minimap-open-button_button-appear--3ARW, .player__minimap-open-button_button-enter--LJwP {
  opacity: 0.01;
}
.player__minimap-open-button_button-appear-active--2UkR, .player__minimap-open-button_button-enter-active--1sFF {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.player__minimap-open-button_button-open-leave--qOU_ {
  opacity: 1;
}
.player__minimap-open-button_button-leave-active--32Y2 {
  opacity: 0.01;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/dialog-rc-passage/dialog-rc-passage.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__dialog-rc-passage_isInverted--3n7v {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__dialog-rc-passage_container--3zcb {
  padding: 0 20px;
  width: 600px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/content-addon-open-button/content-addon-open-button.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__content-addon-open-button_isInverted--1dhq {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__content-addon-open-button_button--3SE1 {
  position: fixed;
  left: 80px;
  bottom: 20px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/document-link/document-link.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__document-link_isInverted--1s8H {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__document-link_container--1JE9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.player__document-link_container--1JE9::before {
  content: "";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 12px;
  width: 12px;
  margin: 4px 4px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='13' viewBox='0 0 10 13'%3E%3Cg fill='%236A7484' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M1 1v11h8V2.521L7.428 1H1zm0-1h6.428a1 1 0 0 1 .696.281l1.572 1.522A1 1 0 0 1 10 2.52V12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1z'/%3E%3Cpath d='M2 5h6v1H2zM2 3h6v1H2zM2 7h6v1H2zM2 9h4v1H2z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.player__document-link_container--1JE9 span {
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}

.player__document-link_isOpened--3aKc {
  color: var(--ui-skin-link);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/exhibit/exhibit.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__exhibit_isInverted--eVlN {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__exhibit_container--xQXR {
  width: 50%;
  padding: 4px 12px 0 0;
}
.player__exhibit_container--xQXR:only-of-type {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/exhibits/exhibits.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__exhibits_isInverted--pPDu {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__exhibits_wrapper--1Hdu {
  margin: 12px;
  position: -webkit-sticky;
  position: sticky;
  top: -16px;
  z-index: 1;
}
@media (max-width: 870px) {
  .player__exhibits_wrapper--1Hdu {
    margin: 12px 0;
  }
}

.player__exhibits_container--3hDr {
  max-width: var(--ui-skin-player-max-width);
  margin: 0 auto;
  padding: 16px 20px 20px;
  overflow: hidden;
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-element-bg);
  -webkit-box-shadow: 0 1px 2px 0 rgba(104, 126, 149, 0.17);
          box-shadow: 0 1px 2px 0 rgba(104, 126, 149, 0.17);
}

.player__exhibits_header--3AQp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
  width: 100%;
  overflow: hidden;
}
.player__exhibits_header--3AQp h4 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}

.player__exhibits_headerMenu--2Tiz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.player__exhibits_list--2ilk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/player-queue/player-queue.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__player-queue_isInverted--1kXM {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__player-queue_container--3L8p {
  margin: 0 24px 24px;
  padding: 8px 0 80px;
}

.player__player-queue_actions--Y_1J {
  position: relative;
  max-width: var(--ui-skin-player-max-width);
  margin: 0 auto;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/content-addon/content-addon.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__content-addon_isInverted--2SAz {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__content-addon_container--2kus {
  padding: 24px;
  min-width: calc(var(--ui-skin-player-max-width) / 2);
  height: 100%;
  position: relative;
  overflow: auto;
  border-right: none;
  color: var(--ui-skin-text);
  background-color: var(--ui-skin-element-bg);
  line-height: 1.6;
  font-family: aktiv-grotesk, Open-Sans, Arial, Helvetica, sans-serif;
}
@media (max-width: 870px) {
  .player__content-addon_container--2kus {
    padding: 24px 20px;
    min-width: 100%;
    max-width: 100%;
    border-right: none;
    border-bottom: none;
  }
  .player__content-addon_container--2kus::after {
    content: " ";
    display: block;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: 24px;
    left: 0;
    bottom: -24px;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--ui-skin-element-bg)), to(transparent));
    background: linear-gradient(0deg, var(--ui-skin-element-bg), transparent);
    z-index: 1;
  }
}
@media (max-width: 640px) {
  .player__content-addon_container--2kus {
    max-width: 100%;
  }
}
.player__content-addon_container--2kus table {
  width: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/dynamic-stage/dynamic-stage.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__dynamic-stage_isInverted--3SkL {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__dynamic-stage_container--2Zry {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  top: 0;
  background: var(--ui-skin-element-bg);
}

.player__dynamic-stage_hasImage--KXpD {
  width: 100%;
}

.player__dynamic-stage_inner--1ZTL {
  margin: auto;
  padding: 20px;
}

.player__dynamic-stage_content--3Dqn {
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.player__dynamic-stage_animationEnter--3mjz {
  display: none;
  opacity: 0;
}

.player__dynamic-stage_animationEnterActive--3wk5,
.player__dynamic-stage_animationEnterDone--2IYX {
  display: block;
  opacity: 1;
}

.player__dynamic-stage_animationExit--3vXe {
  opacity: 1;
}

.player__dynamic-stage_animationExitActive--1LXF,
.player__dynamic-stage_animationExitDone--26za {
  position: absolute;
  opacity: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/separator/separator.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__separator_isInverted--3LgV {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__separator_container--3B_r {
  width: 100%;
  height: 0;
  border-bottom: 1px solid var(--ui-skin-border);
  margin: 20px 0;
}
@media (max-width: 870px) {
  .player__separator_container--3B_r {
    margin: 16px 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-response/minimap-response.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-response_isInverted--3yLN {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-response_container--BhvE {
  padding: 8px 24px;
  background-color: var(--ui-skin-element-bg);
  background-position: 1px center;
  background-repeat: no-repeat;
}
.player__minimap-response_container--BhvE {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.player__minimap-response_container--BhvE p {
  margin: 0;
  padding: 0;
}

.player__minimap-response_iconCorrect--30Ve {
  background-size: 18px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+DQogICAgICAgIDxwYXRoIGZpbGw9IiMzN0NBODEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTcuMzggMTUuNjQ4Yy40LjQ5NyAxLjE0NC41MzEgMS41ODkuMDc0bDguMzc3LTguNjgyYTEuMDYyIDEuMDYyIDAgMSAwLTEuNTI0LTEuNDhMOC4yNiAxMy40MDVsLTMuNzE2LTQuNDJBMS4wNjIgMS4wNjIgMCAxIDAgMi44OSAxMC4zMmw0LjQ5IDUuMzN6Ii8+DQogICAgPC9nPg0KPC9zdmc+DQo=");
}

.player__minimap-response_iconWrong--2KTz {
  background-size: 17px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+DQogICAgICAgIDxwYXRoIGZpbGw9IiNFMzEyMEIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwLjAxMyA4LjYxOGw0LjI2My00LjI0MmExIDEgMCAwIDEgMS40MTEgMS40MTdMMTEuNDMgMTAuMDNsNC4yOTQgNC4yODFhMSAxIDAgMSAxLTEuNDEzIDEuNDE2bC00LjI5OS00LjI4Ni00LjMwOSA0LjI4N2ExIDEgMCAwIDEtMS40MS0xLjQxN2w0LjMwMy00LjI4Mi00LjI3Ny00LjI2NUExIDEgMCAxIDEgNS43MyA0LjM0OGw0LjI4MyA0LjI3eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg0K");
}

.player__minimap-response_iconNeutral--1djX {
  background-size: 13px;
  background-position-x: 3px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNLTQtNGgyMXYyMUgtNHoiLz4NCiAgICAgICAgPHBhdGggZmlsbD0iI0IwQjZDMSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi41MjIgMTEuMzY3YTQuODQ1IDQuODQ1IDAgMSAwIDAtOS42OSA0Ljg0NSA0Ljg0NSAwIDAgMCAwIDkuNjl6bTAgMS42NzdBNi41MjIgNi41MjIgMCAxIDEgNi41MjIgMGE2LjUyMiA2LjUyMiAwIDAgMSAwIDEzLjA0NHoiLz4NCiAgICA8L2c+DQo8L3N2Zz4NCg==");
}

.player__minimap-response_iconContinueTo--JM-H {
  background-position-x: 4px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTIgOCI+ICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8cGF0aCBkPSJNMC0yaDEydjEySDB6Ii8+ICAgICAgICA8cGF0aCBmaWxsPSIjQjBCNkMxIiBkPSJNOC41NjUgNS4wMUM3LjUyNyA1LjAwMyA2LjAzNSA1IDMuODk4IDUgMSA1IDAgNCAwIDEuMTA1di4wMjNhMSAxIDAgMSAxIDIgMHYtLjAyM0MyIDIuNTQ1IDIuNTggMyA0LjEzNSAzbDQuNDYyLjAyM0w3LjI3NCAxLjdjLS40LS40LS40LTEgMC0xLjQuNC0uNCAxLS40IDEuNCAwbDMgM2MuMzkuMzkuNC45Ny4wMyAxLjM3LS4wNDIuMDUtLjA4Ny4wOTUtLjEzNi4xMzZMOC42NzQgNy43Yy0uMi4yLS40LjMtLjcuMy0uMyAwLS41LS4xLS43LS4zLS40LS40LS40LTEgMC0xLjRsMS4yOS0xLjI5eiIvPiAgICA8L2c+PC9zdmc+");
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-connector/minimap-connector.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-connector_isInverted--2tWS {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-connector_container--29zd {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-link-status/minimap-link-status.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-link-status_isInverted--1YXP {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-link-status_container--1Gbf {
  width: 4px;
  height: 12px;
  background-color: var(--ui-skin-element-bg);
  border-radius: 0 2px 2px 0;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(calc(20px + 100%), -50%);
          transform: translate(calc(20px + 100%), -50%);
}

.player__minimap-link-status_isEmpty--EV-8 {
  background-color: var(--ui-skin-palette-negative-300);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-response-wrapper/minimap-response-wrapper.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-response-wrapper_isInverted--3X2y {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-response-wrapper_container--3LZU {
  position: relative;
}

.player__minimap-response-wrapper_reviewStatus--3iI9 {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(calc(-20px - 50%), -50%);
          transform: translate(calc(-20px - 50%), -50%);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-response-groups/minimap-response-groups.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-response-groups_isInverted--2AFN {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-response-groups_title--3KGU {
  padding: 0 0 12px;
  margin: 0;
  font-weight: var(--ui-skin-font-weight-semibold);
}
.player__minimap-response-groups_title--3KGU {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__minimap-response-groups_separator--38gy {
  margin-left: -20px;
  width: calc(100% + 40px);
  margin-top: 12px;
  margin-bottom: 12px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-step/minimap-step.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-step_isInverted--3oRf {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-step_container--176a {
  position: relative;
  width: 300px;
  margin: 12px;
  padding: 16px 20px 12px;
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-element-bg);
  cursor: pointer;
}
.player__minimap-step_container--176a > .player__minimap-step_reviewStatus--3FIQ {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.player__minimap-step_title--2p4x {
  padding: 0 0 12px;
  margin: 0;
  font-weight: var(--ui-skin-font-weight-semibold);
}
.player__minimap-step_title--2p4x {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.player__minimap-step_title--2p4x span {
  color: var(--ui-skin-text-subdued);
  font-weight: normal;
}

.player__minimap-step_prompt--r4iT {
  padding-bottom: 12px;
  line-height: 22px;
  word-wrap: break-word;
}
.player__minimap-step_prompt--r4iT {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__minimap-step_stepLinkEnd--1BfF {
  position: absolute;
  top: 24px;
  left: 0;
}

.player__minimap-step_reviewStatus--3FIQ {
  z-index: 100;
}
.player__minimap-step_reviewStatus--3FIQ > div {
  width: 6px;
  height: 6px;
}

.player__minimap-step_separator--3k6m {
  margin-left: -20px;
  width: calc(100% + 40px);
  margin-top: 12px;
  margin-bottom: 12px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-group/minimap-group.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-group_isInverted--1NN4 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-group_container--1qAm {
  padding-bottom: 40px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap-level/minimap-level.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap-level_isInverted--2eSf {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap-level_container--i5Rm {
  padding-right: 40px;
}
.player__minimap-level_container--i5Rm:last-child {
  padding-right: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/minimap/minimap.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__minimap_isInverted--1TTP {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__minimap_container--1h20 {
  width: 100%;
  height: 100%;
  position: relative;
}

.player__minimap_controls--3dEt {
  position: absolute;
  left: 0;
  bottom: 0;
}

.player__minimap_levels--3MBl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px;
}

.player__minimap_connectors--3wjR {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.player__minimap_buttonZoomIn--QpTt {
  position: absolute;
  bottom: 76px;
  left: 20px;
  padding: 0;
}

.player__minimap_buttonZoomOut--2WLD {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 0;
}

.player__minimap_buttonClose--1T2E {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-label/ui-label.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-label_isInverted--3a3m {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-label_container--3VaJ {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: var(--ui-skin-font-weight-bold);
  letter-spacing: 1px;
  line-height: 1;
  height: 20px;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: var(--ui-skin-border-radius-sm);
}

.react-ui-kit__ui-label_success--1ZWn {
  background-color: var(--ui-skin-label-success-background);
  color: var(--ui-skin-label-success-text);
}
.react-ui-kit__ui-label_success--1ZWn.react-ui-kit__ui-label_isStrong--1EcD {
  background-color: var(--ui-skin-label-success-text);
  color: #fff;
}

.react-ui-kit__ui-label_warning--1SyS {
  background-color: var(--ui-skin-label-warning-background);
  color: var(--ui-skin-label-warning-text);
}
.react-ui-kit__ui-label_warning--1SyS.react-ui-kit__ui-label_isStrong--1EcD {
  background-color: var(--ui-skin-label-warning-text);
  color: #fff;
}

.react-ui-kit__ui-label_danger--3dRp {
  background-color: var(--ui-skin-label-danger-background);
  color: var(--ui-skin-label-danger-text);
}
.react-ui-kit__ui-label_danger--3dRp.react-ui-kit__ui-label_isStrong--1EcD {
  background-color: var(--ui-skin-label-danger-text);
  color: #fff;
}

.react-ui-kit__ui-label_info--X0Pq {
  background-color: var(--ui-skin-label-info-background);
  color: var(--ui-skin-label-info-text);
}
.react-ui-kit__ui-label_info--X0Pq.react-ui-kit__ui-label_isStrong--1EcD {
  background-color: var(--ui-skin-label-info-text);
  color: #fff;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/content-issue-comment-form/content-issue-comment-form.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__content-issue-comment-form_isInverted--2uk0 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__content-issue-comment-form_actions--2pOy {
  padding: 8px 12px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/content-issue-comment/content-issue-comment.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__content-issue-comment_isInverted--3yjl {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__content-issue-comment_container--2PL3:not(:first-child) {
  margin-top: 8px;
}

.player__content-issue-comment_header--3qys {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
}

.player__content-issue-comment_commentInfo--pUd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.player__content-issue-comment_commentDate--10XB,
.player__content-issue-comment_commentAuthor--vwVp {
  color: var(--ui-skin-text-subdued);
}

.player__content-issue-comment_commentAuthor--vwVp {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.player__content-issue-comment_text--3kPB {
  word-wrap: break-word;
  white-space: pre-wrap;
  padding: 0 16px;
}

.player__content-issue-comment_actions--29tE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.player__content-issue-comment_commentActions--271- {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-left: 8px;
  color: var(--ui-skin-text-subdued);
  cursor: pointer;
}

.player__content-issue-comment_commentActionsTooltip--3LE3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/content-issue-item/content-issue-item.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__content-issue-item_isInverted--3_ES {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__content-issue-item_container--2L3S {
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-element-bg);
}

.player__content-issue-item_isActive--3kzg {
  border: 3px solid var(--ui-skin-active-element);
}

.player__content-issue-item_header--_HCl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 16px 0;
}

.player__content-issue-item_issueRelations--2DKS {
  font-weight: var(--ui-skin-font-weight-semibold);
  color: var(--ui-skin-text);
  cursor: pointer;
}
.player__content-issue-item_issueRelations--2DKS {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__content-issue-item_status--21Zg {
  text-transform: uppercase;
}

.player__content-issue-item_commentsList--2bSk {
  margin: 0 0 8px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/content-issues-list/content-issues-list.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__content-issues-list_isInverted--34hq {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__content-issues-list_container--1Trd {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 16px 24px 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/player-layout/player-layout.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__player-layout_isInverted--2cOC {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__player-layout_container--4akK {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow: hidden;
}
.player__player-layout_container--4akK {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.player__player-layout_container--4akK.player__player-layout_layoutSizeMd--1t2H, .player__player-layout_container--4akK.player__player-layout_layoutSizeSm--MQRT {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.player__player-layout_contentMiddle--19Uz,
.player__player-layout_contentLeft--eqaI,
.player__player-layout_contentRight--NNzS {
  background: var(--ui-skin-background);
  overflow-x: hidden;
}

.player__player-layout_contentLeft--eqaI:not(:empty) {
  border-right: 1px solid var(--ui-skin-border);
}
.player__player-layout_layoutSizeMd--1t2H .player__player-layout_contentLeft--eqaI:not(:empty), .player__player-layout_layoutSizeSm--MQRT .player__player-layout_contentLeft--eqaI:not(:empty) {
  border-right: none;
  border-bottom: 1px solid var(--ui-skin-border);
}

.player__player-layout_contentRight--NNzS:not(:empty) {
  border-left: 1px solid var(--ui-skin-border);
}
.player__player-layout_layoutSizeMd--1t2H .player__player-layout_contentRight--NNzS:not(:empty), .player__player-layout_layoutSizeSm--MQRT .player__player-layout_contentRight--NNzS:not(:empty) {
  border-left: none;
  border-top: 1px solid var(--ui-skin-border);
}

.player__player-layout_content--kfeC {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: calc(var(--ui-skin-player-max-width) / 2);
  color: var(--ui-skin-text);
  font-weight: normal;
  font-family: aktiv-grotesk, Open-Sans, Arial, Helvetica, sans-serif;
  line-height: 1.6;
}
.player__player-layout_content--kfeC {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
@media (hover: none) {
  .player__player-layout_layoutSizeMd--1t2H .player__player-layout_content--kfeC {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

.player__player-layout_contentWrapper--2puh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 0 80px;
}
.player__player-layout_layoutSizeMd--1t2H .player__player-layout_contentWrapper--2puh, .player__player-layout_layoutSizeSm--MQRT .player__player-layout_contentWrapper--2puh {
  padding: 0 16px 80px;
}

.player__player-layout_contentMain--_F3F {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/player-base/player-base.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__player-base_isInverted--1GeN {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__player-base_container--2lkg {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.player__player-base_container--2lkg > div {
  position: relative;
}
.player__player-base_container--2lkg * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/player/src/components/quiz-progress/quiz-progress.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.player__quiz-progress_isInverted--35HS {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.player__quiz-progress_container--3Oci {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  background-color: var(--ui-skin-action-bar);
  border-radius: var(--ui-skin-border-radius-sm);
}

.player__quiz-progress_item--WQKH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 16px;
  color: var(--ui-skin-text-subdued);
}
.player__quiz-progress_item--WQKH:last-child {
  padding-right: 0;
}

.player__quiz-progress_isCorrect--gNHI {
  color: var(--ui-skin-text-positive);
}
.player__quiz-progress_isCorrect--gNHI .player__quiz-progress_statusIcon--3bpV {
  background-color: var(--ui-skin-text-positive);
}

.player__quiz-progress_isIncorrect--32nr {
  color: var(--ui-skin-text-negative);
}
.player__quiz-progress_isIncorrect--32nr .player__quiz-progress_statusIcon--3bpV {
  background-color: var(--ui-skin-text-negative);
}

.player__quiz-progress_isUnanswered--2Fpe {
  position: relative;
  width: 20px;
  height: 20px;
}
.player__quiz-progress_isUnanswered--2Fpe::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 20px;
  background-color: var(--ui-skin-text-subdued);
}

.player__quiz-progress_avatar--1qbP {
  width: 20px;
  height: 20px;
}
.player__quiz-progress_avatar--1qbP .player__quiz-progress_statusIcon--3bpV {
  color: var(--ui-skin-text-inverted);
}

.player__quiz-progress_bar--2GRX {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: var(--ui-skin-action-bar);
}
.player__quiz-progress_bar--2GRX svg {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: stroke 1s linear;
  transition: stroke 1s linear;
}
.player__quiz-progress_bar--2GRX .player__quiz-progress_avatar--1qbP {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/pre-loader/pre-loader.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__pre-loader_isInverted--1VOr {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__pre-loader_container--3KX- {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/app-wrapper/app-wrapper.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__app-wrapper_isInverted--2HrP {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

@font-face {
  font-family: "Graphik Web";
  src: url("../../assets/fonts/Graphik-Semibold-Web.woff2") format("woff2"), url("../../assets/fonts/Graphik-Semibold-Web.woff") format("woff");
  font-weight: var(--ui-skin-font-weight-bold);
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../../assets/fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../../assets/fonts/Graphik-Medium-Web.woff") format("woff");
  font-weight: var(--ui-skin-font-weight-semibold);
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik Web";
  src: url("../../assets/fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../../assets/fonts/Graphik-Regular-Web.woff") format("woff");
  font-weight: var(--ui-skin-font-weight-regular);
  font-style: normal;
  font-stretch: normal;
}
html {
  height: 100%;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  min-width: 320px;
  overflow-x: hidden;
  height: 100%;
  margin: 0;
  font-family: var(--ui-skin-font-family);
  color: var(--ui-skin-text);
  background-color: var(--ui-skin-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  line-height: 1.5;
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
}
body {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
@media (max-width: 870px) {
  body {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.scrollingLockedSideDialog {
  overflow: hidden;
}
@media (max-width: 640px) {
  .scrollingLockedSideDialogMobile {
    overflow: hidden;
  }
}

.react-ui-kit__app-wrapper_container--1_tp {
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.react-ui-kit__app-wrapper_body--S95X {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-ui-kit__app-wrapper_content--vdMB {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  max-width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 870px) {
  .react-ui-kit__app-wrapper_content--vdMB {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 80px;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__app-wrapper_content--vdMB {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 24px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-header/ui-header.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-header_isInverted--3IVZ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-header_container--1Y-R {
  height: var(--ui-skin-header-height);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--ui-skin-header-bg);
  -webkit-box-shadow: 0 2px 4px rgba(112, 124, 149, 0.05), 0 2px 4px rgba(112, 124, 149, 0.1);
          box-shadow: 0 2px 4px rgba(112, 124, 149, 0.05), 0 2px 4px rgba(112, 124, 149, 0.1);
  z-index: 100;
}

.react-ui-kit__ui-header_sectionLeft--3akr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.react-ui-kit__ui-header_sectionCenter--3Y25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.react-ui-kit__ui-header_sectionRight--C1ls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.react-ui-kit__ui-header_sectionLeft--3akr,
.react-ui-kit__ui-header_sectionRight--C1ls {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-notification/ui-notification.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-notification_isInverted--1HoS {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-notification_container--1ZZX {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  margin-bottom: 8px;
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-card-bg);
  -webkit-transition: all 0.2s ease-in-out, max-height 0s;
  transition: all 0.2s ease-in-out, max-height 0s;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-notification_container--1ZZX {
    border-radius: 0;
  }
}
.react-ui-kit__ui-notification_container--1ZZX.react-ui-kit__ui-notification_isHidden--30e8 {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 0.4s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: all 0.4s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: all 0.4s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out;
  transition: all 0.4s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.react-ui-kit__ui-notification_content--1l1q {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 16px;
}

.react-ui-kit__ui-notification_positive--UArf {
  background-color: var(--ui-skin-notification-positive-bg);
}
.react-ui-kit__ui-notification_positive--UArf .react-ui-kit__ui-notification_button--1Ca3 {
  color: var(--ui-skin-notification-positive-button);
}
.react-ui-kit__ui-notification_positive--UArf .react-ui-kit__ui-notification_content--1l1q {
  color: var(--ui-skin-notification-positive-text);
}

.react-ui-kit__ui-notification_announce--E6gx {
  background-color: var(--ui-skin-notification-neutral-bg);
}
.react-ui-kit__ui-notification_announce--E6gx .react-ui-kit__ui-notification_button--1Ca3 {
  color: var(--ui-skin-notification-neutral-button);
}
.react-ui-kit__ui-notification_announce--E6gx .react-ui-kit__ui-notification_content--1l1q {
  color: var(--ui-skin-notification-neutral-text);
}

.react-ui-kit__ui-notification_alert--2pWM {
  background-color: var(--ui-skin-notification-warning-bg);
}
.react-ui-kit__ui-notification_alert--2pWM .react-ui-kit__ui-notification_button--1Ca3 {
  color: var(--ui-skin-notification-warning-button);
}
.react-ui-kit__ui-notification_alert--2pWM .react-ui-kit__ui-notification_content--1l1q {
  color: var(--ui-skin-notification-warning-text);
}

.react-ui-kit__ui-notification_error--2eI9 {
  background-color: var(--ui-skin-notification-negative-bg);
}
.react-ui-kit__ui-notification_error--2eI9 .react-ui-kit__ui-notification_button--1Ca3 {
  color: var(--ui-skin-notification-negative-button);
}
.react-ui-kit__ui-notification_error--2eI9 .react-ui-kit__ui-notification_content--1l1q {
  color: var(--ui-skin-notification-negative-text);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/notifications/notifications.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__notifications_isInverted--3shi {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__notifications_container--2Mve {
  position: fixed;
  top: var(--ui-skin-header-height);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 16px;
  max-width: 560px;
  width: 90vw;
  z-index: 130;
}
@media (max-width: 639px) {
  .react-core__notifications_container--2Mve {
    margin-top: -16px;
    width: 100vw;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-draggable-dialog/ui-draggable-dialog.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-draggable-dialog_isInverted--bG3U {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-draggable-dialog_dialog--2hc2 {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  height: 100%;
  width: 100%;
  max-height: 100%;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  -webkit-transform: none;
          transform: none;
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-draggable-dialog_dialog--2hc2 {
    height: 100% !important;
    width: 100% !important;
  }
}
.react-ui-kit__ui-draggable-dialog_dialog--2hc2 .react-ui-kit__ui-draggable-dialog_closeIcon--1mpZ {
  background-color: transparent;
}
.react-ui-kit__ui-draggable-dialog_dialog--2hc2 .react-ui-kit__ui-draggable-dialog_card--3st5 {
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
}
.react-ui-kit__ui-draggable-dialog_dialog--2hc2 .react-ui-kit__ui-draggable-dialog_title--23By {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-4-line-height);
  font-size: var(--ui-skin-heading-4-font-size);
  font-weight: var(--ui-skin-heading-4-font-weight);
  text-transform: var(--ui-skin-heading-4-text-transform);
  letter-spacing: var(--ui-skin-heading-4-letter-spacing);
  color: var(--ui-skin-heading-4-color);
  font-family: var(--ui-skin-heading-4-font-family);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 15px 20px;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  border-radius: 5px 5px 0 0;
  background: var(--ui-skin-background-inverted);
  color: var(--ui-skin-text-inverted);
  margin: 0;
}
.ui-scheme-inverted .react-ui-kit__ui-draggable-dialog_dialog--2hc2 .react-ui-kit__ui-draggable-dialog_title--23By, .react-ui-kit__ui-draggable-dialog_dialog--2hc2 .react-ui-kit__ui-draggable-dialog_title--23By.react-ui-kit__ui-draggable-dialog_isInverted--bG3U {
  color: var(--ui-skin-heading-4-color-inverted);
}
.react-ui-kit__ui-draggable-dialog_dialog--2hc2 .react-ui-kit__ui-draggable-dialog_body--2K0X {
  width: 100%;
  height: 100%;
  min-height: 145px;
  padding: 15px 20px;
  border-radius: 0 0 5px 5px;
  background-color: var(--ui-skin-side-dialog-bg);
  margin-bottom: 25px;
  overflow-y: auto;
}

.react-draggable {
  -webkit-transition: -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
  transition: -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
  transition: box-shadow 0.2s, transform 0.2s;
  transition: box-shadow 0.2s, transform 0.2s, -webkit-box-shadow 0.2s, -webkit-transform 0.2s;
  -webkit-box-shadow: 0 3px 10px 0 rgba(64, 66, 69, 0.22);
          box-shadow: 0 3px 10px 0 rgba(64, 66, 69, 0.22);
  border-radius: 5px;
}
.react-draggable-dragging {
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-box-shadow: 0 10px 40px 0 rgba(64, 66, 69, 0.22);
          box-shadow: 0 10px 40px 0 rgba(64, 66, 69, 0.22);
}
@media (max-width: 1024px) {
   {
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    width: 100vw !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
}

.react-ui-kit__ui-draggable-dialog_resize--2prV {
  bottom: -3px !important;
  right: -3px !important;
  width: 30px !important;
  height: 30px !important;
  z-index: 120;
  opacity: 0.35;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 7V9L9 21H7L21 7ZM19 21C20.1046 21 21 20.1046 21 19V17L17 21H19ZM21 14V12L12 21H14L21 14Z' fill='black'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-draggable-dialog_resize--2prV {
    display: none !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/containers/dialogs/dialogs.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__dialogs_isInverted--3Sw4 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__dialogs_draggableDialogs--33sC {
  z-index: 149;
  position: absolute;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-navigation-menu/ui-navigation-menu.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-navigation-menu_isInverted--2mH9 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

@media (max-width: 870px) {
  .react-ui-kit__ui-navigation-menu_container--24jH {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 105;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    background-color: var(--ui-skin-navigation-tablet-bg);
    -webkit-box-shadow: 0px -2px var(--ui-skin-navigation-tablet-box-shadow);
            box-shadow: 0px -2px var(--ui-skin-navigation-tablet-box-shadow);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-navigation-menu-button/ui-navigation-menu-button.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-navigation-menu-button_isInverted--2wIT {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-navigation-menu-button_container--1d3- {
  width: 140px;
  height: 92px;
  margin-bottom: 8px;
}
.react-ui-kit__ui-navigation-menu-button_container--1d3-.react-ui-kit__ui-navigation-menu-button_isDisabled--1yzs {
  pointer-events: none;
  opacity: var(--ui-skin-navigation-disabled-opacity);
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-navigation-menu-button_container--1d3- {
    margin-bottom: 0;
    height: var(--ui-skin-navigation-tablet-height);
  }
}
@media (max-width: 639px) {
  .react-ui-kit__ui-navigation-menu-button_container--1d3- {
    height: var(--ui-skin-navigation-mobile-height);
  }
}

.react-ui-kit__ui-navigation-menu-button_button--QTOH {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--ui-skin-navigation-color);
  font-weight: var(--ui-skin-font-weight-bold);
}
@media (min-width: 1025px) {
  .react-ui-kit__ui-navigation-menu-button_button--QTOH {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 28px;
  }
}
.react-ui-kit__ui-navigation-menu-button_button--QTOH {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-navigation-menu-button_button--QTOH::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: var(--ui-skin-border-radius);
}
.react-ui-kit__ui-navigation-menu-button_button--QTOH:hover {
  color: var(--ui-skin-navigation-color);
}
.react-ui-kit__ui-navigation-menu-button_button--QTOH:hover:not(.react-ui-kit__ui-navigation-menu-button_isActive--3Nt_)::after {
  background-color: var(--ui-skin-navigation-hover-bg);
}
.react-ui-kit__ui-navigation-menu-button_button--QTOH.react-ui-kit__ui-navigation-menu-button_isActive--3Nt_ {
  color: var(--ui-skin-navigation-active-color);
}
.react-ui-kit__ui-navigation-menu-button_button--QTOH.react-ui-kit__ui-navigation-menu-button_isActive--3Nt_:hover {
  color: var(--ui-skin-navigation-active-color);
}
.react-ui-kit__ui-navigation-menu-button_button--QTOH.react-ui-kit__ui-navigation-menu-button_isActive--3Nt_:hover .react-ui-kit__ui-navigation-menu-button_icon--2EbO {
  color: var(--ui-skin-navigation-active-icon-color);
}
.react-ui-kit__ui-navigation-menu-button_button--QTOH.react-ui-kit__ui-navigation-menu-button_isActive--3Nt_ .react-ui-kit__ui-navigation-menu-button_icon--2EbO {
  color: var(--ui-skin-navigation-active-icon-color);
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-navigation-menu-button_button--QTOH::after {
    border-radius: 0;
  }
}
@media (max-width: 639px) {
  .react-ui-kit__ui-navigation-menu-button_button--QTOH {
    line-height: var(--ui-paragraph-xxs-line-height);
    font-size: var(--ui-paragraph-xxs-font-size);
  }
}

.react-ui-kit__ui-navigation-menu-button_label--3Je7 {
  text-align: center;
}

.react-ui-kit__ui-navigation-menu-button_icon--2EbO {
  margin-bottom: 8px;
}
.react-ui-kit__ui-navigation-menu-button_icon--2EbO {
  position: relative;
}
.react-ui-kit__ui-navigation-menu-button_icon--2EbO[data-badge]::before {
  position: absolute;
  margin-left: -14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 4px;
  height: 14px;
  min-width: 14px;
  font-size: 9px;
  line-height: 1;
  border-radius: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: attr(data-badge);
  z-index: 4;
  top: -4px;
  right: -7px;
  background-color: var(--ui-skin-navigation-badge-bg);
  color: var(--ui-skin-navigation-badge-color);
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-navigation-menu-button_icon--2EbO {
    margin-bottom: 8px;
  }
}
@media (max-width: 639px) {
  .react-ui-kit__ui-navigation-menu-button_icon--2EbO {
    margin-bottom: 4px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-header-logo/ui-header-logo.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-header-logo_isInverted--xrlK {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-header-logo_container--mMMb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-ui-kit__ui-header-logo_container--mMMb .react-ui-kit__ui-header-logo_mobile--1ryk {
  display: none;
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-header-logo_container--mMMb .react-ui-kit__ui-header-logo_mobile--1ryk {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.react-ui-kit__ui-header-logo_container--mMMb .react-ui-kit__ui-header-logo_desktop--1cky {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-header-logo_container--mMMb .react-ui-kit__ui-header-logo_desktop--1cky {
    display: none;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/header-logo/header-logo.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__header-logo_isInverted--ucOo {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__header-logo_logo--1YfB {
  padding-right: 8px;
}
@media (max-width: 640px) {
  .react-authoring__header-logo_logo--1YfB {
    display: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/course-switcher/course-switcher.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__course-switcher_isInverted--2JRw {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__course-switcher_dropdownToggleActive--2ppx svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.react-core__course-switcher_dropdownMenu--3sjF {
  width: unset;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/header-left/header-left.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__header-left_isInverted--36zC {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__header-left_container--3Zbx {
  margin-left: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-container/ui-container.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-container_isInverted--2Iji {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-container_container--2C2E {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-container_container--2C2E {
    max-width: 100vw;
  }
}
.react-ui-kit__ui-container_container--2C2E.react-ui-kit__ui-container_xl--2dC5 {
  max-width: 1044px;
  width: 100%;
}
.react-ui-kit__ui-container_container--2C2E.react-ui-kit__ui-container_lg--1y6Z {
  max-width: 948px;
  width: 100%;
}
.react-ui-kit__ui-container_container--2C2E.react-ui-kit__ui-container_md--1-V2 {
  max-width: 712px;
  width: 100%;
}
.react-ui-kit__ui-container_container--2C2E.react-ui-kit__ui-container_sm--1B-k {
  max-width: 632px;
  width: 100%;
}
.react-ui-kit__ui-container_container--2C2E.react-ui-kit__ui-container_xs--jThZ {
  max-width: 472px;
  width: 100%;
}
.react-ui-kit__ui-container_container--2C2E.react-ui-kit__ui-container_full--1zgb {
  max-width: 100%;
  width: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/user-avatar/user-avatar.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__user-avatar_isInverted--2Iuk {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__user-avatar_container--3qxM {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/course-plan-details/course-plan-details.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__course-plan-details_isInverted--2s_i {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__course-plan-details_container--36-1 p {
  margin: 0;
  padding: 0;
}
.react-core__course-plan-details_container--36-1 a + a {
  margin-left: 20px;
}

.react-core__course-plan-details_details--6Gpy h3 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}
.ui-scheme-inverted .react-core__course-plan-details_details--6Gpy h3, .react-core__course-plan-details_details--6Gpy h3.react-core__course-plan-details_isInverted--2s_i {
  color: var(--ui-skin-heading-3-color-inverted);
}
.react-core__course-plan-details_details--6Gpy p {
  color: var(--ui-skin-text-subdued);
  margin-bottom: 16px;
}
.react-core__course-plan-details_details--6Gpy p {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-core__course-plan-details_details--6Gpy p:last-child {
  margin-bottom: 0;
}

.react-core__course-plan-details_controls--1F9W {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: auto;
}

.react-core__course-plan-details_trial--3UKH {
  margin-left: 8px;
}

.react-core__course-plan-details_buttons--EFr_ {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: auto;
}
@media (max-width: 639px) {
  .react-core__course-plan-details_buttons--EFr_ {
    margin-top: 16px;
  }
}

.react-core__course-plan-details_supplements--3C0_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.react-core__course-plan-details_supplement--2i2X {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: calc((100% - 24px * 3) / 4);
      -ms-flex-preferred-size: calc((100% - 24px * 3) / 4);
          flex-basis: calc((100% - 24px * 3) / 4);
  margin-top: 28px;
  margin-right: 24px;
}
.react-core__course-plan-details_supplement--2i2X:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 640px) {
  .react-core__course-plan-details_supplement--2i2X {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-flex-basis: calc((100% - 16px) / 2);
        -ms-flex-preferred-size: calc((100% - 16px) / 2);
            flex-basis: calc((100% - 16px) / 2);
    margin-top: 16px;
    margin-right: 16px;
  }
  .react-core__course-plan-details_supplement--2i2X:nth-child(2n) {
    margin-right: 0;
  }
}
.react-core__course-plan-details_supplement--2i2X .react-core__course-plan-details_title--1KYU {
  color: var(--ui-skin-text-subdued);
  margin-bottom: 4px;
}

.react-core__course-plan-details_usage--1bPZ {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-core__course-plan-details_planDescription--2TGU {
  color: var(--ui-skin-text-subdued);
}
.react-core__course-plan-details_planDescription--2TGU .react-core__course-plan-details_title--1KYU {
  margin-top: 16px;
  margin-bottom: 4px;
}

.react-core__course-plan-details_supplementsPurchaseLink--1SuR {
  margin-top: 16px;
  color: var(--ui-skin-text-subdued);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-info-panel/ui-info-panel.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-info-panel_isInverted--fxLD {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-info-panel_container--vekq {
  border-radius: var(--ui-skin-border-radius);
}

.react-ui-kit__ui-info-panel_separator--3-AA {
  border: 1px dashed;
  opacity: 0.16;
}

.react-ui-kit__ui-info-panel_typeSuccess--38ZL {
  background-color: var(--ui-skin-label-success-background);
  color: var(--ui-skin-label-success-text);
}

.react-ui-kit__ui-info-panel_separator--3-AA {
  border-color: var(--ui-skin-label-success-text);
}

.react-ui-kit__ui-info-panel_typeWarning--Etdk {
  background-color: var(--ui-skin-label-warning-background);
  color: var(--ui-skin-label-warning-text);
}

.react-ui-kit__ui-info-panel_separator--3-AA {
  border-color: var(--ui-skin-label-warning-text);
}

.react-ui-kit__ui-info-panel_typeDanger--206Z {
  background-color: var(--ui-skin-label-danger-background);
  color: var(--ui-skin-label-danger-text);
}

.react-ui-kit__ui-info-panel_separator--3-AA {
  border-color: var(--ui-skin-label-danger-text);
}

.react-ui-kit__ui-info-panel_typeInfo--1zhm {
  background-color: var(--ui-skin-label-info-background);
  color: var(--ui-skin-label-info-text);
}

.react-ui-kit__ui-info-panel_separator--3-AA {
  border-color: var(--ui-skin-label-info-text);
}

.react-ui-kit__ui-info-panel_sizeMd--3c_r {
  padding: 16px;
}
.react-ui-kit__ui-info-panel_sizeMd--3c_r {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}

.react-ui-kit__ui-info-panel_sizeSm--2WOm {
  padding: 8px;
}
.react-ui-kit__ui-info-panel_sizeSm--2WOm {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-info-panel_paddingXxs--1o10 {
  padding: 8px;
}
.react-ui-kit__ui-info-panel_paddingXxs--1o10 .react-ui-kit__ui-info-panel_directionVertical--2Xxo {
  margin-top: -8px;
  margin-bottom: -8px;
}
.react-ui-kit__ui-info-panel_paddingXxs--1o10 .react-ui-kit__ui-info-panel_directionHorizontal--2sWB {
  margin-left: -8px;
  margin-right: -8px;
}

.react-ui-kit__ui-info-panel_paddingSm--ab3i {
  padding: 16px;
}
.react-ui-kit__ui-info-panel_paddingSm--ab3i .react-ui-kit__ui-info-panel_directionVertical--2Xxo {
  margin-top: -16px;
  margin-bottom: -16px;
}
.react-ui-kit__ui-info-panel_paddingSm--ab3i .react-ui-kit__ui-info-panel_directionHorizontal--2sWB {
  margin-left: -16px;
  margin-right: -16px;
}

.react-ui-kit__ui-info-panel_paddingXl--1B-J {
  padding: 28px;
}
.react-ui-kit__ui-info-panel_paddingXl--1B-J .react-ui-kit__ui-info-panel_directionVertical--2Xxo {
  margin-top: -28px;
  margin-bottom: -28px;
}
.react-ui-kit__ui-info-panel_paddingXl--1B-J .react-ui-kit__ui-info-panel_directionHorizontal--2sWB {
  margin-left: -28px;
  margin-right: -28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-info-panel_paddingXl--1B-J {
    padding: 16px;
  }
  .react-ui-kit__ui-info-panel_paddingXl--1B-J .react-ui-kit__ui-info-panel_directionVertical--2Xxo {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .react-ui-kit__ui-info-panel_paddingXl--1B-J .react-ui-kit__ui-info-panel_directionHorizontal--2sWB {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (max-width: 640px) {
  .react-ui-kit__ui-info-panel_isAdaptive--26YG {
    border-radius: 0;
  }
}

.react-ui-kit__ui-info-panel_directionHorizontal--2sWB {
  width: 100%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-info-panel_directionHorizontal--2sWB {
    width: auto;
  }
}

.react-ui-kit__ui-info-panel_directionVertical--2Xxo {
  height: auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/cancel-auto-upgrade-dialog/cancel-auto-upgrade-dialog.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__cancel-auto-upgrade-dialog_isInverted--nGk_ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__cancel-auto-upgrade-dialog_reasonsHeader--mfc7 {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-core__cancel-auto-upgrade-dialog_customReasonInput--3Xjk {
  margin-top: 16px;
}

.react-core__cancel-auto-upgrade-dialog_bundleWarning--1Ddv {
  margin-top: 28px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/upgrade-now-dialog/upgrade-now-dialog.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__upgrade-now-dialog_isInverted--3mBz {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__upgrade-now-dialog_bundleWarning--1G0s {
  margin-top: 28px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-payment-method/account-payment-method.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-payment-method_isInverted--1h4g {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-payment-method_header--39ij {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-core__account-payment-method_header--39ij, .react-core__account-payment-method_header--39ij.react-core__account-payment-method_isInverted--1h4g {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__account-payment-method_row--TAW8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 640px) {
  .react-core__account-payment-method_row--TAW8 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-core__account-payment-method_info--2BXp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 640px) {
  .react-core__account-payment-method_info--2BXp {
    margin-bottom: 16px;
  }
}

.react-core__account-payment-method_icon--1tQn {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-calculator/account-calculator.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-calculator_isInverted--hCmU {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-calculator_header--KMIH {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
  margin-bottom: 16px;
}
.ui-scheme-inverted .react-core__account-calculator_header--KMIH, .react-core__account-calculator_header--KMIH.react-core__account-calculator_isInverted--hCmU {
  color: var(--ui-skin-heading-3-color-inverted);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-referral-link/account-referral-link.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-referral-link_isInverted--2Inf {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-referral-link_container--3pJ9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.react-core__account-referral-link_container--3pJ9 p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

.react-core__account-referral-link_header--oL2x {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
}
.ui-scheme-inverted .react-core__account-referral-link_header--oL2x, .react-core__account-referral-link_header--oL2x.react-core__account-referral-link_isInverted--2Inf {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__account-referral-link_subduedText--2Nky {
  color: var(--ui-skin-text-subdued);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/timezone-select/timezone-select.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__timezone-select_isInverted--2viP {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__timezone-select_select--3O-L {
  max-width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-timezone/account-timezone.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-timezone_isInverted--3wBy {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-timezone_header--1Bk4 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-core__account-timezone_header--1Bk4, .react-core__account-timezone_header--1Bk4.react-core__account-timezone_isInverted--3wBy {
  color: var(--ui-skin-heading-3-color-inverted);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-privacy/account-privacy.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-privacy_isInverted--aVZJ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-privacy_container--3WJn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.react-core__account-privacy_button--3ZMx {
  font-weight: var(--ui-skin-font-weight-semibold);
  padding-left: 0;
}
.react-core__account-privacy_button--3ZMx + .react-core__account-privacy_button--3ZMx {
  margin-left: 0;
}

.react-core__account-privacy_header--17nK {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-core__account-privacy_header--17nK, .react-core__account-privacy_header--17nK.react-core__account-privacy_isInverted--aVZJ {
  color: var(--ui-skin-heading-3-color-inverted);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-error-list/ui-error-list.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-error-list_isInverted--OKu2 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

@-webkit-keyframes react-ui-kit__ui-error-list_fx-errors-list-appearance--XPHw {
  0% {
    max-height: 0;
    background: transparent;
  }
  100% {
    max-height: 500px;
  }
}

@keyframes react-ui-kit__ui-error-list_fx-errors-list-appearance--XPHw {
  0% {
    max-height: 0;
    background: transparent;
  }
  100% {
    max-height: 500px;
  }
}
@-webkit-keyframes react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5px) scaleY(0);
            transform: translateY(-5px) scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5px) scaleY(0);
            transform: translateY(-5px) scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.react-ui-kit__ui-error-list_container--1cfA {
  margin: 0 0 6px;
  padding: 0;
  overflow: hidden;
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-appearance--XPHw 0.6s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-appearance--XPHw 0.6s ease-in forwards;
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-error-list_container--1cfA {
    margin: 0;
  }
}

.react-ui-kit__ui-error-list_item--2duA {
  padding: 6px 24px;
  margin: 0 0 3px;
  display: block;
  color: var(--ui-skin-notification-negative-text);
  background: var(--ui-skin-notification-negative-bg);
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  -webkit-transform: translateY(-5px) scaleY(0);
          transform: translateY(-5px) scaleY(0);
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--2duA:nth-child(2) {
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0.1s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0.1s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--2duA:nth-child(3) {
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0.2s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0.2s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--2duA:nth-child(4) {
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0.3s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0.3s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--2duA:nth-child(5) {
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0.4s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--Hlcr 0.3s 0.4s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--2duA:last-child {
  margin-bottom: 12px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-error-list_item--2duA {
    border-radius: 0;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-dialog-privacy-preferences/account-dialog-privacy-preferences.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-dialog-privacy-preferences_isInverted--1N-f {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-dialog-privacy-preferences_semibold--3GkX {
  font-weight: var(--ui-skin-font-weight-semibold);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-dialog-data-and-privacy-inquiries/account-dialog-data-and-privacy-inquiries.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-dialog-data-and-privacy-inquiries_isInverted--lsDo {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-dialog-data-and-privacy-inquiries_semibold--1cvd {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-core__account-dialog-data-and-privacy-inquiries_radioContainer--3SFS label {
  margin-bottom: 4px !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-preferences/account-preferences.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-preferences_isInverted--3ggH {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-preferences_container--RXeQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.react-core__account-preferences_header--aJy4 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-core__account-preferences_header--aJy4, .react-core__account-preferences_header--aJy4.react-core__account-preferences_isInverted--3ggH {
  color: var(--ui-skin-heading-3-color-inverted);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account/account.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account_isInverted--120e {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account_header--2SwD {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 28px;
  padding-bottom: 28px;
}
.react-core__account_header--2SwD button {
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-core__account_body--1Uk_ {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.react-core__account_userInfo--3swA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.react-core__account_userInfo--3swA .react-core__account_userName--2Qnp {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-2-line-height);
  font-size: var(--ui-skin-heading-2-font-size);
  font-weight: var(--ui-skin-heading-2-font-weight);
  text-transform: var(--ui-skin-heading-2-text-transform);
  letter-spacing: var(--ui-skin-heading-2-letter-spacing);
  color: var(--ui-skin-heading-2-color);
  font-family: var(--ui-skin-heading-2-font-family);
}
.ui-scheme-inverted .react-core__account_userInfo--3swA .react-core__account_userName--2Qnp, .react-core__account_userInfo--3swA .react-core__account_userName--2Qnp.react-core__account_isInverted--120e {
  color: var(--ui-skin-heading-2-color-inverted);
}
.react-core__account_userInfo--3swA .react-core__account_email--25Yu {
  color: var(--ui-skin-text-subdued-inverted);
}
.react-core__account_userInfo--3swA .react-core__account_email--25Yu {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-core__account_avatar--3pOy {
  width: 56px;
  height: 56px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 16px;
  cursor: pointer;
}
.react-core__account_avatar--3pOy .react-core__account_editIcon--7jF2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
}
.react-core__account_avatar--3pOy:before {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.react-core__account_avatar--3pOy:hover .react-core__account_editIcon--7jF2 {
  opacity: 1;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/dialog-change-avatar/dialog-change-avatar.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__dialog-change-avatar_isInverted--2-60 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__dialog-change-avatar_tabContent--26k4 {
  padding-top: 16px;
}

.react-core__dialog-change-avatar_errorWrapper--1YnR {
  margin-bottom: 20px;
}

.react-core__dialog-change-avatar_loadCaption--Zhqa {
  color: var(--ui-skin-text-subdued);
  margin-top: 0;
  margin-bottom: 24px;
}
.react-core__dialog-change-avatar_loadCaption--Zhqa {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-core__dialog-change-avatar_loadInfo--2ZNE {
  margin: 0;
  color: var(--ui-skin-text-subdued);
}
.react-core__dialog-change-avatar_loadInfo--2ZNE {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-core__dialog-change-avatar_avatar--2qTY {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin: 28px auto;
}

.react-core__dialog-change-avatar_capture--18ZL {
  min-width: 300px;
  min-height: 200px;
  width: 100% !important;
  text-align: center;
}

.react-core__dialog-change-avatar_captureBtn--24Kf {
  margin-top: 20px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/content-groups-list/content-groups-list.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__content-groups-list_isInverted--3tlc {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__content-groups-list_loaderContainer--1Qd8 {
  position: relative;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/content-groups/content-groups.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__content-groups_isInverted--1OF_ {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__content-groups_uiCard--yZfd {
  width: 100%;
}

.react-authoring__content-groups_uiCardFilters--imMT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-authoring__content-groups_uiCardFilters--imMT div {
  margin-right: 30px;
}

.react-authoring__content-groups_createNewGroupButton--2MFI {
  float: right;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/content-units-table-header/content-units-table-header.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__content-units-table-header_isInverted--3W_Z {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__content-units-table-header_actionsWrapper--25gC {
  width: 220px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-dnd/ui-dnd.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-dnd_isInverted--1GtS {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-dnd_handleContainer--35vF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-ui-kit__ui-dnd_handle--145u {
  cursor: -webkit-grab;
  cursor: grab;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-side-dialog/body/body.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__body_isInverted--2rBe {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__body_body--3NEf {
  position: relative;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.react-ui-kit__body_body--3NEf:empty {
  display: none;
}

.react-ui-kit__body_separator--3sTe {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 1px;
  background: var(--ui-skin-side-dialog-header-separator);
}

.react-ui-kit__body_xxxlPadding--F4uQ {
  padding: 80px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_xxxlPadding--F4uQ {
    padding: 40px;
  }
}

.react-ui-kit__body_xxlPadding--1ylP {
  padding: 40px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_xxlPadding--1ylP {
    padding: 24px;
  }
}

.react-ui-kit__body_xlPadding--23I3 {
  padding: 28px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_xlPadding--23I3 {
    padding: 16px;
  }
}

.react-ui-kit__body_lgPadding--2mhT {
  padding: 24px;
}

.react-ui-kit__body_mdPadding--2MFs {
  padding: 20px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_mdPadding--2MFs {
    padding: 12px;
  }
}

.react-ui-kit__body_smPadding--bq30 {
  padding: 16px;
}

.react-ui-kit__body_xsPadding--1zuM {
  padding: 12px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_xsPadding--1zuM {
    padding: 8px;
  }
}

.react-ui-kit__body_xxsPadding--l3AB {
  padding: 8px;
}

.react-ui-kit__body_xxxsPadding--1anY {
  padding: 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-side-dialog/footer/footer.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__footer_isInverted--3hd0 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__footer_footer--2ze5 {
  border-top: 1px solid var(--ui-skin-side-dialog-header-separator);
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.react-ui-kit__footer_xxxlPadding--ouM7 {
  padding: 80px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_xxxlPadding--ouM7 {
    padding: 40px;
  }
}

.react-ui-kit__footer_xxlPadding--2UaQ {
  padding: 40px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_xxlPadding--2UaQ {
    padding: 24px;
  }
}

.react-ui-kit__footer_xlPadding--utsx {
  padding: 28px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_xlPadding--utsx {
    padding: 16px;
  }
}

.react-ui-kit__footer_lgPadding--3vBp {
  padding: 24px;
}

.react-ui-kit__footer_mdPadding--p635 {
  padding: 20px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_mdPadding--p635 {
    padding: 12px;
  }
}

.react-ui-kit__footer_smPadding--Cpz3 {
  padding: 16px;
}

.react-ui-kit__footer_xsPadding--1zRC {
  padding: 12px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_xsPadding--1zRC {
    padding: 8px;
  }
}

.react-ui-kit__footer_xxsPadding--33O1 {
  padding: 8px;
}

.react-ui-kit__footer_xxxsPadding--jMrg {
  padding: 4px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-side-dialog/separator/separator.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__separator_isInverted--3tSW {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__separator_separator--TmPE {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 1px;
  background: var(--ui-skin-side-dialog-header-separator);
}

.react-ui-kit__separator_xxxlPadding--1oTR {
  margin: 80px -80px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_xxxlPadding--1oTR {
    margin: 40px -40px;
  }
}

.react-ui-kit__separator_xxlPadding--3qVu {
  margin: 40px -40px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_xxlPadding--3qVu {
    margin: 24px -24px;
  }
}

.react-ui-kit__separator_xlPadding--1VOz {
  margin: 28px -28px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_xlPadding--1VOz {
    margin: 16px -16px;
  }
}

.react-ui-kit__separator_lgPadding--2id9 {
  margin: 24px -24px;
}

.react-ui-kit__separator_mdPadding--27dt {
  margin: 20px -20px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_mdPadding--27dt {
    margin: 12px -12px;
  }
}

.react-ui-kit__separator_smPadding--3cz5 {
  margin: 16px -16px;
}

.react-ui-kit__separator_xsPadding--1adA {
  margin: 12px -12px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_xsPadding--1adA {
    margin: 8px -8px;
  }
}

.react-ui-kit__separator_xxsPadding--2uCb {
  margin: 8px -8px;
}

.react-ui-kit__separator_xxxsPadding--23l3 {
  margin: 4px -4px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-side-dialog/ui-side-dialog.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-side-dialog_isInverted--3XsS {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-side-dialog_container--2AKv {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 120;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  -webkit-box-shadow: var(--ui-skin-box-shadow-xl);
          box-shadow: var(--ui-skin-box-shadow-xl);
  background-color: var(--ui-skin-side-dialog-bg);
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_container--2AKv {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.react-ui-kit__ui-side-dialog_hasBorder--3Czm {
  border-bottom: 1px solid var(--ui-skin-side-dialog-header-separator);
}

.react-ui-kit__ui-side-dialog_header--1YNT .react-ui-kit__ui-side-dialog_title--2vmr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: var(--ui-skin-heading-4-line-height);
  font-size: var(--ui-skin-heading-4-font-size);
}
.react-ui-kit__ui-side-dialog_header--1YNT:empty {
  display: none;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_header--1YNT .react-ui-kit__ui-side-dialog_header--1YNT {
    padding: 16px;
  }
}

.react-ui-kit__ui-side-dialog_md--3vmG {
  width: 400px;
  max-width: 100vw;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_md--3vmG {
    width: 100vw;
  }
}

.react-ui-kit__ui-side-dialog_lg--1X5U {
  width: 620px;
  max-width: 100vw;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_lg--1X5U {
    width: 100vw;
  }
}

.react-ui-kit__ui-side-dialog_half--2-0w {
  width: 50%;
  max-width: 100vw;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_half--2-0w {
    width: 100vw;
  }
}

.react-ui-kit__ui-side-dialog_xxxlPadding--3k-o {
  padding: 80px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_xxxlPadding--3k-o {
    padding: 40px;
  }
}

.react-ui-kit__ui-side-dialog_xxlPadding--IwZk {
  padding: 40px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_xxlPadding--IwZk {
    padding: 24px;
  }
}

.react-ui-kit__ui-side-dialog_xlPadding--3Hsv {
  padding: 28px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_xlPadding--3Hsv {
    padding: 16px;
  }
}

.react-ui-kit__ui-side-dialog_lgPadding--6snE {
  padding: 24px;
}

.react-ui-kit__ui-side-dialog_mdPadding--3xK4 {
  padding: 20px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_mdPadding--3xK4 {
    padding: 12px;
  }
}

.react-ui-kit__ui-side-dialog_smPadding--3SBS {
  padding: 16px;
}

.react-ui-kit__ui-side-dialog_xsPadding--1IEB {
  padding: 12px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_xsPadding--1IEB {
    padding: 8px;
  }
}

.react-ui-kit__ui-side-dialog_xxsPadding--2SY6 {
  padding: 8px;
}

.react-ui-kit__ui-side-dialog_xxxsPadding--9L8D {
  padding: 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/content-units-side-dialog-list-item/content-units-side-dialog-list-item.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__content-units-side-dialog-list-item_isInverted--1rdl {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__content-units-side-dialog-list-item_rowItem--1-9s {
  cursor: pointer;
}

.react-authoring__content-units-side-dialog-list-item_selectedRowItem--fT0o {
  color: var(--ui-skin-text-placeholder);
}
.react-authoring__content-units-side-dialog-list-item_selectedRowItem--fT0o span {
  color: var(--ui-skin-text);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/content-units-side-dialog/content-units-side-dialog.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__content-units-side-dialog_isInverted--1kMt {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__content-units-side-dialog_searchInput--1T8R {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/edit-content-group/edit-content-group.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__edit-content-group_isInverted--3Gtz {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__edit-content-group_editContentGroupsCard--3pbm {
  width: 95%;
  margin-bottom: 40px;
}

.react-authoring__edit-content-group_contentUnitsCard--293K {
  width: 95%;
  margin-bottom: 40px;
}

.react-authoring__edit-content-group_editContentGroupLabel--UtSk {
  min-width: 120px;
}

.react-authoring__edit-content-group_input--2jwT {
  width: 75%;
}

.react-authoring__edit-content-group_editButton--3ZdD {
  max-width: 120px;
}

.react-authoring__edit-content-group_deleteButton--3Uaz {
  max-width: 120px;
}

.react-authoring__edit-content-group_savingStatus--2DLZ {
  margin-top: 16px;
  width: 100px;
  text-align: center;
}

.react-authoring__edit-content-group_groupInfo--1WZC {
  padding-right: 16px;
}

.react-authoring__edit-content-group_contentUnitsLabel--1Z64 {
  float: right;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/create-content-group/create-content-group.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__create-content-group_isInverted--2FZT {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__create-content-group_uiCard--3wrS {
  width: 100%;
}

.react-authoring__create-content-group_input--27Kn {
  float: left;
  margin-left: 16px;
}

.react-authoring__create-content-group_createButton--1QW- {
  float: right;
  white-space: nowrap;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-accordion/ui-accordion.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-accordion_isInverted--1wOC {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-accordion_container--aeww {
  position: relative;
  border-top: 1px solid var(--ui-skin-border);
}
.react-ui-kit__ui-accordion_container--aeww .react-ui-kit__ui-accordion_container--aeww {
  border-top: none;
}

.react-ui-kit__ui-accordion_item--2Zqq {
  position: relative;
  text-decoration: none;
  color: var(--ui-skin-text);
}

.react-ui-kit__ui-accordion_heading--2x6X {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  contain: content;
  padding: 0 5px;
  padding-left: calc(4px * 8 * var(--level));
  border-bottom: 1px solid var(--ui-skin-border);
  background-color: var(--ui-skin-element-bg);
}

.react-ui-kit__ui-accordion_title--1Z8o {
  padding: 13px 10px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.react-ui-kit__ui-accordion_title--1Z8o.react-ui-kit__ui-accordion_isClickable--eK-e {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.react-ui-kit__ui-accordion_button--2sWr {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.react-ui-kit__ui-accordion_button--2sWr.react-ui-kit__ui-accordion_directionRight--2fYs {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.react-ui-kit__ui-accordion_content--3SID {
  background-color: #fafcfe;
}

.react-ui-kit__ui-accordion_isExpanded--20Bp > .react-ui-kit__ui-accordion_button--2sWr {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.react-ui-kit__ui-accordion_isExpanded--20Bp > .react-ui-kit__ui-accordion_button--2sWr.react-ui-kit__ui-accordion_directionRight--2fYs {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/simple-inline-text-form/simple-inline-text-form.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__simple-inline-text-form_isInverted--Wo9y {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__simple-inline-text-form_container--2CBG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-authoring__simple-inline-text-form_button--1G-r {
  margin-left: 5px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/entity-group-controls/entity-group-controls.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__entity-group-controls_isInverted--2VYb {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__entity-group-controls_container--3WHx {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--ui-skin-element-bg);
}
.react-authoring__entity-group-controls_container--3WHx::after {
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  bottom: 0;
  width: 25px;
  background: -webkit-gradient(linear, right top, left top, color-stop(20%, var(--ui-skin-element-bg)), to(transparent));
  background: linear-gradient(to left, var(--ui-skin-element-bg) 20%, transparent);
}
.react-authoring__entity-group-controls_container--3WHx.react-authoring__entity-group-controls_isVisible--8RhZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-authoring__entity-group-controls_icon--1Sq1 {
  padding: 0;
  min-width: 40px !important;
  min-height: 40px !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/entity-groups-dialog/entity-groups-dialog.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__entity-groups-dialog_isInverted--2CBe {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__entity-groups-dialog_content--3pw4 {
  max-height: 70vh;
  margin-top: 20px;
  overflow: auto;
}

.react-authoring__entity-groups-dialog_item--2Yti {
  cursor: pointer;
}
.react-authoring__entity-groups-dialog_item--2Yti.react-authoring__entity-groups-dialog_isActive--2Rck {
  background-color: #e9f1f8;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/entity-controls/entity-controls.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__entity-controls_isInverted--1q_k {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__entity-controls_container--9kzp {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f1f5fa;
}
.react-authoring__entity-controls_container--9kzp::after {
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  bottom: 0;
  width: 25px;
  background: -webkit-gradient(linear, right top, left top, color-stop(20%, #f1f5fa), to(transparent));
  background: linear-gradient(to left, #f1f5fa 20%, transparent);
}
.react-authoring__entity-controls_container--9kzp.react-authoring__entity-controls_isVisible--2iaF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-authoring__entity-controls_icon--ejzY {
  padding: 0;
  min-width: 40px !important;
  min-height: 40px !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/curriculum-editor-item/curriculum-editor-item.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__curriculum-editor-item_isInverted--3sUy {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__curriculum-editor-item_groupTitle--2HU_ {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-authoring__curriculum-editor-item_entityHeading--2O7H {
  background-color: transparent;
}
.react-authoring__curriculum-editor-item_entityHeading--2O7H:hover {
  background-color: #f1f5fa;
}
.react-authoring__curriculum-editor-item_entityHeading--2O7H.react-authoring__curriculum-editor-item_isActive--2yG3 {
  background-color: #e9f1f8;
}

.react-authoring__curriculum-editor-item_groupToggleButton--YABQ {
  color: var(--ui-skin-text-subdued);
}
.react-authoring__curriculum-editor-item_groupToggleButton--YABQ.react-authoring__curriculum-editor-item_isNotVisible--27p7 {
  visibility: hidden;
}

.react-authoring__curriculum-editor-item_itemTitle--gDbb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.react-authoring__curriculum-editor-item_relatedConcepts--1mUt {
  contain: content;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 14px;
  color: var(--ui-skin-text-subdued);
}

.react-authoring__curriculum-editor-item_noPrerequisitesMessage--3QID {
  contain: content;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 14px;
  color: var(--ui-skin-text-negative);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/concept-appends-list-item/concept-appends-list-item.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__concept-appends-list-item_isInverted--w3hw {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__concept-appends-list-item_title--31O3 {
  width: 100%;
  padding-left: 40px;
  font-weight: var(--ui-skin-font-weight-semibold);
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.react-authoring__concept-appends-list-item_difficulty--2fk2 {
  margin: 0 20px;
}

.react-authoring__concept-appends-list-item_controls--1dvV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/curriculum-editor/curriculum-editor.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__curriculum-editor_isInverted--1-Y8 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__curriculum-editor_container---aJa {
  width: 50%;
  padding: 20px;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

.react-authoring__curriculum-editor_search--2JhB,
.react-authoring__curriculum-editor_list--2TMn {
  max-width: 600px;
  margin: auto;
}

.react-authoring__curriculum-editor_search--2JhB {
  margin-bottom: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/curriculum-map/curriculum-map.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__curriculum-map_isInverted--11iO {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__curriculum-map_container--3vJm {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 0;
  background-color: var(--ui-skin-background);
  overflow: hidden;
  -webkit-transition: left 0.3s linear;
  transition: left 0.3s linear;
}
.react-authoring__curriculum-map_container--3vJm.react-authoring__curriculum-map_isVisible--2465 {
  left: 0;
}

.react-authoring__curriculum-map_mapContainer--3s62 {
  width: 100%;
  height: 100%;
}

.react-authoring__curriculum-map_controls--rU5N {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 30px;
  bottom: 50px;
  height: 160px;
  z-index: 1;
}

.react-authoring__curriculum-map_icon--2im5 {
  position: fixed;
  bottom: 50px;
  right: 30px;
}
/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/reactflow/dist/style.css ***!
  \*****************************************************************************************/
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/entity-group-map-node/entity-group-map-node.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__entity-group-map-node_isInverted--2P3G {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__entity-group-map-node_container--3V0H {
  position: relative;
  background: rgba(88, 75, 174, 0.4);
  width: 100%;
  height: 100%;
}

.react-authoring__entity-group-map-node_label--DMsC {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: var(--ui-skin-text);
  background: var(--ui-skin-element-bg);
  border: 1px solid #584bae;
  padding: 0 8px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/entity-map-node/entity-map-node.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__entity-map-node_isInverted--2fxA {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__entity-map-node_container--L8TF {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  gap: 10px;
}

.react-authoring__entity-map-node_node--1-oR {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--ui-skin-element-bg);
  border: 1px solid var(--ui-skin-text);
  cursor: pointer;
}
.react-authoring__entity-map-node_isSelected--1RM_ .react-authoring__entity-map-node_node--1-oR {
  background: var(--ui-skin-text-negative);
}

.react-authoring__entity-map-node_label--21Qm {
  max-width: 100%;
  max-height: 75px;
  text-align: center;
  background: var(--ui-skin-element-bg);
  padding: 0 8px;
  overflow: hidden;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/upcoming-tasks/upcoming-tasks.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__upcoming-tasks_isInverted--2eey {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__upcoming-tasks_idCell--2QKV,
.react-authoring__upcoming-tasks_typeCell--dnVp {
  width: 100px;
}

.react-authoring__upcoming-tasks_actionCell--1Aum {
  width: 142px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-form-field/ui-form-field.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-form-field_isInverted--26GH {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-form-field_container--jNGL:not(:last-child) {
  margin-bottom: 16px;
}

.react-ui-kit__ui-form-field_text--2iQJ {
  display: block;
  color: var(--ui-skin-form-field-helper-text);
  font-size: 87%;
}

.react-ui-kit__ui-form-field_label--1syt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-ui-kit__ui-form-field_field--Oa6o {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.react-ui-kit__ui-form-field_isHorizontal--DMTJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-form-field_isHorizontal--DMTJ .react-ui-kit__ui-form-field_label--1syt {
  width: 200px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

@media (max-width: 639px) {
  .react-ui-kit__ui-form-field_isMobileVertical--1nDq {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .react-ui-kit__ui-form-field_isMobileVertical--1nDq .react-ui-kit__ui-form-field_label--1syt {
    margin-bottom: 8px;
  }
}

.react-ui-kit__ui-form-field_alignStart--3N6a .react-ui-kit__ui-form-field_label--1syt {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}

.react-ui-kit__ui-form-field_alignCenter--179b .react-ui-kit__ui-form-field_label--1syt {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.react-ui-kit__ui-form-field_alignEnd--29Gu .react-ui-kit__ui-form-field_label--1syt {
  -webkit-align-self: end;
      -ms-flex-item-align: end;
          align-self: end;
}

.react-ui-kit__ui-form-field_size-sm--2Pwn {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-field_size-sm--2Pwn .react-ui-kit__ui-form-field_text--2iQJ {
  margin-top: 8px;
}
.react-ui-kit__ui-form-field_size-sm--2Pwn .react-ui-kit__ui-form-field_label--1syt {
  max-height: 44px;
}
.react-ui-kit__ui-form-field_size-sm--2Pwn:not(.react-ui-kit__ui-form-field_isHorizontal--DMTJ) .react-ui-kit__ui-form-field_label--1syt {
  margin-bottom: 4px;
}

.react-ui-kit__ui-form-field_size-md--1BEv {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-field_size-md--1BEv .react-ui-kit__ui-form-field_text--2iQJ {
  margin-top: 12px;
}
.react-ui-kit__ui-form-field_size-md--1BEv .react-ui-kit__ui-form-field_label--1syt {
  max-height: 52px;
}
.react-ui-kit__ui-form-field_size-md--1BEv:not(.react-ui-kit__ui-form-field_isHorizontal--DMTJ) .react-ui-kit__ui-form-field_label--1syt {
  margin-bottom: 8px;
}

.react-ui-kit__ui-form-field_isRequired--1CGP .react-ui-kit__ui-form-field_label--1syt::after {
  content: "*";
  display: inline-block;
  color: var(--ui-skin-form-field-required);
}

.react-ui-kit__ui-form-field_isDisabled--1TGk .react-ui-kit__ui-form-field_label--1syt {
  opacity: 0.5;
}

.react-ui-kit__ui-form-field_hasError--3Jg9 .react-ui-kit__ui-form-field_text--2iQJ {
  color: var(--ui-skin-form-field-helper-error-text);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-ui-kit/src/components/ui-form/ui-form.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-form_isInverted--1JO5 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-ui-kit__ui-form_container--3D_z.react-ui-kit__ui-form_isDisabled--Cb_3 {
  pointer-events: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/account-edit/account-edit.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__account-edit_isInverted--32oA {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__account-edit_container--2ho8 .react-core__account-edit_textField--1w0n {
  margin-top: 0;
  margin-bottom: 12px;
  color: var(--ui-skin-text-subdued);
}
.react-core__account-edit_container--2ho8 .react-core__account-edit_textField--1w0n {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-core__account-edit_container--2ho8 .react-core__account-edit_submit--2bBd {
  margin-right: 20px;
}
.react-core__account-edit_container--2ho8 .react-core__account-edit_lastField--1Rml {
  margin-bottom: 28px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/change-email-form/change-email-form.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__change-email-form_isInverted--2F0u {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__change-email-form_submit--2vSl {
  margin-right: 20px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/change-password-form/change-password-form.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__change-password-form_isInverted--1WYO {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__change-password-form_email--3VGm {
  display: none;
}

.react-core__change-password-form_submit--1Law {
  margin-right: 20px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/not-found/not-found.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__not-found_isInverted--r1Sx {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__not-found_container--kPnD {
  padding: 240px 40px 40px;
  background: var(--ui-skin-element-bg) url("/assets/404/not-found.svg") center 90px no-repeat;
  text-align: center;
}

.react-core__not-found_description--2HJm {
  margin-bottom: 40px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/login-form/login-form.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__login-form_isInverted--3S69 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__login-form_input--6_Jj {
  margin: 16px 0;
}

.react-core__login-form_forgotPass--1V39 {
  text-align: center;
  color: var(--ui-skin-text-subdued);
  margin: 16px 0 0;
}
.react-core__login-form_forgotPass--1V39 > a {
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-core__login-form_card--2Dy7 {
  padding-top: 12px;
  padding-left: 0;
  padding-right: 0;
}

.react-core__login-form_innerCard--32Dh {
  padding: 28px;
}

.react-core__login-form_tabs--2KJb {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/reset-password/reset-password.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__reset-password_isInverted--3JKY {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__reset-password_iconRow--271h {
  color: var(--ui-skin-active-element);
  margin-bottom: 16px;
}

.react-core__reset-password_headerRow--3q0P {
  margin-bottom: 16px;
}
.react-core__reset-password_headerRow--3q0P h3 {
  padding: 0;
  margin: 0;
  line-height: var(--ui-skin-heading-3-line-height);
  font-size: var(--ui-skin-heading-3-font-size);
  font-weight: var(--ui-skin-heading-3-font-weight);
  text-transform: var(--ui-skin-heading-3-text-transform);
  letter-spacing: var(--ui-skin-heading-3-letter-spacing);
  color: var(--ui-skin-heading-3-color);
  font-family: var(--ui-skin-heading-3-font-family);
}
.ui-scheme-inverted .react-core__reset-password_headerRow--3q0P h3, .react-core__reset-password_headerRow--3q0P h3.react-core__reset-password_isInverted--3JKY {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__reset-password_textRow--3_5p {
  margin-bottom: 16px;
  text-align: center;
}

.react-core__reset-password_redirectButton--5BWh {
  margin-top: 16px;
}

.react-core__reset-password_hint--HVy_ {
  color: var(--ui-skin-text-subdued);
}
.react-core__reset-password_hint--HVy_ {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/ai-assistant-sidebar/ai-assistant-sidebar.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__ai-assistant-sidebar_isInverted--UqLX {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__ai-assistant-sidebar_row--2R1q {
  cursor: pointer;
  padding: 8px;
  border-radius: var(--ui-skin-border-radius);
}
.react-authoring__ai-assistant-sidebar_row--2R1q {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-authoring__ai-assistant-sidebar_row--2R1q:first-of-type {
  margin-top: 20px;
}
.react-authoring__ai-assistant-sidebar_row--2R1q:hover {
  background-color: var(--ui-skin-palette-p1-200);
}
.react-authoring__ai-assistant-sidebar_row--2R1q.react-authoring__ai-assistant-sidebar_active--2uBU {
  background-color: var(--ui-skin-palette-p1-200);
}

.react-authoring__ai-assistant-sidebar_cell--2tdw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-authoring__ai-assistant-sidebar_cellWithTitle--284v {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.react-authoring__ai-assistant-sidebar_icon--1h7v {
  color: var(--ui-skin-text-subdued);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/ai-assistant-chat/ai-assistant-chat.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__ai-assistant-chat_isInverted--3iOd {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__ai-assistant-chat_row--3hI6 {
  margin-bottom: 28px;
  white-space: pre-wrap;
}
.react-authoring__ai-assistant-chat_row--3hI6:last-child {
  padding-bottom: 28px;
}

.react-authoring__ai-assistant-chat_container--2Ry1 {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 16px;
}

.react-authoring__ai-assistant-chat_user--cKJo {
  padding: 16px;
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-palette-s1-200);
}

.react-authoring__ai-assistant-chat_approval--3xZl {
  background-color: var(--ui-skin-palette-positive-100);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-authoring__ai-assistant-chat_approval--3xZl .react-authoring__ai-assistant-chat_userInfo--2XPR {
  margin-bottom: 0;
}

.react-authoring__ai-assistant-chat_approvedText--3INr {
  color: var(--ui-skin-palette-positive-700);
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-authoring__ai-assistant-chat_userInfo--2XPR {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.react-authoring__ai-assistant-chat_userInfo--2XPR span {
  margin-left: 8px;
}

.react-authoring__ai-assistant-chat_loadingMessage--2Ol9 {
  padding-bottom: 28px;
}

.react-authoring__ai-assistant-chat_code--2xDN {
  max-width: 100%;
  position: relative;
}
.react-authoring__ai-assistant-chat_code--2xDN pre {
  overflow-x: auto;
}

.react-authoring__ai-assistant-chat_copyButton--LbEM {
  position: absolute;
  top: 0;
  right: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/ai-assistant-new-chat-form/ai-assistant-new-chat-form.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__ai-assistant-new-chat-form_isInverted--2Q-9 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__ai-assistant-new-chat-form_wrapper--XQ7R {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.react-authoring__ai-assistant-new-chat-form_wrapper--XQ7R label {
  margin-top: 12px;
}

.react-authoring__ai-assistant-new-chat-form_button--vu5b {
  margin-top: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/ai-assistant-chat-input/ai-assistant-chat-input.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__ai-assistant-chat-input_isInverted--35TL {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__ai-assistant-chat-input_wrapper---j62 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  background-color: var(--ui-skin-card-bg);
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid var(--ui-skin-border);
}

.react-authoring__ai-assistant-chat-input_inputWrapper--2fv0 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 24px;
}

.react-authoring__ai-assistant-chat-input_linkToAuthoring--2XzH {
  background-color: var(--ui-skin-palette-p1-200);
  padding: 12px;
  border-radius: var(--ui-skin-border-radius);
}

.react-authoring__ai-assistant-chat-input_approveButton--4Ebq {
  margin-right: 12px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/ai-assistant/ai-assistant.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__ai-assistant_isInverted--2A2q {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__ai-assistant_wrapper--3XwQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: calc(100vh - 30px - var(--ui-skin-header-height));
  padding: 16px;
  padding-right: 0;
}

.react-authoring__ai-assistant_chat--2xXD {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: calc(100% - 200px);
}

.react-authoring__ai-assistant_sidebar--FXr3 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 24px;
  width: 280px;
  background-color: var(--ui-skin-palette-s1-200);
  border-radius: var(--ui-skin-border-radius);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow-y: auto;
  min-width: 200px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./node_modules/@mindojo/react-core/src/components/application-header/application-header.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-core__application-header_isInverted--1SqO {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-core__application-header_container--1gmO {
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow-x: hidden;
  padding: 0 20px;
  font-weight: var(--ui-skin-font-weight-bold);
  text-align: center;
}
@media (max-width: 640px) {
  .react-core__application-header_container--1gmO {
    text-align: left;
  }
}

.react-core__application-header_subtitle--BvoG {
  color: var(--ui-skin-text-subdued);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/revisions-list/revisions-list.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__revisions-list_isInverted--1D16 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__revisions-list_container--28pB {
  width: 100%;
}

.react-authoring__revisions-list_table--1y6O {
  width: 100%;
}
.react-authoring__revisions-list_table--1y6O th {
  text-align: left;
  white-space: nowrap;
  text-transform: uppercase;
}
.react-authoring__revisions-list_table--1y6O th h5 {
  margin: 0;
}
.react-authoring__revisions-list_table--1y6O th,
.react-authoring__revisions-list_table--1y6O td {
  padding: 20px;
  border-top: 1px solid var(--ui-skin-border);
}
.react-authoring__revisions-list_table--1y6O td:last-child {
  text-align: right;
}
.react-authoring__revisions-list_table--1y6O td:nth-child(-n+2) {
  font-weight: bold;
}

.react-authoring__revisions-list_error--3QhY {
  text-align: center;
}

.react-authoring__revisions-list_currentItem--1KgR td {
  color: var(--ui-skin-link);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/steps-manager-list-item/steps-manager-list-item.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__steps-manager-list-item_isInverted--2Kh9 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__steps-manager-list-item_container--Br3j {
  border-top: 1px solid var(--ui-skin-border);
  padding: 20px 30px;
  line-height: 26px;
}
.react-authoring__steps-manager-list-item_container--Br3j a {
  font-weight: bold;
}

.react-authoring__steps-manager-list-item_actions--1K91 {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-authoring__steps-manager-list-item_lockedTip---vZ2 {
  color: var(--ui-skin-text-negative);
  padding-top: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/steps-manager/steps-manager.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__steps-manager_isInverted--3gXU {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__steps-manager_searchContainer--t4Ni {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-authoring__steps-manager_filterCheckbox--yGGA {
  padding-left: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/player-mode-toggle/player-mode-toggle.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__player-mode-toggle_isInverted--fwPI {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__player-mode-toggle_button--3ss1 {
  margin: 0 !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/components/header-right/header-right.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-authoring__header-right_isInverted--2i85 {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

.crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

.react-authoring__header-right_container--3k5n {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 16px;
  gap: 8px;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/app-init.scss ***!
  \*****************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Initialization of shared resources for application itself.
 * Css variables should be initialized here and only here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 */
/**
 * Initialization of shared resources.
 * This file is being used in EACH css-module. We shouldn't initialize css-vars here.
 * If you want to initialize css-vars in your application - import `css-variables-init.scss` file (once per project).
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * The main purpose of these functions is to cache specified values in a global scope.
 * Supposed to work together with ui-map functions.
 * Later all stored values might be read and converted into CSS variables list.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/**
 * Generate a key for $ui-cache "ui-my-map-name-my-variable-name".
 * If $is-var return the key wrapped to `ui-css-var`.
 * @param {string} $map-name
 * @param {string} $key
 * @param {boolean} $as-var
 */
/**
 * @param {string} $map-name The name of the map that is used as a prefix in $ui-cache
 * @param {string} $key The name of a key in $map-name or the name of $ui-cache variable
 * @param {boolean} $is-raw If true and the value in $ui-cache is a ref - go down by references
 * @returns stored value for such key
 */
/*
 * Saves a value into the global cache.
 * @param {string} $map-name
 * @param {string} $key
 * @param {string} $value
 */
/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Utilities ui-map extend standard SASS maps with extra functionality.
 * They allow to add an extra meta-data (options) into SASS maps, extend one maps with another, cache them, etc.
 * The primary usage of ui-map structures is assumed for storing UI Kit's values of layout elements & components.
 * ---------------------------------------------------------------------------------------------------------------------
 */
/*
 * A name of the key that stores a meta data of ui-map type.
 * A variable of ui-map type is created using `ui-map()` function.
 */
/*
 * Returns true if a map is of ui-map type.
 * See `ui-map()` function.
 * @param {Any} $ui-map
 */
/*
 * Returns all values of ui-map, excluding meta values.
 * @param {map} $ui-map
 */
/*
 * Sets options for ui-map.
 * @param {map} $ui-map
 * @param {map} $options
 */
/*
 * Returns either all options or a specific option value for ui-map.
 * @param {map} $ui-map
 * @param {string} $key — option name to return a value for.
 */
/*
 * Adds values of ui-map into a cache.
 * Returns cached values; meta values aren't cached.
 * @param {map} $ui-map
 */
/*
 * Creates & returns a new ui-map.
 * The variable represents a standard SASS map with extra meta added.
 * @param {string} $name
 * @param {map} $values
 */
/*
 * Extends ui-map with new values.
 * @param {map} $ui-map
 * @param {map} $values
 */
/*
 * Creates CSS variable for a value.
 * @param {Any} $value
 */
/*
 * Returns true if value is a CSS variable.
 * @param {Any} $value
 */
/**
 * For a string "var(--ui-my-variable)" or list ("var(--ui-my-variable)", null) returns "my-variable" -
 * the naked key that is used in $ui-cache.
 * @param {string|(string, null)}
 * @return {string}
 */
/*
 * Creates a plain list of CSS variables out of map values.
 * @param {map|ui-map} $map
 */
/*
 * Detects if CSS variables mode is enabled and injects variables into styles if it's on.
 */
/*
 * Returns true if a map is of ui-map type and it's a reference to another ui-map.
 * @param {map} $ui-map
 */
/*
 * Returns true if any of list's values is a ui-map.
 * @param {list} $list-value
 */
/*
 * Creates a reference — a map that is a reference to another map.
 * @param {map} $ui-map
 * @param {string} $key
 * @param {string} $alt-key
 */
/*
 * Converts a reference into a plain value it points to.
 * @param {Any} $value
 * @param {boolean} $is-raw — if true then returns the first referenced value without going through next references.
 */
/*
 * Converts all references within a list into plain values.
 * @param {list} $list-value
 */
/**
 * Retrieves a value from `ui-map` and converts it into either CSS variable or a plain (raw) CSS value.
 * E.g.
 *  — ui-ref($button, color)
 *  — ui-ref($skin, another-link, link)
 */
/*
 * Capitalizes the first letter of a string.
 * I'm keeping ui- prefix for transparency that method is local.
 *
 * @param {string} $word
 */
/**
 * Add this class to your container if you want child behave as queried.
 */
/**
 *  Get a map name from $ui-map, cut off the $base-name and return the rest
 * -----------------------------------------------------------
 *  @param {Map} $ui-map - Map created by ui-map function
 *  @param {String} $base-name - A part of string that will be cutoff from $ui-map name
 *  @example
 *  ```sass
 *  $my-map: ui-map(
 *   $name: "paragraph-positive",
 *   $values: (
 *     color: ui-ref($skin, text-positive),
 *   )
 * ) !default;
 *  $prefix: ui-class-prefix-from-map($my-map, "paragraph-");  *  "positive"
 *  ```
 */
/**
 * Breakpoint system that works with the same values as react-core breakpoint container.
 *
 * Breakpoint values:
 * xxl = 1600px;
 * xl = 1240px;
 * lg = 920px;
 * md = 870px;
 * sm = 640px;
 *
 * Potentially we can implement 'exact' mode, that will work for range in between different breakpoints.
 * Similar to the old 'tablet-only', 'mobile-only' etc.
 */
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
:global(.ui-scheme-inverted) a, a.isInverted {
  color: var(--ui-skin-link-inverted);
}
a:hover {
  text-decoration: none;
  -webkit-filter: var(--ui-skin-link-hover-filter);
          filter: var(--ui-skin-link-hover-filter);
}

:global .crisp-client a:hover {
  -webkit-filter: none;
          filter: none;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

p:last-child {
  margin-bottom: 0;
}

:root,
::before,
::after {
  --ui-resolution-mobile-min: 320px;
  --ui-resolution-mobile-max: 639px;
  --ui-resolution-tablet-min: 640px;
  --ui-resolution-tablet-max: 1024px;
  --ui-resolution-desktop-min: 1025px;
  --ui-skin-palette-p1-700: #675bb8;
  --ui-skin-palette-p1-500: #584bae;
  --ui-skin-palette-p1-400: #7165bc;
  --ui-skin-palette-p1-300: #9086d4;
  --ui-skin-palette-p1-200: #e9e8f9;
  --ui-skin-palette-s1-700: #707c95;
  --ui-skin-palette-s1-600: #a3acbe;
  --ui-skin-palette-s1-500: #d0d2dc;
  --ui-skin-palette-s1-400: #eff0f4;
  --ui-skin-palette-s1-300: #f8fbfd;
  --ui-skin-palette-s1-200: #f3f5f7;
  --ui-skin-palette-positive-700: #1c7348;
  --ui-skin-palette-positive-400: #2cb772;
  --ui-skin-palette-positive-300: #76da74;
  --ui-skin-palette-positive-200: #98dcb9;
  --ui-skin-palette-positive-100: #def7eb;
  --ui-skin-palette-negative-700: #8f0000;
  --ui-skin-palette-negative-400: #d50000;
  --ui-skin-palette-negative-300: #fc0e1b;
  --ui-skin-palette-negative-100: #ffd6d6;
  --ui-skin-palette-neutral-700: var(--ui-skin-notification-neutral-text);
  --ui-skin-palette-neutral-400: var(--ui-skin-palette-p1-500);
  --ui-skin-palette-neutral-100: var(--ui-skin-palette-p1-200);
  --ui-skin-palette-warning-700: #a34500;
  --ui-skin-palette-warning-400: #ff7816;
  --ui-skin-palette-warning-300: #fdac29;
  --ui-skin-palette-warning-100: #ffe7d6;
  --ui-skin-palette-motivate-500: #ffbb1d;
  --ui-skin-palette-motivate-400: #ffdc22;
  --ui-skin-palette-vincent-0: #cad2dd;
  --ui-skin-palette-vincent-1: #72d2e3;
  --ui-skin-palette-vincent-2: #f7e75d;
  --ui-skin-palette-vincent-3: #6ae3ab;
  --ui-skin-palette-vincent-4: #ff5f5f;
  --ui-skin-palette-vincent-5: #ff73c3;
  --ui-skin-palette-vincent-6: #af78ff;
  --ui-skin-palette-vincent-7: #9be169;
  --ui-skin-font-family: Graphik Web, sans-serif;
  --ui-skin-font-weight-regular: 400;
  --ui-skin-font-weight-semibold: 500;
  --ui-skin-font-weight-bold: 700;
  --ui-skin-background: var(--ui-skin-palette-s1-200);
  --ui-skin-background-inverted: var(--ui-skin-palette-p1-500);
  --ui-skin-text: #333;
  --ui-skin-text-inverted: #fff;
  --ui-skin-text-positive: var(--ui-skin-palette-positive-400);
  --ui-skin-text-warning: var(--ui-skin-palette-warning-400);
  --ui-skin-text-negative: var(--ui-skin-palette-negative-400);
  --ui-skin-text-subdued: var(--ui-skin-palette-s1-700);
  --ui-skin-text-subdued-inverted: #c1baee;
  --ui-skin-text-placeholder: var(--ui-skin-palette-s1-600);
  --ui-skin-text-branded: var(--ui-skin-palette-p1-500);
  --ui-skin-element-hover-filter: brightness(0.92);
  --ui-skin-element-active-filter: brightness(0.84);
  --ui-skin-element-disabled-opacity: 0.3;
  --ui-skin-link: var(--ui-skin-palette-p1-500);
  --ui-skin-link-hover-filter: var(--ui-skin-element-hover-filter);
  --ui-skin-link-inverted: #ae9aff;
  --ui-skin-divider: var(--ui-skin-palette-s1-400);
  --ui-skin-divider-inverted: var(--ui-skin-palette-p1-400);
  --ui-skin-action-bar: var(--ui-skin-palette-s1-300);
  --ui-skin-action-bar-inverted: var(--ui-skin-palette-p1-700);
  --ui-skin-border: var(--ui-skin-palette-s1-500);
  --ui-skin-element-bg: #fff;
  --ui-skin-active-element: var(--ui-skin-palette-p1-500);
  --ui-skin-active-element-text: #fff;
  --ui-skin-header-bg: var(--ui-skin-element-bg);
  --ui-skin-header-separator: var(--ui-skin-divider);
  --ui-skin-header-height: 60px;
  --ui-skin-card-bg: var(--ui-skin-element-bg);
  --ui-skin-card-bg-inverted: var(--ui-skin-background-inverted);
  --ui-skin-card-footer: var(--ui-skin-action-bar);
  --ui-skin-card-separator: var(--ui-skin-divider);
  --ui-skin-card-toc-recommended: var(--ui-skin-palette-p1-500);
  --ui-skin-card-toc-header-bg: var(--ui-skin-palette-vincent-0);
  --ui-skin-card-toc-color: var(--ui-skin-text-subdued);
  --ui-skin-card-toc-action: var(--ui-skin-palette-p1-500);
  --ui-skin-card-toc-details-icon: var(--ui-skin-palette-s1-600);
  --ui-skin-card-toc-bordered-color: var(--ui-skin-divider);
  --ui-skin-card-toc-active: var(--ui-skin-active-element);
  --ui-skin-card-toc-title-disabled: var(--ui-skin-text-subdued);
  --ui-skin-card-toc-color-disabled: var(--ui-skin-palette-p1-600);
  --ui-skin-card-toc-details-icon-disabled: var(--ui-skin-text-placeholder);
  --ui-skin-card-toc-footer-disabled: var(--ui-skin-text-subdued);
  --ui-skin-button-disabled-opacity: var(--ui-skin-element-disabled-opacity);
  --ui-skin-button-primary-bg: var(--ui-skin-active-element);
  --ui-skin-button-primary-border: var(--ui-skin-button-primary-bg);
  --ui-skin-button-primary-text: var(--ui-skin-active-element-text);
  --ui-skin-button-primary-icon: var(--ui-skin-button-primary-text);
  --ui-skin-button-primary-label: var(--ui-skin-button-primary-text);
  --ui-skin-button-primary-inverted-bg: #fff;
  --ui-skin-button-primary-inverted-border: var(--ui-skin-button-primary-inverted-bg);
  --ui-skin-button-primary-inverted-text: var(--ui-skin-palette-p1-500);
  --ui-skin-button-primary-inverted-icon: var(--ui-skin-button-primary-inverted-text);
  --ui-skin-button-primary-inverted-label: var(--ui-skin-text-subdued);
  --ui-skin-button-secondary-bg: var(--ui-skin-button-primary-inverted-bg);
  --ui-skin-button-secondary-border: var(--ui-skin-border);
  --ui-skin-button-secondary-text: var(--ui-skin-button-primary-inverted-text);
  --ui-skin-button-secondary-icon: var(--ui-skin-button-primary-inverted-icon);
  --ui-skin-button-secondary-label: var(--ui-skin-button-primary-inverted-label);
  --ui-skin-button-secondary-inverted-bg: var(--ui-skin-button-primary-bg);
  --ui-skin-button-secondary-inverted-border: var(--ui-skin-palette-p1-300);
  --ui-skin-button-secondary-inverted-text: var(--ui-skin-button-primary-text);
  --ui-skin-button-secondary-inverted-icon: var(--ui-skin-button-primary-icon);
  --ui-skin-button-secondary-inverted-label: var(--ui-skin-button-primary-label);
  --ui-skin-button-primary-alt-bg: var(--ui-skin-palette-motivate-500);
  --ui-skin-button-primary-alt-border: var(--ui-skin-button-primary-alt-bg);
  --ui-skin-button-primary-alt-text: var(--ui-skin-text);
  --ui-skin-button-primary-alt-icon: var(--ui-skin-button-primary-alt-text);
  --ui-skin-button-primary-alt-label: var(--ui-skin-button-primary-alt-text);
  --ui-skin-button-primary-alt-inverted-bg: var(--ui-skin-button-primary-inverted-bg);
  --ui-skin-button-primary-alt-inverted-border: var(--ui-skin-button-primary-inverted-border);
  --ui-skin-button-primary-alt-inverted-text: var(--ui-skin-button-primary-inverted-text);
  --ui-skin-button-primary-alt-inverted-icon: var(--ui-skin-button-primary-inverted-icon);
  --ui-skin-button-primary-alt-inverted-label: var(--ui-skin-button-primary-inverted-label);
  --ui-skin-button-subdued-text: var(--ui-skin-text-subdued);
  --ui-skin-button-subdued-inverted-text: var(--ui-skin-text-subdued-inverted);
  --ui-skin-button-badge-bg: var(--ui-skin-text-negative);
  --ui-skin-button-badge-color: var(--ui-skin-text-inverted);
  --ui-skin-button-fb: #3b5998;
  --ui-skin-button-twitter: #1da1f2;
  --ui-skin-button-linkedin: #127bb6;
  --ui-skin-button-gpay: #000;
  --ui-skin-button-applepay: #000;
  --ui-skin-icon-progress-bg: var(--ui-skin-palette-s1-400);
  --ui-skin-icon-progress-color: var(--ui-skin-text-positive);
  --ui-skin-icon-progress-completed-color: #fff;
  --ui-skin-icon-progress-completed-bg: var(--ui-skin-text-positive);
  --ui-skin-icon-circle-bg: var(--ui-skin-palette-s1-400);
  --ui-skin-icon-circle-color: var(--ui-skin-text-placeholder);
  --ui-skin-form-controls-bg: var(--ui-skin-element-bg);
  --ui-skin-form-controls-border: var(--ui-skin-border);
  --ui-skin-form-controls-border-error: var(--ui-skin-palette-negative-400);
  --ui-skin-form-controls-focus: var(--ui-skin-active-element);
  --ui-skin-form-controls-disabled: var(--ui-skin-palette-s1-400);
  --ui-skin-form-controls-placeholder: var(--ui-skin-text-placeholder);
  --ui-skin-form-controls-icons: var(--ui-skin-text-placeholder);
  --ui-skin-form-field-helper-text: var(--ui-skin-text-subdued);
  --ui-skin-form-field-helper-error-text: var(--ui-skin-palette-negative-400);
  --ui-skin-form-field-required: #df2121;
  --ui-skin-select-box-shadow: rgba(0, 0, 0, 0.25);
  --ui-skin-select-option-hover: var(--ui-skin-palette-s1-500);
  --ui-skin-select-option-icon: var(--ui-skin-palette-p1-600);
  --ui-skin-select-option-icon-active: var(--ui-skin-active-element);
  --ui-skin-select-trigger-item-bg: var(--ui-skin-palette-p1-200);
  --ui-skin-select-trigger-item-color: var(--ui-skin-palette-p1-500);
  --ui-skin-checkable-input-border: var(--ui-skin-border);
  --ui-skin-checkable-input-inverted-border: var(--ui-skin-palette-p1-300);
  --ui-skin-checkable-input-active: var(--ui-skin-active-element);
  --ui-skin-checkable-input-active-color: var(--ui-skin-active-element-text);
  --ui-skin-checkable-input-background-color: transparent;
  --ui-skin-checkable-input-background-color-inverted: transparent;
  --ui-skin-checkable-card-border: var(--ui-skin-border);
  --ui-skin-checkable-card-active-color: var(--ui-skin-active-element);
  --ui-skin-date-picker-background: var(--ui-skin-element-bg);
  --ui-skin-date-picker-active: var(--ui-skin-active-element);
  --ui-skin-date-picker-weekdays-color: var(--ui-skin-text-subdued);
  --ui-skin-date-picker-day-text: var(--ui-skin-text-subdued);
  --ui-skin-date-picker-day-bg-hover: var(--ui-skin-button-subdued-hover);
  --ui-skin-date-picker-day-text-active: var(--ui-skin-active-element-text);
  --ui-skin-date-range-dash: #8a91a0;
  --ui-skin-label-success-text: var(--ui-skin-notification-positive-text);
  --ui-skin-label-success-background: var(--ui-skin-notification-positive-bg);
  --ui-skin-label-warning-text: var(--ui-skin-notification-warning-text);
  --ui-skin-label-warning-background: var(--ui-skin-notification-warning-bg);
  --ui-skin-label-danger-text: var(--ui-skin-notification-negative-text);
  --ui-skin-label-danger-background: var(--ui-skin-notification-negative-bg);
  --ui-skin-label-info-text: var(--ui-skin-notification-neutral-text);
  --ui-skin-label-info-background: var(--ui-skin-notification-neutral-bg);
  --ui-skin-tooltip-dark-text: #fff;
  --ui-skin-tooltip-dark-background: var(--ui-skin-text);
  --ui-skin-tooltip-light-text: var(--ui-skin-text);
  --ui-skin-tooltip-light-background: var(--ui-skin-element-bg);
  --ui-skin-tooltip-light-border: var(--ui-skin-border);
  --ui-skin-table-border: var(--ui-skin-divider);
  --ui-skin-table-bg-hover: rgba(0, 0, 0, 0.04);
  --ui-skin-table-cell-title-hover: var(--ui-skin-active-element);
  --ui-skin-table-highlight: var(--ui-skin-active-element);
  --ui-skin-loader-filter: invert(33%) sepia(54%) saturate(744%) hue-rotate(208deg) brightness(87%) contrast(95%);
  --ui-skin-star-rating-color: var(--ui-skin-palette-s1-500);
  --ui-skin-star-rating-color-border: var(--ui-skin-checkable-input-border);
  --ui-skin-star-rating-color-active: var(--ui-skin-palette-motivate-400);
  --ui-skin-rating-separator-color: rgba(255, 255, 255, 0.16);
  --ui-skin-badge-background: var(--ui-skin-active-element);
  --ui-skin-badge-text: var(--ui-skin-active-element-text);
  --ui-skin-badge-icon-color: var(--ui-skin-palette-motivate-400);
  --ui-skin-navigation-mobile-height: 60px;
  --ui-skin-navigation-tablet-height: 72px;
  --ui-skin-navigation-tablet-bg: var(--ui-skin-element-bg);
  --ui-skin-navigation-color: var(--ui-skin-text-subdued);
  --ui-skin-navigation-hover-bg: rgba(0, 0, 0, 0.04);
  --ui-skin-navigation-active-color: var(--ui-skin-text);
  --ui-skin-navigation-active-icon-color: var(--ui-skin-active-element);
  --ui-skin-navigation-tablet-box-shadow: rgba(112, 124, 149, 0.1);
  --ui-skin-navigation-badge-color: #fff;
  --ui-skin-navigation-badge-bg: var(--ui-skin-palette-p1-500);
  --ui-skin-navigation-disabled-opacity: var(--ui-skin-element-disabled-opacity);
  --ui-skin-typeahead-results-bg-color: var(--ui-skin-element-bg);
  --ui-skin-typeahead-results-hover-bg-color: var(--ui-skin-table-bg-hover);
  --ui-skin-typeahead-results-highlighted-text-color: var(--ui-skin-active-element);
  --ui-skin-modal-dialog-overlay-start: #525f74;
  --ui-skin-modal-dialog-overlay-end: #202a4c;
  --ui-skin-side-dialog-bg: var(--ui-skin-element-bg);
  --ui-skin-side-dialog-header-separator: var(--ui-skin-divider);
  --ui-skin-progress-color: var(--ui-skin-text-positive);
  --ui-skin-progress-bg: var(--ui-skin-palette-s1-400);
  --ui-skin-progress-fill-bg: var(--ui-skin-icon-progress-completed-bg);
  --ui-skin-tabs-color: var(--ui-skin-text-subdued);
  --ui-skin-tabs-border: var(--ui-skin-divider);
  --ui-skin-tabs-active-border: var(--ui-skin-active-element);
  --ui-skin-tabs-active-color: var(--ui-skin-text);
  --ui-skin-header-logo-width: 196px;
  --ui-skin-header-logo-height: 18px;
  --ui-skin-notification-positive-bg: var(--ui-skin-palette-positive-100);
  --ui-skin-notification-positive-text: var(--ui-skin-palette-positive-700);
  --ui-skin-notification-positive-button: var(--ui-skin-palette-positive-400);
  --ui-skin-notification-negative-bg: var(--ui-skin-palette-negative-100);
  --ui-skin-notification-negative-text: var(--ui-skin-palette-negative-700);
  --ui-skin-notification-negative-button: var(--ui-skin-palette-negative-400);
  --ui-skin-notification-neutral-bg: var(--ui-skin-palette-neutral-100);
  --ui-skin-notification-neutral-text: #413780;
  --ui-skin-notification-neutral-button: var(--ui-skin-palette-neutral-400);
  --ui-skin-notification-warning-bg: var(--ui-skin-palette-warning-100);
  --ui-skin-notification-warning-text: var(--ui-skin-palette-warning-700);
  --ui-skin-notification-warning-button: var(--ui-skin-palette-warning-400);
  --ui-skin-timer-color: var(--ui-skin-active-element);
  --ui-skin-reward-progress-bg: var(--ui-skin-palette-s1-400);
  --ui-skin-reward-progress-level-0-color: var(--ui-skin-palette-positive-400);
  --ui-skin-reward-progress-level-1-color: var(--ui-skin-palette-motivate-400);
  --ui-skin-reward-progress-level-2-color: var(--ui-skin-palette-motivate-500);
  --ui-skin-slider-label-bg: var(--ui-skin-palette-s1-400);
  --ui-skin-slider-label-text: var(--ui-skin-text);
  --ui-skin-slider-thumb-color: var(--ui-skin-active-element);
  --ui-skin-slider-thumb-border: #fff;
  --ui-skin-slider-thumb-hover-filter: var(--ui-skin-element-hover-filter);
  --ui-skin-slider-thumb-active-filter: var(--ui-skin-element-active-filter);
  --ui-skin-slider-bar-color: var(--ui-skin-active-element);
  --ui-skin-slider-bar-opacity: 0.15;
  --ui-skin-grid-step: 4px;
  --ui-skin-border-radius: 8px;
  --ui-skin-border-radius-sm: 4px;
  --ui-skin-box-shadow: 0px 1px 2px rgba(112, 124, 149, 0.15);
  --ui-skin-box-shadow-lg: 0px 2px 2px rgba(112, 124, 149, 0.1), 0px 4px 10px rgba(112, 124, 149, 0.05);
  --ui-skin-box-shadow-xl: 0px 4px 16px rgba(112, 124, 149, 0.1), 0px 4px 16px rgba(112, 124, 149, 0.15);
  --ui-skin-heading-default-color: inherit;
  --ui-skin-heading-default-color-inverted: inherit;
  --ui-skin-heading-default-text-transform: none;
  --ui-skin-heading-default-letter-spacing: none;
  --ui-skin-heading-default-font-weight: var(--ui-skin-font-weight-semibold);
  --ui-skin-heading-default-font-family: var(--ui-skin-font-family);
  --ui-skin-heading-1-line-height: 32px;
  --ui-skin-heading-1-font-size: 28px;
  --ui-skin-heading-1-letter-spacing: var(--ui-skin-heading-default-letter-spacing);
  --ui-skin-heading-1-color: var(--ui-skin-heading-default-color);
  --ui-skin-heading-1-color-inverted: var(--ui-skin-heading-default-color-inverted);
  --ui-skin-heading-1-text-transform: var(--ui-skin-heading-default-text-transform);
  --ui-skin-heading-1-font-weight: var(--ui-skin-heading-default-font-weight);
  --ui-skin-heading-1-font-family: var(--ui-skin-heading-default-font-family);
  --ui-skin-heading-2-line-height: 32px;
  --ui-skin-heading-2-font-size: 24px;
  --ui-skin-heading-2-letter-spacing: var(--ui-skin-heading-default-letter-spacing);
  --ui-skin-heading-2-color: var(--ui-skin-heading-default-color);
  --ui-skin-heading-2-color-inverted: var(--ui-skin-heading-default-color-inverted);
  --ui-skin-heading-2-text-transform: var(--ui-skin-heading-default-text-transform);
  --ui-skin-heading-2-font-weight: var(--ui-skin-heading-default-font-weight);
  --ui-skin-heading-2-font-family: var(--ui-skin-heading-default-font-family);
  --ui-skin-heading-3-line-height: 24px;
  --ui-skin-heading-3-font-size: 20px;
  --ui-skin-heading-3-letter-spacing: var(--ui-skin-heading-default-letter-spacing);
  --ui-skin-heading-3-color: var(--ui-skin-heading-default-color);
  --ui-skin-heading-3-color-inverted: var(--ui-skin-heading-default-color-inverted);
  --ui-skin-heading-3-text-transform: var(--ui-skin-heading-default-text-transform);
  --ui-skin-heading-3-font-weight: var(--ui-skin-heading-default-font-weight);
  --ui-skin-heading-3-font-family: var(--ui-skin-heading-default-font-family);
  --ui-skin-heading-4-line-height: 24px;
  --ui-skin-heading-4-font-size: 18px;
  --ui-skin-heading-4-letter-spacing: var(--ui-skin-heading-default-letter-spacing);
  --ui-skin-heading-4-color: var(--ui-skin-heading-default-color);
  --ui-skin-heading-4-color-inverted: var(--ui-skin-heading-default-color-inverted);
  --ui-skin-heading-4-text-transform: var(--ui-skin-heading-default-text-transform);
  --ui-skin-heading-4-font-weight: var(--ui-skin-heading-default-font-weight);
  --ui-skin-heading-4-font-family: var(--ui-skin-heading-default-font-family);
  --ui-skin-heading-5-line-height: 20px;
  --ui-skin-heading-5-font-size: 16px;
  --ui-skin-heading-5-letter-spacing: var(--ui-skin-heading-default-letter-spacing);
  --ui-skin-heading-5-color: var(--ui-skin-heading-default-color);
  --ui-skin-heading-5-color-inverted: var(--ui-skin-heading-default-color-inverted);
  --ui-skin-heading-5-text-transform: var(--ui-skin-heading-default-text-transform);
  --ui-skin-heading-5-font-weight: var(--ui-skin-font-weight-bold);
  --ui-skin-heading-5-font-family: var(--ui-skin-heading-default-font-family);
  --ui-skin-heading-6-line-height: 12px;
  --ui-skin-heading-6-font-size: 12px;
  --ui-skin-heading-6-color: var(--ui-skin-text-subdued);
  --ui-skin-heading-6-color-inverted: var(--ui-skin-text-subdued-inverted);
  --ui-skin-heading-6-letter-spacing: 1px;
  --ui-skin-heading-6-text-transform: uppercase;
  --ui-skin-heading-6-font-weight: var(--ui-skin-heading-default-font-weight);
  --ui-skin-heading-6-font-family: var(--ui-skin-heading-default-font-family);
  --ui-paragraph-line-height: 1.5;
  --ui-paragraph-font-size: 16px;
  --ui-paragraph-font-size-mobile: 14px;
  --ui-paragraph-md-line-height: 24px;
  --ui-paragraph-md-font-size: 18px;
  --ui-paragraph-sm-line-height: 20px;
  --ui-paragraph-sm-font-size: 16px;
  --ui-paragraph-xs-line-height: 20px;
  --ui-paragraph-xs-font-size: 14px;
  --ui-paragraph-xxs-line-height: 12px;
  --ui-paragraph-xxs-font-size: 10px;
  --ui-skin-player-max-width: 680px;
  --ui-skin-player-max-editable-width: 790px;
  --ui-skin-player-confidence-level-bar-color: #3facf0;
  --ui-skin-player-response-item-background-color: #1e5b9e;
  --ui-skin-player-response-item-background-color-hover: #1a4f89;
  --ui-skin-player-response-item-background-color-correct: #cbecd0;
  --ui-skin-player-response-item-background-color-incorrect: #fcd7cf;
  --ui-skin-player-response-item-background-color-neutral: #d5e8f6;
  --ui-skin-player-avatar-size: 26px;
}