/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@mindojo/content-renderer/dist/content-renderer.css ***!
  \************************************************************************************************************************************************/
.jxgbox{background-color:#fff;border:1px solid #356aa0;border-radius:10px;-webkit-border-radius:10px;overflow:hidden;position:relative;-ms-touch-action:none}.jxgbox svg text{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.JXGtext{background-color:transparent;font-family:Courier,monospace;margin:0;padding:0}.JXGinfobox{border:1px #000}.JXG_navigation{background-color:transparent;bottom:5px;cursor:pointer;font-size:14px;padding:2px;position:absolute;right:5px;z-index:100}.JXG_navigation_button{color:#666}.JXG_navigation_button:hover{background-color:silver;background-color:hsla(0,0%,72%,.5);border-radius:2px}.JXG_wrap_private:-moz-full-screen{background-color:#ccc;height:100%;padding:0;width:100%}.JXG_wrap_private:-webkit-full-screen{background-color:#ccc;height:100%;padding:0;width:100%}.JXG_wrap_private:fullscreen{background-color:#ccc;height:100%;padding:0;width:100%}.JXG_wrap_private:-ms-fullscreen{background-color:#ccc;height:100%;padding:0;width:100%}.content-renderer__overlay-container{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:130}.content-renderer__overlay-container_is-hidden{display:none}.content-renderer__overlay-content{background:#fff;border-bottom:4px solid #fff;border-top:4px solid #fff;overflow:auto;position:relative}.content-renderer__overlay-content>*{max-height:300vh;max-width:300vw}.content-renderer__jsxgraph{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI0Y3MjEyRiI+PGNpcmNsZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4KSIgY3k9IjE2IiByPSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7IDQ7IDA7IDAiIGR1cj0iMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwIiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjYgMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvY2lyY2xlPjxjaXJjbGUgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYpIiBjeT0iMTYiIHI9IjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDsgNDsgMDsgMCIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii4zIiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjYgMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvY2lyY2xlPjxjaXJjbGUgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQpIiBjeT0iMTYiIHI9IjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDsgNDsgMDsgMCIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii42IiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjYgMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvY2lyY2xlPjwvc3ZnPg==") 50% no-repeat;background-size:60px 60px;margin:10px auto;max-width:100%}.content-renderer__jsxgraph_is-loaded{background:inherit}@media(max-width:640px){.content-renderer__jsxgraph{pointer-events:none}}.content-renderer__zoomable{cursor:pointer;position:relative}.content-renderer__zoomable:before{background:rgba(0,0,0,.5);border-radius:4px;color:#fff;content:"Click to zoom";display:none;font-size:14px;font-weight:500;left:3px;padding:3px 8px;position:absolute;top:20px;z-index:1}.content-renderer__zoomable:hover:before{display:block}.content-renderer__zoomable_is-zoomed{margin:0;width:auto}.content-renderer__zoomable_is-zoomed:before{content:"Click anywhere to close";display:block;left:50%;position:fixed;top:10px;transform:translateX(-50%)}.MathJax_Preview{opacity:0}.content-renderer__mathjax-formula{visibility:hidden}.MathJax_CHTML span{opacity:0;transition:opacity 1s;transition-delay:.1s}.markdown-view__mathjax-loaded .content-renderer__mathjax-formula{visibility:visible}.markdown-view__mathjax-loaded .MathJax_CHTML span{opacity:1}.markdown-view .md-color-black{color:#000}.markdown-view .md-highlight-black{background:#000}.markdown-view .md-color-dark-grey{color:#707070}.markdown-view .md-highlight-dark-grey{background:#707070}.markdown-view .md-color-light-grey{color:#ccc}.markdown-view .md-highlight-light-grey{background:#ccc}.markdown-view .md-color-dark-blue{color:#205081}.markdown-view .md-highlight-dark-blue{background:#205081}.markdown-view .md-color-light-blue{color:#59afe1}.markdown-view .md-highlight-light-blue{background:#59afe1}.markdown-view .md-color-dark-green{color:#14892c}.markdown-view .md-highlight-dark-green{background:#14892c}.markdown-view .md-color-light-green{color:#8eb021}.markdown-view .md-highlight-light-green{background:#8eb021}.markdown-view .md-color-red{color:#d04437}.markdown-view .md-highlight-red{background:#d04437}.markdown-view .md-color-orange{color:#f79232}.markdown-view .md-highlight-orange{background:#f79232}.markdown-view .md-color-yellow{color:#f6c342}.markdown-view .md-highlight-yellow{background:#f6c342}.markdown-view .md-color-purple{color:#654982}.markdown-view .md-highlight-purple{background:#654982}.markdown-view .md-color-pink{color:#f691b2}.markdown-view .md-highlight-pink{background:#f691b2}.markdown-view .md-text-underlined{text-decoration:underline}.markdown-view .md-text-diff-addition{background-color:#e6ffed}.markdown-view .md-text-diff-deletion{background-color:#ffeef0;text-decoration:line-through}.markdown-view .md-column-marker{display:inline-block;vertical-align:top;width:50%}.markdown-view .md-text-indent-boundary_is-hanging-type p{margin-left:4em;overflow:visible;text-indent:-4em}.markdown-view .md-text-indent-boundary_is-paragraph-type p{text-indent:2em}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** 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;
}

/**
 * React student app specific variables. Should be imported after ui-kit resources are initialized.
 */
: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: 1.6;
  --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-app-wrapper-padding-top: 28px;
  --ui-skin-app-wrapper-padding-bottom: 28px;
  --ui-skin-app-wrapper-tablet-padding-side: 24px;
  --ui-skin-aat-dialog-chat-warning: var(--ui-skin-action-bar);
  --ui-skin-account-avatar-overlay-background: var(--ui-skin-palette-p1-500);
  --ui-skin-account-avatar-overlay-background-opacity: 0.5;
  --ui-skin-account-avatar-overlay-color: var(--ui-skin-text-inverted);
  --ui-skin-reset-password-letter-icon-color: var(--ui-skin-active-element);
  --ui-skin-expandable-table-inner-bg: var(--ui-skin-action-bar);
  --ui-skin-video-chat-bg: #000;
  --ui-skin-video-chat-controls-color: #fff;
  --ui-skin-video-chat-controls-inactive-opacity: 0.5;
  --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: var(--ui-skin-palette-p1-500);
  --ui-skin-player-response-item-background-color-hover: var(--ui-skin-palette-p1-700);
  --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;
  --ui-skin-item-summary-bad-bg: var(--ui-skin-palette-negative-400);
  --ui-skin-item-summary-normal-bg: var(--ui-skin-palette-warning-400);
  --ui-skin-item-summary-good-bg: var(--ui-skin-palette-positive-200);
  --ui-skin-item-summary-great-bg: var(--ui-skin-palette-positive-400);
  --ui-skin-global-recommender-tutor-bg: var(--ui-skin-background-inverted);
  --ui-skin-global-recommender-tutor-color: var(--ui-skin-text-inverted);
  --ui-skin-global-recommender-tutor-filter: brightness(1.25);
  --ui-skin-brief-widget-icon-color: var(--ui-skin-text-inverted);
  --ui-skin-brief-widget-icon-duel: var(--ui-skin-palette-motivate-400);
  --ui-skin-brief-widget-icon-duel-color: var(--ui-skin-text);
  --ui-skin-brief-widget-icon-daily-goal: var(--ui-skin-palette-positive-400);
  --ui-skin-brief-widget-icon-target: var(--ui-skin-palette-vincent-4);
  --ui-skin-brief-widget-icon-stats: var(--ui-skin-palette-vincent-6);
  --ui-skin-brief-widget-icon-memorization: var(--ui-skin-palette-vincent-1);
  --ui-skin-brief-stats-you-thumb: var(--ui-skin-tooltip-dark-background);
  --ui-skin-brief-stats-others-thumb: var(--ui-skin-brief-stats-you-thumb);
  --ui-skin-brief-icon-target-crank: var(--ui-skin-palette-s1-600);
  --ui-skin-brief-duel-won-color: var(--ui-skin-palette-positive-400);
  --ui-skin-brief-duel-draw-color: var(--ui-skin-palette-warning-400);
  --ui-skin-brief-duel-lost-color: var(--ui-skin-palette-negative-400);
  --ui-skin-toc-side-dialog-locked-bg: var(--ui-skin-action-bar);
  --ui-skin-toc-side-dialog-unavailable-lesson-text: var(--ui-skin-palette-s1-700);
  --ui-skin-toc-card-active-border: var(--ui-skin-active-element);
  --ui-skin-exam-player-passage-bg: var(--ui-skin-action-bar);
  --ui-skin-sim-exam-instructions-layout-section-bg: var(--ui-skin-action-bar);
  --ui-skin-session-scheduler-topic-item: var(--ui-skin-active-item);
  --ui-skin-session-scheduler-topic-search-bg: var(--ui-skin-action-bar);
  --ui-skin-payment-icon-placeholder-bg: var(--ui-skin-card-toc-header-bg);
  --ui-skin-recent-success-rate-tick-neutral: var(--ui-skin-palette-s1-500);
  --ui-skin-recent-success-rate-bar-bg: var(--ui-skin-palette-s1-400);
  --ui-skin-recent-success-rate-gradient-good: var(--ui-skin-palette-positive-300);
  --ui-skin-recent-success-rate-gradient-normal: var(--ui-skin-palette-warning-300);
  --ui-skin-recent-success-rate-gradient-bad: var(--ui-skin-palette-negative-300);
  --ui-skin-duel-prep-card-skeleton-bg: var(--ui-skin-palette-s1-400);
  --ui-skin-duel-prep-card-avatar-color: var(--ui-skin-palette-s1-600);
  --ui-skin-duel-track-item: var(--ui-skin-palette-s1-500);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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--WdWo {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-card_container--Np-h {
  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--Np-h {
    border-radius: 0;
    border-bottom: 1px solid var(--ui-skin-card-separator);
  }
}
.react-ui-kit__ui-card_container__negative-padding-y--R-29: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--R-29:first-child {
    border-radius: 0;
  }
}
.react-ui-kit__ui-card_container__negative-padding-y--R-29: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--R-29:last-child {
    border-radius: 0;
  }
}
.react-ui-kit__ui-card_separator--sUgy + .react-ui-kit__ui-card_container--Np-h:not(:last-child), .react-ui-kit__ui-card_hiddenSeparator--Etqo + .react-ui-kit__ui-card_container--Np-h:not(:last-child) {
  border-radius: 0;
}
.react-ui-kit__ui-card_headerSeparator--7QTX + .react-ui-kit__ui-card_container--Np-h:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.react-ui-kit__ui-card_separator--sUgy + .react-ui-kit__ui-card_container--Np-h:last-child, .react-ui-kit__ui-card_hiddenSeparator--Etqo + .react-ui-kit__ui-card_container--Np-h:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

.react-ui-kit__ui-card_footer--aBr4 {
  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--YLIR .react-ui-kit__ui-card_footer--aBr4 {
  background-color: var(--ui-skin-action-bar-inverted);
}

.react-ui-kit__ui-card_is-raised--CxN1 {
  -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--YLIR {
  color: var(--ui-skin-text-inverted);
}
.react-ui-kit__ui-card_ui-scheme-inverted--YLIR:not(.react-ui-kit__ui-card_ui-scheme-inverted_transparent--IE71) {
  background-color: var(--ui-skin-background-inverted);
}

.react-ui-kit__ui-card_is-negative-mb-last--9sZU: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--9sZU:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.react-ui-kit__ui-card_padding-x-xxxl--m6v\+ {
  padding-right: 80px;
  padding-left: 80px;
}

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

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

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

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-xxxl--m6v\+ {
    padding-right: 40px;
    padding-left: 40px;
  }
  .react-ui-kit__ui-card_padding-y-xxxl--CkTV {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .react-ui-kit__ui-card_padding-y-xxxl--CkTV > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
    margin-bottom: -40px;
    padding-bottom: 40px;
  }
  .react-ui-kit__ui-card_negative-mx-xxxl--Uxb1 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .react-ui-kit__ui-card_negative-my-xxxl--ZHcG {
    margin-top: -40px;
    margin-bottom: -40px;
  }
}
.react-ui-kit__ui-card_padding-x-xxl---CNY {
  padding-right: 40px;
  padding-left: 40px;
}

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

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

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

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-xxl---CNY {
    padding-right: 24px;
    padding-left: 24px;
  }
  .react-ui-kit__ui-card_padding-y-xxl--Uv4C {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .react-ui-kit__ui-card_padding-y-xxl--Uv4C > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
    margin-bottom: -24px;
    padding-bottom: 24px;
  }
  .react-ui-kit__ui-card_negative-mx-xxl--A2GH {
    margin-left: -24px;
    margin-right: -24px;
  }
  .react-ui-kit__ui-card_negative-my-xxl--uolt {
    margin-top: -24px;
    margin-bottom: -24px;
  }
}
.react-ui-kit__ui-card_padding-x-xl--K5ER {
  padding-right: 28px;
  padding-left: 28px;
}

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

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

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

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-xl--K5ER {
    padding-right: 16px;
    padding-left: 16px;
  }
  .react-ui-kit__ui-card_padding-y-xl--JBOJ {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .react-ui-kit__ui-card_padding-y-xl--JBOJ > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
    margin-bottom: -16px;
    padding-bottom: 16px;
  }
  .react-ui-kit__ui-card_negative-mx-xl--oayJ {
    margin-left: -16px;
    margin-right: -16px;
  }
  .react-ui-kit__ui-card_negative-my-xl--jpKo {
    margin-top: -16px;
    margin-bottom: -16px;
  }
}
.react-ui-kit__ui-card_padding-x-lg--Qc1W {
  padding-right: 24px;
  padding-left: 24px;
}

.react-ui-kit__ui-card_padding-y-lg--TQw1 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.react-ui-kit__ui-card_padding-y-lg--TQw1 > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
  margin-bottom: -24px;
  padding-bottom: 24px;
}

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

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

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

.react-ui-kit__ui-card_padding-y-md--zHOe {
  padding-top: 20px;
  padding-bottom: 20px;
}
.react-ui-kit__ui-card_padding-y-md--zHOe > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
  margin-bottom: -20px;
  padding-bottom: 20px;
}

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

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

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-md--ncF3 {
    padding-right: 12px;
    padding-left: 12px;
  }
  .react-ui-kit__ui-card_padding-y-md--zHOe {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .react-ui-kit__ui-card_padding-y-md--zHOe > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
    margin-bottom: -12px;
    padding-bottom: 12px;
  }
  .react-ui-kit__ui-card_negative-mx-md--uqeo {
    margin-left: -12px;
    margin-right: -12px;
  }
  .react-ui-kit__ui-card_negative-my-md--MTab {
    margin-top: -12px;
    margin-bottom: -12px;
  }
}
.react-ui-kit__ui-card_padding-x-sm--6sHs {
  padding-right: 16px;
  padding-left: 16px;
}

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .react-ui-kit__ui-card_padding-x-xs--d8M1 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .react-ui-kit__ui-card_padding-y-xs--CTGX {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .react-ui-kit__ui-card_padding-y-xs--CTGX > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
    margin-bottom: -8px;
    padding-bottom: 8px;
  }
  .react-ui-kit__ui-card_negative-mx-xs--XFSC {
    margin-left: -8px;
    margin-right: -8px;
  }
  .react-ui-kit__ui-card_negative-my-xs--BUGF {
    margin-top: -8px;
    margin-bottom: -8px;
  }
}
.react-ui-kit__ui-card_padding-x-xxs--roWQ {
  padding-right: 8px;
  padding-left: 8px;
}

.react-ui-kit__ui-card_padding-y-xxs--5JVH {
  padding-top: 8px;
  padding-bottom: 8px;
}
.react-ui-kit__ui-card_padding-y-xxs--5JVH > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
  margin-bottom: -8px;
  padding-bottom: 8px;
}

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

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

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

.react-ui-kit__ui-card_padding-y-xxxs--hice {
  padding-top: 4px;
  padding-bottom: 4px;
}
.react-ui-kit__ui-card_padding-y-xxxs--hice > .react-ui-kit__ui-card_is-negative-mb-last--9sZU:last-child {
  margin-bottom: -4px;
  padding-bottom: 4px;
}

.react-ui-kit__ui-card_negative-mx-xxxs--\+Z-p {
  margin-left: -4px;
  margin-right: -4px;
}

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

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

.react-ui-kit__ui-card_section--Ksp3 {
  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--Ksp3 {
    padding: 0 16px;
    margin: 0 -16px 0;
  }
}
.react-ui-kit__ui-card_section--Ksp3: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--Ksp3:first-child {
    border-top-right-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_section--Ksp3:first-child {
    border-top-left-radius: 0;
  }
}
.react-ui-kit__ui-card_section--Ksp3: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--Ksp3:last-child {
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__ui-card_section--Ksp3:last-child {
    border-bottom-left-radius: 0;
  }
}
.react-ui-kit__ui-card_section--Ksp3.react-ui-kit__ui-card_isInverted--WdWo {
  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--3kkK {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-modal-dialog_overlay--dMge {
  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--T20m {
  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--dmC7 {
  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--dmC7 {
    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--dmC7.react-ui-kit__ui-modal-dialog_sizeSm--k8Lc {
  width: 400px;
}
.react-ui-kit__ui-modal-dialog_dialog--dmC7.react-ui-kit__ui-modal-dialog_sizeMd--vwyW {
  width: 500px;
}
.react-ui-kit__ui-modal-dialog_dialog--dmC7.react-ui-kit__ui-modal-dialog_sizeLg--YQY2 {
  width: 700px;
}
.react-ui-kit__ui-modal-dialog_dialog--dmC7.react-ui-kit__ui-modal-dialog_sizeXl--MFX1 {
  width: 800px;
}
.react-ui-kit__ui-modal-dialog_dialog--dmC7.react-ui-kit__ui-modal-dialog_sizeXxl--WGn5 {
  width: 1000px;
}
.react-ui-kit__ui-modal-dialog_dialog--dmC7.react-ui-kit__ui-modal-dialog_isShown--Mtdr {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-modal-dialog_dialog--dmC7.react-ui-kit__ui-modal-dialog_isShown--Mtdr .react-ui-kit__ui-modal-dialog_dialogCard--OrHo {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.react-ui-kit__ui-modal-dialog_dialogCard--OrHo {
  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--OrHo {
    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--0BLN {
  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--4Ddt {
  -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--4Ddt > *:first-child {
  margin-bottom: 8px;
}

.react-ui-kit__ui-modal-dialog_title--hU9X {
  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--hU9X, .react-ui-kit__ui-modal-dialog_title--hU9X.react-ui-kit__ui-modal-dialog_isInverted--3kkK {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-ui-kit__ui-modal-dialog_body--y9G3 {
  -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--y9G3 {
    overflow: auto;
  }
}

.react-ui-kit__ui-modal-dialog_closeButton--DW-i {
  position: absolute !important;
  right: 20px;
  top: 48px;
  z-index: 3;
}
.react-ui-kit__ui-modal-dialog_closeButton--DW-i:after {
  content: none;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-modal-dialog_closeButton--DW-i {
    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--JOjT {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
/**
 * Default wrapper styles
 */
.react-ui-kit__ui-icon_container--TjI2 {
  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--0djN svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

.react-ui-kit__ui-icon_xlContainer--KS\+L {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

/**
 * ICON SHAPES:
 *
 * - circle
 */
.react-ui-kit__ui-icon_circle--IF-J {
  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--MilI {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-button_isInverted--isok,
.ui-scheme-inverted .react-ui-kit__ui-button_linkalike--MilI,
.react-ui-kit__ui-button_isInverted--isok.react-ui-kit__ui-button_linkalike--MilI {
  color: var(--ui-skin-link-inverted);
}
a:hover,
.react-ui-kit__ui-button_linkalike--MilI: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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
/**
 * DEFAULT WRAPPER STYLES
 */
.react-ui-kit__ui-button_container---Ljc {
  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---Ljc::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---Ljc:hover::after {
  opacity: 0.08;
}
.react-ui-kit__ui-button_container---Ljc {
  position: relative;
}
.react-ui-kit__ui-button_container---Ljc[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--jIqb {
  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--UA4B {
  outline: none;
}

.react-ui-kit__ui-button_container---Ljc:active > *,
.react-ui-kit__ui-button_is-selected--UA4B > *,
.react-ui-kit__ui-button_is-active--70U5 > * {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.react-ui-kit__ui-button_container---Ljc:active::after,
.react-ui-kit__ui-button_is-selected--UA4B::after,
.react-ui-kit__ui-button_is-active--70U5::after {
  opacity: 0.16;
}

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

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

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

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

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

.react-ui-kit__ui-button_mr-xxl--gLb6 + .react-ui-kit__ui-button_container---Ljc {
  margin-left: 40px;
}

.react-ui-kit__ui-button_mr-xl--5M8a + .react-ui-kit__ui-button_container---Ljc {
  margin-left: 28px;
}

.react-ui-kit__ui-button_mr-lg--b0dr + .react-ui-kit__ui-button_container---Ljc {
  margin-left: 24px;
}

.react-ui-kit__ui-button_mr-md--8fZL + .react-ui-kit__ui-button_container---Ljc {
  margin-left: 20px;
}

.react-ui-kit__ui-button_mr-sm--PYcb + .react-ui-kit__ui-button_container---Ljc {
  margin-left: 16px;
}

.react-ui-kit__ui-button_mr-xs--yJ7y + .react-ui-kit__ui-button_container---Ljc {
  margin-left: 12px;
}

.react-ui-kit__ui-button_mr-xxs--\+XtD + .react-ui-kit__ui-button_container---Ljc {
  margin-left: 8px;
}

.react-ui-kit__ui-button_mr-xxxs--YaRb + .react-ui-kit__ui-button_container---Ljc {
  margin-left: 4px;
}

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

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

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

/**
 * BUTTON SIZES:
 *
 * - xxs
 * - xs
 * - sm
 * - md
 * - lg
 */
.react-ui-kit__ui-button_lg--Tq8u {
  min-height: 56px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 24px;
}
.react-ui-kit__ui-button_lg--Tq8u {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-button_lg--Tq8u.react-ui-kit__ui-button_is-proportional--tiLp {
  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--Tq8u[data-badge]::before {
  top: 8px;
  left: calc(56px - 8px);
  z-index: 1;
}
.react-ui-kit__ui-button_lg--Tq8u[data-badge]:active::before {
  top: 9px;
}

.react-ui-kit__ui-button_md--sDBO {
  min-height: 52px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 20px;
}
.react-ui-kit__ui-button_md--sDBO {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-ui-kit__ui-button_md--sDBO.react-ui-kit__ui-button_is-proportional--tiLp {
  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--sDBO[data-badge]::before {
  top: 8px;
  left: calc(52px - 8px);
  z-index: 1;
}
.react-ui-kit__ui-button_md--sDBO[data-badge]:active::before {
  top: 9px;
}

.react-ui-kit__ui-button_sm--SrzV {
  min-height: 44px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 16px;
}
.react-ui-kit__ui-button_sm--SrzV {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-button_sm--SrzV.react-ui-kit__ui-button_is-proportional--tiLp {
  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--SrzV[data-badge]::before {
  top: 4px;
  left: calc(44px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_sm--SrzV[data-badge]:active::before {
  top: 5px;
}

.react-ui-kit__ui-button_xs--CBon {
  min-height: 32px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 12px;
}
.react-ui-kit__ui-button_xs--CBon {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-button_xs--CBon.react-ui-kit__ui-button_is-proportional--tiLp {
  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--CBon[data-badge]::before {
  top: 4px;
  left: calc(32px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_xs--CBon[data-badge]:active::before {
  top: 5px;
}

.react-ui-kit__ui-button_xxs--3\+ht {
  min-height: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 8px;
}
.react-ui-kit__ui-button_xxs--3\+ht {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-button_xxs--3\+ht.react-ui-kit__ui-button_is-proportional--tiLp {
  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--3\+ht[data-badge]::before {
  top: 4px;
  left: calc(24px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_xxs--3\+ht[data-badge]:active::before {
  top: 5px;
}

/**
 * BUTTON TYPES:
 *
 * - primary
 * - primary-alt
 * - secondary
 * - subdued
 * - linkalike
 */
.react-ui-kit__ui-button_primary---KmK {
  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---KmK .react-ui-kit__ui-button_label--bzGZ {
  color: var(--ui-skin-button-primary-label);
}
.react-ui-kit__ui-button_primary---KmK .react-ui-kit__ui-button_icon--weVe {
  color: var(--ui-skin-button-primary-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary---KmK, .react-ui-kit__ui-button_primary---KmK.react-ui-kit__ui-button_isInverted--isok {
  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---KmK .react-ui-kit__ui-button_label--bzGZ, .react-ui-kit__ui-button_primary---KmK.react-ui-kit__ui-button_isInverted--isok .react-ui-kit__ui-button_label--bzGZ {
  color: var(--ui-skin-button-primary-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary---KmK .react-ui-kit__ui-button_icon--weVe, .react-ui-kit__ui-button_primary---KmK.react-ui-kit__ui-button_isInverted--isok .react-ui-kit__ui-button_icon--weVe {
  color: var(--ui-skin-button-primary-inverted-icon);
}

.react-ui-kit__ui-button_primaryAlt--JqCW {
  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--JqCW .react-ui-kit__ui-button_label--bzGZ {
  color: var(--ui-skin-button-primary-alt-label);
}
.react-ui-kit__ui-button_primaryAlt--JqCW .react-ui-kit__ui-button_icon--weVe {
  color: var(--ui-skin-button-primary-alt-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--JqCW, .react-ui-kit__ui-button_primaryAlt--JqCW.react-ui-kit__ui-button_isInverted--isok {
  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--JqCW .react-ui-kit__ui-button_label--bzGZ, .react-ui-kit__ui-button_primaryAlt--JqCW.react-ui-kit__ui-button_isInverted--isok .react-ui-kit__ui-button_label--bzGZ {
  color: var(--ui-skin-button-primary-alt-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--JqCW .react-ui-kit__ui-button_icon--weVe, .react-ui-kit__ui-button_primaryAlt--JqCW.react-ui-kit__ui-button_isInverted--isok .react-ui-kit__ui-button_icon--weVe {
  color: var(--ui-skin-button-primary-alt-inverted-icon);
}

.react-ui-kit__ui-button_secondary--mC0B {
  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--mC0B .react-ui-kit__ui-button_label--bzGZ {
  color: var(--ui-skin-button-secondary-label);
}
.react-ui-kit__ui-button_secondary--mC0B .react-ui-kit__ui-button_icon--weVe {
  color: var(--ui-skin-button-secondary-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--mC0B, .react-ui-kit__ui-button_secondary--mC0B.react-ui-kit__ui-button_isInverted--isok {
  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--mC0B .react-ui-kit__ui-button_label--bzGZ, .react-ui-kit__ui-button_secondary--mC0B.react-ui-kit__ui-button_isInverted--isok .react-ui-kit__ui-button_label--bzGZ {
  color: var(--ui-skin-button-secondary-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--mC0B .react-ui-kit__ui-button_icon--weVe, .react-ui-kit__ui-button_secondary--mC0B.react-ui-kit__ui-button_isInverted--isok .react-ui-kit__ui-button_icon--weVe {
  color: var(--ui-skin-button-secondary-inverted-icon);
}

.react-ui-kit__ui-button_subdued--c3LL {
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-skin-button-subdued-text);
}
.react-ui-kit__ui-button_subdued--c3LL .react-ui-kit__ui-button_label--bzGZ {
  color: var(--ui-skin-button-subdued-text);
}
.react-ui-kit__ui-button_subdued--c3LL .react-ui-kit__ui-button_icon--weVe {
  color: var(--ui-skin-button-subdued-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--c3LL, .react-ui-kit__ui-button_subdued--c3LL.react-ui-kit__ui-button_isInverted--isok {
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-skin-button-subdued-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--c3LL .react-ui-kit__ui-button_label--bzGZ, .react-ui-kit__ui-button_subdued--c3LL.react-ui-kit__ui-button_isInverted--isok .react-ui-kit__ui-button_label--bzGZ {
  color: var(--ui-skin-button-subdued-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--c3LL .react-ui-kit__ui-button_icon--weVe, .react-ui-kit__ui-button_subdued--c3LL.react-ui-kit__ui-button_isInverted--isok .react-ui-kit__ui-button_icon--weVe {
  color: var(--ui-skin-button-subdued-inverted-text);
}

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

/**
 * BUTTON ELEMENTS
 */
.react-ui-kit__ui-button_label--bzGZ {
  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--YtIn {
  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--YtIn {
  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--YtIn::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-ui-kit__ui-button_loader--YtIn, .react-ui-kit__ui-button_loader--YtIn.react-ui-kit__ui-button_isInverted--isok {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.react-ui-kit__ui-button_icon--weVe {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.react-ui-kit__ui-button_container---Ljc:not(.react-ui-kit__ui-button_is-proportional--tiLp) .react-ui-kit__ui-button_icon--weVe {
  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--1NoW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__error-notifications_errorText--ylNo {
  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--WM3i {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__player-layout-column_container--J66W {
  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--J66W: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--lbUI,
.player__player-layout-column_sizeMd--UIc\+ {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.player__player-layout-column_sizeSm--lbUI:not(:empty),
.player__player-layout-column_sizeMd--UIc\+:not(:empty) {
  width: 100%;
}
.player__player-layout-column_sizeSm--lbUI:not(:empty).player__player-layout-column_firstColumn--cMDG,
.player__player-layout-column_sizeMd--UIc\+:not(:empty).player__player-layout-column_firstColumn--cMDG {
  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--rCqY {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__player-layout-block_container--UDdm {
  width: 100%;
}
.player__player-layout-block_container--UDdm:not(:empty) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 50%;
}
.player__player-layout-block_container--UDdm + .player__player-layout-block_container--UDdm {
  border-top: 1px solid var(--ui-skin-divider);
}

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

.player__player-layout-block_sizeSm--urXT {
  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--cvEc {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__user-answer-area_container--QGpo {
  position: relative;
}

.player__user-answer-area_responses--4lT9:not(:empty),
.player__user-answer-area_selection--TkhW,
.player__user-answer-area_controls--q9ng {
  margin-top: 16px;
}

.player__user-answer-area_selection--TkhW {
  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--q9ng {
  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--pfko {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__avatar_container--0VIm {
  position: relative;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.player__avatar_image--8T29 {
  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--frxT {
  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--fLIx {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__task-related-text_isActive--QvTD.react-core__task-related-text_isHighlighted--YVG0 {
  padding: 0.3em;
  background-color: #fff6d2;
}
.react-core__task-related-text_isActive--QvTD.react-core__task-related-text_isBold--wQd9 {
  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--o9A6 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__dropdown_select--E2GF {
  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--E2GF:hover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDEwIDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+MEUwRkYyRTYtNTREMi00Q0Y1LTlGNDctQjVBRUIzREJEM0UyPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJTdHlsZWd1aWRlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJFbGVtZW50cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUyNS4wMDAwMDAsIC0zNDkzLjAwMDAwMCkiIGZpbGw9IiMxODRDODUiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01MzAsMzQ5OSBDNTI5Ljc1LDM0OTkgNTI5LjU4MzMzMywzNDk4LjkxNDI5IDUyOS40MTY2NjcsMzQ5OC43NDI4NiBMNTI1LjI1LDM0OTQuNDU3MTQgQzUyNC45MTY2NjcsMzQ5NC4xMTQyOSA1MjQuOTE2NjY3LDM0OTMuNiA1MjUuMjUsMzQ5My4yNTcxNCBDNTI1LjU4MzMzMywzNDkyLjkxNDI5IDUyNi4wODMzMzMsMzQ5Mi45MTQyOSA1MjYuNDE2NjY3LDM0OTMuMjU3MTQgTDUzMCwzNDk2Ljk0Mjg2IEw1MzMuNTgzMzMzLDM0OTMuMjU3MTQgQzUzMy45MTY2NjcsMzQ5Mi45MTQyOSA1MzQuNDE2NjY3LDM0OTIuOTE0MjkgNTM0Ljc1LDM0OTMuMjU3MTQgQzUzNS4wODMzMzMsMzQ5My42IDUzNS4wODMzMzMsMzQ5NC4xMTQyOSA1MzQuNzUsMzQ5NC40NTcxNCBMNTMwLjU4MzMzMywzNDk4Ljc0Mjg2IEM1MzAuNDE2NjY3LDM0OTguOTE0MjkgNTMwLjI1LDM0OTkgNTMwLDM0OTkgTDUzMCwzNDk5IFoiIGlkPSJTaGFwZS1Db3B5LTEwIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=");
}
.react-core__dropdown_select--E2GF:focus {
  outline: 0;
}
.react-core__dropdown_select--E2GF: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---D4k {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
/**
 * A common styles for checkboxes and radio components
 */
.react-ui-kit__ui-checkbox_container--MJWB {
  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--MJWB.react-ui-kit__ui-checkbox_isDisabled--xePm {
  pointer-events: none;
}
.react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_horizontal--C2-Z {
  margin-right: 20px;
}
.react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_horizontal--C2-Z:last-child {
  margin-right: 0;
}
.react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_vertical--BK3m {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_vertical--BK3m:last-child {
  margin-bottom: 0;
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_label--zauD {
  margin-left: 16px;
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt,
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_psuedoInput--nefw {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_psuedoInput--nefw {
  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--MJWB .react-ui-kit__ui-checkbox_psuedoInput--nefw, .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_psuedoInput--nefw.react-ui-kit__ui-checkbox_isInverted---D4k {
  border-color: var(--ui-skin-checkable-input-inverted-border);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_psuedoInput--nefw::after, .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_psuedoInput--nefw.react-ui-kit__ui-checkbox_isInverted---D4k::after {
  background-color: var(--ui-skin-checkable-input-background-color-inverted);
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_psuedoInput--nefw::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--MJWB .react-ui-kit__ui-checkbox_checkmark--2mT9 {
  opacity: 0;
  color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_checkmark--2mT9, .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_checkmark--2mT9.react-ui-kit__ui-checkbox_isInverted---D4k {
  color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw {
  border-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw, .react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw.react-ui-kit__ui-checkbox_isInverted---D4k {
  border-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--MJWB:focus + .react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_psuedoInput--nefw, .react-ui-kit__ui-checkbox_input--QEEt:focus + .react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_psuedoInput--nefw {
  -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--MJWB:focus + .react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_psuedoInput--nefw, .react-ui-kit__ui-checkbox_container--MJWB:focus + .react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_psuedoInput--nefw.react-ui-kit__ui-checkbox_isInverted---D4k, .ui-scheme-inverted .react-ui-kit__ui-checkbox_input--QEEt:focus + .react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_psuedoInput--nefw, .react-ui-kit__ui-checkbox_input--QEEt:focus + .react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_psuedoInput--nefw.react-ui-kit__ui-checkbox_isInverted---D4k {
  -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--MJWB .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw {
  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--MJWB .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw, .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw.react-ui-kit__ui-checkbox_isInverted---D4k {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw {
  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--MJWB .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw, .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw.react-ui-kit__ui-checkbox_isInverted---D4k {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9,
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9 {
  background-repeat: no-repeat;
  color: var(--ui-skin-checkable-input-active-color);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9, .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9.react-ui-kit__ui-checkbox_isInverted---D4k,
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9,
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9.react-ui-kit__ui-checkbox_isInverted---D4k {
  color: var(--ui-skin-checkable-input-active);
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:checked + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9,
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9 {
  opacity: 1;
}
.react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after, .react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after,
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:focus:checked + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after,
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after {
  background-color: rgba(255, 255, 255, 0.16);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after, .react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:checked:not(:disabled) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after.react-ui-kit__ui-checkbox_isInverted---D4k, .ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after, .react-ui-kit__ui-checkbox_container--MJWB:hover .react-ui-kit__ui-checkbox_input--QEEt:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after.react-ui-kit__ui-checkbox_isInverted---D4k,
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:focus:checked + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after,
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:focus:checked + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after.react-ui-kit__ui-checkbox_isInverted---D4k,
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after,
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after.react-ui-kit__ui-checkbox_isInverted---D4k {
  background-color: rgba(0, 0, 0, 0.16);
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:disabled + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after {
  background-color: rgba(0, 0, 0, 0.04);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:disabled + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after, .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:disabled + .react-ui-kit__ui-checkbox_psuedoInput--nefw::after.react-ui-kit__ui-checkbox_isInverted---D4k {
  background-color: rgba(255, 255, 255, 0.1);
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:disabled + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9 {
  color: var(--ui-skin-checkable-input-border);
}
.ui-scheme-inverted .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:disabled + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9, .react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_input--QEEt:disabled + .react-ui-kit__ui-checkbox_psuedoInput--nefw .react-ui-kit__ui-checkbox_checkmark--2mT9.react-ui-kit__ui-checkbox_isInverted---D4k {
  color: var(--ui-skin-checkable-input-inverted-border);
}
.react-ui-kit__ui-checkbox_container--MJWB .react-ui-kit__ui-checkbox_checkmark--2mT9 {
  margin-top: 1px;
}
.react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_alignStart--yXKL .react-ui-kit__ui-checkbox_psuedoInput--nefw {
  margin-top: 2px;
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}
.react-ui-kit__ui-checkbox_container--MJWB.react-ui-kit__ui-checkbox_alignCenter--wg\+M .react-ui-kit__ui-checkbox_psuedoInput--nefw {
  -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--0yXf {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-form-control_isError--42SA .react-ui-kit__ui-form-control_input--zXCt:focus, .react-ui-kit__ui-form-control_isError--42SA .react-ui-kit__ui-form-control_input--zXCt:hover, .react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_button--hM6U:hover + .react-ui-kit__ui-form-control_input--zXCt, .react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt:focus, .react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt:hover {
  border-color: var(--ui-skin-form-controls-focus);
  outline: none;
}

/**
 * DEFAULT WRAPPER STYLES
 */
.react-ui-kit__ui-form-control_container--HQji {
  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--HQji textarea {
  min-height: 6em;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-form-control_container--HQji textarea {
    min-height: unset;
  }
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt {
  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--HQji .react-ui-kit__ui-form-control_input--zXCt::-webkit-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt::-moz-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt:-ms-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt::-ms-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt::placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt:required {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt[disabled], .react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_input--zXCt[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--HQji .react-ui-kit__ui-form-control_input--zXCt[readonly] {
  cursor: default;
}
.react-ui-kit__ui-form-control_container--HQji input[type=search]::-ms-clear {
  display: none;
}
.react-ui-kit__ui-form-control_container--HQji input[type=search]::-ms-reveal {
  display: none;
}
.react-ui-kit__ui-form-control_container--HQji input[type=search]::-webkit-search-decoration,
.react-ui-kit__ui-form-control_container--HQji input[type=search]::-webkit-search-cancel-button,
.react-ui-kit__ui-form-control_container--HQji input[type=search]::-webkit-search-results-button,
.react-ui-kit__ui-form-control_container--HQji input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_icon--eg3z {
  position: absolute;
  left: 0;
  color: var(--ui-skin-form-controls-icons);
  opacity: 0.75;
}
.react-ui-kit__ui-form-control_container--HQji .react-ui-kit__ui-form-control_button--hM6U {
  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--HQji .react-ui-kit__ui-form-control_button--hM6U:hover {
  opacity: 1;
}
.react-ui-kit__ui-form-control_isError--42SA .react-ui-kit__ui-form-control_input--zXCt {
  border-color: #d50000;
}
.react-ui-kit__ui-form-control_isError--42SA .react-ui-kit__ui-form-control_input--zXCt:focus, .react-ui-kit__ui-form-control_isError--42SA .react-ui-kit__ui-form-control_input--zXCt: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--q5uW {
  width: 100%;
}

.react-ui-kit__ui-form-control_isBorderless--24n- .react-ui-kit__ui-form-control_input--zXCt {
  border: none;
}

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

.react-ui-kit__ui-form-control_sharp--d1ga .react-ui-kit__ui-form-control_input--zXCt {
  border-radius: 0;
}

/**
 * FORM CONTROL SIZES:
 *
 * - sm
 * - md
 */
.react-ui-kit__ui-form-control_xs--smch .react-ui-kit__ui-form-control_input--zXCt {
  padding: 8px;
}
.react-ui-kit__ui-form-control_xs--smch .react-ui-kit__ui-form-control_input--zXCt {
  line-height: 20px;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_xs--smch .react-ui-kit__ui-form-control_icon--eg3z {
  margin-left: 16px;
}
.react-ui-kit__ui-form-control_xs--smch .react-ui-kit__ui-form-control_button--hM6U {
  margin-right: 16px;
}
.react-ui-kit__ui-form-control_xs--smch.react-ui-kit__ui-form-control_hasIcon--Ykbm .react-ui-kit__ui-form-control_input--zXCt {
  padding-left: 36px;
}
.react-ui-kit__ui-form-control_xs--smch.react-ui-kit__ui-form-control_hasButton--HHbp .react-ui-kit__ui-form-control_input--zXCt {
  padding-right: 36px;
}

.react-ui-kit__ui-form-control_sm--A4I2 .react-ui-kit__ui-form-control_input--zXCt {
  padding: 12px;
}
.react-ui-kit__ui-form-control_sm--A4I2 .react-ui-kit__ui-form-control_input--zXCt {
  line-height: 20px;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_sm--A4I2 .react-ui-kit__ui-form-control_icon--eg3z {
  margin-left: 16px;
}
.react-ui-kit__ui-form-control_sm--A4I2 .react-ui-kit__ui-form-control_button--hM6U {
  margin-right: 16px;
}
.react-ui-kit__ui-form-control_sm--A4I2.react-ui-kit__ui-form-control_hasIcon--Ykbm .react-ui-kit__ui-form-control_input--zXCt {
  padding-left: 44px;
}
.react-ui-kit__ui-form-control_sm--A4I2.react-ui-kit__ui-form-control_hasButton--HHbp .react-ui-kit__ui-form-control_input--zXCt {
  padding-right: 44px;
}

.react-ui-kit__ui-form-control_md--8yN\+ .react-ui-kit__ui-form-control_input--zXCt {
  padding: 16px;
}
.react-ui-kit__ui-form-control_md--8yN\+ .react-ui-kit__ui-form-control_input--zXCt {
  line-height: 1.3;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_md--8yN\+ .react-ui-kit__ui-form-control_icon--eg3z {
  margin-left: 20px;
}
.react-ui-kit__ui-form-control_md--8yN\+ .react-ui-kit__ui-form-control_button--hM6U {
  margin-right: 20px;
}
.react-ui-kit__ui-form-control_md--8yN\+.react-ui-kit__ui-form-control_hasIcon--Ykbm .react-ui-kit__ui-form-control_input--zXCt {
  padding-left: 56px;
}
.react-ui-kit__ui-form-control_md--8yN\+.react-ui-kit__ui-form-control_hasButton--HHbp .react-ui-kit__ui-form-control_input--zXCt {
  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--oXBo {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
/**
 * A common styles for checkboxes and radio components
 */
.react-ui-kit__ui-radio_option--A6XG {
  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--A6XG.react-ui-kit__ui-radio_isDisabled--ROqR {
  pointer-events: none;
}
.react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_horizontal--p2PB {
  margin-right: 20px;
}
.react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_horizontal--p2PB:last-child {
  margin-right: 0;
}
.react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_vertical--XPVS {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_vertical--XPVS:last-child {
  margin-bottom: 0;
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_label--Yhvg {
  margin-left: 16px;
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo,
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_psuedoInput--tROl {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_psuedoInput--tROl {
  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--A6XG .react-ui-kit__ui-radio_psuedoInput--tROl, .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_psuedoInput--tROl.react-ui-kit__ui-radio_isInverted--oXBo {
  border-color: var(--ui-skin-checkable-input-inverted-border);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_psuedoInput--tROl::after, .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_psuedoInput--tROl.react-ui-kit__ui-radio_isInverted--oXBo::after {
  background-color: var(--ui-skin-checkable-input-background-color-inverted);
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_psuedoInput--tROl::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--A6XG .react-ui-kit__ui-radio_checkmark--2sl3 {
  opacity: 0;
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_checkmark--2sl3, .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_checkmark--2sl3.react-ui-kit__ui-radio_isInverted--oXBo {
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl {
  border-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl, .react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl.react-ui-kit__ui-radio_isInverted--oXBo {
  border-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--A6XG:focus + .react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_psuedoInput--tROl, .react-ui-kit__ui-radio_input--j2uo:focus + .react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_psuedoInput--tROl {
  -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--A6XG:focus + .react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_psuedoInput--tROl, .react-ui-kit__ui-radio_option--A6XG:focus + .react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_psuedoInput--tROl.react-ui-kit__ui-radio_isInverted--oXBo, .ui-scheme-inverted .react-ui-kit__ui-radio_input--j2uo:focus + .react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_psuedoInput--tROl, .react-ui-kit__ui-radio_input--j2uo:focus + .react-ui-kit__ui-radio_option--A6XG.react-ui-kit__ui-radio_psuedoInput--tROl.react-ui-kit__ui-radio_isInverted--oXBo {
  -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--A6XG .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl {
  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--A6XG .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl, .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl.react-ui-kit__ui-radio_isInverted--oXBo {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl {
  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--A6XG .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl, .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl.react-ui-kit__ui-radio_isInverted--oXBo {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3,
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3 {
  background-repeat: no-repeat;
  background-color: var(--ui-skin-checkable-input-active-color);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3, .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3.react-ui-kit__ui-radio_isInverted--oXBo,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3,
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3.react-ui-kit__ui-radio_isInverted--oXBo {
  background-color: var(--ui-skin-checkable-input-active);
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:checked + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3,
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3 {
  opacity: 1;
}
.react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl::after, .react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl::after,
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:focus:checked + .react-ui-kit__ui-radio_psuedoInput--tROl::after,
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl::after {
  background-color: rgba(255, 255, 255, 0.16);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl::after, .react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--tROl::after.react-ui-kit__ui-radio_isInverted--oXBo, .ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl::after, .react-ui-kit__ui-radio_option--A6XG:hover .react-ui-kit__ui-radio_input--j2uo:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl::after.react-ui-kit__ui-radio_isInverted--oXBo,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:focus:checked + .react-ui-kit__ui-radio_psuedoInput--tROl::after,
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:focus:checked + .react-ui-kit__ui-radio_psuedoInput--tROl::after.react-ui-kit__ui-radio_isInverted--oXBo,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl::after,
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--tROl::after.react-ui-kit__ui-radio_isInverted--oXBo {
  background-color: rgba(0, 0, 0, 0.16);
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:disabled + .react-ui-kit__ui-radio_psuedoInput--tROl::after {
  background-color: rgba(0, 0, 0, 0.04);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:disabled + .react-ui-kit__ui-radio_psuedoInput--tROl::after, .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:disabled + .react-ui-kit__ui-radio_psuedoInput--tROl::after.react-ui-kit__ui-radio_isInverted--oXBo {
  background-color: rgba(255, 255, 255, 0.1);
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:disabled + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3 {
  background-color: var(--ui-skin-checkable-input-border);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:disabled + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3, .react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_input--j2uo:disabled + .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3.react-ui-kit__ui-radio_isInverted--oXBo {
  background-color: var(--ui-skin-checkable-input-inverted-border);
}
.react-ui-kit__ui-radio_option--A6XG .react-ui-kit__ui-radio_psuedoInput--tROl .react-ui-kit__ui-radio_checkmark--2sl3 {
  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--l98h {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__user-input-dialog_container--BALa {
  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--MIEu {
  overflow-y: scroll;
  padding: 10px 20px;
}

.react-core__user-input-dialog_controls--vpEu {
  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--vpEu 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--fKtg {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__tbs-link_container--T3PK {
  position: relative;
  display: inline-block;
}
td .react-core__tbs-link_container--T3PK {
  border-bottom: none;
  width: 100%;
  margin-right: 0;
}
td .react-core__tbs-link_container--T3PK .react-core__tbs-link_link--I3Zl {
  margin-right: 0;
  display: block;
  min-height: 25px;
  border-bottom: none;
}

.react-core__tbs-link_link--I3Zl {
  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--I3Zl.react-core__tbs-link_isDisabled--H7CT {
  cursor: default;
  border-bottom: none;
}
.react-core__tbs-link_link--I3Zl .react-core__tbs-link_isFinished--Jpt- {
  text-decoration: line-through;
}
.react-core__tbs-link_link--I3Zl .react-core__tbs-link_isMarkedAsDeleted--55Z2 {
  color: var(--ui-skin-text-positive);
  border-bottom: none;
}

.react-core__tbs-link_icon--3Tyb {
  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--3Tyb.react-core__tbs-link_iconAnswered--V9Oq {
  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--3Tyb.react-core__tbs-link_iconNumeric--vEnm {
  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--3Tyb.react-core__tbs-link_iconList--6xe7 {
  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--H7CT .react-core__tbs-link_icon--3Tyb {
  opacity: 0.5;
}
.react-core__tbs-link_isFinished--Jpt- .react-core__tbs-link_icon--3Tyb {
  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--UZN- {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__journal-entry-type_container--ehoi {
  width: 100%;
}

.react-core__journal-entry-type_table--qB-f {
  width: 100%;
}

.react-core__journal-entry-type_row--nb1D {
  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--N1k6 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__text-reference_tag--tvjA {
  position: relative;
  line-height: 2.2;
}

.react-core__text-reference_marker--kENG {
  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--wiK5 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__line-numbers-boundary_boundary--w9qD {
  position: relative;
}
.react-core__line-numbers-boundary_boundary--w9qD p {
  padding-left: 35px;
}
.react-core__line-numbers-boundary_boundary--w9qD.react-core__line-numbers-boundary_isDisabled--yVPO p {
  padding-left: 0 !important;
}
.react-core__line-numbers-boundary_boundary--w9qD.react-core__line-numbers-boundary_isDisabled--yVPO .react-core__line-numbers-boundary_lines--XvLV {
  display: none;
}
.react-core__line-numbers-boundary_boundary--w9qD .react-core__line-numbers-boundary_lines--XvLV {
  position: absolute;
  left: 0;
  width: 25px;
}
.react-core__line-numbers-boundary_boundary--w9qD .react-core__line-numbers-boundary_line--mTRP {
  visibility: hidden;
}
.react-core__line-numbers-boundary_boundary--w9qD .react-core__line-numbers-boundary_line--mTRP:first-child, .react-core__line-numbers-boundary_boundary--w9qD .react-core__line-numbers-boundary_line--mTRP: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--Z8M9 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__set-line-marker_marker--mFGN.react-core__set-line-marker_isHighlighted--qzk9 {
  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--s\+Lw {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__snippet_container--ThhQ {
  margin-bottom: 16px;
}

.react-core__snippet_isHighlighted--O1kS {
  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--O1kS::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--O1kS 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---iW- {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__summary_container--LPdu {
  margin-bottom: 16px;
}

.react-core__summary_isHighlighted--shFt {
  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--shFt::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--shFt 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--OJXt {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-row_container--axlN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_container--axlN {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.react-ui-kit__ui-row_xxlPt--tk\+2 {
  padding-top: 40px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-row_xxlPt--tk\+2 {
    padding-top: 24px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.react-ui-kit__ui-row_lgMl--o\+VE {
  margin-left: 24px;
}

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

.react-ui-kit__ui-row_lgPt--SQ-l {
  padding-top: 24px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.react-ui-kit__ui-row_smMr--6eb9 {
  margin-right: 16px;
}

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

.react-ui-kit__ui-row_smPb--7Eb8 {
  padding-bottom: 16px;
}

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

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

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

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

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

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

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

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

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

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

.react-ui-kit__ui-row_xxsMl--5AfH {
  margin-left: 8px;
}

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

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

.react-ui-kit__ui-row_xxsPb--In-p {
  padding-bottom: 8px;
}

.react-ui-kit__ui-row_xxsSpacing--1sSJ {
  grid-gap: 8px;
}

.react-ui-kit__ui-row_xxxsMb--8Rga {
  margin-bottom: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

.react-ui-kit__ui-row_alignAround--AcIE {
  -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--THhv {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.react-ui-kit__ui-row_alignBetween--MkVn {
  -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--BTqI {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

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

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

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

.react-ui-kit__ui-row_alignFlexEnd--8sbr {
  -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--\+UPZ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__calculator-walkthrough_container--E-oY {
  margin: 15px 0 24px;
}

.react-core__calculator-walkthrough_isExpanded--NKtV .react-core__calculator-walkthrough_openLink--fbho {
  display: none;
}
.react-core__calculator-walkthrough_isExpanded--NKtV .react-core__calculator-walkthrough_content--N-Fb {
  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--NKtV .react-core__calculator-walkthrough_topPanel--KoHf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-core__calculator-walkthrough_openLink--fbho {
  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--fbho:hover {
  color: #4290f0;
}

.react-core__calculator-walkthrough_topPanel--KoHf {
  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--sGVQ {
  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--N-Fb {
  background-color: #f2f2f2;
  padding: 25px 30px;
  border-radius: 0 0 5px 5px;
  line-height: 10px;
  display: none;
}
.react-core__calculator-walkthrough_content--N-Fb img {
  margin: 5px 5px;
  vertical-align: middle;
}
.react-core__calculator-walkthrough_content--N-Fb 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--TVcK {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__selectable-sentence_container--Tx5X {
  margin-right: 0.25em;
  cursor: pointer;
}
.react-core__selectable-sentence_container--Tx5X: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--qPUO,
.react-core__selectable-sentence_isSelected--qPUO: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--q4v5,
.react-core__selectable-sentence_isCorrect--q4v5:hover {
  background: #b3ffba;
  cursor: default;
}

.react-core__selectable-sentence_isIncorrect--r9By,
.react-core__selectable-sentence_isIncorrect--r9By: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--3X6k {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__content-issue-comment_container--Mp3B {
  cursor: pointer;
  background-color: var(--ui-skin-palette-warning-100);
}

.react-core__content-issue-comment_isActive--AHrr {
  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--ZLlZ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-tabs_container--rQzX.react-ui-kit__ui-tabs_isStretched--2178 .react-ui-kit__ui-tabs_tabs--FjQV {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.react-ui-kit__ui-tabs_container--rQzX.react-ui-kit__ui-tabs_isDisabled--FOik .react-ui-kit__ui-tabs_tabs--FjQV {
  opacity: 0.5;
  pointer-events: none;
}
.react-ui-kit__ui-tabs_container--rQzX.react-ui-kit__ui-tabs_alignRight--zweu > .react-ui-kit__ui-tabs_tabs--FjQV > .react-ui-kit__ui-tabs_tab--QxCl:first-child {
  margin-left: auto;
}

.react-ui-kit__ui-tabs_tabs--FjQV {
  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--FjQV {
    margin: 0 0 10px 0;
  }
}
.react-ui-kit__ui-tabs_tabs--FjQV .react-ui-kit__ui-tabs_tab--QxCl {
  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--FjQV .react-ui-kit__ui-tabs_tab--QxCl.react-ui-kit__ui-tabs_active--9Cch {
  border-bottom-color: var(--ui-skin-tabs-active-border);
}
.react-ui-kit__ui-tabs_tabs--FjQV .react-ui-kit__ui-tabs_tab--QxCl.react-ui-kit__ui-tabs_active--9Cch, .react-ui-kit__ui-tabs_tabs--FjQV .react-ui-kit__ui-tabs_tab--QxCl:active, .react-ui-kit__ui-tabs_tabs--FjQV .react-ui-kit__ui-tabs_tab--QxCl:hover, .react-ui-kit__ui-tabs_tabs--FjQV .react-ui-kit__ui-tabs_tab--QxCl: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--kGC6 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__content-tabs_tabContent--kVLA {
  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--90GR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-dropdown_container--kv4U {
  position: relative;
  display: inline-block;
}

.react-ui-kit__ui-dropdown_dropdownWrapper--ABHz.react-ui-kit__ui-dropdown_withPortal--UV8Y {
  position: fixed;
  z-index: 1000;
}
.react-ui-kit__ui-dropdown_dropdownWrapper--ABHz.react-ui-kit__ui-dropdown_searchVisible--gwPw .react-ui-kit__ui-dropdown_control--3hwo {
  display: block;
}

.react-ui-kit__ui-dropdown_select--9iww {
  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--9iww .react-ui-kit__ui-dropdown_menu--b9dM {
  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--9iww .react-ui-kit__ui-dropdown_control--3hwo {
  border-radius: 0;
  border: none;
  display: none;
}
.react-ui-kit__ui-dropdown_select--9iww .react-ui-kit__ui-dropdown_valueContainer--SMv6 {
  padding: 6px 16px;
}
.react-ui-kit__ui-dropdown_select--9iww .react-ui-kit__ui-dropdown_placeholder--CiHE {
  color: var(--ui-skin-text-placeholder);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.react-ui-kit__ui-dropdown_select--9iww .react-ui-kit__ui-dropdown_menuList--sFh6 {
  padding: 0;
  overflow-x: hidden;
}
.react-ui-kit__ui-dropdown_select--9iww .react-ui-kit__ui-dropdown_option--LdHT {
  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--9iww .react-ui-kit__ui-dropdown_isSelected--Ybrt {
  background-color: var(--ui-skin-select-option-hover);
  color: var(--ui-skin-text);
}
.react-ui-kit__ui-dropdown_select--9iww .react-ui-kit__ui-dropdown_isFocused--qkec {
  background-color: var(--ui-skin-select-option-hover);
  color: var(--ui-skin-text);
}
.react-ui-kit__ui-dropdown_select--9iww .react-ui-kit__ui-dropdown_isDisabled--uVUm {
  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--BRGK {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-select_container--We8i {
  position: relative;
}

.react-ui-kit__ui-select_control--Klag {
  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--Nxr8 {
  padding-right: 30px !important;
}
.react-ui-kit__ui-select_control--Klag.react-ui-kit__ui-select_isOpen--zHEi {
  color: var(--ui-skin-form-controls-focus);
  border-color: var(--ui-skin-form-controls-focus);
}
.react-ui-kit__ui-select_control--Klag.react-ui-kit__ui-select_isOpen--zHEi .react-ui-kit__ui-select_arrow--0TAj {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  color: var(--ui-skin-form-controls-focus) !important;
}

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

.react-ui-kit__ui-select_arrow--0TAj {
  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--j1\+\+ {
  right: 4px;
}

.react-ui-kit__ui-select_menu--3pdv {
  position: absolute;
  z-index: 3;
  left: 0;
  margin-top: 8px;
}
.react-ui-kit__ui-select_menu--3pdv:not(.react-ui-kit__ui-select_isSearchEnabled--EovE) .react-ui-kit__ui-select_select--OQzw .react-ui-kit__ui-select_control--Klag {
  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--LYHJ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__row_row--R8Fk {
  width: 100%;
}

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

@media (max-width: 640px) {
  .react-ui-kit__row_isResponsive--0ypd {
    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--4jR8 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.react-ui-kit__row_isHoverable--9XMk:not(.react-ui-kit__row_isDisabled--OhsM) {
  cursor: pointer;
}
.react-ui-kit__row_isHoverable--9XMk:not(.react-ui-kit__row_isDisabled--OhsM).react-ui-kit__row_active--i2cD, .react-ui-kit__row_isHoverable--9XMk:not(.react-ui-kit__row_isDisabled--OhsM):hover {
  background: var(--ui-skin-table-bg-hover);
}

.react-ui-kit__row_bordersHorizontal--m9eg {
  -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--66aB: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--66aB:first-child {
    border-top-right-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__row_isPrimary--66aB:first-child {
    border-top-left-radius: 0;
  }
}
.react-ui-kit__row_isPrimary--66aB: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--66aB:last-child {
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__row_isPrimary--66aB: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--3NR4 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__cell_cell--gl7c {
  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--gl7c:first-child {
  padding-left: 28px;
}
@media (max-width: 640px) {
  .react-ui-kit__cell_cell--gl7c {
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .react-ui-kit__cell_cell--gl7c.react-ui-kit__cell_isResponsive--2NL\+ {
    display: block;
    padding-left: 16px;
    min-width: 100%;
    max-width: none;
  }
  .react-ui-kit__cell_cell--gl7c:not(.react-ui-kit__cell_isResponsive--2NL\+) {
    padding-left: 8px;
  }
  .react-ui-kit__cell_cell--gl7c:first-child {
    padding-left: 16px;
  }
  .react-ui-kit__cell_cell--gl7c:last-child, .react-ui-kit__cell_cell--gl7c:not(.react-ui-kit__cell_isResponsive--2NL\+) {
    padding-bottom: 16px;
  }
  .react-ui-kit__cell_cell--gl7c:first-child, .react-ui-kit__cell_cell--gl7c:not(.react-ui-kit__cell_isResponsive--2NL\+) {
    padding-top: 16px;
  }
}

.react-ui-kit__cell_header--Tl0i 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--Tl0i h6, .react-ui-kit__cell_header--Tl0i h6.react-ui-kit__cell_isInverted--3NR4 {
  color: var(--ui-skin-heading-6-color-inverted);
}

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

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

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

.react-ui-kit__cell_line--y\+IH {
  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--y\+IH:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .react-ui-kit__cell_line--y\+IH: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--QN3\+ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__empty-state_icon--IUmh {
  height: 96px;
  margin-bottom: 28px;
}

.react-ui-kit__empty-state_title--EHLF {
  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--EHLF, .react-ui-kit__empty-state_title--EHLF.react-ui-kit__empty-state_isInverted--QN3\+ {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-ui-kit__empty-state_details--la10 {
  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--Su7a {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__header_header--\+Qr- {
  width: 100%;
  border-bottom: 1px solid var(--ui-skin-table-border);
}
@media (max-width: 640px) {
  .react-ui-kit__header_header--\+Qr-.react-ui-kit__header_isResponsive--V2uN {
    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--1Bod {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-table_container--JVIk {
  width: 100%;
  border-spacing: 0;
}
.react-ui-kit__ui-table_container--JVIk.react-ui-kit__ui-table_isResponsive--tgpT {
  table-layout: fixed;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-table_container--JVIk.react-ui-kit__ui-table_isResponsive--tgpT {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.react-ui-kit__ui-table_body--NhAj {
  width: 100%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-table_body--NhAj.react-ui-kit__ui-table_isResponsive--tgpT {
    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--FO4s.react-ui-kit__ui-table_isPrimary--MuHi {
  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--FO4s.react-ui-kit__ui-table_isPrimary--MuHi {
    border-radius: 0;
    border-bottom: 1px solid var(--ui-skin-card-separator);
  }
}

.react-ui-kit__ui-table_loader--VPqY {
  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--VPqY {
  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--VPqY::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-ui-kit__ui-table_loader--VPqY, .react-ui-kit__ui-table_loader--VPqY.react-ui-kit__ui-table_isInverted--1Bod {
  -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--9lpI {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__sortable-table_container--qvCr {
  margin-bottom: 16px;
}

.react-core__sortable-table_select--uEpo {
  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--pzRo {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__content-engine_container--xoyI {
  max-width: 100%;
}
.react-core__content-engine_container--xoyI img {
  max-width: 100%;
}
.react-core__content-engine_container--xoyI 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--xoyI table {
    min-width: 100%;
  }
}
.react-core__content-engine_container--xoyI 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--xoyI table th p {
  margin: 0;
  padding: 0;
}
.react-core__content-engine_container--xoyI 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--2fsR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__improved-by-ai-icon_container--gZbi {
  width: 24px;
  height: 24px;
  color: var(--ui-skin-text-subdued);
}

.player__improved-by-ai-icon_isActive--VXzB {
  color: var(--ui-skin-text);
}
.player__improved-by-ai-icon_isActive--VXzB .player__improved-by-ai-icon_iconBackground--nNdi {
  fill: var(--ui-skin-palette-motivate-400);
}

.player__improved-by-ai-icon_isAnimated--xbTu {
  -webkit-animation: player__improved-by-ai-icon_fx-animate-ai-icon--OaIk 0.7s ease;
          animation: player__improved-by-ai-icon_fx-animate-ai-icon--OaIk 0.7s ease;
}
.player__improved-by-ai-icon_isAnimated--xbTu .player__improved-by-ai-icon_iconBackground--nNdi {
  -webkit-animation: player__improved-by-ai-icon_fx-animate-icon-background--FMAK 0.7s ease;
          animation: player__improved-by-ai-icon_fx-animate-icon-background--FMAK 0.7s ease;
}

@-webkit-keyframes player__improved-by-ai-icon_fx-animate-icon-background--FMAK {
  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--FMAK {
  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--OaIk {
  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--OaIk {
  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--2mH4 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__response-item_container--XoWC {
  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--XoWC .content-renderer__mathjax-formula {
  width: 10000px;
  max-width: 100%;
  display: block;
}
.player__response-item_container--XoWC:hover:not(.player__response-item_container--XoWC.player__response-item_isLocked--AaFh):not(.player__response-item_container--XoWC.player__response-item_isAnswered--Un-o):not(.player__response-item_container--XoWC.player__response-item_isAlternative--Gttn) {
  background-color: var(--ui-skin-player-response-item-background-color-hover);
}
.player__response-item_container--XoWC.player__response-item_isCorrect--1tRh {
  background-color: var(--ui-skin-player-response-item-background-color-correct);
}
.player__response-item_container--XoWC.player__response-item_isIncorrect--U23O {
  background-color: var(--ui-skin-player-response-item-background-color-incorrect);
}
.player__response-item_container--XoWC.player__response-item_isNeutral--yZ9V {
  background-color: var(--ui-skin-player-response-item-background-color-neutral);
}
.player__response-item_container--XoWC.player__response-item_isReviewMode--KlrD {
  padding-right: 40px;
}
.player__response-item_container--XoWC.player__response-item_isMultiline--bxCU p {
  white-space: pre-line;
}
.player__response-item_container--XoWC p {
  padding: 0;
  margin: 0;
}

.player__response-item_icon--uCJt {
  margin-right: 12px;
}
.player__response-item_icon--uCJt.player__response-item_isCorrect--1tRh {
  color: var(--ui-skin-text-positive);
}
.player__response-item_icon--uCJt.player__response-item_isIncorrect--U23O {
  color: var(--ui-skin-text-negative);
}
.player__response-item_icon--uCJt.player__response-item_isReviewMode--KlrD {
  opacity: 0.3;
}

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

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

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

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

.player__response-item_isAlternative--Gttn {
  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--wBpp {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__response-item-with-avatar_avatar--kgbk {
  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--Rx0Z {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__confidence-level_containerWrapper--o1YT {
  position: relative;
}

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

.player__confidence-level_bar--Jo43 {
  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--iCLW {
  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--iCLW::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--Ac03 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-button-group_container--BrOp {
  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--BrOp > 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--BrOp.react-ui-kit__ui-button-group_withSeparators--OCgI > button:not(:last-child) {
  margin: 0 1px 0 0 !important;
}
.react-ui-kit__ui-button-group_container--BrOp.react-ui-kit__ui-button-group_withSeparators--OCgI > 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--qHNd {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-response-actions_container--Bm\+7 {
  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--MtJ1 {
  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--OFad {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-response_container--S3UH {
  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--p2ew {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__css-transition_animation--G2\+t.player__css-transition_typeFade--4ZM-.player__css-transition_enter--WmPe {
  opacity: 0;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeFade--4ZM-.player__css-transition_enterActive--FlPn {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeFade--4ZM-.player__css-transition_enterActive--FlPn.player__css-transition_durationSm--JbL0 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeFade--4ZM-.player__css-transition_enterDone--KGpx {
  opacity: 1;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeFade--4ZM-.player__css-transition_exit--DjN3 {
  opacity: 1;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeFade--4ZM-.player__css-transition_exitActive--trrx {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeFade--4ZM-.player__css-transition_exitActive--trrx.player__css-transition_durationSm--JbL0 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeFade--4ZM-.player__css-transition_exitDone--Rmax {
  opacity: 0;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeScale--pB6L.player__css-transition_enter--WmPe {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.player__css-transition_animation--G2\+t.player__css-transition_typeScale--pB6L.player__css-transition_enterActive--FlPn {
  -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--G2\+t.player__css-transition_typeScale--pB6L.player__css-transition_enterActive--FlPn.player__css-transition_durationSm--JbL0 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeScale--pB6L.player__css-transition_enterDone--KGpx {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.player__css-transition_animation--G2\+t.player__css-transition_typeScale--pB6L.player__css-transition_exit--DjN3 {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.player__css-transition_animation--G2\+t.player__css-transition_typeScale--pB6L.player__css-transition_exitActive--trrx {
  -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--G2\+t.player__css-transition_typeScale--pB6L.player__css-transition_exitActive--trrx.player__css-transition_durationSm--JbL0 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeScale--pB6L.player__css-transition_exitDone--Rmax {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.player__css-transition_animation--G2\+t.player__css-transition_typeSlide--Su4K.player__css-transition_directionUp--P9J0.player__css-transition_enter--WmPe {
  -webkit-transform: translate(0, 150px);
          transform: translate(0, 150px);
}
.player__css-transition_animation--G2\+t.player__css-transition_typeSlide--Su4K.player__css-transition_directionUp--P9J0.player__css-transition_enterActive--FlPn {
  -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--G2\+t.player__css-transition_typeSlide--Su4K.player__css-transition_directionUp--P9J0.player__css-transition_enterActive--FlPn.player__css-transition_durationSm--JbL0 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeSlide--Su4K.player__css-transition_directionUp--P9J0.player__css-transition_enterDone--KGpx {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.player__css-transition_animation--G2\+t.player__css-transition_typeSlide--Su4K.player__css-transition_directionUp--P9J0.player__css-transition_exit--DjN3 {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.player__css-transition_animation--G2\+t.player__css-transition_typeSlide--Su4K.player__css-transition_directionUp--P9J0.player__css-transition_exitActive--trrx {
  -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--G2\+t.player__css-transition_typeSlide--Su4K.player__css-transition_directionUp--P9J0.player__css-transition_exitActive--trrx.player__css-transition_durationSm--JbL0 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.player__css-transition_animation--G2\+t.player__css-transition_typeSlide--Su4K.player__css-transition_directionUp--P9J0.player__css-transition_exitDone--Rmax {
  -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--PvPy {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__self-classification-suggestion-item_container--1NR2 {
  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--1NR2:first-child {
  border-top: 0;
}

.player__self-classification-suggestion-item_icon--UszC {
  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--2fux {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
/**
 * Default wrapper styles
 */
.react-ui-kit__ui-icon_container--nVBz {
  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--Qtwt svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * ICON SHAPES:
 *
 * - circle
 */
.react-ui-kit__ui-icon_circle--ji-L {
  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--cqRh {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__self-classification-suggestions_container---Bdj {
  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--3LSo {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-loader_container--c0Il {
  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--c0Il::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-ui-kit__ui-loader_container--c0Il, .react-ui-kit__ui-loader_container--c0Il.react-ui-kit__ui-loader_isInverted--3LSo {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.react-ui-kit__ui-loader_centered--1zmq {
  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--I9UQ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__self-classification_wrapper--32K9 {
  position: relative;
  margin-top: 16px;
}

.player__self-classification_title--xT1R {
  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--xT1R, .player__self-classification_title--xT1R.player__self-classification_isInverted--I9UQ {
  color: var(--ui-skin-heading-6-color-inverted);
}

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

.player__self-classification_loader--sO6y {
  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--t7WQ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__numeric-selection-area_container--hUq3 {
  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--mvqG {
  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--JEet {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.player__numeric-selection-area_input--JEet::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--JEet.player__numeric-selection-area_isNegative--C2yQ::before {
  display: block;
}

.player__numeric-selection-area_separator--\+4xy {
  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--\+nda {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__multilist-response-item_container--pDpL {
  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--pDpL:last-child {
  margin-bottom: 0;
}
.player__multilist-response-item_container--pDpL:hover:not(.player__multilist-response-item_container--pDpL.player__multilist-response-item_isLocked--6Dfs) {
  border-color: var(--ui-skin-active-element);
}

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

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

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

.player__multilist-response-item_isLocked--6Dfs {
  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--hYwz {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__multilist_container--LvGt {
  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--LvGt > div {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 16px;
}
.player__multilist_container--LvGt > div:first-child {
  margin-left: 0;
}
.player__multilist_container--LvGt > div:last-child {
  margin-right: 0;
}

.player__multilist_title--4qKI {
  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--uIG3 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__radio_table--QNoW {
  margin: 0;
  border-collapse: collapse;
  border-style: hidden;
}
.player__radio_table--QNoW th {
  border-right: 1px solid var(--ui-skin-border);
}

.player__radio_tableHeader--QfLI {
  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--QfLI:last-child {
  text-align: left;
}

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

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

.player__radio_button--CPx8 {
  margin: 0 auto;
}

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

.player__radio_radioTitle--cq7B {
  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--Cb4M {
  width: 80px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.player__radio_radioGroupTitle--cB\+x {
  -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--uTeW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-tooltip_light--mOF\+ {
  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--mOF\+ {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-ui-kit__ui-tooltip_light--mOF\+ .react-ui-kit__ui-tooltip_arrow--SM\+o {
  display: none;
}

.react-ui-kit__ui-tooltip_dark--jUPu {
  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--jUPu {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-ui-kit__ui-tooltip_dark--jUPu .react-ui-kit__ui-tooltip_arrow--SM\+o {
  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--vN-p {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__research_selection--Au0B {
  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--VJyL {
  width: 180px;
}

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

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

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

.player__research_hintTitle--zjC1 {
  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--Uk8Y {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__memorization-response-item_container--h5\+B {
  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--h5\+B {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.player__memorization-response-item_container--h5\+B:not(:last-child) {
  border-right: 1px solid var(--ui-skin-rating-separator-color);
}
.player__memorization-response-item_container--h5\+B:hover {
  -webkit-filter: var(--ui-skin-element-hover-filter);
          filter: var(--ui-skin-element-hover-filter);
}

.player__memorization-response-item_value--zrAV {
  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--57ba {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__memorization_container--YWEO {
  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--4oaq {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__timer_container--e0\+Y,
.player__timer_mobileContainer--qbNY {
  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--e0\+Y {
  margin: 20px 0;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

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

.player__timer_value--dEqY {
  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--dEqY {
    line-height: var(--ui-paragraph-xs-line-height);
    font-size: var(--ui-paragraph-xs-font-size);
  }
}

.player__timer_icon--u2cR {
  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--2buR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__step-prompt_container--ra2p {
  position: relative;
}

.player__step-prompt_isMergedIn--3WLc .player__step-prompt_content--OZOx {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.player__step-prompt_isMergedOut--pJpj {
  margin: 0;
}
.player__step-prompt_isMergedOut--pJpj .player__step-prompt_content--OZOx {
  padding-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

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

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

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

.player__step-prompt_isHighlighted--RMx2,
.player__step-prompt_hasContentIssues--g3E1 {
  border-radius: var(--ui-skin-border-radius);
}
.player__step-prompt_isHighlighted--RMx2.player__step-prompt_isMergedIn--3WLc,
.player__step-prompt_hasContentIssues--g3E1.player__step-prompt_isMergedIn--3WLc {
  border-top: none;
  border-radius: 0 0 var(--ui-skin-border-radius) var(--ui-skin-border-radius);
}
.player__step-prompt_isHighlighted--RMx2.player__step-prompt_isMergedOut--pJpj,
.player__step-prompt_hasContentIssues--g3E1.player__step-prompt_isMergedOut--pJpj {
  border-bottom: none;
  border-radius: var(--ui-skin-border-radius) var(--ui-skin-border-radius) 0 0;
}

.player__step-prompt_content--OZOx {
  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--OZOx img {
  max-width: 100%;
}

.player__step-prompt_editableHeader--Wqrp {
  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--Wqrp {
    -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--Wqrp 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--6PkW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__improved-by-ai-explanation_container--b55R {
  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--cmnq {
  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--oN31 {
  width: 50%;
}

.player__improved-by-ai-explanation_comparisonTitle--XYPM {
  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--XYPM {
  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---Rwf {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__content-bubble_container--uSdw {
  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--uSdw img {
  max-width: 100%;
}

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

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

.player__content-bubble_isHighlighted--q4R\+ {
  border: 1px solid var(--ui-skin-active-element);
}
.player__content-bubble_isHighlighted--q4R\+.player__content-bubble_isMergedIn--O6ge {
  border-top: none;
  border-radius: 0 0 var(--ui-skin-border-radius) var(--ui-skin-border-radius);
}
.player__content-bubble_isHighlighted--q4R\+.player__content-bubble_isMergedOut--NB9l {
  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--3mIV {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__alternatives-explanation_explanationContainer--Q09d {
  padding-left: 24px;
}
.player__alternatives-explanation_explanationContainer--Q09d:not(:first-child) {
  margin-top: 4px;
}
.player__alternatives-explanation_explanationContainer--Q09d:last-child {
  margin-bottom: 4px;
}

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

.player__alternatives-explanation_bubble--5YF4 {
  margin-bottom: 8px;
}

.player__alternatives-explanation_isMergedOut--gN4S {
  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--kmzV {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__alternatives-item_container--9rie {
  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--zB\+R {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__step-instance-answers_container--ZcE4 {
  position: relative;
  margin-top: 16px;
}

.player__step-instance-answers_toggleHandle--TTla {
  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--TTla:only-child {
  display: none;
}
.player__step-instance-answers_toggleHandle--TTla: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--TTla.player__step-instance-answers_isInverted--zB\+R {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
.player__step-instance-answers_toggleHandle--TTla.player__step-instance-answers_isInverted--zB\+R: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--8O4X {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__utility-response-item_container--rccs {
  margin-top: 16px;
}

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

.player__utility-response-item_contentBubble--5TJJ {
  margin-top: 16px;
}

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

.player__utility-response-item_tutorAvatar--sepx {
  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--22vj {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__time-awareness-hint_container--fKaX {
  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--fKaX {
    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--8xJP .player__time-awareness-hint_icon--QQd6 {
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-icon-scale--pfCJ 0.5s ease 0.5s;
          animation: player__time-awareness-hint_fx-time-awareness-hint-icon-scale--pfCJ 0.5s ease 0.5s;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}
.player__time-awareness-hint_isVisible--8xJP .player__time-awareness-hint_text--mC4f {
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-text-show--ryPX 1.5s ease forwards;
          animation: player__time-awareness-hint_fx-time-awareness-hint-text-show--ryPX 1.5s ease forwards;
}
.player__time-awareness-hint_isVisible--8xJP .player__time-awareness-hint_text--mC4f > span {
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-text-span-show--G0d2 0.6s ease forwards;
          animation: player__time-awareness-hint_fx-time-awareness-hint-text-span-show--G0d2 0.6s ease forwards;
}

.player__time-awareness-hint_isNotAnimated--oKT7 .player__time-awareness-hint_text--mC4f {
  -webkit-animation: none;
          animation: none;
}

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

.player__time-awareness-hint_text--mC4f {
  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--yVIe 0.5s ease;
          animation: player__time-awareness-hint_fx-time-awareness-hint-text-hide--yVIe 0.5s ease;
}
.player__time-awareness-hint_text--mC4f > span {
  margin-left: 8px;
  -webkit-animation: player__time-awareness-hint_fx-time-awareness-hint-text-span-hide--thoC 2s ease 0.5s forwards;
          animation: player__time-awareness-hint_fx-time-awareness-hint-text-span-hide--thoC 2s ease 0.5s forwards;
}
@media (max-width: 870px) {
  .player__time-awareness-hint_text--mC4f {
    color: var(--ui-skin-text-inverted);
  }
}

@-webkit-keyframes player__time-awareness-hint_fx-time-awareness-hint-icon-scale--pfCJ {
  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--pfCJ {
  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--G0d2 {
  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--G0d2 {
  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--thoC {
  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--thoC {
  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--ryPX {
  0% {
    max-width: 0;
  }
  100% {
    max-width: 400px;
  }
}
@keyframes player__time-awareness-hint_fx-time-awareness-hint-text-show--ryPX {
  0% {
    max-width: 0;
  }
  100% {
    max-width: 400px;
  }
}
@-webkit-keyframes player__time-awareness-hint_fx-time-awareness-hint-text-hide--yVIe {
  0% {
    max-width: 400px;
  }
  100% {
    max-width: 0;
  }
}
@keyframes player__time-awareness-hint_fx-time-awareness-hint-text-hide--yVIe {
  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--mlvD {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-slider_minMaxWrapper--Fh8P {
  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--qS\+L,
.react-ui-kit__ui-slider_max--faeB {
  top: 40px;
  bottom: 0;
  padding: 0;
  color: var(--ui-skin-text-subdued);
  background: none;
}

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

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

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

.react-ui-kit__ui-slider_markLabel--69SM {
  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--KUzq {
  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--KUzq: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--EBZE {
  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--KDAc {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.react-ui-kit__ui-slider_barWithMargin--nP-T {
  margin-bottom: 20px;
}

.react-ui-kit__ui-slider_bar--rmry {
  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--\+WT- {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__time-awareness_container--u4bd {
  margin: 16px 0;
}

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

.player__time-awareness_slider--Ky9o {
  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--cfp8 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__file-upload-progress_container--npME {
  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--npME .react-core__file-upload-progress_icon--XzwD {
  min-width: 24px;
  max-width: 24px;
  height: 24px;
}
.react-core__file-upload-progress_container--npME .react-core__file-upload-progress_icon--XzwD.react-core__file-upload-progress_pending--D\+uu {
  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--npME .react-core__file-upload-progress_icon--XzwD.react-core__file-upload-progress_pending--D\+uu::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-core__file-upload-progress_container--npME .react-core__file-upload-progress_icon--XzwD.react-core__file-upload-progress_pending--D\+uu, .react-core__file-upload-progress_container--npME .react-core__file-upload-progress_icon--XzwD.react-core__file-upload-progress_pending--D\+uu.react-core__file-upload-progress_isInverted--cfp8 {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.react-core__file-upload-progress_container--npME .react-core__file-upload-progress_icon--XzwD.react-core__file-upload-progress_warning--U\+mr {
  color: var(--ui-skin-text-warning);
}
.react-core__file-upload-progress_container--npME .react-core__file-upload-progress_icon--XzwD.react-core__file-upload-progress_correct--BA1r {
  color: var(--ui-skin-text-positive);
}
.react-core__file-upload-progress_container--npME .react-core__file-upload-progress_filename--sbv3 {
  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--npME .react-core__file-upload-progress_status--CjY7 {
  -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--npME .react-core__file-upload-progress_delete--HtPl {
  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--lxf9 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__step-feedback-form_container--mDgz {
  margin-top: 16px;
}

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

.player__step-feedback-form_controls--qw4t {
  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--MI\+e {
  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--PpcP {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__step-feedback_toggle--3Jyy {
  position: absolute;
  right: 8px;
  bottom: 0;
}

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

.player__step-feedback_selection--fmr0 {
  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--Ylmd {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-badge_container--6A1v {
  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--6A1v.react-ui-kit__ui-badge_sizeMd--dgJO {
  top: -14px;
}
.react-ui-kit__ui-badge_container--6A1v.react-ui-kit__ui-badge_sizeSm--0UYo {
  top: -12px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-badge_container--6A1v {
    right: 8px;
  }
}

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

.react-ui-kit__ui-badge_text--1wff {
  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--1wff, .react-ui-kit__ui-badge_text--1wff.react-ui-kit__ui-badge_isInverted--Ylmd {
  color: var(--ui-skin-heading-6-color-inverted);
}

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

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

.react-ui-kit__ui-badge_paddingXxs--bYkf {
  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--WCHx {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__video-content_container--3d8r {
  margin-bottom: 12px;
  border-radius: var(--ui-skin-border-radius);
  overflow: hidden;
}

.player__video-content_errorContainer--Srma {
  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--teN4 {
  margin-top: 40px;
}
@media (max-width: 640px) {
  .player__video-content_errorIcon--teN4 {
    margin-top: 24px;
  }
}

.player__video-content_errorMessage--XVYJ {
  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--XVYJ {
  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--lL2l {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__step-instance_container--h\+lq {
  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--5PoU {
  padding-top: 0;
}

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

.player__step-instance_tutorAvatar--t1oD {
  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--agyu {
  color: var(--ui-skin-text-subdued);
  padding: 0;
}

.player__step-instance_molViewer--tde- {
  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--lx8U {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-button-group_container--O\+cj {
  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--O\+cj > 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--O\+cj.react-ui-kit__ui-button-group_withSeparators--gVtx > button:not(:last-child) {
  margin: 0 1px 0 0 !important;
}
.react-ui-kit__ui-button-group_container--O\+cj.react-ui-kit__ui-button-group_withSeparators--gVtx > 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--zUdo {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-button_isInverted--T6-N,
.ui-scheme-inverted .react-ui-kit__ui-button_linkalike--zUdo,
.react-ui-kit__ui-button_isInverted--T6-N.react-ui-kit__ui-button_linkalike--zUdo {
  color: var(--ui-skin-link-inverted);
}
a:hover,
.react-ui-kit__ui-button_linkalike--zUdo: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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
/**
 * DEFAULT WRAPPER STYLES
 */
.react-ui-kit__ui-button_container--3oK7 {
  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--3oK7::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--3oK7:hover::after {
  opacity: 0.08;
}
.react-ui-kit__ui-button_container--3oK7 {
  position: relative;
}
.react-ui-kit__ui-button_container--3oK7[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--tpg\+ {
  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--9k7i {
  outline: none;
}

.react-ui-kit__ui-button_container--3oK7:active > *,
.react-ui-kit__ui-button_is-selected--9k7i > *,
.react-ui-kit__ui-button_is-active--LtUO > * {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.react-ui-kit__ui-button_container--3oK7:active::after,
.react-ui-kit__ui-button_is-selected--9k7i::after,
.react-ui-kit__ui-button_is-active--LtUO::after {
  opacity: 0.16;
}

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

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

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

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

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

.react-ui-kit__ui-button_mr-xxl--UUvv + .react-ui-kit__ui-button_container--3oK7 {
  margin-left: 40px;
}

.react-ui-kit__ui-button_mr-xl--UMCy + .react-ui-kit__ui-button_container--3oK7 {
  margin-left: 28px;
}

.react-ui-kit__ui-button_mr-lg--oPrK + .react-ui-kit__ui-button_container--3oK7 {
  margin-left: 24px;
}

.react-ui-kit__ui-button_mr-md--tjFB + .react-ui-kit__ui-button_container--3oK7 {
  margin-left: 20px;
}

.react-ui-kit__ui-button_mr-sm--69Uj + .react-ui-kit__ui-button_container--3oK7 {
  margin-left: 16px;
}

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

.react-ui-kit__ui-button_mr-xxs--fpj6 + .react-ui-kit__ui-button_container--3oK7 {
  margin-left: 8px;
}

.react-ui-kit__ui-button_mr-xxxs--Hzz3 + .react-ui-kit__ui-button_container--3oK7 {
  margin-left: 4px;
}

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

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

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

/**
 * BUTTON SIZES:
 *
 * - xxs
 * - xs
 * - sm
 * - md
 * - lg
 */
.react-ui-kit__ui-button_lg--xsEI {
  min-height: 56px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 24px;
}
.react-ui-kit__ui-button_lg--xsEI {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-button_lg--xsEI.react-ui-kit__ui-button_is-proportional--ybh9 {
  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--xsEI[data-badge]::before {
  top: 8px;
  left: calc(56px - 8px);
  z-index: 1;
}
.react-ui-kit__ui-button_lg--xsEI[data-badge]:active::before {
  top: 9px;
}

.react-ui-kit__ui-button_md--KnYJ {
  min-height: 52px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 20px;
}
.react-ui-kit__ui-button_md--KnYJ {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-ui-kit__ui-button_md--KnYJ.react-ui-kit__ui-button_is-proportional--ybh9 {
  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--KnYJ[data-badge]::before {
  top: 8px;
  left: calc(52px - 8px);
  z-index: 1;
}
.react-ui-kit__ui-button_md--KnYJ[data-badge]:active::before {
  top: 9px;
}

.react-ui-kit__ui-button_sm--6o95 {
  min-height: 44px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 16px;
}
.react-ui-kit__ui-button_sm--6o95 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-button_sm--6o95.react-ui-kit__ui-button_is-proportional--ybh9 {
  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--6o95[data-badge]::before {
  top: 4px;
  left: calc(44px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_sm--6o95[data-badge]:active::before {
  top: 5px;
}

.react-ui-kit__ui-button_xs--2fUz {
  min-height: 32px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 12px;
}
.react-ui-kit__ui-button_xs--2fUz {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-button_xs--2fUz.react-ui-kit__ui-button_is-proportional--ybh9 {
  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--2fUz[data-badge]::before {
  top: 4px;
  left: calc(32px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_xs--2fUz[data-badge]:active::before {
  top: 5px;
}

.react-ui-kit__ui-button_xxs--strD {
  min-height: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 8px;
}
.react-ui-kit__ui-button_xxs--strD {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-button_xxs--strD.react-ui-kit__ui-button_is-proportional--ybh9 {
  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--strD[data-badge]::before {
  top: 4px;
  left: calc(24px - 4px);
  z-index: 1;
}
.react-ui-kit__ui-button_xxs--strD[data-badge]:active::before {
  top: 5px;
}

/**
 * BUTTON TYPES:
 *
 * - primary
 * - primary-alt
 * - secondary
 * - subdued
 * - linkalike
 */
.react-ui-kit__ui-button_primary--HUzy {
  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--HUzy .react-ui-kit__ui-button_label--6JKF {
  color: var(--ui-skin-button-primary-label);
}
.react-ui-kit__ui-button_primary--HUzy .react-ui-kit__ui-button_icon--SHfH {
  color: var(--ui-skin-button-primary-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary--HUzy, .react-ui-kit__ui-button_primary--HUzy.react-ui-kit__ui-button_isInverted--T6-N {
  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--HUzy .react-ui-kit__ui-button_label--6JKF, .react-ui-kit__ui-button_primary--HUzy.react-ui-kit__ui-button_isInverted--T6-N .react-ui-kit__ui-button_label--6JKF {
  color: var(--ui-skin-button-primary-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primary--HUzy .react-ui-kit__ui-button_icon--SHfH, .react-ui-kit__ui-button_primary--HUzy.react-ui-kit__ui-button_isInverted--T6-N .react-ui-kit__ui-button_icon--SHfH {
  color: var(--ui-skin-button-primary-inverted-icon);
}

.react-ui-kit__ui-button_primaryAlt--0QKD {
  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--0QKD .react-ui-kit__ui-button_label--6JKF {
  color: var(--ui-skin-button-primary-alt-label);
}
.react-ui-kit__ui-button_primaryAlt--0QKD .react-ui-kit__ui-button_icon--SHfH {
  color: var(--ui-skin-button-primary-alt-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--0QKD, .react-ui-kit__ui-button_primaryAlt--0QKD.react-ui-kit__ui-button_isInverted--T6-N {
  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--0QKD .react-ui-kit__ui-button_label--6JKF, .react-ui-kit__ui-button_primaryAlt--0QKD.react-ui-kit__ui-button_isInverted--T6-N .react-ui-kit__ui-button_label--6JKF {
  color: var(--ui-skin-button-primary-alt-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_primaryAlt--0QKD .react-ui-kit__ui-button_icon--SHfH, .react-ui-kit__ui-button_primaryAlt--0QKD.react-ui-kit__ui-button_isInverted--T6-N .react-ui-kit__ui-button_icon--SHfH {
  color: var(--ui-skin-button-primary-alt-inverted-icon);
}

.react-ui-kit__ui-button_secondary--34Dr {
  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--34Dr .react-ui-kit__ui-button_label--6JKF {
  color: var(--ui-skin-button-secondary-label);
}
.react-ui-kit__ui-button_secondary--34Dr .react-ui-kit__ui-button_icon--SHfH {
  color: var(--ui-skin-button-secondary-icon);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--34Dr, .react-ui-kit__ui-button_secondary--34Dr.react-ui-kit__ui-button_isInverted--T6-N {
  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--34Dr .react-ui-kit__ui-button_label--6JKF, .react-ui-kit__ui-button_secondary--34Dr.react-ui-kit__ui-button_isInverted--T6-N .react-ui-kit__ui-button_label--6JKF {
  color: var(--ui-skin-button-secondary-inverted-label);
}
.ui-scheme-inverted .react-ui-kit__ui-button_secondary--34Dr .react-ui-kit__ui-button_icon--SHfH, .react-ui-kit__ui-button_secondary--34Dr.react-ui-kit__ui-button_isInverted--T6-N .react-ui-kit__ui-button_icon--SHfH {
  color: var(--ui-skin-button-secondary-inverted-icon);
}

.react-ui-kit__ui-button_subdued--InCZ {
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-skin-button-subdued-text);
}
.react-ui-kit__ui-button_subdued--InCZ .react-ui-kit__ui-button_label--6JKF {
  color: var(--ui-skin-button-subdued-text);
}
.react-ui-kit__ui-button_subdued--InCZ .react-ui-kit__ui-button_icon--SHfH {
  color: var(--ui-skin-button-subdued-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--InCZ, .react-ui-kit__ui-button_subdued--InCZ.react-ui-kit__ui-button_isInverted--T6-N {
  background-color: transparent;
  border-color: transparent;
  color: var(--ui-skin-button-subdued-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--InCZ .react-ui-kit__ui-button_label--6JKF, .react-ui-kit__ui-button_subdued--InCZ.react-ui-kit__ui-button_isInverted--T6-N .react-ui-kit__ui-button_label--6JKF {
  color: var(--ui-skin-button-subdued-inverted-text);
}
.ui-scheme-inverted .react-ui-kit__ui-button_subdued--InCZ .react-ui-kit__ui-button_icon--SHfH, .react-ui-kit__ui-button_subdued--InCZ.react-ui-kit__ui-button_isInverted--T6-N .react-ui-kit__ui-button_icon--SHfH {
  color: var(--ui-skin-button-subdued-inverted-text);
}

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

/**
 * BUTTON ELEMENTS
 */
.react-ui-kit__ui-button_label--6JKF {
  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--HeUH {
  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--HeUH {
  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--HeUH::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-ui-kit__ui-button_loader--HeUH, .react-ui-kit__ui-button_loader--HeUH.react-ui-kit__ui-button_isInverted--T6-N {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.react-ui-kit__ui-button_icon--SHfH {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.react-ui-kit__ui-button_container--3oK7:not(.react-ui-kit__ui-button_is-proportional--ybh9) .react-ui-kit__ui-button_icon--SHfH {
  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--lz3x {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__review-status_container--hTfe {
  display: inline-block;
  cursor: pointer;
}

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

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

.player__review-status_unreviewedChildren--2Z1D {
  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--ZIV9 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-step-actions_container--qtdH {
  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--PQV8 {
  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--4H7i {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-label_container--Xd4p {
  -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--85eZ {
  background-color: var(--ui-skin-label-success-background);
  color: var(--ui-skin-label-success-text);
}
.react-ui-kit__ui-label_success--85eZ.react-ui-kit__ui-label_isStrong--ScMu {
  background-color: var(--ui-skin-label-success-text);
  color: #fff;
}

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

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

.react-ui-kit__ui-label_info--GRfW {
  background-color: var(--ui-skin-label-info-background);
  color: var(--ui-skin-label-info-text);
}
.react-ui-kit__ui-label_info--GRfW.react-ui-kit__ui-label_isStrong--ScMu {
  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--uVRq {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__step-features_container--\+HzY 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--pTvW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__step-relations_container--E4MU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: bold;
}

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

.react-core__step-relations_arrow--d8jS {
  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--IieO {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-dynamic-stage_container--RNUX {
  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--RNUX::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--DM4l {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-step-instance_container--uZ\+9 {
  max-width: var(--ui-skin-player-max-editable-width);
  margin: 0 auto;
  padding-top: 16px;
}

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

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

.player__editable-step-instance_editableHeader--O35H {
  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--O35H {
    -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--O35H div:not(:first-child) {
    margin-top: 8px;
  }
}

.player__editable-step-instance_promptHint--ZGKa {
  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--ZGKa {
  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--Npft {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__image-upload-area_container--LdOj {
  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--LdOj.react-core__image-upload-area_active--ozS9 {
  background-color: #cdd1d9;
}
.react-core__image-upload-area_container--LdOj .react-core__image-upload-area_header--s-2m {
  color: #585e6d;
  line-height: 1.5;
  cursor: pointer;
}
.react-core__image-upload-area_container--LdOj .react-core__image-upload-area_anchor--x\+Li {
  font-weight: 500;
  color: #584bae;
}
.react-core__image-upload-area_container--LdOj .react-core__image-upload-area_hint--XnCs {
  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--jLzw {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_CodeMirror--qO96 {
  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--Ylif .react-core__markdown-editor-toolbar-item_CodeMirror--qO96 {
    padding: 12px 18px;
  }
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_CodeMirror-placeholder--U25P {
  color: #96a2ad;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_CodeMirror-lines---3-e {
  padding: 14px;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-spell-error--h3r5 {
  border-bottom: 2px dotted;
}

.react-core__markdown-editor-toolbar-item_markdown-editor__icon-bold--xUgG {
  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--jFX4 {
  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--dKt- {
  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--mt\+- {
  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--r-3W {
  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--aKrR {
  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--ZFQf {
  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--XI-3 {
  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--gZlD, .react-core__markdown-editor-toolbar-item_item--\+djq.react-core__markdown-editor-toolbar-item_multiple--3PFZ .react-core__markdown-editor-toolbar-item_multipleToggle--i80k {
  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--aAIu {
  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--fhIO {
  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--rYyz {
  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--wkdt {
  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--AsdH {
  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--LIEy {
  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--Ylif {
  position: relative;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-superscript--VEk4 {
  vertical-align: super;
  font-size: 80%;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-subscript--DC64 {
  vertical-align: sub;
  font-size: 80%;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-underline--Nyf0 {
  text-decoration: underline;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-content-issue-comment--sBjJ {
  background-color: rgba(255, 197, 164, 0.4);
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-black--\+KD6 {
  color: #000;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-black--SM-\+ {
  background: #000;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-dark-grey--6IkW {
  color: #707070;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-dark-grey--ivOM {
  background: #707070;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-light-grey--adWF {
  color: #ccc;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-light-grey--Xbrj {
  background: #ccc;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-dark-blue--6tVr {
  color: #205081;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-dark-blue--ai-Y {
  background: #205081;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-light-blue--sg28 {
  color: #59afe1;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-light-blue--B5-J {
  background: #59afe1;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-dark-green--fTOD {
  color: #14892c;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-dark-green--xw9A {
  background: #14892c;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-light-green--OOwE {
  color: #8eb021;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-light-green--hbe5 {
  background: #8eb021;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-red--19a9 {
  color: #d04437;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-red--BHZg {
  background: #d04437;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-orange--PbB4 {
  color: #f79232;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-orange--cF6e {
  background: #f79232;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-yellow--lTEy {
  color: #f6c342;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-yellow--8OHG {
  background: #f6c342;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-purple--M5fV {
  color: #654982;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-purple--11p5 {
  background: #654982;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-color-pink--RQE7 {
  color: #f691b2;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-highlight-pink--ZsqK {
  background: #f691b2;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-text-diff--Gjtv {
  position: relative;
  padding: 0.3em 0;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-text-diff-addition--KfI6 {
  background-color: #e6ffed;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-text-diff-deletion--r2oC {
  background-color: #ffeef0;
  text-decoration: line-through;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_text-diff-tooltip--jooe {
  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--Ylif .react-core__markdown-editor-toolbar-item_text-diff-tooltip--jooe.react-core__markdown-editor-toolbar-item_text-diff-tooltip_is-hidden--xINs {
  display: none;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_text-diff-tooltip--jooe.react-core__markdown-editor-toolbar-item_text-diff-tooltip_is-shown--1jbc {
  display: block;
}

.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_is-preview-active--3lCu .react-core__markdown-editor-toolbar-item_CodeMirror-scroll--Ko8i {
  display: none;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_is-preview-active--3lCu .react-core__markdown-editor-toolbar-item_markdown-editor-preview--lhFr {
  display: block;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_markdown-editor-preview--lhFr {
  width: 100%;
  height: 100%;
  padding: 14px;
  background-color: #fff;
  display: none;
}

.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-header--Mh9- {
  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--Ylif .react-core__markdown-editor-toolbar-item_cm-header-1--BqOK {
  margin: 12px 0 32px;
  font-size: 26px;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-header-2--EfGl {
  margin: 12px 0 24px;
  font-size: 20px;
}
.react-core__markdown-editor-toolbar-item_markdown-editor--Ylif .react-core__markdown-editor-toolbar-item_cm-header-3--DsPz {
  margin: 12px 0 24px;
  font-size: 18px;
}

.react-core__markdown-editor-toolbar-item_item--\+djq {
  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--\+djq.react-core__markdown-editor-toolbar-item_active--pJFQ, .react-core__markdown-editor-toolbar-item_item--\+djq:hover {
  background-color: #eaeef6;
}
.react-core__markdown-editor-toolbar-item_item--\+djq.react-core__markdown-editor-toolbar-item_simplified--2jwL {
  width: auto;
  height: auto;
  margin: 0;
  padding: 5px;
  display: block;
  background-image: none !important;
}
.react-core__markdown-editor-toolbar-item_item--\+djq.react-core__markdown-editor-toolbar-item_simplified--2jwL > span {
  text-indent: 0 !important;
}
.react-core__markdown-editor-toolbar-item_item--\+djq > span {
  display: inline-block;
  text-indent: -9999em;
  width: 100%;
  height: 100%;
}
.react-core__markdown-editor-toolbar-item_item--\+djq.react-core__markdown-editor-toolbar-item_multiple--3PFZ {
  overflow: visible;
  width: 30px;
  background-position: calc(50% - 5px) 50%;
}
.react-core__markdown-editor-toolbar-item_item--\+djq.react-core__markdown-editor-toolbar-item_multiple--3PFZ .react-core__markdown-editor-toolbar-item_multipleToggle--i80k {
  background-position: 95% 50%;
  background-repeat: no-repeat;
}

.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_submenu--SgsT,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_submenu--SgsT {
  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--CTed .react-core__markdown-editor-toolbar-item_subitem--LMrS,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_subitem--LMrS {
  display: inline-block;
  width: 50px;
  height: 25px;
  margin: 2px;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_subitem--LMrS > span,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_subitem--LMrS > span {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-black--BzCk,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-black--8z0h,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-black--BzCk,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-black--8z0h {
  background-color: #000;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-dark-grey--fXje,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-dark-grey--LQHs,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-dark-grey--fXje,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-dark-grey--LQHs {
  background-color: #707070;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-light-grey--rhee,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-light-grey--o3td,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-light-grey--rhee,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-light-grey--o3td {
  background-color: #ccc;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-dark-blue--9Lom,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-dark-blue--MhDo,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-dark-blue--9Lom,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-dark-blue--MhDo {
  background-color: #205081;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-light-blue---eTN,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-light-blue--9kUa,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-light-blue---eTN,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-light-blue--9kUa {
  background-color: #59afe1;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-dark-green--g1Tt,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-dark-green--TsbA,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-dark-green--g1Tt,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-dark-green--TsbA {
  background-color: #14892c;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-light-green--DY0N,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-light-green--AI1J,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-light-green--DY0N,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-light-green--AI1J {
  background-color: #8eb021;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-red--D2FT,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-red--MQFR,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-red--D2FT,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-red--MQFR {
  background-color: #d04437;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-orange--aMEQ,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-orange--CIhj,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-orange--aMEQ,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-orange--CIhj {
  background-color: #f79232;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-yellow--ygS3,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-yellow--X1lj,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-yellow--ygS3,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-yellow--X1lj {
  background-color: #f6c342;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-purple--BI32,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-purple--4ZB8,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-purple--BI32,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-purple--4ZB8 {
  background-color: #654982;
}
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_color-pink--EGtv,
.react-core__markdown-editor-toolbar-item_highlight--CTed .react-core__markdown-editor-toolbar-item_highlight-pink--eKea,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_color-pink--EGtv,
.react-core__markdown-editor-toolbar-item_color--Bwmr .react-core__markdown-editor-toolbar-item_highlight-pink--eKea {
  background-color: #f691b2;
}

.react-core__markdown-editor-toolbar-item_subitem--LMrS {
  margin: 10px 0;
  white-space: nowrap;
  cursor: pointer;
}
.react-core__markdown-editor-toolbar-item_subitem--LMrS .react-core__markdown-editor-toolbar-item_header-1--74OI {
  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--LMrS .react-core__markdown-editor-toolbar-item_header-1--74OI, .react-core__markdown-editor-toolbar-item_subitem--LMrS .react-core__markdown-editor-toolbar-item_header-1--74OI.react-core__markdown-editor-toolbar-item_isInverted--jLzw {
  color: var(--ui-skin-heading-1-color-inverted);
}
.react-core__markdown-editor-toolbar-item_subitem--LMrS .react-core__markdown-editor-toolbar-item_header-2--IjdL {
  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--LMrS .react-core__markdown-editor-toolbar-item_header-2--IjdL, .react-core__markdown-editor-toolbar-item_subitem--LMrS .react-core__markdown-editor-toolbar-item_header-2--IjdL.react-core__markdown-editor-toolbar-item_isInverted--jLzw {
  color: var(--ui-skin-heading-2-color-inverted);
}
.react-core__markdown-editor-toolbar-item_subitem--LMrS .react-core__markdown-editor-toolbar-item_header-3--CSf4 {
  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--LMrS .react-core__markdown-editor-toolbar-item_header-3--CSf4, .react-core__markdown-editor-toolbar-item_subitem--LMrS .react-core__markdown-editor-toolbar-item_header-3--CSf4.react-core__markdown-editor-toolbar-item_isInverted--jLzw {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__markdown-editor-toolbar-item_separator--PKKi {
  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--929A {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__markdown-editor-toolbar_container--BEpw {
  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--f2WM {
  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--2Cgd {
  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--2Cgd.react-core__markdown-editor-toolbar_isHidden--KJ1H {
  visibility: hidden;
}

.react-core__markdown-editor-toolbar_moreIcon--UWO5 {
  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--J0g0 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__markdown-editor-field_container--Gu2f {
  width: 100%;
  position: relative;
  border: solid 1px var(--ui-skin-form-controls-border);
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isBorderless--ju08 {
  border: none;
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isFocused--gOCm {
  border-color: var(--ui-skin-form-controls-focus);
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isFocused--gOCm .react-core__markdown-editor-field_toolbar--i4AR {
  display: block;
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isPending--AncD {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isPending--AncD::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isPending--AncD::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--Gu2f.react-core__markdown-editor-field_isPending--AncD::before::after {
  content: attr(data-text);
  white-space: nowrap;
}
.ui-scheme-inverted .react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isPending--AncD::before, .react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isPending--AncD::before.react-core__markdown-editor-field_isInverted--J0g0 {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isMultiline--mRtp .react-core__markdown-editor-field_textarea--PJGc,
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isMultiline--mRtp .CodeMirror {
  height: 180px;
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isMultiline--mRtp.react-core__markdown-editor-field_isFocused--gOCm .react-core__markdown-editor-field_textarea--PJGc,
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isMultiline--mRtp.react-core__markdown-editor-field_isFocused--gOCm .CodeMirror {
  height: calc(180px - 45px);
}
.react-core__markdown-editor-field_container--Gu2f .react-core__markdown-editor-field_toolbar--i4AR {
  background: #f9fbfd;
  display: none;
}
.react-core__markdown-editor-field_container--Gu2f.react-core__markdown-editor-field_isToolbarPersistent--PVl7 .react-core__markdown-editor-field_toolbar--i4AR {
  display: block;
}

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

.react-core__markdown-editor-field_toolbarRow--pcE6 {
  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--erE4 {
  border-radius: 0;
}

.react-core__markdown-editor-field_rounded--rPOQ {
  border-radius: var(--ui-skin-border-radius);
}
.react-core__markdown-editor-field_rounded--rPOQ .react-core__markdown-editor-field_textarea--PJGc {
  border-radius: var(--ui-skin-border-radius);
}
.react-core__markdown-editor-field_rounded--rPOQ .react-core__markdown-editor-field_toolbar--i4AR {
  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--UMtR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-fraction-input_container--vV-L {
  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--eKYr {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.player__editable-fraction-input_separator--7-3i {
  -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--kno6 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__cpa-research-response_container--7Q68 {
  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--P9Cw {
  width: 100px;
}

.player__cpa-research-response_separator--0Tkz {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0 4px;
}

.player__cpa-research-response_input--1\+dj {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.player__cpa-research-response_input--1\+dj 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--685j {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__multifield-response_container--yizy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

.player__multifield-response_field--8VLS {
  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--8VLS: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--sdS3 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-cell_container--Rq\+C {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
.react-ui-kit__ui-cell_container--Rq\+C.react-ui-kit__ui-cell_noGrow--OnkV {
  -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--GN1I {
  max-width: 33.3333333333%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-1-3--GN1I {
    max-width: none;
  }
}

.react-ui-kit__ui-cell_cell-2-3--rZjA {
  max-width: 66.6666666667%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-2-3--rZjA {
    max-width: none;
  }
}

.react-ui-kit__ui-cell_cell-1-4--tA03 {
  max-width: 25%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-1-4--tA03 {
    max-width: none;
  }
}

.react-ui-kit__ui-cell_cell-2-4--uCbm {
  max-width: 50%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-2-4--uCbm {
    max-width: none;
  }
}

.react-ui-kit__ui-cell_cell-3-4--XV59 {
  max-width: 75%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-cell_cell-3-4--XV59 {
    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--mh81 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__correctness-switcher_container--l5ES {
  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--5Sch {
  cursor: default;
}

.player__correctness-switcher_isCorrect--x4vU {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+DQogICAgICAgIDxwYXRoIGZpbGw9IiMzN0NBODEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTcuMzggMTUuNjQ4Yy40LjQ5NyAxLjE0NC41MzEgMS41ODkuMDc0bDguMzc3LTguNjgyYTEuMDYyIDEuMDYyIDAgMSAwLTEuNTI0LTEuNDhMOC4yNiAxMy40MDVsLTMuNzE2LTQuNDJBMS4wNjIgMS4wNjIgMCAxIDAgMi44OSAxMC4zMmw0LjQ5IDUuMzN6Ii8+DQogICAgPC9nPg0KPC9zdmc+DQo=");
}

.player__correctness-switcher_isIncorrect--REwX {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+DQogICAgICAgIDxwYXRoIGZpbGw9IiNFMzEyMEIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwLjAxMyA4LjYxOGw0LjI2My00LjI0MmExIDEgMCAwIDEgMS40MTEgMS40MTdMMTEuNDMgMTAuMDNsNC4yOTQgNC4yODFhMSAxIDAgMSAxLTEuNDEzIDEuNDE2bC00LjI5OS00LjI4Ni00LjMwOSA0LjI4N2ExIDEgMCAwIDEtMS40MS0xLjQxN2w0LjMwMy00LjI4Mi00LjI3Ny00LjI2NUExIDEgMCAxIDEgNS43MyA0LjM0OGw0LjI4MyA0LjI3eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg0K");
}

.player__correctness-switcher_isNeutral--BU9Y {
  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--dKoZ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__linked-step-controls_container--LTvX {
  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--wDzm {
  width: 140px;
}

.player__linked-step-controls_isLoading--QwMK {
  pointer-events: none;
}

.player__linked-step-controls_menu--xWxc {
  width: 210px !important;
}

.player__linked-step-controls_labelContainer--piPN {
  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--piPN:hover {
  border-color: var(--ui-skin-form-controls-focus);
}

.player__linked-step-controls_label--fFmu {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.player__linked-step-controls_icon--mUCL {
  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--l0s6 {
  color: var(--ui-skin-form-controls-focus);
  border-color: var(--ui-skin-form-controls-focus);
}
.player__linked-step-controls_isActive--l0s6 .player__linked-step-controls_icon--mUCL {
  -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--jTG3 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__steps-manager-list-item_container--NJ8f {
  border-top: 1px solid var(--ui-skin-border);
  padding: 20px 28px;
  line-height: 26px;
}
.player__steps-manager-list-item_container--NJ8f a {
  font-weight: bold;
}

.player__steps-manager-list-item_content--eACS {
  margin: 12px 135px 0 0;
}

.player__steps-manager-list-item_actions--egCY {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 135px;
}

.player__steps-manager-list-item_lockedTip--RyBv {
  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--syrm {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__steps-manager_searchContainer--f6kh {
  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--ivMY {
  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--Yl14 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-response-item_container--wq1c {
  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--qzKx::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
}

.player__editable-response-item_isDragging--xsGF {
  opacity: 0.5;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.player__editable-response-item_type--s1LU {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 20px 16px 0;
  width: 50px;
}

.player__editable-response-item_value--ci4q {
  -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--ci4q textarea {
  vertical-align: top;
}
.player__editable-response-item_value--ci4q input {
  width: 100%;
}

.player__editable-response-item_controls--0uSY {
  width: 150px;
}

.player__editable-response-item_dragHandle--rQvM {
  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--QTNW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__response-group-types-switcher_container--FxPg {
  margin: 16px 0;
}

.player__response-group-types-switcher_buttons--HsLG {
  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--8Ru7 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-response-group-item_container--eJff {
  margin-top: 16px;
}

.player__editable-response-group-item_header--0NZM {
  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--0NZM, .player__editable-response-group-item_header--0NZM.player__editable-response-group-item_isInverted--8Ru7 {
  color: var(--ui-skin-heading-6-color-inverted);
}

.player__editable-response-group-item_title--h62- {
  margin: 16px 0;
  max-width: 460px;
}
.player__editable-response-group-item_title--h62- input {
  width: 100% !important;
}

.player__editable-response-group-item_journalEntryRowsContainer--Fun2 {
  margin: 16px 0;
}

.player__editable-response-group-item_itemLabel--stj- {
  margin: 16px 0;
}
.player__editable-response-group-item_itemLabel--stj- div {
  margin-bottom: 16px;
}

.player__editable-response-group-item_journalEntryRowsField--\+E1J {
  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--F9SP {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-form-control_isError--xNPR .react-ui-kit__ui-form-control_input--fYT2:focus, .react-ui-kit__ui-form-control_isError--xNPR .react-ui-kit__ui-form-control_input--fYT2:hover, .react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_button--Zo4f:hover + .react-ui-kit__ui-form-control_input--fYT2, .react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2:focus, .react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2:hover {
  border-color: var(--ui-skin-form-controls-focus);
  outline: none;
}

/**
 * DEFAULT WRAPPER STYLES
 */
.react-ui-kit__ui-form-control_container--UxGM {
  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--UxGM textarea {
  min-height: 6em;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-form-control_container--UxGM textarea {
    min-height: unset;
  }
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2 {
  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--UxGM .react-ui-kit__ui-form-control_input--fYT2::-webkit-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2::-moz-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2:-ms-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2::-ms-input-placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2::placeholder {
  color: var(--ui-skin-form-controls-placeholder);
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2:required {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2[disabled], .react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_input--fYT2[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--UxGM .react-ui-kit__ui-form-control_input--fYT2[readonly] {
  cursor: default;
}
.react-ui-kit__ui-form-control_container--UxGM input[type=search]::-ms-clear {
  display: none;
}
.react-ui-kit__ui-form-control_container--UxGM input[type=search]::-ms-reveal {
  display: none;
}
.react-ui-kit__ui-form-control_container--UxGM input[type=search]::-webkit-search-decoration,
.react-ui-kit__ui-form-control_container--UxGM input[type=search]::-webkit-search-cancel-button,
.react-ui-kit__ui-form-control_container--UxGM input[type=search]::-webkit-search-results-button,
.react-ui-kit__ui-form-control_container--UxGM input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_icon--XrKZ {
  position: absolute;
  left: 0;
  color: var(--ui-skin-form-controls-icons);
  opacity: 0.75;
}
.react-ui-kit__ui-form-control_container--UxGM .react-ui-kit__ui-form-control_button--Zo4f {
  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--UxGM .react-ui-kit__ui-form-control_button--Zo4f:hover {
  opacity: 1;
}
.react-ui-kit__ui-form-control_isError--xNPR .react-ui-kit__ui-form-control_input--fYT2 {
  border-color: #d50000;
}
.react-ui-kit__ui-form-control_isError--xNPR .react-ui-kit__ui-form-control_input--fYT2:focus, .react-ui-kit__ui-form-control_isError--xNPR .react-ui-kit__ui-form-control_input--fYT2: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--Rqop {
  width: 100%;
}

.react-ui-kit__ui-form-control_isBorderless--aKnR .react-ui-kit__ui-form-control_input--fYT2 {
  border: none;
}

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

.react-ui-kit__ui-form-control_sharp--siSD .react-ui-kit__ui-form-control_input--fYT2 {
  border-radius: 0;
}

/**
 * FORM CONTROL SIZES:
 *
 * - sm
 * - md
 */
.react-ui-kit__ui-form-control_xs--1rfm .react-ui-kit__ui-form-control_input--fYT2 {
  padding: 8px;
}
.react-ui-kit__ui-form-control_xs--1rfm .react-ui-kit__ui-form-control_input--fYT2 {
  line-height: 20px;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_xs--1rfm .react-ui-kit__ui-form-control_icon--XrKZ {
  margin-left: 16px;
}
.react-ui-kit__ui-form-control_xs--1rfm .react-ui-kit__ui-form-control_button--Zo4f {
  margin-right: 16px;
}
.react-ui-kit__ui-form-control_xs--1rfm.react-ui-kit__ui-form-control_hasIcon--Jesf .react-ui-kit__ui-form-control_input--fYT2 {
  padding-left: 36px;
}
.react-ui-kit__ui-form-control_xs--1rfm.react-ui-kit__ui-form-control_hasButton--KUzN .react-ui-kit__ui-form-control_input--fYT2 {
  padding-right: 36px;
}

.react-ui-kit__ui-form-control_sm--RX5G .react-ui-kit__ui-form-control_input--fYT2 {
  padding: 12px;
}
.react-ui-kit__ui-form-control_sm--RX5G .react-ui-kit__ui-form-control_input--fYT2 {
  line-height: 20px;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_sm--RX5G .react-ui-kit__ui-form-control_icon--XrKZ {
  margin-left: 16px;
}
.react-ui-kit__ui-form-control_sm--RX5G .react-ui-kit__ui-form-control_button--Zo4f {
  margin-right: 16px;
}
.react-ui-kit__ui-form-control_sm--RX5G.react-ui-kit__ui-form-control_hasIcon--Jesf .react-ui-kit__ui-form-control_input--fYT2 {
  padding-left: 44px;
}
.react-ui-kit__ui-form-control_sm--RX5G.react-ui-kit__ui-form-control_hasButton--KUzN .react-ui-kit__ui-form-control_input--fYT2 {
  padding-right: 44px;
}

.react-ui-kit__ui-form-control_md--7RZn .react-ui-kit__ui-form-control_input--fYT2 {
  padding: 16px;
}
.react-ui-kit__ui-form-control_md--7RZn .react-ui-kit__ui-form-control_input--fYT2 {
  line-height: 1.3;
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-control_md--7RZn .react-ui-kit__ui-form-control_icon--XrKZ {
  margin-left: 20px;
}
.react-ui-kit__ui-form-control_md--7RZn .react-ui-kit__ui-form-control_button--Zo4f {
  margin-right: 20px;
}
.react-ui-kit__ui-form-control_md--7RZn.react-ui-kit__ui-form-control_hasIcon--Jesf .react-ui-kit__ui-form-control_input--fYT2 {
  padding-left: 56px;
}
.react-ui-kit__ui-form-control_md--7RZn.react-ui-kit__ui-form-control_hasButton--KUzN .react-ui-kit__ui-form-control_input--fYT2 {
  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---\+Kb {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
/**
 * A common styles for checkboxes and radio components
 */
.react-ui-kit__ui-radio_option--lqGH {
  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--lqGH.react-ui-kit__ui-radio_isDisabled--xptB {
  pointer-events: none;
}
.react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_horizontal--1y3O {
  margin-right: 20px;
}
.react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_horizontal--1y3O:last-child {
  margin-right: 0;
}
.react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_vertical--5QKr {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_vertical--5QKr:last-child {
  margin-bottom: 0;
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_label--YssG {
  margin-left: 16px;
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g,
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_psuedoInput--Y\+s7 {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_psuedoInput--Y\+s7 {
  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--lqGH .react-ui-kit__ui-radio_psuedoInput--Y\+s7, .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_psuedoInput--Y\+s7.react-ui-kit__ui-radio_isInverted---\+Kb {
  border-color: var(--ui-skin-checkable-input-inverted-border);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after, .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_psuedoInput--Y\+s7.react-ui-kit__ui-radio_isInverted---\+Kb::after {
  background-color: var(--ui-skin-checkable-input-background-color-inverted);
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_psuedoInput--Y\+s7::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--lqGH .react-ui-kit__ui-radio_checkmark--LYB9 {
  opacity: 0;
  background-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_checkmark--LYB9, .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_checkmark--LYB9.react-ui-kit__ui-radio_isInverted---\+Kb {
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 {
  border-color: var(--ui-skin-checkable-input-active);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7, .react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7.react-ui-kit__ui-radio_isInverted---\+Kb {
  border-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--lqGH:focus + .react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_psuedoInput--Y\+s7, .react-ui-kit__ui-radio_input--KP2g:focus + .react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_psuedoInput--Y\+s7 {
  -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--lqGH:focus + .react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_psuedoInput--Y\+s7, .react-ui-kit__ui-radio_option--lqGH:focus + .react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_psuedoInput--Y\+s7.react-ui-kit__ui-radio_isInverted---\+Kb, .ui-scheme-inverted .react-ui-kit__ui-radio_input--KP2g:focus + .react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_psuedoInput--Y\+s7, .react-ui-kit__ui-radio_input--KP2g:focus + .react-ui-kit__ui-radio_option--lqGH.react-ui-kit__ui-radio_psuedoInput--Y\+s7.react-ui-kit__ui-radio_isInverted---\+Kb {
  -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--lqGH .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 {
  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--lqGH .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7, .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7.react-ui-kit__ui-radio_isInverted---\+Kb {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 {
  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--lqGH .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7, .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7.react-ui-kit__ui-radio_isInverted---\+Kb {
  border-color: var(--ui-skin-checkable-input-active-color);
  background-color: var(--ui-skin-checkable-input-active-color);
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9,
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9 {
  background-repeat: no-repeat;
  background-color: var(--ui-skin-checkable-input-active-color);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9, .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9.react-ui-kit__ui-radio_isInverted---\+Kb,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9,
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9.react-ui-kit__ui-radio_isInverted---\+Kb {
  background-color: var(--ui-skin-checkable-input-active);
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:checked + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9,
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9 {
  opacity: 1;
}
.react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after, .react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after,
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:focus:checked + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after,
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after {
  background-color: rgba(255, 255, 255, 0.16);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after, .react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:checked:not(:disabled) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after.react-ui-kit__ui-radio_isInverted---\+Kb, .ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after, .react-ui-kit__ui-radio_option--lqGH:hover .react-ui-kit__ui-radio_input--KP2g:indeterminate:not(:disabled):not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after.react-ui-kit__ui-radio_isInverted---\+Kb,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:focus:checked + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after,
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:focus:checked + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after.react-ui-kit__ui-radio_isInverted---\+Kb,
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after,
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:focus:indeterminate:not([type=radio]) + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after.react-ui-kit__ui-radio_isInverted---\+Kb {
  background-color: rgba(0, 0, 0, 0.16);
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:disabled + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after {
  background-color: rgba(0, 0, 0, 0.04);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:disabled + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after, .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:disabled + .react-ui-kit__ui-radio_psuedoInput--Y\+s7::after.react-ui-kit__ui-radio_isInverted---\+Kb {
  background-color: rgba(255, 255, 255, 0.1);
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:disabled + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9 {
  background-color: var(--ui-skin-checkable-input-border);
}
.ui-scheme-inverted .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:disabled + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9, .react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_input--KP2g:disabled + .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9.react-ui-kit__ui-radio_isInverted---\+Kb {
  background-color: var(--ui-skin-checkable-input-inverted-border);
}
.react-ui-kit__ui-radio_option--lqGH .react-ui-kit__ui-radio_psuedoInput--Y\+s7 .react-ui-kit__ui-radio_checkmark--LYB9 {
  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--Iepf {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__editable-step-options_container--mfXy {
  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--FofQ {
  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--O170 label {
  margin-right: 0 !important;
}
.player__editable-step-options_timerOption--O170 .player__editable-step-options_timerInput--oYZ5 {
  width: 64px !important;
  margin: 0 8px;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.player__editable-step-options_isTimerDisabled--bj7p {
  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--nfUB {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__checkbox-step-type-settings_container--ljOj {
  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--jNop {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__step-label-form_container--yU36 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.player__step-label-form_input--xonV {
  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--LQ3O {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__step-instance-form_formWrapper--YjbA {
  padding-top: 24px;
}

.player__step-instance-form_container--nXgl {
  -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--Dqzd {
  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--CEax {
  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--CEax .player__step-instance-form_editableBlock--2kYh:first-child {
  border-top: none;
  margin-top: 0;
}

.player__step-instance-form_editableBlock--2kYh {
  padding: 24px;
  margin: 16px -24px 0;
  border-top: 1px solid var(--ui-skin-border);
}
.player__step-instance-form_editableBlock--2kYh:last-child {
  padding-bottom: 8px;
}

.player__step-instance-form_innerEditableBlock--8096 {
  border-top: 1px solid var(--ui-skin-border);
}

.player__step-instance-form_formActions--NNx\+ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
}

.player__step-instance-form_editableBlockLabel--nlUa {
  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--nlUa, .player__step-instance-form_editableBlockLabel--nlUa.player__step-instance-form_isInverted--LQ3O {
  color: var(--ui-skin-heading-6-color-inverted);
}

.player__step-instance-form_optionalSettings--LTu0 {
  margin: 16px 0;
}

.player__step-instance-form_videoUrlInput--o4WT {
  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--OYQ7 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__progress-bar_container--2g3o {
  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--MOJ- {
  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--itbV {
  display: inline-block;
  padding-left: 12px;
}

.player__progress-bar_progress--OAwD {
  height: 100%;
  border-radius: var(--ui-skin-border-radius-sm);
  background: var(--ui-skin-link);
}

.player__progress-bar_value--wo2i {
  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--hjse {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__response-stats-item_container--8q4T {
  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--8q4T > div {
  padding-right: 20px;
}

.player__response-stats-item_info--I6mk {
  width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player__response-stats-item_content--dtdc {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.player__response-stats-item_content--dtdc {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__response-stats-item_share--s1Iz {
  min-width: 150px;
  width: 150px;
}
.player__response-stats-item_share--s1Iz {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__response-stats-item_updatedAt--Lw0R {
  min-width: 120px;
  width: 120px;
  color: var(--ui-skin-text-subdued);
}
.player__response-stats-item_updatedAt--Lw0R {
  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--hAnT {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__response-stats-list_container--BgeX {
  margin-bottom: 28px;
}

.player__response-stats-list_title--Po5D {
  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--Po5D, .player__response-stats-list_title--Po5D.player__response-stats-list_isInverted--hAnT {
  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--Hd5E {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__dialog-response-stats_container--8HIw {
  width: var(--ui-skin-player-max-width);
}

.player__dialog-response-stats_header--pcWn {
  border-bottom: 1px solid var(--ui-skin-border);
  padding: 0 28px 20px 28px;
}

.player__dialog-response-stats_headerTitle--ybbQ {
  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--ybbQ, .player__dialog-response-stats_headerTitle--ybbQ.player__dialog-response-stats_isInverted--Hd5E {
  color: var(--ui-skin-heading-3-color-inverted);
}

.player__dialog-response-stats_selectResponses--fXqf {
  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--ybsV {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.player__dialog-response-stats_body--IO59 {
  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--a4o7 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__concept-transition_container--xpDg {
  max-width: var(--ui-skin-player-max-width);
  margin: 0 auto;
  padding: 16px 0 0 !important;
}
.player__concept-transition_container--xpDg.player__concept-transition_containerSizeMd--YXam {
  padding-left: 20px;
  padding-right: 20px;
}

.player__concept-transition_group---pro {
  margin-top: 20px;
  -webkit-animation-name: player__concept-transition_slide-up---4Va, player__concept-transition_fade-in--P2vg;
          animation-name: player__concept-transition_slide-up---4Va, player__concept-transition_fade-in--P2vg;
  -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---pro:first-child {
  margin-top: 0;
}

.player__concept-transition_dayReward--sdFl {
  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--nKn9 .player__concept-transition_dayReward--sdFl {
  display: block;
}

.player__concept-transition_dayRewardWidget--sx95 {
  margin-left: 12px;
}

.player__concept-transition_groupRow--rNrx {
  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--nKn9 .player__concept-transition_groupRow--rNrx {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.player__concept-transition_groupSeparator--KPrT {
  margin: -28px 28px;
  border-left: 1px solid var(--ui-skin-border);
}
.player__concept-transition_containerSizeSm--nKn9 .player__concept-transition_groupSeparator--KPrT {
  margin: 16px -16px;
  border-left: none;
  border-bottom: 1px solid var(--ui-skin-border);
}

.player__concept-transition_errorHeader--tCkl {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.player__concept-transition_recommendationItem--3i5Y {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.player__concept-transition_recommendationButton--K7rJ {
  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--RG1e {
  text-transform: uppercase;
}

.player__concept-transition_otherOptionsButtonWrapper--8fvL {
  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--pa42 {
  -webkit-animation-name: player__concept-transition_slide-up---4Va, player__concept-transition_fade-in--P2vg;
          animation-name: player__concept-transition_slide-up---4Va, player__concept-transition_fade-in--P2vg;
  -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--fIxP {
  margin-top: 16px;
  width: 100%;
}

.player__concept-transition_starsContainer--WXLv {
  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--nKn9 .player__concept-transition_starsContainer--WXLv {
  display: block;
}

.player__concept-transition_starsHeader--I167 {
  margin-bottom: 16px;
  font-weight: var(--ui-skin-font-weight-semibold);
}

.player__concept-transition_stars--3eQL {
  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--Eqdu .player__concept-transition_star--C1Ic {
  -webkit-animation-name: player__concept-transition_pop-in--76qI, player__concept-transition_fade-in--P2vg;
          animation-name: player__concept-transition_pop-in--76qI, player__concept-transition_fade-in--P2vg;
}

.player__concept-transition_star--C1Ic {
  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--C1Ic:nth-child(1) {
  -webkit-animation-delay: 550ms;
          animation-delay: 550ms;
}
.player__concept-transition_star--C1Ic:nth-child(2) {
  -webkit-animation-delay: 950ms;
          animation-delay: 950ms;
}
.player__concept-transition_star--C1Ic:nth-child(3) {
  -webkit-animation-delay: 1350ms;
          animation-delay: 1350ms;
}
.player__concept-transition_star--C1Ic:nth-child(4) {
  -webkit-animation-delay: 1750ms;
          animation-delay: 1750ms;
}
.player__concept-transition_star--C1Ic:nth-child(5) {
  -webkit-animation-delay: 2150ms;
          animation-delay: 2150ms;
}
.player__concept-transition_star--C1Ic svg {
  width: 56px;
  height: 56px;
}
.player__concept-transition_star--C1Ic.player__concept-transition_isActiveStar--D4Kw {
  color: var(--ui-skin-palette-motivate-400);
}

.player__concept-transition_card--rGAi {
  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--nKn9 .player__concept-transition_card--rGAi {
  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--rGAi.player__concept-transition_isVertical--Pdfm {
  -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--P2vg {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes player__concept-transition_fade-in--P2vg {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes player__concept-transition_pop-in--76qI {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes player__concept-transition_pop-in--76qI {
  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--y6Cs {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-single-reward-progress_container--gnpw {
  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--gnpw svg {
  position: relative;
  fill: none;
}

.react-ui-kit__ui-single-reward-progress_level0--M6Dy {
  color: var(--ui-skin-reward-progress-level-0-color);
}

.react-ui-kit__ui-single-reward-progress_level1--cvlb {
  color: var(--ui-skin-reward-progress-level-1-color);
}

.react-ui-kit__ui-single-reward-progress_level2--0v35 {
  color: var(--ui-skin-reward-progress-level-2-color);
}

.react-ui-kit__ui-single-reward-progress_isDone--yPNe.react-ui-kit__ui-single-reward-progress_level1--cvlb .react-ui-kit__ui-single-reward-progress_label--M2ph *, .react-ui-kit__ui-single-reward-progress_isDone--yPNe.react-ui-kit__ui-single-reward-progress_level2--0v35 .react-ui-kit__ui-single-reward-progress_label--M2ph * {
  color: var(--ui-skin-text);
}

.react-ui-kit__ui-single-reward-progress_label--M2ph {
  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--yPNe .react-ui-kit__ui-single-reward-progress_label--M2ph {
  background-color: currentColor;
  color: inherit;
  -webkit-animation-name: react-ui-kit__ui-single-reward-progress_popOut--nXug;
          animation-name: react-ui-kit__ui-single-reward-progress_popOut--nXug;
  -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--yPNe .react-ui-kit__ui-single-reward-progress_label--M2ph * {
  color: var(--ui-skin-text-inverted);
}

.react-ui-kit__ui-single-reward-progress_text--1Reh {
  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--rd77 {
  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--rd77 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-single-reward-progress_tooltip--PiEt {
  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---xKC {
  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---xKC span {
  color: var(--ui-skin-text-subdued);
}

.react-ui-kit__ui-single-reward-progress_secondTextTitle--MbFt {
  line-height: var(--ui-paragraph-md-line-height);
  font-size: var(--ui-paragraph-md-font-size);
}

.react-ui-kit__ui-single-reward-progress_backPie--VWQu {
  stroke: var(--ui-skin-reward-progress-bg);
}

.react-ui-kit__ui-single-reward-progress_pie--ZfIc {
  -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--518\+ {
  font-weight: var(--ui-skin-font-weight-semibold);
  margin-left: 4px;
}
.react-ui-kit__ui-single-reward-progress_labelText--518\+ {
  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--nXug {
  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--nXug {
  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--DXRz {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-streak-reward-progress_container--4fZG {
  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--njgD .react-ui-kit__ui-streak-reward-progress_step--ABPB:last-child .react-ui-kit__ui-streak-reward-progress_stepStick--q\+9v {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.react-ui-kit__ui-streak-reward-progress_stepStick--q\+9v {
  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--fESS {
  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--0o82 {
  width: 8px;
  height: 8px;
}

.react-ui-kit__ui-streak-reward-progress_stepStickIsProgressed--5x4f {
  background-color: var(--ui-skin-reward-progress-level-0-color);
}

.react-ui-kit__ui-streak-reward-progress_step--ABPB {
  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--GRw8 {
  position: absolute;
  top: -28px;
  white-space: nowrap;
  color: var(--ui-skin-text-subdued);
}
.react-ui-kit__ui-streak-reward-progress_stepLabel--GRw8 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-streak-reward-progress_stepPointContainer--i3Yl {
  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--xgBD {
  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--xgBD::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--xgBD::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--xgBD.react-ui-kit__ui-streak-reward-progress_stepPointIsFinished--Lzga {
  width: 32px;
  height: 32px;
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--xgBD.react-ui-kit__ui-streak-reward-progress_stepPointIsWithPatch--aQ0j::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--xgBD[data-patch-level="1"]::after {
  background-color: var(--ui-skin-reward-progress-level-1-color);
}
.react-ui-kit__ui-streak-reward-progress_stepPoint--xgBD[data-patch-level="2"]::after {
  background-color: var(--ui-skin-reward-progress-level-2-color);
}

.react-ui-kit__ui-streak-reward-progress_goal--wYxw {
  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--59MV {
  font-weight: var(--ui-skin-font-weight-semibold);
}
.react-ui-kit__ui-streak-reward-progress_goalLabel--59MV {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-streak-reward-progress_isAchieved--76Tl {
  background-color: var(--ui-skin-reward-progress-level-0-color);
  color: var(--ui-skin-text-inverted);
}

.react-ui-kit__ui-streak-reward-progress_isCurrentStepLabel--8GnX {
  color: var(--ui-skin-text);
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-ui-kit__ui-streak-reward-progress_goalStepLabel--X1KU {
  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--PoJ5 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-open-button_button--JjNM {
  position: fixed;
  bottom: 20px;
  left: 20px;
}
.player__minimap-open-button_button-appear--2\+rY, .player__minimap-open-button_button-enter--b51A {
  opacity: 0.01;
}
.player__minimap-open-button_button-appear-active--D7kr, .player__minimap-open-button_button-enter-active--2Gc6 {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.player__minimap-open-button_button-open-leave--ytfX {
  opacity: 1;
}
.player__minimap-open-button_button-leave-active--te20 {
  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--yw9l {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__dialog-rc-passage_container--zjim {
  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--Bi-C {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__content-addon-open-button_button--CZYn {
  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--KvDJ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__document-link_container--T\+3a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.player__document-link_container--T\+3a::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--T\+3a span {
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}

.player__document-link_isOpened--x6zk {
  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--ZY8h {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__exhibit_container--1BfN {
  width: 50%;
  padding: 4px 12px 0 0;
}
.player__exhibit_container--1BfN: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--WsO4 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__exhibits_wrapper--8q2e {
  margin: 12px;
  position: -webkit-sticky;
  position: sticky;
  top: -16px;
  z-index: 1;
}
@media (max-width: 870px) {
  .player__exhibits_wrapper--8q2e {
    margin: 12px 0;
  }
}

.player__exhibits_container--ZbvJ {
  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--bfDY {
  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--bfDY h4 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}

.player__exhibits_headerMenu--I6Xo {
  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--3QrT {
  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--rkdE {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__player-queue_container--uwcS {
  margin: 0 24px 24px;
  padding: 8px 0 80px;
}

.player__player-queue_actions--R5dg {
  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--JVuR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__content-addon_container--zYNR {
  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--zYNR {
    padding: 24px 20px;
    min-width: 100%;
    max-width: 100%;
    border-right: none;
    border-bottom: none;
  }
  .player__content-addon_container--zYNR::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--zYNR {
    max-width: 100%;
  }
}
.player__content-addon_container--zYNR 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--24uq {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__dynamic-stage_container--sNAF {
  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--7h-L {
  width: 100%;
}

.player__dynamic-stage_inner--Yd8G {
  margin: auto;
  padding: 20px;
}

.player__dynamic-stage_content--goti {
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.player__dynamic-stage_animationEnter--H6Th {
  display: none;
  opacity: 0;
}

.player__dynamic-stage_animationEnterActive--MNsO,
.player__dynamic-stage_animationEnterDone--Vd\+o {
  display: block;
  opacity: 1;
}

.player__dynamic-stage_animationExit--kN-8 {
  opacity: 1;
}

.player__dynamic-stage_animationExitActive--lWNe,
.player__dynamic-stage_animationExitDone--6kdK {
  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---uEa {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__separator_container--\+jWj {
  width: 100%;
  height: 0;
  border-bottom: 1px solid var(--ui-skin-border);
  margin: 20px 0;
}
@media (max-width: 870px) {
  .player__separator_container--\+jWj {
    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--1ELR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-response_container--72GB {
  padding: 8px 24px;
  background-color: var(--ui-skin-element-bg);
  background-position: 1px center;
  background-repeat: no-repeat;
}
.player__minimap-response_container--72GB {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.player__minimap-response_container--72GB p {
  margin: 0;
  padding: 0;
}

.player__minimap-response_iconCorrect--Nb0Q {
  background-size: 18px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+DQogICAgICAgIDxwYXRoIGZpbGw9IiMzN0NBODEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTcuMzggMTUuNjQ4Yy40LjQ5NyAxLjE0NC41MzEgMS41ODkuMDc0bDguMzc3LTguNjgyYTEuMDYyIDEuMDYyIDAgMSAwLTEuNTI0LTEuNDhMOC4yNiAxMy40MDVsLTMuNzE2LTQuNDJBMS4wNjIgMS4wNjIgMCAxIDAgMi44OSAxMC4zMmw0LjQ5IDUuMzN6Ii8+DQogICAgPC9nPg0KPC9zdmc+DQo=");
}

.player__minimap-response_iconWrong--4pYT {
  background-size: 17px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMCAwaDIwdjIwSDB6Ii8+DQogICAgICAgIDxwYXRoIGZpbGw9IiNFMzEyMEIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwLjAxMyA4LjYxOGw0LjI2My00LjI0MmExIDEgMCAwIDEgMS40MTEgMS40MTdMMTEuNDMgMTAuMDNsNC4yOTQgNC4yODFhMSAxIDAgMSAxLTEuNDEzIDEuNDE2bC00LjI5OS00LjI4Ni00LjMwOSA0LjI4N2ExIDEgMCAwIDEtMS40MS0xLjQxN2w0LjMwMy00LjI4Mi00LjI3Ny00LjI2NUExIDEgMCAxIDEgNS43MyA0LjM0OGw0LjI4MyA0LjI3eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg0K");
}

.player__minimap-response_iconNeutral--49NK {
  background-size: 13px;
  background-position-x: 3px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4NCiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNLTQtNGgyMXYyMUgtNHoiLz4NCiAgICAgICAgPHBhdGggZmlsbD0iI0IwQjZDMSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi41MjIgMTEuMzY3YTQuODQ1IDQuODQ1IDAgMSAwIDAtOS42OSA0Ljg0NSA0Ljg0NSAwIDAgMCAwIDkuNjl6bTAgMS42NzdBNi41MjIgNi41MjIgMCAxIDEgNi41MjIgMGE2LjUyMiA2LjUyMiAwIDAgMSAwIDEzLjA0NHoiLz4NCiAgICA8L2c+DQo8L3N2Zz4NCg==");
}

.player__minimap-response_iconContinueTo--VdUM {
  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--RTh8 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-connector_container--5caM {
  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--vcWl {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-link-status_container--5Dtd {
  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--mzxf {
  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--ii\+x {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-response-wrapper_container--buqT {
  position: relative;
}

.player__minimap-response-wrapper_reviewStatus--\+Z6K {
  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--T8RO {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-response-groups_title--xGWI {
  padding: 0 0 12px;
  margin: 0;
  font-weight: var(--ui-skin-font-weight-semibold);
}
.player__minimap-response-groups_title--xGWI {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__minimap-response-groups_separator--yW-Z {
  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--o0mM {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-step_container--VNsb {
  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--VNsb > .player__minimap-step_reviewStatus--btjq {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.player__minimap-step_title--gwhh {
  padding: 0 0 12px;
  margin: 0;
  font-weight: var(--ui-skin-font-weight-semibold);
}
.player__minimap-step_title--gwhh {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.player__minimap-step_title--gwhh span {
  color: var(--ui-skin-text-subdued);
  font-weight: normal;
}

.player__minimap-step_prompt--81aP {
  padding-bottom: 12px;
  line-height: 22px;
  word-wrap: break-word;
}
.player__minimap-step_prompt--81aP {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__minimap-step_stepLinkEnd--6qMZ {
  position: absolute;
  top: 24px;
  left: 0;
}

.player__minimap-step_reviewStatus--btjq {
  z-index: 100;
}
.player__minimap-step_reviewStatus--btjq > div {
  width: 6px;
  height: 6px;
}

.player__minimap-step_separator--b7JJ {
  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--ILuA {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-group_container--vlMd {
  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--gUpt {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap-level_container--Qtnn {
  padding-right: 40px;
}
.player__minimap-level_container--Qtnn: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--ZsfZ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__minimap_container--IgFh {
  width: 100%;
  height: 100%;
  position: relative;
}

.player__minimap_controls--SG4R {
  position: absolute;
  left: 0;
  bottom: 0;
}

.player__minimap_levels--19wQ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px;
}

.player__minimap_connectors--YL78 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.player__minimap_buttonZoomIn--71Qc {
  position: absolute;
  bottom: 76px;
  left: 20px;
  padding: 0;
}

.player__minimap_buttonZoomOut--2NSm {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 0;
}

.player__minimap_buttonClose--\+IPS {
  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--YCNi {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-label_container--w5mj {
  -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--wx3u {
  background-color: var(--ui-skin-label-success-background);
  color: var(--ui-skin-label-success-text);
}
.react-ui-kit__ui-label_success--wx3u.react-ui-kit__ui-label_isStrong--2GgX {
  background-color: var(--ui-skin-label-success-text);
  color: #fff;
}

.react-ui-kit__ui-label_warning--ObaU {
  background-color: var(--ui-skin-label-warning-background);
  color: var(--ui-skin-label-warning-text);
}
.react-ui-kit__ui-label_warning--ObaU.react-ui-kit__ui-label_isStrong--2GgX {
  background-color: var(--ui-skin-label-warning-text);
  color: #fff;
}

.react-ui-kit__ui-label_danger--c5Nt {
  background-color: var(--ui-skin-label-danger-background);
  color: var(--ui-skin-label-danger-text);
}
.react-ui-kit__ui-label_danger--c5Nt.react-ui-kit__ui-label_isStrong--2GgX {
  background-color: var(--ui-skin-label-danger-text);
  color: #fff;
}

.react-ui-kit__ui-label_info--3\+n- {
  background-color: var(--ui-skin-label-info-background);
  color: var(--ui-skin-label-info-text);
}
.react-ui-kit__ui-label_info--3\+n-.react-ui-kit__ui-label_isStrong--2GgX {
  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--2haG {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__content-issue-comment-form_actions--EYXF {
  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--DJgT {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__content-issue-comment_container--sdeu:not(:first-child) {
  margin-top: 8px;
}

.player__content-issue-comment_header--i-pb {
  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--He63 {
  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--qKQi,
.player__content-issue-comment_commentAuthor--wLNI {
  color: var(--ui-skin-text-subdued);
}

.player__content-issue-comment_commentAuthor--wLNI {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.player__content-issue-comment_text--6Jwi {
  word-wrap: break-word;
  white-space: pre-wrap;
  padding: 0 16px;
}

.player__content-issue-comment_actions--A6cg {
  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--HcER {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-left: 8px;
  color: var(--ui-skin-text-subdued);
  cursor: pointer;
}

.player__content-issue-comment_commentActionsTooltip--CAmO {
  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--4Gpt {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__content-issue-item_container--Rgqo {
  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--eQYl {
  border: 3px solid var(--ui-skin-active-element);
}

.player__content-issue-item_header--RR3g {
  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--GmT4 {
  font-weight: var(--ui-skin-font-weight-semibold);
  color: var(--ui-skin-text);
  cursor: pointer;
}
.player__content-issue-item_issueRelations--GmT4 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.player__content-issue-item_status--S9B4 {
  text-transform: uppercase;
}

.player__content-issue-item_commentsList--wkYQ {
  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--JhZa {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__content-issues-list_container--umOU {
  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--L-fk {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__player-layout_container--SA5w {
  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--SA5w {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.player__player-layout_container--SA5w.player__player-layout_layoutSizeMd--8KEy, .player__player-layout_container--SA5w.player__player-layout_layoutSizeSm--4KXP {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.player__player-layout_contentMiddle--y11z,
.player__player-layout_contentLeft--\+XzU,
.player__player-layout_contentRight--d2v9 {
  background: var(--ui-skin-background);
  overflow-x: hidden;
}

.player__player-layout_contentLeft--\+XzU:not(:empty) {
  border-right: 1px solid var(--ui-skin-border);
}
.player__player-layout_layoutSizeMd--8KEy .player__player-layout_contentLeft--\+XzU:not(:empty), .player__player-layout_layoutSizeSm--4KXP .player__player-layout_contentLeft--\+XzU:not(:empty) {
  border-right: none;
  border-bottom: 1px solid var(--ui-skin-border);
}

.player__player-layout_contentRight--d2v9:not(:empty) {
  border-left: 1px solid var(--ui-skin-border);
}
.player__player-layout_layoutSizeMd--8KEy .player__player-layout_contentRight--d2v9:not(:empty), .player__player-layout_layoutSizeSm--4KXP .player__player-layout_contentRight--d2v9:not(:empty) {
  border-left: none;
  border-top: 1px solid var(--ui-skin-border);
}

.player__player-layout_content--hl4u {
  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--hl4u {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
@media (hover: none) {
  .player__player-layout_layoutSizeMd--8KEy .player__player-layout_content--hl4u {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

.player__player-layout_contentWrapper--CikF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 0 80px;
}
.player__player-layout_layoutSizeMd--8KEy .player__player-layout_contentWrapper--CikF, .player__player-layout_layoutSizeSm--4KXP .player__player-layout_contentWrapper--CikF {
  padding: 0 16px 80px;
}

.player__player-layout_contentMain--Kr14 {
  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--YqWU {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__player-base_container--aKsS {
  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--aKsS > div {
  position: relative;
}
.player__player-base_container--aKsS * {
  -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--Boda {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.player__quiz-progress_container--Tl7E {
  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--NOJf {
  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--NOJf:last-child {
  padding-right: 0;
}

.player__quiz-progress_isCorrect--TZOD {
  color: var(--ui-skin-text-positive);
}
.player__quiz-progress_isCorrect--TZOD .player__quiz-progress_statusIcon---blL {
  background-color: var(--ui-skin-text-positive);
}

.player__quiz-progress_isIncorrect--Inq7 {
  color: var(--ui-skin-text-negative);
}
.player__quiz-progress_isIncorrect--Inq7 .player__quiz-progress_statusIcon---blL {
  background-color: var(--ui-skin-text-negative);
}

.player__quiz-progress_isUnanswered--sq0A {
  position: relative;
  width: 20px;
  height: 20px;
}
.player__quiz-progress_isUnanswered--sq0A::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--\+wzw {
  width: 20px;
  height: 20px;
}
.player__quiz-progress_avatar--\+wzw .player__quiz-progress_statusIcon---blL {
  color: var(--ui-skin-text-inverted);
}

.player__quiz-progress_bar--BYkC {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: var(--ui-skin-action-bar);
}
.player__quiz-progress_bar--BYkC 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--BYkC .player__quiz-progress_avatar--\+wzw {
  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-ui-kit/src/components/ui-date-picker/ui-date-picker.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-date-picker_dateSelect--McOh {
  cursor: pointer;
  text-decoration: none;
  color: var(--ui-skin-link);
}
.ui-scheme-inverted a, a.react-ui-kit__ui-date-picker_isInverted--iUC-,
.ui-scheme-inverted .react-ui-kit__ui-date-picker_dateSelect--McOh,
.react-ui-kit__ui-date-picker_isInverted--iUC-.react-ui-kit__ui-date-picker_dateSelect--McOh {
  color: var(--ui-skin-link-inverted);
}
a:hover,
.react-ui-kit__ui-date-picker_dateSelect--McOh: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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-datepicker {
  background-color: var(--ui-skin-element-bg);
  padding: 12px 16px;
  border-radius: var(--ui-skin-border-radius);
  -webkit-box-shadow: var(--ui-skin-box-shadow);
          box-shadow: var(--ui-skin-box-shadow);
}
.react-datepicker__day-names {
  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;
  text-transform: uppercase;
  margin: 4px 0 8px;
}
.react-datepicker__day-name {
  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-datepicker__day-name, .react-datepicker__day-name.isInverted {
  color: var(--ui-skin-heading-6-color-inverted);
}
.react-datepicker__day-name, .react-datepicker__day {
  width: 40px;
  text-align: center;
  padding: 8px 0;
}
.react-datepicker__week {
  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-datepicker__day {
  color: var(--ui-skin-text-subdued);
  cursor: pointer;
}
.react-datepicker__day--selected {
  border-radius: 100%;
  background-color: var(--ui-skin-background-inverted);
  color: var(--ui-skin-text-inverted);
}
.react-datepicker__day--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.react-datepicker__aria-live {
  position: absolute;
  -webkit-clip-path: circle(0);
          clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-ui-kit__ui-date-picker_headerContainer--wGfd {
  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-ui-kit__ui-date-picker_input--oDq- {
  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-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--irl0 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-info-panel_container--GQ-2 {
  border-radius: var(--ui-skin-border-radius);
}

.react-ui-kit__ui-info-panel_separator--BOPw {
  border: 1px dashed;
  opacity: 0.16;
}

.react-ui-kit__ui-info-panel_typeSuccess--SHcN {
  background-color: var(--ui-skin-label-success-background);
  color: var(--ui-skin-label-success-text);
}

.react-ui-kit__ui-info-panel_separator--BOPw {
  border-color: var(--ui-skin-label-success-text);
}

.react-ui-kit__ui-info-panel_typeWarning--JKPy {
  background-color: var(--ui-skin-label-warning-background);
  color: var(--ui-skin-label-warning-text);
}

.react-ui-kit__ui-info-panel_separator--BOPw {
  border-color: var(--ui-skin-label-warning-text);
}

.react-ui-kit__ui-info-panel_typeDanger--BZDA {
  background-color: var(--ui-skin-label-danger-background);
  color: var(--ui-skin-label-danger-text);
}

.react-ui-kit__ui-info-panel_separator--BOPw {
  border-color: var(--ui-skin-label-danger-text);
}

.react-ui-kit__ui-info-panel_typeInfo--Qj4B {
  background-color: var(--ui-skin-label-info-background);
  color: var(--ui-skin-label-info-text);
}

.react-ui-kit__ui-info-panel_separator--BOPw {
  border-color: var(--ui-skin-label-info-text);
}

.react-ui-kit__ui-info-panel_sizeMd--ajQC {
  padding: 16px;
}
.react-ui-kit__ui-info-panel_sizeMd--ajQC {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}

.react-ui-kit__ui-info-panel_sizeSm--HhMd {
  padding: 8px;
}
.react-ui-kit__ui-info-panel_sizeSm--HhMd {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-info-panel_paddingXxs--gDUv {
  padding: 8px;
}
.react-ui-kit__ui-info-panel_paddingXxs--gDUv .react-ui-kit__ui-info-panel_directionVertical--eo\+I {
  margin-top: -8px;
  margin-bottom: -8px;
}
.react-ui-kit__ui-info-panel_paddingXxs--gDUv .react-ui-kit__ui-info-panel_directionHorizontal--SQdf {
  margin-left: -8px;
  margin-right: -8px;
}

.react-ui-kit__ui-info-panel_paddingSm--NxNk {
  padding: 16px;
}
.react-ui-kit__ui-info-panel_paddingSm--NxNk .react-ui-kit__ui-info-panel_directionVertical--eo\+I {
  margin-top: -16px;
  margin-bottom: -16px;
}
.react-ui-kit__ui-info-panel_paddingSm--NxNk .react-ui-kit__ui-info-panel_directionHorizontal--SQdf {
  margin-left: -16px;
  margin-right: -16px;
}

.react-ui-kit__ui-info-panel_paddingXl--uv2I {
  padding: 28px;
}
.react-ui-kit__ui-info-panel_paddingXl--uv2I .react-ui-kit__ui-info-panel_directionVertical--eo\+I {
  margin-top: -28px;
  margin-bottom: -28px;
}
.react-ui-kit__ui-info-panel_paddingXl--uv2I .react-ui-kit__ui-info-panel_directionHorizontal--SQdf {
  margin-left: -28px;
  margin-right: -28px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-info-panel_paddingXl--uv2I {
    padding: 16px;
  }
  .react-ui-kit__ui-info-panel_paddingXl--uv2I .react-ui-kit__ui-info-panel_directionVertical--eo\+I {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .react-ui-kit__ui-info-panel_paddingXl--uv2I .react-ui-kit__ui-info-panel_directionHorizontal--SQdf {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (max-width: 640px) {
  .react-ui-kit__ui-info-panel_isAdaptive--mmEx {
    border-radius: 0;
  }
}

.react-ui-kit__ui-info-panel_directionHorizontal--SQdf {
  width: 100%;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-info-panel_directionHorizontal--SQdf {
    width: auto;
  }
}

.react-ui-kit__ui-info-panel_directionVertical--eo\+I {
  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-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--HwSU {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
@-webkit-keyframes react-ui-kit__ui-error-list_fx-errors-list-appearance--UFIf {
  0% {
    max-height: 0;
    background: transparent;
  }
  100% {
    max-height: 500px;
  }
}
@keyframes react-ui-kit__ui-error-list_fx-errors-list-appearance--UFIf {
  0% {
    max-height: 0;
    background: transparent;
  }
  100% {
    max-height: 500px;
  }
}
@-webkit-keyframes react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax {
  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--7rax {
  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--VhMx {
  margin: 0 0 6px;
  padding: 0;
  overflow: hidden;
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-appearance--UFIf 0.6s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-appearance--UFIf 0.6s ease-in forwards;
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-error-list_container--VhMx {
    margin: 0;
  }
}

.react-ui-kit__ui-error-list_item--8ksg {
  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--7rax 0.3s 0s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--8ksg:nth-child(2) {
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0.1s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0.1s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--8ksg:nth-child(3) {
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0.2s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0.2s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--8ksg:nth-child(4) {
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0.3s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0.3s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--8ksg:nth-child(5) {
  -webkit-animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0.4s ease-in forwards;
          animation: react-ui-kit__ui-error-list_fx-errors-list-item-appearance--7rax 0.3s 0.4s ease-in forwards;
}
.react-ui-kit__ui-error-list_item--8ksg:last-child {
  margin-bottom: 12px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-error-list_item--8ksg {
    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-ui-kit/src/components/ui-checkable-card/ui-checkable-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-checkable-card_isInverted--a5G7 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-checkable-card_wrapper--K3\+Q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}

.react-ui-kit__ui-checkable-card_option--MzX6 {
  display: inline-block;
  border: 1px solid var(--ui-skin-checkable-card-border);
  padding: 16px;
  cursor: pointer;
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-card-bg);
  position: relative;
}
.react-ui-kit__ui-checkable-card_option--MzX6 input {
  display: none;
}
.react-ui-kit__ui-checkable-card_option--MzX6:hover {
  color: var(--ui-skin-checkable-card-active-color);
}

.react-ui-kit__ui-checkable-card_optionIsChecked--nS-n {
  border-color: var(--ui-skin-checkable-card-active-color);
  color: var(--ui-skin-checkable-card-active-color);
}
.react-ui-kit__ui-checkable-card_optionIsChecked--nS-n .react-ui-kit__ui-checkable-card_optionTick--vc5x {
  visibility: visible;
}

.react-ui-kit__ui-checkable-card_optionIsDisabled--gnRw {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.3;
}

.react-ui-kit__ui-checkable-card_optionTick--vc5x {
  visibility: hidden;
  position: absolute;
  top: -10px;
  right: -10px;
  color: var(--ui-skin-checkable-card-active-color);
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-card-bg);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/brief-exam-date-dialog/brief-exam-date-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-student-app__brief-exam-date-dialog_isInverted--ukTF {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__brief-exam-date-dialog_infoPanel--wK9p {
  margin-top: 16px;
}

.react-student-app__brief-exam-date-dialog_datepicker--1tj5 {
  width: 350px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  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/react-core/src/components/set-target-score/set-target-score.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-target-score_isInverted--KIOx {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__set-target-score_title--HTJA:not(:first-of-type) {
  margin-top: 24px;
}

.react-core__set-target-score_sliderHolder--3m\+F {
  padding-top: 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/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--cowZ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__pre-loader_container--rtPn {
  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/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--mfXl {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-header_container--G3Qs {
  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--UubF {
  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--Uits {
  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--CrXp {
  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--UubF,
.react-ui-kit__ui-header_sectionRight--CrXp {
  -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-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--AjEu {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__application-header_container--mTtg {
  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--mTtg {
    text-align: left;
  }
}

.react-core__application-header_subtitle--5Q78 {
  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-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--54DM {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-notification_container--VMbv {
  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--VMbv {
    border-radius: 0;
  }
}
.react-ui-kit__ui-notification_container--VMbv.react-ui-kit__ui-notification_isHidden--\+2\+0 {
  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--Q5Rx {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 16px;
}

.react-ui-kit__ui-notification_positive--YXOf {
  background-color: var(--ui-skin-notification-positive-bg);
}
.react-ui-kit__ui-notification_positive--YXOf .react-ui-kit__ui-notification_button--6Emy {
  color: var(--ui-skin-notification-positive-button);
}
.react-ui-kit__ui-notification_positive--YXOf .react-ui-kit__ui-notification_content--Q5Rx {
  color: var(--ui-skin-notification-positive-text);
}

.react-ui-kit__ui-notification_announce--JHcx {
  background-color: var(--ui-skin-notification-neutral-bg);
}
.react-ui-kit__ui-notification_announce--JHcx .react-ui-kit__ui-notification_button--6Emy {
  color: var(--ui-skin-notification-neutral-button);
}
.react-ui-kit__ui-notification_announce--JHcx .react-ui-kit__ui-notification_content--Q5Rx {
  color: var(--ui-skin-notification-neutral-text);
}

.react-ui-kit__ui-notification_alert--YpIS {
  background-color: var(--ui-skin-notification-warning-bg);
}
.react-ui-kit__ui-notification_alert--YpIS .react-ui-kit__ui-notification_button--6Emy {
  color: var(--ui-skin-notification-warning-button);
}
.react-ui-kit__ui-notification_alert--YpIS .react-ui-kit__ui-notification_content--Q5Rx {
  color: var(--ui-skin-notification-warning-text);
}

.react-ui-kit__ui-notification_error--Yi2m {
  background-color: var(--ui-skin-notification-negative-bg);
}
.react-ui-kit__ui-notification_error--Yi2m .react-ui-kit__ui-notification_button--6Emy {
  color: var(--ui-skin-notification-negative-button);
}
.react-ui-kit__ui-notification_error--Yi2m .react-ui-kit__ui-notification_content--Q5Rx {
  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--taJE {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__notifications_container--a73b {
  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--a73b {
    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--iUXR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-draggable-dialog_dialog--kV8H {
  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--kV8H {
    height: 100% !important;
    width: 100% !important;
  }
}
.react-ui-kit__ui-draggable-dialog_dialog--kV8H .react-ui-kit__ui-draggable-dialog_closeIcon--IxKX {
  background-color: transparent;
}
.react-ui-kit__ui-draggable-dialog_dialog--kV8H .react-ui-kit__ui-draggable-dialog_card--Vugl {
  -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--kV8H .react-ui-kit__ui-draggable-dialog_title--h\+HP {
  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--kV8H .react-ui-kit__ui-draggable-dialog_title--h\+HP, .react-ui-kit__ui-draggable-dialog_dialog--kV8H .react-ui-kit__ui-draggable-dialog_title--h\+HP.react-ui-kit__ui-draggable-dialog_isInverted--iUXR {
  color: var(--ui-skin-heading-4-color-inverted);
}
.react-ui-kit__ui-draggable-dialog_dialog--kV8H .react-ui-kit__ui-draggable-dialog_body--JoU7 {
  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--xi0s {
  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--xi0s {
    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--wEOm {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__dialogs_draggableDialogs--ZUOc {
  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]!./src/components/brief-widget/brief-widget.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-student-app__brief-widget_isInverted--ar2G {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__brief-widget_widget--r1AL {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 16px;
}

.react-student-app__brief-widget_header--wf6K {
  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: 20px;
}
.react-student-app__brief-widget_header--wf6K h4 {
  margin: 0;
  padding-left: 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/todays-study-goal-completed/todays-study-goal-completed.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-student-app__todays-study-goal-completed_isInverted--bsal {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__todays-study-goal-completed_container--rtCJ {
  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;
}
@media (max-width: 870px) {
  .react-student-app__todays-study-goal-completed_container--rtCJ {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__todays-study-goal-completed_textWrapper--HffX {
  margin-bottom: 0;
  margin-right: 16px;
}
@media (max-width: 870px) {
  .react-student-app__todays-study-goal-completed_textWrapper--HffX {
    margin-bottom: 16px;
  }
}

.react-student-app__todays-study-goal-completed_title--1CDu {
  color: var(--ui-skin-palette-positive-400);
}

.react-student-app__todays-study-goal-completed_caption--AxAh {
  color: var(--ui-skin-text-subdued);
  font-weight: var(--ui-skin-font-weight-semibold);
  margin-top: 4px;
}
.react-student-app__todays-study-goal-completed_caption--AxAh {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__todays-study-goal-completed_icon--MFJk {
  color: var(--ui-skin-palette-positive-400);
  background-color: var(--ui-skin-palette-positive-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/todays-study-goal-streak-reward/todays-study-goal-streak-reward.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-student-app__todays-study-goal-streak-reward_isInverted--QjhY {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__todays-study-goal-streak-reward_title--gACA {
  color: var(--ui-skin-text-subdued);
  font-weight: var(--ui-skin-font-weight-semibold);
}
.react-student-app__todays-study-goal-streak-reward_title--gACA {
  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/todays-study-goal-single-reward/todays-study-goal-single-reward.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-student-app__todays-study-goal-single-reward_isInverted--Cpvy {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__todays-study-goal-single-reward_container--H\+kq {
  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: 12px;
}
@media (max-width: 870px) {
  .react-student-app__todays-study-goal-single-reward_container--H\+kq {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__todays-study-goal-single-reward_textWrapper--0mA2 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 16px;
}
@media (max-width: 870px) {
  .react-student-app__todays-study-goal-single-reward_textWrapper--0mA2 {
    margin-bottom: 16px;
  }
}

.react-student-app__todays-study-goal-single-reward_caption--AW1E {
  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/todays-study-goal-info-panel/todays-study-goal-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-student-app__todays-study-goal-info-panel_isInverted--cBNL {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__todays-study-goal-info-panel_container--S5WR {
  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]!./src/components/todays-study-goal/todays-study-goal.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-student-app__todays-study-goal_isInverted--shMd {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__todays-study-goal_icon--RFC6 {
  color: var(--ui-skin-brief-widget-icon-color);
  background-color: var(--ui-skin-brief-widget-icon-daily-goal);
}

.react-student-app__todays-study-goal_explanation--Nv8l {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__todays-study-goal_explanation--Nv8l {
  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/brief-target-parameter/brief-target-parameter.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-student-app__brief-target-parameter_isInverted--LMm6 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__brief-target-parameter_container--EpEB {
  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;
  margin-top: 16px;
}

.react-student-app__brief-target-parameter_title--VpOr {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__brief-target-parameter_value--0vnk {
  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: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.react-student-app__brief-target-parameter_tooltipIconWrapper--vy-h {
  line-height: 1;
  margin-left: 16px;
  cursor: pointer;
}

.react-student-app__brief-target-parameter_tooltipIcon--DL0a {
  color: var(--ui-skin-brief-icon-target-crank);
}
.react-student-app__brief-target-parameter_tooltipIcon--DL0a:hover {
  opacity: 0.7;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/brief-target-score/brief-target-score.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-student-app__brief-target-score_isInverted--b5NT {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__brief-target-score_semibold--9Yme {
  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]!./src/components/brief-exam-date/brief-exam-date.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-student-app__brief-exam-date_isInverted--jCnQ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__brief-exam-date_semibold--isYX {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__brief-exam-date_subdued--W4H0 {
  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/brief-target/brief-target.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-student-app__brief-target_isInverted--nsYf {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__brief-target_icon--JAdi {
  color: var(--ui-skin-brief-widget-icon-color);
  background-color: var(--ui-skin-brief-widget-icon-target);
}

.react-student-app__brief-target_separator--ICmQ {
  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]!./src/components/stats-chart-placeholder/stats-chart-placeholder.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-student-app__stats-chart-placeholder_isInverted--6uuJ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__stats-chart-placeholder_container--fYz4 {
  color: inherit;
  color: var(--ui-skin-text-subdued);
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.react-student-app__stats-chart-placeholder_icon--rvRf {
  margin-bottom: 8px;
}

.react-student-app__stats-chart-placeholder_caption--QfRj {
  margin-top: 0;
  margin-bottom: 28px;
}
.react-student-app__stats-chart-placeholder_caption--QfRj {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-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-ui-kit/src/components/ui-linear-chart/ui-linear-chart.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-linear-chart_isInverted--Sy-O {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-linear-chart_container--GXPM {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 160px;
}
@media (max-width: 640px) {
  .react-ui-kit__ui-linear-chart_container--GXPM {
    min-height: 124px;
  }
}

.react-ui-kit__ui-linear-chart_chart--9B7U {
  min-height: 160px;
  color: var(--ui-skin-text-placeholder);
}
@media (max-width: 640px) {
  .react-ui-kit__ui-linear-chart_chart--9B7U {
    min-height: 124px;
  }
}

.react-ui-kit__ui-linear-chart_referencePoint--0lcY,
.react-ui-kit__ui-linear-chart_line--F2xO {
  color: var(--ui-skin-text-placeholder);
}

.react-ui-kit__ui-linear-chart_grid--BEqd {
  color: var(--ui-skin-border);
}

.react-ui-kit__ui-linear-chart_isPositive--dmCf {
  color: var(--ui-skin-palette-positive-400);
}

.react-ui-kit__ui-linear-chart_isNegative--cuhZ {
  color: var(--ui-skin-palette-negative-400);
}

.react-ui-kit__ui-linear-chart_isWarning--Rg9b {
  color: var(--ui-skin-palette-warning-400);
}

.react-ui-kit__ui-linear-chart_customTooltip--B1IZ {
  background-color: var(--ui-skin-tooltip-dark-background);
  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;
  padding: 8px 12px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-radius: var(--ui-skin-border-radius);
  color: var(--ui-skin-tooltip-dark-text);
}
.react-ui-kit__ui-linear-chart_customTooltip--B1IZ p {
  margin: 0;
  white-space: pre;
}
.react-ui-kit__ui-linear-chart_customTooltip--B1IZ p {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-ui-kit__ui-linear-chart_referenceLabel--TknX {
  font-size: 10px;
}
.react-ui-kit__ui-linear-chart_referenceLabelContainer--Osik {
  padding-top: 15px;
  color: white;
  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-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  height: 100%;
}
.react-ui-kit__ui-linear-chart_referenceLabelOffset--PyJx {
  height: 100%;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  min-width: 60px;
}
.react-ui-kit__ui-linear-chart_referenceLabelTextBlock--ZDZZ {
  font-size: 5px;
  color: var(--ui-skin-text-placeholder);
  font-weight: 600;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.react-ui-kit__ui-linear-chart_referenceLabelText--5XYW {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(-50%) scale(2);
          transform: translate(-50%) scale(2);
  white-space: pre;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/stats-linear-chart/stats-linear-chart.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-student-app__stats-linear-chart_isInverted--yoDE {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__stats-linear-chart_chart--GS05 {
  margin-top: 16px;
}

.react-student-app__stats-linear-chart_icon--8ebf {
  height: 8px;
  width: 8px;
  margin-left: 8px;
  display: inline-block;
  background-color: var(--ui-skin-palette-positive-100);
  border-radius: 50%;
  border: solid 1px var(--ui-skin-palette-positive-400);
}

.react-student-app__stats-linear-chart_recommended--Ywcb {
  margin-top: 4px;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--ui-skin-text-subdued);
}
.react-student-app__stats-linear-chart_recommended--Ywcb {
  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/advance-stats-widget/advance-stats-widget.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-student-app__advance-stats-widget_isInverted--YPJK {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__advance-stats-widget_linkContainer--DPX3 {
  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-student-app__advance-stats-widget_statsLink--tl-5 {
  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-student-app__advance-stats-widget_statsLink--tl-5, .react-student-app__advance-stats-widget_statsLink--tl-5.react-student-app__advance-stats-widget_isInverted--YPJK {
  color: var(--ui-skin-heading-6-color-inverted);
}

.react-student-app__advance-stats-widget_statsIcon--a\+hu {
  color: var(--ui-skin-brief-widget-icon-color);
  background-color: var(--ui-skin-brief-widget-icon-stats);
}

.react-student-app__advance-stats-widget_progress--7KwW {
  margin: 0;
}
.react-student-app__advance-stats-widget_progress--7KwW {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-student-app__advance-stats-widget_progressStatus--fG1r {
  font-weight: var(--ui-skin-font-weight-bold);
  margin: 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;
}
.react-student-app__advance-stats-widget_progressStatus--fG1r {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-student-app__advance-stats-widget_doneLabel--eY3d {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--ui-skin-text-positive);
}

.react-student-app__advance-stats-widget_doneIcon--h6Qj {
  margin-right: 4px;
}

.react-student-app__advance-stats-widget_doneCaption--YwNu {
  font-weight: var(--ui-skin-font-weight-regular);
  margin: 0;
}
.react-student-app__advance-stats-widget_doneCaption--YwNu {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-student-app__advance-stats-widget_recommendationMetIcon--U-X0,
.react-student-app__advance-stats-widget_recommendationUnmetIcon--NYmk {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 8px;
  display: inline-block;
}

.react-student-app__advance-stats-widget_recommendationUnmetIcon--NYmk {
  background-color: var(--ui-skin-text-warning);
}

.react-student-app__advance-stats-widget_recommendationMetIcon--U-X0 {
  background-color: var(--ui-skin-text-positive);
}

.react-student-app__advance-stats-widget_hoursSpentBlock--PSg0 {
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-student-app__advance-stats-widget_hoursSpentBlock--PSg0 {
    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/react-ui-kit/src/components/ui-illustration/ui-illustration.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-illustration_isInverted---skb {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-illustration_hasFixedSize--JHdO {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -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/gradient-range/gradient-range.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-student-app__gradient-range_isInverted--v-20 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__gradient-range_container--mfGq + .react-student-app__gradient-range_container--mfGq {
  margin-top: 28px;
}

.react-student-app__gradient-range_title--UhVR {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__gradient-range_value--LToD {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__gradient-range_range--uhYP {
  margin-top: 20px;
  height: 4px;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop(51%, #fa0), to(#6dde72));
  background: linear-gradient(to right, #f00, #fa0 51%, #6dde72);
  border-radius: 2px;
}

.react-student-app__gradient-range_primaryPoint--W2O5 {
  position: absolute;
  width: 12px;
  height: 12px;
  top: -4px;
  border-radius: 6px;
  margin-left: -6px;
  background-color: var(--ui-skin-tooltip-dark-background);
}

.react-student-app__gradient-range_secondaryPoint--tm-c {
  position: absolute;
  width: 8px;
  height: 8px;
  top: -2px;
  border-radius: 4px;
  margin-left: -4px;
  background-color: var(--ui-skin-tooltip-dark-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]!./src/components/simple-stats-widget/simple-stats-widget.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-student-app__simple-stats-widget_isInverted--44yK {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__simple-stats-widget_statsIcon--vbWO {
  color: var(--ui-skin-brief-widget-icon-color);
  background-color: var(--ui-skin-brief-widget-icon-stats);
}

.react-student-app__simple-stats-widget_notAvailableBlock--ApIY {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__simple-stats-widget_notAvailableImage--ZMK2 {
  margin-left: 16px;
}

.react-student-app__simple-stats-widget_projectedScoreRow--iYKU {
  margin-top: 20px;
}

.react-student-app__simple-stats-widget_projectedScoreTitle--Vb1J {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__simple-stats-widget_projectedScoreValue--66C6 {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__simple-stats-widget_successRateTitle--CD0p {
  margin: 28px 0 16px;
  color: var(--ui-skin-text-subdued);
}
@media (max-width: 640px) {
  .react-student-app__simple-stats-widget_successRateTitle--CD0p {
    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]!./src/components/memorization-widget/memorization-widget.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-student-app__memorization-widget_isInverted--3l8c {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__memorization-widget_memorizationIcon--wH53 {
  color: var(--ui-skin-brief-widget-icon-color);
  background-color: var(--ui-skin-brief-widget-icon-memorization);
}

.react-student-app__memorization-widget_noItems--K7eH {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__memorization-widget_noItemsTitle--S4jH {
  margin-bottom: 4px;
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__memorization-widget_noItemsHint--GNj5 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__memorization-widget_memorizationItem--xsv7 {
  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;
}

.react-student-app__memorization-widget_memorizationBlock--WKhN {
  margin-right: 8px;
}

.react-student-app__memorization-widget_memorizationTitle--Y\+2z {
  margin-bottom: 4px;
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__memorization-widget_isPositive--Q7hM {
  color: var(--ui-skin-text-positive);
}

.react-student-app__memorization-widget_memorizationHint--OCGr {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__memorization-widget_memorizationHint--OCGr {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__memorization-widget_statusIcon--7T2D {
  color: var(--ui-skin-palette-positive-400);
  background-color: var(--ui-skin-palette-positive-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/brief-widgets/brief-widgets.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-student-app__brief-widgets_isInverted--s6\+j {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__brief-widgets_grid--dTNF {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
@media (max-width: 640px) {
  .react-student-app__brief-widgets_grid--dTNF {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 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-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--sNK0 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-container_container--zYW3 {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-container_container--zYW3 {
    max-width: 100vw;
  }
}
.react-ui-kit__ui-container_container--zYW3.react-ui-kit__ui-container_xl--FSni {
  max-width: 1044px;
  width: 100%;
}
.react-ui-kit__ui-container_container--zYW3.react-ui-kit__ui-container_lg--ZxXV {
  max-width: 948px;
  width: 100%;
}
.react-ui-kit__ui-container_container--zYW3.react-ui-kit__ui-container_md--R0Rr {
  max-width: 712px;
  width: 100%;
}
.react-ui-kit__ui-container_container--zYW3.react-ui-kit__ui-container_sm--xCUQ {
  max-width: 632px;
  width: 100%;
}
.react-ui-kit__ui-container_container--zYW3.react-ui-kit__ui-container_xs--sEtH {
  max-width: 472px;
  width: 100%;
}
.react-ui-kit__ui-container_container--zYW3.react-ui-kit__ui-container_full--ruDk {
  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]!./src/components/plan-upgrade-bidding/plan-upgrade-bidding.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-student-app__plan-upgrade-bidding_isInverted--Pw4k {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__plan-upgrade-bidding_container--ACYc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .react-student-app__plan-upgrade-bidding_container--ACYc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__plan-upgrade-bidding_closeButton--RAZf {
  color: var(--ui-skin-text-subdued);
  position: absolute;
  right: 0;
  margin-top: -28px;
}
@media (max-width: 640px) {
  .react-student-app__plan-upgrade-bidding_closeButton--RAZf {
    margin-top: -16px;
  }
}

.react-student-app__plan-upgrade-bidding_illustration--FIZV {
  margin-bottom: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media (max-width: 640px) {
  .react-student-app__plan-upgrade-bidding_illustration--FIZV {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
}

.react-student-app__plan-upgrade-bidding_description--QhwI {
  -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;
  margin-left: 28px;
}
@media (max-width: 640px) {
  .react-student-app__plan-upgrade-bidding_description--QhwI {
    margin-left: 0;
  }
}

.react-student-app__plan-upgrade-bidding_separator--6TYY {
  margin: 28px;
}

.react-student-app__plan-upgrade-bidding_form--VV17 {
  -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;
  max-width: 220px;
}
@media (max-width: 640px) {
  .react-student-app__plan-upgrade-bidding_form--VV17 {
    max-width: initial;
  }
}

.react-student-app__plan-upgrade-bidding_row--XpfI {
  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-top: 12px;
}

.react-student-app__plan-upgrade-bidding_submitButton--DBG8 {
  margin-left: 8px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.react-student-app__plan-upgrade-bidding_caption--2DON {
  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]!./src/components/global-recommender-item/global-recommender-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-student-app__global-recommender-item_isInverted--11ZC {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__global-recommender-item_bubble--ZxSW {
  padding: 16px 20px;
  border-radius: var(--ui-skin-border-radius);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: var(--ui-skin-background-inverted);
  color: var(--ui-skin-text-inverted);
  -webkit-filter: brightness(1.25);
          filter: brightness(1.25);
}
.react-student-app__global-recommender-item_bubble--ZxSW:not(:last-child) {
  margin-bottom: 12px;
}

.react-student-app__global-recommender-item_button--KuhX {
  margin-bottom: 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: 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-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--Rhoy {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__user-avatar_container--7GEs {
  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]!./src/components/global-recommender/global-recommender.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-student-app__global-recommender_isInverted--72e3 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__global-recommender_container--fWy8 {
  margin-bottom: 16px;
  overflow: hidden;
  background-color: var(--ui-skin-background-inverted);
  background-image: url("data:image/svg+xml,%3Csvg width='948' height='584' viewBox='0 0 948 584' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='948' height='584'%3E%3Cpath d='M0 8C0 3.58173 3.58172 0 8 0H940C944.418 0 948 3.58172 948 8V576C948 580.418 944.418 584 940 584H8.00001C3.58173 584 0 580.418 0 576V8Z' fill='%233ACD75'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M823.359 200.897L944.351 321.926L1068.13 198.114L947.133 77.0859L823.359 200.897ZM794.231 195.239C791.107 198.364 791.107 203.43 794.231 206.555L938.695 351.063C941.819 354.187 946.884 354.187 950.007 351.063L1097.25 203.772C1100.38 200.648 1100.38 195.581 1097.25 192.457L952.789 47.9487C949.665 44.824 944.601 44.824 941.477 47.9487L794.231 195.239Z' fill='black'/%3E%3Cellipse opacity='0.16' cx='653.256' cy='174.323' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.16' cx='653.256' cy='212.06' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='653.256' cy='136.587' rx='9.02124' ry='9.02394' fill='black'/%3E%3Cellipse opacity='0.16' cx='690.981' cy='136.587' rx='9.02122' ry='9.02394' fill='black'/%3E%3Cellipse opacity='0.16' cx='690.981' cy='174.323' rx='9.02122' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='690.981' cy='97.2096' rx='9.02122' ry='9.02395' fill='black'/%3E%3Cellipse opacity='0.16' cx='728.706' cy='174.323' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.16' cx='728.706' cy='212.06' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='728.706' cy='136.587' rx='9.02124' ry='9.02394' fill='black'/%3E%3Cpath opacity='0.16' d='M591.477 101.588L477.635 -12.254C476.134 -13.7542 475.292 -15.7891 475.292 -17.9108V-133.686C475.292 -140.814 483.909 -144.383 488.948 -139.343L602.79 -25.5013C604.291 -24.001 605.133 -21.9661 605.133 -19.8444V95.9311C605.133 103.058 596.516 106.628 591.477 101.588Z' fill='black'/%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M496.359 370.31C542.19 370.31 578.118 334.398 578.118 291.59C578.118 248.781 542.19 212.87 496.359 212.87C450.528 212.87 414.6 248.781 414.6 291.59C414.6 334.398 450.528 370.31 496.359 370.31ZM496.359 394.91C555.099 394.91 602.718 348.652 602.718 291.59C602.718 234.527 555.099 188.27 496.359 188.27C437.618 188.27 390 234.527 390 291.59C390 348.652 437.618 394.91 496.359 394.91Z' fill='black'/%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M899.415 117.785C895.214 114.337 892.928 112.734 889.546 112.792C886.063 112.852 882.939 114.766 878.603 118.08C878.307 118.307 877.999 118.544 877.682 118.789C875.935 120.137 873.887 121.716 871.852 122.946C869.381 124.439 866.168 125.913 862.373 125.913C858.372 125.913 855.106 124.497 852.497 122.857C850.434 121.56 848.451 119.889 846.841 118.533C846.551 118.289 846.273 118.054 846.008 117.834C842.206 114.668 839.382 112.793 835.313 112.793C831.244 112.793 828.426 114.667 824.626 117.833C824.363 118.052 824.086 118.285 823.797 118.529C822.187 119.886 820.202 121.559 818.136 122.857C815.523 124.499 812.255 125.913 808.253 125.913C804.202 125.913 800.982 124.466 798.425 122.735C796.51 121.438 794.677 119.752 793.241 118.431C792.942 118.156 792.66 117.897 792.398 117.66C789.091 114.672 786.468 112.793 782.013 112.793C778.39 112.793 775.453 109.856 775.453 106.233C775.453 102.61 778.389 99.6732 782.012 99.6731C791.497 99.6728 797.242 104.354 801.195 107.926C801.648 108.335 802.057 108.71 802.433 109.054C803.809 110.313 804.746 111.17 805.782 111.871C806.858 112.6 807.551 112.793 808.253 112.793C809.002 112.793 809.853 112.567 811.155 111.749C812.381 110.978 813.545 110.001 815.168 108.64C815.501 108.361 815.852 108.066 816.228 107.753C820.301 104.359 826.261 99.6731 835.313 99.6731C844.363 99.6731 850.327 104.358 854.403 107.752C854.782 108.067 855.136 108.364 855.471 108.645C857.092 110.004 858.255 110.979 859.479 111.749C860.783 112.569 861.63 112.793 862.373 112.793C862.736 112.793 863.518 112.653 865.066 111.717C866.408 110.906 867.757 109.869 869.517 108.515C869.872 108.242 870.243 107.957 870.635 107.657C874.813 104.463 881.06 99.8162 889.32 99.6741C897.868 99.5269 903.559 104.207 907.411 107.374C907.522 107.466 907.631 107.555 907.739 107.644C911.975 111.121 914.29 112.793 917.723 112.793C921.471 112.793 924.936 110.797 929.51 107.482C929.885 107.21 930.277 106.922 930.682 106.625C932.474 105.31 934.526 103.805 936.513 102.633C938.989 101.172 942.236 99.6731 946.013 99.6731C949.636 99.6731 952.573 102.61 952.573 106.233C952.573 109.856 949.636 112.793 946.013 112.793C945.689 112.793 944.872 112.934 943.179 113.933C941.812 114.74 940.439 115.744 938.7 117.017C938.232 117.36 937.737 117.722 937.209 118.105C932.733 121.349 926.152 125.913 917.723 125.913C909.287 125.913 903.647 121.269 899.83 118.126C899.689 118.01 899.551 117.897 899.415 117.785Z' fill='black'/%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M899.415 145.677C895.214 142.229 892.928 140.626 889.546 140.684C886.063 140.744 882.939 142.658 878.603 145.973C878.307 146.199 877.999 146.436 877.682 146.681C875.935 148.029 873.887 149.608 871.852 150.838C869.381 152.331 866.168 153.805 862.373 153.805C858.372 153.805 855.106 152.39 852.497 150.749C850.434 149.452 848.451 147.781 846.841 146.426C846.551 146.181 846.273 145.947 846.008 145.727C842.206 142.561 839.382 140.685 835.313 140.685C831.244 140.685 828.426 142.559 824.626 145.725C824.363 145.944 824.086 146.178 823.797 146.421C822.187 147.778 820.202 149.451 818.136 150.75C815.523 152.392 812.255 153.805 808.253 153.805C804.202 153.805 800.982 152.358 798.425 150.627C796.51 149.33 794.677 147.645 793.241 146.323C792.942 146.048 792.66 145.789 792.398 145.552C789.091 142.564 786.468 140.685 782.013 140.685C778.39 140.685 775.453 137.749 775.453 134.126C775.453 130.503 778.389 127.565 782.012 127.565C791.497 127.565 797.242 132.246 801.195 135.818C801.648 136.228 802.057 136.602 802.433 136.946C803.809 138.205 804.746 139.062 805.782 139.764C806.858 140.492 807.551 140.685 808.253 140.685C809.002 140.685 809.853 140.459 811.155 139.641C812.381 138.87 813.545 137.894 815.168 136.532C815.501 136.253 815.852 135.958 816.228 135.645C820.301 132.252 826.261 127.565 835.313 127.565C844.363 127.565 850.327 132.25 854.403 135.644C854.782 135.959 855.136 136.257 855.471 136.538C857.092 137.896 858.255 138.872 859.479 139.642C860.783 140.461 861.63 140.685 862.373 140.685C862.736 140.685 863.518 140.545 865.066 139.609C866.408 138.798 867.757 137.761 869.517 136.407C869.872 136.134 870.243 135.849 870.635 135.55C874.813 132.355 881.06 127.708 889.32 127.566C897.868 127.419 903.559 132.099 907.411 135.267C907.522 135.358 907.631 135.448 907.739 135.536C911.975 139.013 914.29 140.685 917.723 140.685C921.471 140.685 924.936 138.689 929.51 135.374C929.885 135.102 930.277 134.814 930.682 134.517C932.474 133.202 934.526 131.697 936.513 130.525C938.989 129.064 942.236 127.565 946.013 127.565C949.636 127.565 952.573 130.502 952.573 134.125C952.573 137.748 949.636 140.685 946.013 140.685C945.689 140.685 944.872 140.826 943.179 141.826C941.812 142.632 940.439 143.636 938.7 144.91C938.232 145.252 937.737 145.614 937.209 145.997C932.733 149.242 926.152 153.805 917.723 153.805C909.287 153.805 903.647 149.161 899.83 146.019C899.689 145.903 899.551 145.789 899.415 145.677Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 640px) {
  .react-student-app__global-recommender_container--fWy8 {
    padding: 16px;
  }
}

.react-student-app__global-recommender_isOnboarding--JBNu {
  position: relative;
  z-index: 10001;
}

.react-student-app__global-recommender_dialog--KMWL:not(:last-child) {
  margin-bottom: 20px;
}

.react-student-app__global-recommender_avatar--44XL {
  position: absolute;
  width: 52px;
  height: 52px;
  top: 0;
  z-index: 2;
  background-size: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.react-student-app__global-recommender_avatar--44XL.react-student-app__global-recommender_isTutorAvatar--KPtN {
  left: 0;
  background-image: url("apps/assets/default-tutor-avatar.svg");
}
@media (max-width: 640px) {
  .react-student-app__global-recommender_avatar--44XL.react-student-app__global-recommender_isTutorAvatar--KPtN {
    width: 24px;
    height: 24px;
    top: -8px;
    left: -8px;
  }
}
.react-student-app__global-recommender_avatar--44XL.react-student-app__global-recommender_isStudentAvatar--GDl5 {
  right: 0;
}
@media (max-width: 640px) {
  .react-student-app__global-recommender_avatar--44XL.react-student-app__global-recommender_isStudentAvatar--GDl5 {
    width: 24px;
    height: 24px;
    top: -8px;
    left: auto;
    right: -8px;
  }
}

.react-student-app__global-recommender_dialogItem--cJmR {
  position: relative;
  min-height: 52px;
}
.react-student-app__global-recommender_dialogItem--cJmR.react-student-app__global-recommender_isTutorDialogItem--cksa {
  padding: 0 92px 0 68px;
}
.react-student-app__global-recommender_dialogItem--cJmR.react-student-app__global-recommender_isStudentDialogItem--7LkF {
  padding: 0 68px 0 92px;
}
.react-student-app__global-recommender_dialogItem--cJmR:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 640px) {
  .react-student-app__global-recommender_dialogItem--cJmR.react-student-app__global-recommender_isTutorDialogItem--cksa {
    padding: 0 16px 0 0;
  }
  .react-student-app__global-recommender_dialogItem--cJmR.react-student-app__global-recommender_isStudentDialogItem--7LkF {
    padding: 0 0 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]!./src/components/dialog-free-india-plans-referral/dialog-free-india-plans-referral.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-student-app__dialog-free-india-plans-referral_isInverted--reOj {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__dialog-free-india-plans-referral_topBannerContainer--Nhhj {
  position: relative;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/apps/assets/promo/india-banner.jpg");
  background-position: center;
  background-size: cover;
  margin: -28px -28px 24px -28px;
  border-top-right-radius: var(--ui-skin-border-radius);
  border-top-left-radius: var(--ui-skin-border-radius);
  padding: 20px 20px 16px 20px;
  color: var(--ui-skin-text-inverted);
}
@media (max-width: 640px) {
  .react-student-app__dialog-free-india-plans-referral_topBannerContainer--Nhhj {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__dialog-free-india-plans-referral_title--u2Jf {
  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-palette-motivate-400);
  margin-top: 12px;
}
.ui-scheme-inverted .react-student-app__dialog-free-india-plans-referral_title--u2Jf, .react-student-app__dialog-free-india-plans-referral_title--u2Jf.react-student-app__dialog-free-india-plans-referral_isInverted--reOj {
  color: var(--ui-skin-heading-6-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__dialog-free-india-plans-referral_title--u2Jf {
    text-align: center;
    margin-top: 0;
  }
}

.react-student-app__dialog-free-india-plans-referral_subtitle--S6jf {
  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: 20px 0 16px 0;
}
.ui-scheme-inverted .react-student-app__dialog-free-india-plans-referral_subtitle--S6jf, .react-student-app__dialog-free-india-plans-referral_subtitle--S6jf.react-student-app__dialog-free-india-plans-referral_isInverted--reOj {
  color: var(--ui-skin-heading-3-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__dialog-free-india-plans-referral_subtitle--S6jf {
    margin: 12px 0;
  }
}

.react-student-app__dialog-free-india-plans-referral_subtitle--S6jf, .react-student-app__dialog-free-india-plans-referral_note--dm1d {
  padding-right: 112px;
}
@media (max-width: 640px) {
  .react-student-app__dialog-free-india-plans-referral_subtitle--S6jf, .react-student-app__dialog-free-india-plans-referral_note--dm1d {
    text-align: center;
    padding-right: 0;
  }
}

.react-student-app__dialog-free-india-plans-referral_note--dm1d {
  margin-bottom: 12px;
  display: inline-block;
}
.react-student-app__dialog-free-india-plans-referral_note--dm1d {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
@media (max-width: 640px) {
  .react-student-app__dialog-free-india-plans-referral_note--dm1d {
    margin-bottom: 0;
  }
}

.react-student-app__dialog-free-india-plans-referral_image--VaV2 {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -40px;
  height: 80px;
  max-width: 124px;
}
@media (max-width: 640px) {
  .react-student-app__dialog-free-india-plans-referral_image--VaV2 {
    position: static;
    margin-top: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 16px;
  }
}

.react-student-app__dialog-free-india-plans-referral_referralLinkCaption--PcXg {
  margin-top: 24px;
  margin-bottom: 8px;
  display: block;
}

.react-student-app__dialog-free-india-plans-referral_referralLinkContainer--ipqt {
  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-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: 90%;
}
@media (max-width: 640px) {
  .react-student-app__dialog-free-india-plans-referral_referralLinkContainer--ipqt {
    width: 100%;
  }
}

.react-student-app__dialog-free-india-plans-referral_referralComment--GXgJ {
  color: var(--ui-skin-text-subdued);
  margin-top: 8px;
}

.react-student-app__dialog-free-india-plans-referral_inputWrapper--eTAu {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 16px;
}

.react-student-app__dialog-free-india-plans-referral_facebookButton--sFyc {
  background-color: var(--ui-skin-button-fb);
  border-color: var(--ui-skin-button-fb);
}

.react-student-app__dialog-free-india-plans-referral_twitterButton--JSiE {
  background-color: var(--ui-skin-button-twitter);
  border-color: var(--ui-skin-button-twitter);
}

.react-student-app__dialog-free-india-plans-referral_linkedinButton--1Ban {
  background-color: var(--ui-skin-button-linkedin);
  border-color: var(--ui-skin-button-linkedin);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/plan-info-panel/plan-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-student-app__plan-info-panel_isInverted--B4nW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__plan-info-panel_container--b9xA {
  margin-bottom: 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;
  background: var(--ui-skin-notification-neutral-bg);
  color: var(--ui-skin-notification-neutral-text);
}
@media (max-width: 640px) {
  .react-student-app__plan-info-panel_container--b9xA {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__plan-info-panel_content--6-8U {
  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-student-app__plan-info-panel_content--6-8U {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__plan-info-panel_actions--s0Yr {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media (max-width: 870px) {
  .react-student-app__plan-info-panel_actions--s0Yr {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    margin-left: 92px;
    margin-top: 16px;
  }
}
@media (max-width: 640px) {
  .react-student-app__plan-info-panel_actions--s0Yr {
    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;
    width: 100%;
    margin-left: 0;
  }
}
.react-student-app__plan-info-panel_actions--s0Yr button:not(:last-child) {
  margin-bottom: 12px;
}

.react-student-app__plan-info-panel_description--hP4V {
  margin-right: 28px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 640px) {
  .react-student-app__plan-info-panel_description--hP4V {
    margin-top: 16px;
  }
}

.react-student-app__plan-info-panel_illustration--nSTr {
  margin-right: 28px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.react-student-app__plan-info-panel_descriptionTitle---N\+V {
  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: 4px;
}
.ui-scheme-inverted .react-student-app__plan-info-panel_descriptionTitle---N\+V, .react-student-app__plan-info-panel_descriptionTitle---N\+V.react-student-app__plan-info-panel_isInverted--B4nW {
  color: var(--ui-skin-heading-3-color-inverted);
}
/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/swiper.css ***!
  \**********************************************************************************/
/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/modules/pagination.css ***!
  \**********************************************************************************************/
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  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-carousel/ui-carousel.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-carousel_isInverted--n16U {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-carousel_container--GOFA swiper-container {
  display: grid;
  --swiper-pagination-color: var(--ui-skin-active-element);
}
.react-ui-kit__ui-carousel_container--GOFA swiper-slide {
  max-width: 100%;
  height: 100%;
  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;
  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]!./src/components/stats-done-state-label/stats-done-state-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-student-app__stats-done-state-label_isInverted--FeFd {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__stats-done-state-label_label--PPO7 {
  color: var(--ui-skin-text-positive);
  margin: 0;
  padding: 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;
}

.react-student-app__stats-done-state-label_icon--7\+JQ {
  margin-right: 6px;
}

.react-student-app__stats-done-state-label_header--TL0g {
  margin-top: 0;
  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/react-ui-kit/src/components/ui-circular-chart/ui-circular-chart.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-circular-chart_isInverted--P7qI {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-circular-chart_container--Ikjo {
  width: 100%;
  margin: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 148px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-circular-chart_container--Ikjo {
    min-height: 114px;
  }
}

.react-ui-kit__ui-circular-chart_chart--keJU {
  color: var(--ui-skin-palette-positive-400);
  min-height: 148px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-circular-chart_chart--keJU {
    min-height: 114px;
  }
}

.react-ui-kit__ui-circular-chart_label--Nctg {
  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-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;
  text-align: center;
}

.react-ui-kit__ui-circular-chart_title--bGT2 {
  font-weight: 600;
  font-size: var(--ui-skin-heading-4-font-size);
  line-height: var(--ui-skin-heading-4-line-height);
  color: var(--ui-skin-text);
  margin: 4px 0px;
}

.react-ui-kit__ui-circular-chart_subtitle--2yms {
  color: var(--ui-skin-text-subdued);
}
.react-ui-kit__ui-circular-chart_subtitle--2yms {
  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/stats-circular-chart/stats-circular-chart.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-student-app__stats-circular-chart_isInverted--BBir {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__stats-circular-chart_container--S0oA {
  min-height: 136px;
  max-height: 148px;
  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;
  margin-top: 16px;
}
@media (max-width: 639px) {
  .react-student-app__stats-circular-chart_container--S0oA {
    width: 136px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.react-student-app__stats-circular-chart_doneCircle--vCYm {
  width: 136px;
  height: auto;
  border-radius: 50%;
  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;
  text-align: center;
  position: relative;
}
.react-student-app__stats-circular-chart_doneCircle--vCYm:before {
  content: "";
  position: absolute;
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: var(--ui-skin-notification-positive-bg);
}

.react-student-app__stats-circular-chart_doneContainer--Kr0N {
  max-width: 100%;
  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;
  text-align: center;
  padding: 8px;
}

.react-student-app__stats-circular-chart_doneLabel--i7Sc {
  z-index: 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-stars-rating/ui-stars-rating.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-stars-rating_isInverted--AWWi {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-stars-rating_container--\+kG\+ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  stroke-width: 0px;
}
.react-ui-kit__ui-stars-rating_container--\+kG\+:hover .react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW, .react-ui-kit__ui-stars-rating_container--\+kG\+:focus-within .react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW {
  color: var(--ui-skin-star-rating-color-active);
  stroke: var(--ui-skin-star-rating-color-active);
}

.react-ui-kit__ui-stars-rating_star--4FOi {
  color: transparent;
  color: var(--ui-skin-star-rating-color);
  stroke: var(--ui-skin-star-rating-color-border);
  border: none;
  background-color: transparent;
  padding: 0;
}
.react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_active--cgDW {
  color: var(--ui-skin-star-rating-color-active);
  stroke: var(--ui-skin-star-rating-color-active);
}
.react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW {
  cursor: pointer;
}
.react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW:hover, .react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW:focus {
  outline: none;
}
.react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW:hover ~ .react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW, .react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW:focus ~ .react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_editable--ViLW {
  color: var(--ui-skin-star-rating-color);
  stroke: var(--ui-skin-star-rating-color-border);
}
.react-ui-kit__ui-stars-rating_star--4FOi.react-ui-kit__ui-stars-rating_disabled--FrPU {
  pointer-events: none;
}

.react-ui-kit__ui-stars-rating_is-outlined--HL2- {
  stroke-width: 1px;
}

.react-ui-kit__ui-stars-rating_mr-xxxl--lxHY .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 80px;
}

.react-ui-kit__ui-stars-rating_mr-xxl--qHBe .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 40px;
}

.react-ui-kit__ui-stars-rating_mr-xl--Bf-e .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 28px;
}

.react-ui-kit__ui-stars-rating_mr-lg--EPpD .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 24px;
}

.react-ui-kit__ui-stars-rating_mr-md--V63W .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 20px;
}

.react-ui-kit__ui-stars-rating_mr-sm--5MEU .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 16px;
}

.react-ui-kit__ui-stars-rating_mr-xs--T9GJ .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 12px;
}

.react-ui-kit__ui-stars-rating_mr-xxs--lgVM .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 8px;
}

.react-ui-kit__ui-stars-rating_mr-xxxs--sJTu .react-ui-kit__ui-stars-rating_star--4FOi:not(:last-child) {
  padding-right: 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/stats-table/stats-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-student-app__stats-table_isInverted--zTDC {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__stats-table_tableHeader1--b-Kw {
  width: 45%;
}

.react-student-app__stats-table_tableHeader2--9Gml {
  min-width: 72px;
  width: 15%;
}

.react-student-app__stats-table_tableHeader3--CTy4 {
  width: 40%;
  min-width: 208px;
}

.react-student-app__stats-table_title--KAXT {
  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);
}
.ui-scheme-inverted .react-student-app__stats-table_title--KAXT, .react-student-app__stats-table_title--KAXT.react-student-app__stats-table_isInverted--zTDC {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__stats-table_subtitle--t1w5, .react-student-app__stats-table_allGoodTitle--Q3bK, .react-student-app__stats-table_successRateCaption--2JqR {
  color: var(--ui-skin-text-subdued);
  margin: 0;
  padding-right: 16px;
}
.react-student-app__stats-table_subtitle--t1w5, .react-student-app__stats-table_allGoodTitle--Q3bK, .react-student-app__stats-table_successRateCaption--2JqR {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__stats-table_successRate--0pf\+ {
  font-weight: var(--ui-skin-font-weight-bold);
}
.react-student-app__stats-table_successRate--0pf\+ {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-student-app__stats-table_successRateCaption--2JqR {
  display: none;
}
@media (max-width: 639px) {
  .react-student-app__stats-table_successRateCaption--2JqR {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.react-student-app__stats-table_tooltipIcon--IxID {
  color: var(--ui-skin-border);
  margin-left: 8px;
}

.react-student-app__stats-table_allGood--QQip {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.react-student-app__stats-table_allGoodIcon--9X\+- {
  color: var(--ui-skin-text-placeholder);
  margin-right: 8px;
}

@media (max-width: 870px) {
  .react-student-app__stats-table_allGoodTitle--Q3bK {
    display: none;
  }
}
@media (max-width: 640px) {
  .react-student-app__stats-table_allGoodTitle--Q3bK {
    display: inline;
  }
}

.react-student-app__stats-table_placeholder--mIbU {
  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]!./src/containers/user-statistics/user-statistics.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-student-app__user-statistics_isInverted--2Ew3 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__user-statistics_container--gQVl .react-student-app__user-statistics_header3--gCny {
  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-student-app__user-statistics_container--gQVl .react-student-app__user-statistics_header3--gCny, .react-student-app__user-statistics_container--gQVl .react-student-app__user-statistics_header3--gCny.react-student-app__user-statistics_isInverted--2Ew3 {
  color: var(--ui-skin-heading-3-color-inverted);
}
.react-student-app__user-statistics_container--gQVl .react-student-app__user-statistics_header4--GHmi {
  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);
}
.ui-scheme-inverted .react-student-app__user-statistics_container--gQVl .react-student-app__user-statistics_header4--GHmi, .react-student-app__user-statistics_container--gQVl .react-student-app__user-statistics_header4--GHmi.react-student-app__user-statistics_isInverted--2Ew3 {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__user-statistics_charts--VdoL {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: calc(100% + 16px);
}
@media (max-width: 640px) {
  .react-student-app__user-statistics_charts--VdoL {
    max-width: 100%;
  }
}

.react-student-app__user-statistics_card--aydi {
  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);
  padding: 28px;
  margin-right: 16px;
  margin-bottom: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 50vw;
  overflow: hidden;
  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;
}
@media (max-width: 640px) {
  .react-student-app__user-statistics_card--aydi {
    border-radius: 0;
    border-bottom: 1px solid var(--ui-skin-card-separator);
  }
}
@media (max-width: 870px) {
  .react-student-app__user-statistics_card--aydi {
    padding: 16px;
  }
}
@media (max-width: 640px) {
  .react-student-app__user-statistics_card--aydi {
    margin-right: 8px;
    max-width: 100vw;
    margin-bottom: 0;
    min-height: 225px;
  }
  .react-student-app__user-statistics_card--aydi:last-of-type {
    margin-right: 0;
  }
}

.react-student-app__user-statistics_title--9mC7 {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 28px;
}
@media (max-width: 870px) {
  .react-student-app__user-statistics_title--9mC7 {
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.react-student-app__user-statistics_title--9mC7 .react-student-app__user-statistics_timeSpentCell--M3QZ {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.react-student-app__user-statistics_title--9mC7 .react-student-app__user-statistics_timeSpent--4370 {
  margin: 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: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  white-space: nowrap;
  color: var(--ui-skin-text-subdued);
  font-weight: var(--ui-skin-font-weight-semibold);
}
.react-student-app__user-statistics_title--9mC7 .react-student-app__user-statistics_timeSpent--4370 {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-student-app__user-statistics_title--9mC7 .react-student-app__user-statistics_timeSpentIcon--FIDc {
  margin-right: 8px;
}

.react-student-app__user-statistics_chartTitle--gJMv {
  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;
}
.ui-scheme-inverted .react-student-app__user-statistics_chartTitle--gJMv, .react-student-app__user-statistics_chartTitle--gJMv.react-student-app__user-statistics_isInverted--2Ew3 {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__user-statistics_tableHeader--PF\+x {
  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-top: 40px;
  margin-bottom: 28px;
}
.ui-scheme-inverted .react-student-app__user-statistics_tableHeader--PF\+x, .react-student-app__user-statistics_tableHeader--PF\+x.react-student-app__user-statistics_isInverted--2Ew3 {
  color: var(--ui-skin-heading-4-color-inverted);
}
@media (max-width: 870px) {
  .react-student-app__user-statistics_tableHeader--PF\+x {
    padding-left: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.react-student-app__user-statistics_chartPlaceholderTitle--xW3y {
  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);
  color: var(--ui-skin-text-subdued);
}
.ui-scheme-inverted .react-student-app__user-statistics_chartPlaceholderTitle--xW3y, .react-student-app__user-statistics_chartPlaceholderTitle--xW3y.react-student-app__user-statistics_isInverted--2Ew3 {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__user-statistics_recommendationMetIcon--fkfl,
.react-student-app__user-statistics_recommendationUnmetIcon--siNc {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 8px;
  display: inline-block;
}

.react-student-app__user-statistics_recommendationUnmetIcon--siNc {
  background-color: var(--ui-skin-text-warning);
}

.react-student-app__user-statistics_recommendationMetIcon--fkfl {
  background-color: var(--ui-skin-text-positive);
}

.react-student-app__user-statistics_chartContainer--dHw9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 640px) {
  .react-student-app__user-statistics_circularChartContainer--Uylz {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: 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-text-overflow/ui-text-overflow.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-text-overflow_isInverted--v2WY {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-text-overflow_container--Ybeq {
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.react-ui-kit__ui-text-overflow_isMultiline--DWet {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  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]!./node_modules/@mindojo/react-core/src/components/user-avatar-set/user-avatar-set.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-set_isInverted--xumo {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__user-avatar-set_user--ZgM7 {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background-color: var(--ui-skin-icon-progress-bg);
  color: var(--ui-skin-text-subdued);
  overflow: hidden;
}

.react-core__user-avatar-set_user--ZgM7 + .react-core__user-avatar-set_user--ZgM7 {
  margin-left: 4px;
}

.react-core__user-avatar-set_remaining--4w0H {
  text-align: center;
  font-size: 10px;
  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;
}

.react-core__user-avatar-set_userAvatarSet--w3Gk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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-core/src/components/last-updated-by/last-updated-by.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__last-updated-by_isInverted--oNOa {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__last-updated-by_textReset--VBgQ {
  font-weight: initial;
  font-size: initial;
  line-height: initial;
  color: initial;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/aat-thread-item/aat-thread-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__aat-thread-item_isInverted--iY1M {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__aat-thread-item_title--HSFK {
  padding: 0;
  margin-right: 8px;
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.react-core__aat-thread-item_participants--6Dfj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-core__aat-thread-item_unreadLabel--IvZx {
  margin-left: 8px;
}

.react-core__aat-thread-item_subduedText--7\+YC {
  color: var(--ui-skin-palette-s1-700);
}

.react-core__aat-thread-item_cellWidthlg--C8rR {
  min-width: 256px;
  max-width: 256px;
  width: 256px;
  -ms-flex-negative: 2.5;
  -webkit-flex-shrink: 2.5;
          flex-shrink: 2.5;
}

.react-core__aat-thread-item_isHoverable--H01d:hover > td {
  background: var(--ui-skin-navigation-hover-bg);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ask-a-tutor/ask-a-tutor.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-student-app__ask-a-tutor_isInverted--PnPE {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__ask-a-tutor_heading--h0Ix {
  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: 28px;
}
.ui-scheme-inverted .react-student-app__ask-a-tutor_heading--h0Ix, .react-student-app__ask-a-tutor_heading--h0Ix.react-student-app__ask-a-tutor_isInverted--PnPE {
  color: var(--ui-skin-heading-3-color-inverted);
}
@media (max-width: 639px) {
  .react-student-app__ask-a-tutor_heading--h0Ix {
    padding-left: 16px;
    margin-bottom: 16px;
    padding-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/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--LOr0 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__body_body--tpQ0 {
  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--tpQ0:empty {
  display: none;
}

.react-ui-kit__body_separator--GslW {
  -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--Y\+B1 {
  padding: 80px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_xxxlPadding--Y\+B1 {
    padding: 40px;
  }
}

.react-ui-kit__body_xxlPadding--p9oh {
  padding: 40px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_xxlPadding--p9oh {
    padding: 24px;
  }
}

.react-ui-kit__body_xlPadding--Cl\+7 {
  padding: 28px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_xlPadding--Cl\+7 {
    padding: 16px;
  }
}

.react-ui-kit__body_lgPadding--XAaj {
  padding: 24px;
}

.react-ui-kit__body_mdPadding--oAzm {
  padding: 20px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_mdPadding--oAzm {
    padding: 12px;
  }
}

.react-ui-kit__body_smPadding--7Ajq {
  padding: 16px;
}

.react-ui-kit__body_xsPadding--YVyk {
  padding: 12px;
}
@media (max-width: 639px) {
  .react-ui-kit__body_xsPadding--YVyk {
    padding: 8px;
  }
}

.react-ui-kit__body_xxsPadding--Fsbu {
  padding: 8px;
}

.react-ui-kit__body_xxxsPadding--3M7Y {
  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--kS2V {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__footer_footer--OpiO {
  border-top: 1px solid var(--ui-skin-side-dialog-header-separator);
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.react-ui-kit__footer_xxxlPadding--Tbsb {
  padding: 80px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_xxxlPadding--Tbsb {
    padding: 40px;
  }
}

.react-ui-kit__footer_xxlPadding--SCRx {
  padding: 40px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_xxlPadding--SCRx {
    padding: 24px;
  }
}

.react-ui-kit__footer_xlPadding--S4w3 {
  padding: 28px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_xlPadding--S4w3 {
    padding: 16px;
  }
}

.react-ui-kit__footer_lgPadding--SSi- {
  padding: 24px;
}

.react-ui-kit__footer_mdPadding--Ewgj {
  padding: 20px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_mdPadding--Ewgj {
    padding: 12px;
  }
}

.react-ui-kit__footer_smPadding--KHQC {
  padding: 16px;
}

.react-ui-kit__footer_xsPadding--mWF0 {
  padding: 12px;
}
@media (max-width: 639px) {
  .react-ui-kit__footer_xsPadding--mWF0 {
    padding: 8px;
  }
}

.react-ui-kit__footer_xxsPadding--UR5J {
  padding: 8px;
}

.react-ui-kit__footer_xxxsPadding--W0uq {
  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--a6XL {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__separator_separator--b1x5 {
  -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--6tuA {
  margin: 80px -80px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_xxxlPadding--6tuA {
    margin: 40px -40px;
  }
}

.react-ui-kit__separator_xxlPadding--VyUb {
  margin: 40px -40px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_xxlPadding--VyUb {
    margin: 24px -24px;
  }
}

.react-ui-kit__separator_xlPadding--OnDn {
  margin: 28px -28px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_xlPadding--OnDn {
    margin: 16px -16px;
  }
}

.react-ui-kit__separator_lgPadding--2\+eO {
  margin: 24px -24px;
}

.react-ui-kit__separator_mdPadding--bwFc {
  margin: 20px -20px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_mdPadding--bwFc {
    margin: 12px -12px;
  }
}

.react-ui-kit__separator_smPadding--GNBL {
  margin: 16px -16px;
}

.react-ui-kit__separator_xsPadding---pqp {
  margin: 12px -12px;
}
@media (max-width: 640px) {
  .react-ui-kit__separator_xsPadding---pqp {
    margin: 8px -8px;
  }
}

.react-ui-kit__separator_xxsPadding---aoN {
  margin: 8px -8px;
}

.react-ui-kit__separator_xxxsPadding--nzYB {
  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--JxAC {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-side-dialog_container--i5LP {
  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--i5LP {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.react-ui-kit__ui-side-dialog_hasBorder--\+0zZ {
  border-bottom: 1px solid var(--ui-skin-side-dialog-header-separator);
}

.react-ui-kit__ui-side-dialog_header--\+FZA .react-ui-kit__ui-side-dialog_title--7ACJ {
  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--\+FZA:empty {
  display: none;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_header--\+FZA .react-ui-kit__ui-side-dialog_header--\+FZA {
    padding: 16px;
  }
}

.react-ui-kit__ui-side-dialog_md--b6oB {
  width: 400px;
  max-width: 100vw;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_md--b6oB {
    width: 100vw;
  }
}

.react-ui-kit__ui-side-dialog_lg--x2LZ {
  width: 620px;
  max-width: 100vw;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_lg--x2LZ {
    width: 100vw;
  }
}

.react-ui-kit__ui-side-dialog_half--WXvK {
  width: 50%;
  max-width: 100vw;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_half--WXvK {
    width: 100vw;
  }
}

.react-ui-kit__ui-side-dialog_xxxlPadding--cThs {
  padding: 80px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_xxxlPadding--cThs {
    padding: 40px;
  }
}

.react-ui-kit__ui-side-dialog_xxlPadding--VlZT {
  padding: 40px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_xxlPadding--VlZT {
    padding: 24px;
  }
}

.react-ui-kit__ui-side-dialog_xlPadding--CIlm {
  padding: 28px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_xlPadding--CIlm {
    padding: 16px;
  }
}

.react-ui-kit__ui-side-dialog_lgPadding--R\+qo {
  padding: 24px;
}

.react-ui-kit__ui-side-dialog_mdPadding---xZq {
  padding: 20px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_mdPadding---xZq {
    padding: 12px;
  }
}

.react-ui-kit__ui-side-dialog_smPadding--SwA8 {
  padding: 16px;
}

.react-ui-kit__ui-side-dialog_xsPadding--R2Rt {
  padding: 12px;
}
@media (max-width: 639px) {
  .react-ui-kit__ui-side-dialog_xsPadding--R2Rt {
    padding: 8px;
  }
}

.react-ui-kit__ui-side-dialog_xxsPadding--\+V91 {
  padding: 8px;
}

.react-ui-kit__ui-side-dialog_xxxsPadding--u6KR {
  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/replies-left/replies-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-student-app__replies-left_isInverted--ocC8 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__replies-left_repliesLeft--0SbB {
  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;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/replies-limit/replies-limit.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-student-app__replies-limit_isInverted--Lz3P {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__replies-limit_container--1N0B {
  background-color: var(--ui-skin-action-bar);
  margin: -20px;
  margin-bottom: 20px;
  padding: 20px;
}
@media (max-width: 640px) {
  .react-student-app__replies-limit_container--1N0B {
    margin: -12px;
    margin-bottom: 12px;
    padding: 12px;
  }
}

.react-student-app__replies-limit_warning--xYJb {
  color: var(--ui-skin-label-warning-text);
  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: 0;
}
.react-student-app__replies-limit_warning--xYJb span {
  font-weight: var(--ui-skin-font-weight-semibold);
  padding-left: 8px;
}

.react-student-app__replies-limit_text--ADsJ {
  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]!./src/components/aat-messenger/aat-messenger.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-student-app__aat-messenger_isInverted--q1hx {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__aat-messenger_container--QMxS {
  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;
}
@media (max-width: 640px) {
  .react-student-app__aat-messenger_container--QMxS {
    height: 60px;
    -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;
  }
}

.react-student-app__aat-messenger_textarea--kzac {
  width: 100%;
}

.react-student-app__aat-messenger_submitArea--eGl3 {
  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;
  padding-top: 16px;
}
@media (max-width: 640px) {
  .react-student-app__aat-messenger_submitArea--eGl3 {
    padding-top: 0;
    padding-left: 12px;
  }
}

.react-student-app__aat-messenger_replies--8fc3 {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__aat-messenger_replies--8fc3 {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
@media (max-width: 640px) {
  .react-student-app__aat-messenger_replies--8fc3 {
    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/aat-message/aat-message.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-student-app__aat-message_isInverted--z8Hc {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__aat-message_image--ffzC {
  max-width: 95%;
}
.react-student-app__aat-message_image--ffzC:not(:last-child) {
  padding-bottom: 12px;
}
@media (max-width: 640px) {
  .react-student-app__aat-message_image--ffzC {
    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]!./src/components/aat-message-wrapper/aat-message-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-student-app__aat-message-wrapper_isInverted--onGn {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__aat-message-wrapper_messageWrapper--LDka {
  padding-bottom: 24px;
}
.react-student-app__aat-message-wrapper_messageWrapper--LDka:last-child {
  padding-bottom: 0;
}

.react-student-app__aat-message-wrapper_userInfo--mIX5 {
  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: 12px;
}
.react-student-app__aat-message-wrapper_userInfo--mIX5 > * {
  margin-right: 16px;
}

.react-student-app__aat-message-wrapper_createdAt--WYWt {
  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/aat-messages/aat-messages.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-student-app__aat-messages_isInverted--qJ05 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__aat-messages_aatMessagesWrapper--gHLf {
  border-top: 1px solid var(--ui-skin-divider);
  margin: 0 -20px;
  padding: 0 20px;
  padding-top: 28px;
  margin-top: 28px;
}
.react-student-app__aat-messages_aatMessagesWrapper--gHLf + .react-student-app__aat-messages_aatMessagesWrapper--gHLf {
  margin-bottom: 28px;
}
.react-student-app__aat-messages_aatMessagesWrapper--gHLf h4 {
  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: 20px;
}
.ui-scheme-inverted .react-student-app__aat-messages_aatMessagesWrapper--gHLf h4, .react-student-app__aat-messages_aatMessagesWrapper--gHLf h4.react-student-app__aat-messages_isInverted--qJ05 {
  color: var(--ui-skin-heading-4-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__aat-messages_aatMessagesWrapper--gHLf h4 {
    margin-bottom: 16px;
  }
}

.react-student-app__aat-messages_noMessage--Y-L9 {
  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/question-review/question-review.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-student-app__question-review_isInverted--\+VjU {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__question-review_playerBase--bT14 {
  position: relative;
  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]!./src/components/question-review-dialog/question-review-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-student-app__question-review-dialog_isInverted--3HU9 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__question-review-dialog_noMessages--7WdU {
  padding-bottom: 16px;
}

.react-student-app__question-review-dialog_unanswered--RkLq {
  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]!./src/components/live-session-past/live-session-past.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-student-app__live-session-past_isInverted--LHrf {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-session-past_sectionTitle--MxiP {
  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);
  padding-left: 0;
  padding-right: 0;
  display: inline;
}
.ui-scheme-inverted .react-student-app__live-session-past_sectionTitle--MxiP, .react-student-app__live-session-past_sectionTitle--MxiP.react-student-app__live-session-past_isInverted--LHrf {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__live-session-past_topicTitle--7Myo {
  color: var(--ui-skin-text-subdued);
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-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/cancel-session-dialog-content/cancel-session-dialog-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.react-student-app__cancel-session-dialog-content_isInverted--tX-a {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__cancel-session-dialog-content_textNegative--6lsY {
  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/live-session-upcoming/live-session-upcoming.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-student-app__live-session-upcoming_isInverted--rxnu {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-session-upcoming_tableColumn--ScxH {
  vertical-align: top;
}

.react-student-app__live-session-upcoming_tableColumn--ScxH:first-child {
  width: 40%;
}

.react-student-app__live-session-upcoming_sectionTitle--4Lc0 {
  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);
  padding-left: 0;
  padding-right: 0;
  display: inline;
}
.ui-scheme-inverted .react-student-app__live-session-upcoming_sectionTitle--4Lc0, .react-student-app__live-session-upcoming_sectionTitle--4Lc0.react-student-app__live-session-upcoming_isInverted--rxnu {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__live-session-upcoming_topicTitle--vAKS {
  color: var(--ui-skin-text-subdued);
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-student-app__live-session-upcoming_timeDiff--j36N {
  color: var(--ui-skin-text-subdued);
  display: block;
}

.react-student-app__live-session-upcoming_timeDiffPositive--fUvZ {
  color: var(--ui-skin-text-positive);
  display: block;
}

.react-student-app__live-session-upcoming_actionsBlock--Mzyc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 640px) {
  .react-student-app__live-session-upcoming_actionsBlock--Mzyc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__live-session-upcoming_timeBlock---Aau {
  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;
}

.react-student-app__live-session-upcoming_buttons--s8Xi {
  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]!./src/components/live-sessions-schedule-widget/live-sessions-schedule-widget.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-student-app__live-sessions-schedule-widget_isInverted--H9h4 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-sessions-schedule-widget_title--ZRfS {
  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);
  color: var(--ui-skin-text-inverted);
  margin-bottom: 16px;
}
.ui-scheme-inverted .react-student-app__live-sessions-schedule-widget_title--ZRfS, .react-student-app__live-sessions-schedule-widget_title--ZRfS.react-student-app__live-sessions-schedule-widget_isInverted--H9h4 {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__live-sessions-schedule-widget_paragraph--wBoQ {
  color: var(--ui-skin-text-subdued-inverted);
  padding-bottom: 16px;
  max-width: 400px;
}

.react-student-app__live-sessions-schedule-widget_card--nHak {
  background-color: var(--ui-skin-background-inverted);
  background-image: url("data:image/svg+xml,%3Csvg width='948' height='584' viewBox='0 0 948 584' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='948' height='584'%3E%3Cpath d='M0 8C0 3.58173 3.58172 0 8 0H940C944.418 0 948 3.58172 948 8V576C948 580.418 944.418 584 940 584H8.00001C3.58173 584 0 580.418 0 576V8Z' fill='%233ACD75'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M823.359 200.897L944.351 321.926L1068.13 198.114L947.133 77.0859L823.359 200.897ZM794.231 195.239C791.107 198.364 791.107 203.43 794.231 206.555L938.695 351.063C941.819 354.187 946.884 354.187 950.007 351.063L1097.25 203.772C1100.38 200.648 1100.38 195.581 1097.25 192.457L952.789 47.9487C949.665 44.824 944.601 44.824 941.477 47.9487L794.231 195.239Z' fill='black'/%3E%3Cellipse opacity='0.16' cx='653.256' cy='174.323' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.16' cx='653.256' cy='212.06' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='653.256' cy='136.587' rx='9.02124' ry='9.02394' fill='black'/%3E%3Cellipse opacity='0.16' cx='690.981' cy='136.587' rx='9.02122' ry='9.02394' fill='black'/%3E%3Cellipse opacity='0.16' cx='690.981' cy='174.323' rx='9.02122' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='690.981' cy='97.2096' rx='9.02122' ry='9.02395' fill='black'/%3E%3Cellipse opacity='0.16' cx='728.706' cy='174.323' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.16' cx='728.706' cy='212.06' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='728.706' cy='136.587' rx='9.02124' ry='9.02394' fill='black'/%3E%3Cpath opacity='0.16' d='M591.477 101.588L477.635 -12.254C476.134 -13.7542 475.292 -15.7891 475.292 -17.9108V-133.686C475.292 -140.814 483.909 -144.383 488.948 -139.343L602.79 -25.5013C604.291 -24.001 605.133 -21.9661 605.133 -19.8444V95.9311C605.133 103.058 596.516 106.628 591.477 101.588Z' fill='black'/%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M496.359 370.31C542.19 370.31 578.118 334.398 578.118 291.59C578.118 248.781 542.19 212.87 496.359 212.87C450.528 212.87 414.6 248.781 414.6 291.59C414.6 334.398 450.528 370.31 496.359 370.31ZM496.359 394.91C555.099 394.91 602.718 348.652 602.718 291.59C602.718 234.527 555.099 188.27 496.359 188.27C437.618 188.27 390 234.527 390 291.59C390 348.652 437.618 394.91 496.359 394.91Z' fill='black'/%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M899.415 117.785C895.214 114.337 892.928 112.734 889.546 112.792C886.063 112.852 882.939 114.766 878.603 118.08C878.307 118.307 877.999 118.544 877.682 118.789C875.935 120.137 873.887 121.716 871.852 122.946C869.381 124.439 866.168 125.913 862.373 125.913C858.372 125.913 855.106 124.497 852.497 122.857C850.434 121.56 848.451 119.889 846.841 118.533C846.551 118.289 846.273 118.054 846.008 117.834C842.206 114.668 839.382 112.793 835.313 112.793C831.244 112.793 828.426 114.667 824.626 117.833C824.363 118.052 824.086 118.285 823.797 118.529C822.187 119.886 820.202 121.559 818.136 122.857C815.523 124.499 812.255 125.913 808.253 125.913C804.202 125.913 800.982 124.466 798.425 122.735C796.51 121.438 794.677 119.752 793.241 118.431C792.942 118.156 792.66 117.897 792.398 117.66C789.091 114.672 786.468 112.793 782.013 112.793C778.39 112.793 775.453 109.856 775.453 106.233C775.453 102.61 778.389 99.6732 782.012 99.6731C791.497 99.6728 797.242 104.354 801.195 107.926C801.648 108.335 802.057 108.71 802.433 109.054C803.809 110.313 804.746 111.17 805.782 111.871C806.858 112.6 807.551 112.793 808.253 112.793C809.002 112.793 809.853 112.567 811.155 111.749C812.381 110.978 813.545 110.001 815.168 108.64C815.501 108.361 815.852 108.066 816.228 107.753C820.301 104.359 826.261 99.6731 835.313 99.6731C844.363 99.6731 850.327 104.358 854.403 107.752C854.782 108.067 855.136 108.364 855.471 108.645C857.092 110.004 858.255 110.979 859.479 111.749C860.783 112.569 861.63 112.793 862.373 112.793C862.736 112.793 863.518 112.653 865.066 111.717C866.408 110.906 867.757 109.869 869.517 108.515C869.872 108.242 870.243 107.957 870.635 107.657C874.813 104.463 881.06 99.8162 889.32 99.6741C897.868 99.5269 903.559 104.207 907.411 107.374C907.522 107.466 907.631 107.555 907.739 107.644C911.975 111.121 914.29 112.793 917.723 112.793C921.471 112.793 924.936 110.797 929.51 107.482C929.885 107.21 930.277 106.922 930.682 106.625C932.474 105.31 934.526 103.805 936.513 102.633C938.989 101.172 942.236 99.6731 946.013 99.6731C949.636 99.6731 952.573 102.61 952.573 106.233C952.573 109.856 949.636 112.793 946.013 112.793C945.689 112.793 944.872 112.934 943.179 113.933C941.812 114.74 940.439 115.744 938.7 117.017C938.232 117.36 937.737 117.722 937.209 118.105C932.733 121.349 926.152 125.913 917.723 125.913C909.287 125.913 903.647 121.269 899.83 118.126C899.689 118.01 899.551 117.897 899.415 117.785Z' fill='black'/%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M899.415 145.677C895.214 142.229 892.928 140.626 889.546 140.684C886.063 140.744 882.939 142.658 878.603 145.973C878.307 146.199 877.999 146.436 877.682 146.681C875.935 148.029 873.887 149.608 871.852 150.838C869.381 152.331 866.168 153.805 862.373 153.805C858.372 153.805 855.106 152.39 852.497 150.749C850.434 149.452 848.451 147.781 846.841 146.426C846.551 146.181 846.273 145.947 846.008 145.727C842.206 142.561 839.382 140.685 835.313 140.685C831.244 140.685 828.426 142.559 824.626 145.725C824.363 145.944 824.086 146.178 823.797 146.421C822.187 147.778 820.202 149.451 818.136 150.75C815.523 152.392 812.255 153.805 808.253 153.805C804.202 153.805 800.982 152.358 798.425 150.627C796.51 149.33 794.677 147.645 793.241 146.323C792.942 146.048 792.66 145.789 792.398 145.552C789.091 142.564 786.468 140.685 782.013 140.685C778.39 140.685 775.453 137.749 775.453 134.126C775.453 130.503 778.389 127.565 782.012 127.565C791.497 127.565 797.242 132.246 801.195 135.818C801.648 136.228 802.057 136.602 802.433 136.946C803.809 138.205 804.746 139.062 805.782 139.764C806.858 140.492 807.551 140.685 808.253 140.685C809.002 140.685 809.853 140.459 811.155 139.641C812.381 138.87 813.545 137.894 815.168 136.532C815.501 136.253 815.852 135.958 816.228 135.645C820.301 132.252 826.261 127.565 835.313 127.565C844.363 127.565 850.327 132.25 854.403 135.644C854.782 135.959 855.136 136.257 855.471 136.538C857.092 137.896 858.255 138.872 859.479 139.642C860.783 140.461 861.63 140.685 862.373 140.685C862.736 140.685 863.518 140.545 865.066 139.609C866.408 138.798 867.757 137.761 869.517 136.407C869.872 136.134 870.243 135.849 870.635 135.55C874.813 132.355 881.06 127.708 889.32 127.566C897.868 127.419 903.559 132.099 907.411 135.267C907.522 135.358 907.631 135.448 907.739 135.536C911.975 139.013 914.29 140.685 917.723 140.685C921.471 140.685 924.936 138.689 929.51 135.374C929.885 135.102 930.277 134.814 930.682 134.517C932.474 133.202 934.526 131.697 936.513 130.525C938.989 129.064 942.236 127.565 946.013 127.565C949.636 127.565 952.573 130.502 952.573 134.125C952.573 137.748 949.636 140.685 946.013 140.685C945.689 140.685 944.872 140.826 943.179 141.826C941.812 142.632 940.439 143.636 938.7 144.91C938.232 145.252 937.737 145.614 937.209 145.997C932.733 149.242 926.152 153.805 917.723 153.805C909.287 153.805 903.647 149.161 899.83 146.019C899.689 145.903 899.551 145.789 899.415 145.677Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/live-sessions-scheduler-step-1-section/live-sessions-scheduler-step-1-section.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-student-app__live-sessions-scheduler-step-1-section_isInverted--sCJC {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-sessions-scheduler-step-1-section_option--h8pg {
  height: 128px;
  width: 128px;
  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;
  pointer-events: auto;
}

.react-student-app__live-sessions-scheduler-step-1-section_optionWrapper--HJ03 div {
  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;
}

.react-student-app__live-sessions-scheduler-step-1-section_sectionTitle--dzBs {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__live-sessions-scheduler-step-1-section_sectionTiming--Id-N {
  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/live-sessions-scheduler-step-1/live-sessions-scheduler-step-1.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-student-app__live-sessions-scheduler-step-1_isInverted--QqGU {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-sessions-scheduler-step-1_container--\+E6o {
  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;
}

.react-student-app__live-sessions-scheduler-step-1_title--QK2P {
  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);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-student-app__live-sessions-scheduler-step-1_title--QK2P, .react-student-app__live-sessions-scheduler-step-1_title--QK2P.react-student-app__live-sessions-scheduler-step-1_isInverted--QqGU {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__live-sessions-scheduler-step-1_option--SrCY {
  height: 128px;
  width: 128px;
  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;
}

.react-student-app__live-sessions-scheduler-step-1_optionWrapper--Q4IQ div {
  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;
}

.react-student-app__live-sessions-scheduler-step-1_sectionTitle--mow\+ {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__live-sessions-scheduler-step-1_sectionTiming--44ag {
  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/live-sessions-scheduler-step-2/live-sessions-scheduler-step-2.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-student-app__live-sessions-scheduler-step-2_isInverted--HqlK {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-sessions-scheduler-step-2_title--YBiJ {
  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);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-student-app__live-sessions-scheduler-step-2_title--YBiJ, .react-student-app__live-sessions-scheduler-step-2_title--YBiJ.react-student-app__live-sessions-scheduler-step-2_isInverted--HqlK {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__live-sessions-scheduler-step-2_dialogBody--U57v {
  padding: 20px;
  overflow-y: auto;
}

.react-student-app__live-sessions-scheduler-step-2_dialogSearch--GXBA {
  padding: 20px;
  padding-top: 0;
}

.react-student-app__live-sessions-scheduler-step-2_option--Nvm2 {
  display: block;
  width: 100%;
}

.react-student-app__live-sessions-scheduler-step-2_notice--p\+JR {
  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/live-sessions-scheduler-step-2-selected-topic/live-sessions-scheduler-step-2-selected-topic.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-student-app__live-sessions-scheduler-step-2-selected-topic_isInverted--smou {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-sessions-scheduler-step-2-selected-topic_selectedOption--lqu6 {
  border: 1px solid var(--ui-skin-checkable-card-border);
  padding: 16px;
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-card-bg);
  margin-bottom: 12px;
  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-student-app__live-sessions-scheduler-step-2-selected-topic_selectedOptionClose--8dFH {
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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--3nGJ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__timezone-select_select--fmDP {
  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]!./src/components/live-sessions-scheduler-step-3/live-sessions-scheduler-step-3.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-student-app__live-sessions-scheduler-step-3_isInverted--ocwO {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-sessions-scheduler-step-3_container--Qa2v .react-datepicker-popper {
  z-index: 1;
}

.react-student-app__live-sessions-scheduler-step-3_title--ijM9 {
  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);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-student-app__live-sessions-scheduler-step-3_title--ijM9, .react-student-app__live-sessions-scheduler-step-3_title--ijM9.react-student-app__live-sessions-scheduler-step-3_isInverted--ocwO {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__live-sessions-scheduler-step-3_subtitle--FTJQ {
  margin-bottom: 8px;
  font-weight: var(--ui-skin-font-weight-bold);
}
.react-student-app__live-sessions-scheduler-step-3_subtitle--FTJQ:not(:first-child) {
  margin-top: 20px;
}

.react-student-app__live-sessions-scheduler-step-3_loader--HTCt {
  margin: 20px;
}

.react-student-app__live-sessions-scheduler-step-3_noTimeSlotsMessage--QzgN {
  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/live-sessions-scheduler/live-sessions-scheduler.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-student-app__live-sessions-scheduler_isInverted--T9ua {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-sessions-scheduler_stepTitle--FiyD {
  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);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-student-app__live-sessions-scheduler_stepTitle--FiyD, .react-student-app__live-sessions-scheduler_stepTitle--FiyD.react-student-app__live-sessions-scheduler_isInverted--T9ua {
  color: var(--ui-skin-heading-6-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/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--ZNFq {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__course-plan-details_container--Ymyj p {
  margin: 0;
  padding: 0;
}
.react-core__course-plan-details_container--Ymyj a + a {
  margin-left: 20px;
}

.react-core__course-plan-details_details--eU8x 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--eU8x h3, .react-core__course-plan-details_details--eU8x h3.react-core__course-plan-details_isInverted--ZNFq {
  color: var(--ui-skin-heading-3-color-inverted);
}
.react-core__course-plan-details_details--eU8x p {
  color: var(--ui-skin-text-subdued);
  margin-bottom: 16px;
}
.react-core__course-plan-details_details--eU8x p {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-core__course-plan-details_details--eU8x p:last-child {
  margin-bottom: 0;
}

.react-core__course-plan-details_controls--\+IPG {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: auto;
}

.react-core__course-plan-details_trial--WFim {
  margin-left: 8px;
}

.react-core__course-plan-details_buttons--HEMX {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: auto;
}
@media (max-width: 639px) {
  .react-core__course-plan-details_buttons--HEMX {
    margin-top: 16px;
  }
}

.react-core__course-plan-details_supplements--E2Br {
  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--LNYG {
  -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--LNYG:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 640px) {
  .react-core__course-plan-details_supplement--LNYG {
    -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--LNYG:nth-child(2n) {
    margin-right: 0;
  }
}
.react-core__course-plan-details_supplement--LNYG .react-core__course-plan-details_title--1AIl {
  color: var(--ui-skin-text-subdued);
  margin-bottom: 4px;
}

.react-core__course-plan-details_usage--bxZl {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-core__course-plan-details_planDescription--pwMR {
  color: var(--ui-skin-text-subdued);
}
.react-core__course-plan-details_planDescription--pwMR .react-core__course-plan-details_title--1AIl {
  margin-top: 16px;
  margin-bottom: 4px;
}

.react-core__course-plan-details_supplementsPurchaseLink--a2-b {
  margin-top: 16px;
  color: var(--ui-skin-text-subdued);
}

.react-core__course-plan-details_mobileOnlyPlan--s8cI {
  margin-top: 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/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--Bj4a {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__cancel-auto-upgrade-dialog_reasonsHeader--fxz7 {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-core__cancel-auto-upgrade-dialog_customReasonInput--iBA0 {
  margin-top: 16px;
}

.react-core__cancel-auto-upgrade-dialog_bundleWarning--nALy {
  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--bJDM {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__upgrade-now-dialog_bundleWarning--Os-\+ {
  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--ZsTX {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-payment-method_header--LRfe {
  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--LRfe, .react-core__account-payment-method_header--LRfe.react-core__account-payment-method_isInverted--ZsTX {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__account-payment-method_row--A7K3 {
  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--A7K3 {
    -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--iHV1 {
  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--iHV1 {
    margin-bottom: 16px;
  }
}

.react-core__account-payment-method_icon--NquW {
  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--JVar {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-calculator_header--p8b8 {
  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--p8b8, .react-core__account-calculator_header--p8b8.react-core__account-calculator_isInverted--JVar {
  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--TJme {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-referral-link_container--sPaQ {
  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--sPaQ p {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
}

.react-core__account-referral-link_header--bkyQ {
  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--bkyQ, .react-core__account-referral-link_header--bkyQ.react-core__account-referral-link_isInverted--TJme {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__account-referral-link_subduedText--Oh1K {
  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/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--oo1c {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-timezone_header--9loU {
  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--9loU, .react-core__account-timezone_header--9loU.react-core__account-timezone_isInverted--oo1c {
  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--6baK {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-privacy_container--vAME {
  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--vVSp {
  font-weight: var(--ui-skin-font-weight-semibold);
  padding-left: 0;
}
.react-core__account-privacy_button--vVSp + .react-core__account-privacy_button--vVSp {
  margin-left: 0;
}

.react-core__account-privacy_header--ouwd {
  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--ouwd, .react-core__account-privacy_header--ouwd.react-core__account-privacy_isInverted--6baK {
  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-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--VICz {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-dialog-privacy-preferences_semibold--o57o {
  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--7REj {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-dialog-data-and-privacy-inquiries_semibold--i1z- {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-core__account-dialog-data-and-privacy-inquiries_radioContainer--AMK9 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--3RiS {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-preferences_container--06RA {
  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--W5w3 {
  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--W5w3, .react-core__account-preferences_header--W5w3.react-core__account-preferences_isInverted--3RiS {
  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--vugQ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account_header--RPYa {
  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--RPYa button {
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-core__account_body--jbJH {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.react-core__account_userInfo--JnQX {
  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--JnQX .react-core__account_userName--yX88 {
  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--JnQX .react-core__account_userName--yX88, .react-core__account_userInfo--JnQX .react-core__account_userName--yX88.react-core__account_isInverted--vugQ {
  color: var(--ui-skin-heading-2-color-inverted);
}
.react-core__account_userInfo--JnQX .react-core__account_email--BOYy {
  color: var(--ui-skin-text-subdued-inverted);
}
.react-core__account_userInfo--JnQX .react-core__account_email--BOYy {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-core__account_avatar--drD\+ {
  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--drD\+ .react-core__account_editIcon--dW-k {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
}
.react-core__account_avatar--drD\+:before {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: var(--ui-skin-account-avatar-overlay-background);
  color: var(--ui-skin-account-avatar-overlay-color);
}
.react-core__account_avatar--drD\+:hover .react-core__account_editIcon--dW-k {
  opacity: 1;
}
.react-core__account_avatar--drD\+:hover:before {
  opacity: var(--ui-skin-account-avatar-overlay-background-opacity);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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--jm6X {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__dialog-change-avatar_tabContent--UelE {
  padding-top: 16px;
}

.react-core__dialog-change-avatar_errorWrapper--N9m8 {
  margin-bottom: 20px;
}

.react-core__dialog-change-avatar_loadCaption--zwV2 {
  color: var(--ui-skin-text-subdued);
  margin-top: 0;
  margin-bottom: 24px;
}
.react-core__dialog-change-avatar_loadCaption--zwV2 {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-core__dialog-change-avatar_loadInfo--\+3aY {
  margin: 0;
  color: var(--ui-skin-text-subdued);
}
.react-core__dialog-change-avatar_loadInfo--\+3aY {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-core__dialog-change-avatar_avatar--1XPs {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin: 28px auto;
}

.react-core__dialog-change-avatar_capture--6ETs {
  min-width: 300px;
  min-height: 200px;
  width: 100% !important;
  text-align: center;
}

.react-core__dialog-change-avatar_captureBtn--bE1f {
  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]!./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--15ql {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-form-field_container--j-iT:not(:last-child) {
  margin-bottom: 16px;
}

.react-ui-kit__ui-form-field_text--hlIO {
  display: block;
  color: var(--ui-skin-form-field-helper-text);
  font-size: 87%;
}

.react-ui-kit__ui-form-field_label--\+kz6 {
  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--ZOq7 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.react-ui-kit__ui-form-field_isHorizontal--KHLM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.react-ui-kit__ui-form-field_isHorizontal--KHLM .react-ui-kit__ui-form-field_label--\+kz6 {
  width: 200px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

@media (max-width: 639px) {
  .react-ui-kit__ui-form-field_isMobileVertical--1UNh {
    -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--1UNh .react-ui-kit__ui-form-field_label--\+kz6 {
    margin-bottom: 8px;
  }
}

.react-ui-kit__ui-form-field_alignStart--ElLe .react-ui-kit__ui-form-field_label--\+kz6 {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}

.react-ui-kit__ui-form-field_alignCenter--x6ou .react-ui-kit__ui-form-field_label--\+kz6 {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.react-ui-kit__ui-form-field_alignEnd--FB7g .react-ui-kit__ui-form-field_label--\+kz6 {
  -webkit-align-self: end;
      -ms-flex-item-align: end;
          align-self: end;
}

.react-ui-kit__ui-form-field_size-sm--JaN0 {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-field_size-sm--JaN0 .react-ui-kit__ui-form-field_text--hlIO {
  margin-top: 8px;
}
.react-ui-kit__ui-form-field_size-sm--JaN0 .react-ui-kit__ui-form-field_label--\+kz6 {
  max-height: 44px;
}
.react-ui-kit__ui-form-field_size-sm--JaN0:not(.react-ui-kit__ui-form-field_isHorizontal--KHLM) .react-ui-kit__ui-form-field_label--\+kz6 {
  margin-bottom: 4px;
}

.react-ui-kit__ui-form-field_size-md--2v74 {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-form-field_size-md--2v74 .react-ui-kit__ui-form-field_text--hlIO {
  margin-top: 12px;
}
.react-ui-kit__ui-form-field_size-md--2v74 .react-ui-kit__ui-form-field_label--\+kz6 {
  max-height: 52px;
}
.react-ui-kit__ui-form-field_size-md--2v74:not(.react-ui-kit__ui-form-field_isHorizontal--KHLM) .react-ui-kit__ui-form-field_label--\+kz6 {
  margin-bottom: 8px;
}

.react-ui-kit__ui-form-field_isRequired--eD3\+ .react-ui-kit__ui-form-field_label--\+kz6::after {
  content: "*";
  display: inline-block;
  color: var(--ui-skin-form-field-required);
}

.react-ui-kit__ui-form-field_isDisabled--Quq1 .react-ui-kit__ui-form-field_label--\+kz6 {
  opacity: 0.5;
}

.react-ui-kit__ui-form-field_hasError--4eg6 .react-ui-kit__ui-form-field_text--hlIO {
  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--uzq5 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-form_container--mBzf.react-ui-kit__ui-form_isDisabled--Xeq7 {
  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--o8hR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__account-edit_container--fEy8 .react-core__account-edit_textField--xfIQ {
  margin-top: 0;
  margin-bottom: 12px;
  color: var(--ui-skin-text-subdued);
}
.react-core__account-edit_container--fEy8 .react-core__account-edit_textField--xfIQ {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-core__account-edit_container--fEy8 .react-core__account-edit_submit--MkF5 {
  margin-right: 20px;
}
.react-core__account-edit_container--fEy8 .react-core__account-edit_lastField--DxRw {
  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--kM31 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__change-email-form_submit--eY8D {
  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--Hcxl {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__change-password-form_email--qip0 {
  display: none;
}

.react-core__change-password-form_submit--tAgc {
  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-ui-kit/src/components/ui-typeahead/ui-typeahead.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-typeahead_isInverted--kD6C {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-typeahead_container--GB-Z {
  width: 100%;
  border-radius: var(--ui-skin-border-radius);
  -webkit-box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.05);
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_control--K6mp {
  border-radius: var(--ui-skin-border-radius);
  line-height: 1.3;
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_control--K6mp {
  line-height: 1.3;
  font-size: var(--ui-paragraph-md-font-size);
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_valueContainer--Duhc {
  padding: 16px;
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_placeholder--2-3T {
  color: var(--ui-skin-text-placeholder);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_menu--zKZH {
  top: 60px;
  margin: 0;
  padding: 0;
  border-radius: var(--ui-skin-border-radius);
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_menuList--FpDM {
  max-height: 336px;
  margin: 0;
  padding: 0;
  background: var(--ui-skin-typeahead-results-bg-color);
  border-radius: var(--ui-skin-border-radius);
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_option--MXmX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  cursor: pointer;
  white-space: pre;
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_option--MXmX .react-ui-kit__ui-typeahead_highlight--sCuh {
  color: var(--ui-skin-typeahead-results-highlighted-text-color);
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_isFocused--hIxI {
  background-color: var(--ui-skin-typeahead-results-hover-bg-color);
  color: var(--ui-skin-text);
}
.react-ui-kit__ui-typeahead_container--GB-Z .react-ui-kit__ui-typeahead_indicatorsContainer--B8Hs .react-ui-kit__ui-typeahead_icon--VM9r {
  cursor: pointer;
  color: var(--ui-skin-form-controls-icons);
  opacity: 0.75;
  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/auto-complete-search/auto-complete-search.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__auto-complete-search_isInverted--JdlY {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__auto-complete-search_container--dZL9 {
  position: absolute;
  right: 0;
  -webkit-transition: right 150ms;
  transition: right 150ms;
}
.react-core__auto-complete-search_container--dZL9 .react-core__auto-complete-search_option--0oUR {
  display: block;
  white-space: pre-wrap;
}

.react-core__auto-complete-search_input--y6aM .react-core__auto-complete-search_control--\+uPZ {
  opacity: 0;
  -webkit-transition: width 150ms, opacity 150ms ease-in-out;
  transition: width 150ms, opacity 150ms ease-in-out;
}

.react-core__auto-complete-search_open--O3Zb {
  right: -28px;
  left: -28px;
}
@media (max-width: 920px) {
  .react-core__auto-complete-search_open--O3Zb {
    right: -16px;
    left: -16px;
  }
}
@media (max-width: 640px) {
  .react-core__auto-complete-search_open--O3Zb {
    right: 0;
    left: 0;
  }
}
.react-core__auto-complete-search_open--O3Zb .react-core__auto-complete-search_input--y6aM {
  z-index: 11;
  width: 100%;
  border-color: transparent;
  -webkit-box-shadow: var(--ui-skin-box-shadow-lg);
          box-shadow: var(--ui-skin-box-shadow-lg);
}
.react-core__auto-complete-search_open--O3Zb .react-core__auto-complete-search_input--y6aM .react-core__auto-complete-search_control--\+uPZ {
  opacity: 1;
}

.react-core__auto-complete-search_noResult--7Xky {
  padding: 56px 12px;
  text-align: center;
  cursor: auto;
  color: var(--ui-skin-text);
}
.react-core__auto-complete-search_noResult--7Xky > span {
  display: block;
  margin-top: 12px;
  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/contents-card/contents-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-student-app__contents-card_isInverted--2bRD {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents-card_container--wsJq {
  position: relative;
  padding: 0;
  cursor: pointer;
  border: 1px solid 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]!./src/components/contents-card-concept/contents-card-concept.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-student-app__contents-card-concept_isInverted--\+ylC {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents-card-concept_container--oVgS {
  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;
  height: 200px;
  padding: 28px;
  border: 1px solid transparent;
  cursor: pointer;
}
.react-student-app__contents-card-concept_container--oVgS.react-student-app__contents-card-concept_isSelected--upk4, .react-student-app__contents-card-concept_container--oVgS:hover {
  border-color: var(--ui-skin-toc-card-active-border);
}

.react-student-app__contents-card-concept_header--QCsX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 640px) {
  .react-student-app__contents-card-concept_header--QCsX {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.react-student-app__contents-card-concept_header--QCsX .react-student-app__contents-card-concept_title--t2G1 {
  margin-right: auto;
}
@media (max-width: 640px) {
  .react-student-app__contents-card-concept_header--QCsX .react-student-app__contents-card-concept_title--t2G1 {
    max-width: 312px;
  }
}
.react-student-app__contents-card-concept_header--QCsX .react-student-app__contents-card-concept_icon--WT02 {
  color: var(--ui-skin-icon-progress-completed-bg);
}

.react-student-app__contents-card-concept_time--FQes {
  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-top: 12px;
  color: var(--ui-skin-palette-s1-700);
}
.react-student-app__contents-card-concept_time--FQes .react-student-app__contents-card-concept_icon--WT02 {
  margin-right: 8px;
}

.react-student-app__contents-card-concept_footer--TWfx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.react-student-app__contents-card-concept_footer--TWfx .react-student-app__contents-card-concept_buttonContainer--R6gB {
  margin-left: auto;
}
.react-student-app__contents-card-concept_footer--TWfx .react-student-app__contents-card-concept_buttonContainer--R6gB .react-student-app__contents-card-concept_action--utG3 {
  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-palette-s1-700);
}
.react-student-app__contents-card-concept_footer--TWfx .react-student-app__contents-card-concept_buttonContainer--R6gB .react-student-app__contents-card-concept_action--utG3 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-student-app__contents-card-concept_footer--TWfx .react-student-app__contents-card-concept_buttonContainer--R6gB .react-student-app__contents-card-concept_action--utG3 .react-student-app__contents-card-concept_icon--WT02 {
  margin-right: 8px;
}

.react-student-app__contents-card-concept_underConstruction--ED3d {
  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-student-app__contents-card-concept_underConstruction--ED3d span {
  margin-left: 4px;
  font-weight: var(--ui-skin-font-weight-bold);
  color: var(--ui-skin-palette-s1-700);
}
.react-student-app__contents-card-concept_underConstruction--ED3d span {
  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/react-ui-kit/src/components/ui-circular-progress-bar/ui-circular-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.react-ui-kit__ui-circular-progress-bar_isInverted--AUmg {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-circular-progress-bar_container--Yh9s {
  position: relative;
  width: 24px;
  height: 24px;
  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;
  border-radius: 100%;
  color: var(--ui-skin-icon-progress-color);
}

.react-ui-kit__ui-circular-progress-bar_progressBar--5QTN {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}
.react-ui-kit__ui-circular-progress-bar_progressBar--5QTN circle {
  fill: transparent;
  stroke-linecap: round;
}

.react-ui-kit__ui-circular-progress-bar_background--Xsb3 {
  stroke: var(--ui-skin-icon-progress-bg);
}

.react-ui-kit__ui-circular-progress-bar_value--iNtb {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.react-ui-kit__ui-circular-progress-bar_completed--6oqu {
  color: var(--ui-skin-icon-progress-completed-color);
  background: var(--ui-skin-icon-progress-completed-bg);
}

.react-ui-kit__ui-circular-progress-bar_indeterminate--UCPF svg {
  -webkit-animation: react-ui-kit__ui-circular-progress-bar_rotation--zMep 4s steps(20, end) infinite;
          animation: react-ui-kit__ui-circular-progress-bar_rotation--zMep 4s steps(20, end) infinite;
}
@-webkit-keyframes react-ui-kit__ui-circular-progress-bar_rotation--zMep {
  50% {
    -webkit-transform: rotate(320deg);
            transform: rotate(320deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes react-ui-kit__ui-circular-progress-bar_rotation--zMep {
  50% {
    -webkit-transform: rotate(320deg);
            transform: rotate(320deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/contents-card-section-chapter/contents-card-section-chapter.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-student-app__contents-card-section-chapter_isInverted--RMeX {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents-card-section-chapter_wrapper--eQ2a:not(.react-student-app__contents-card-section-chapter_isDisabled--tzPT):hover .react-student-app__contents-card-section-chapter_header--cipA svg > g {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.react-student-app__contents-card-section-chapter_wrapper--eQ2a:not(.react-student-app__contents-card-section-chapter_isDisabled--tzPT):hover .react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_title--U2Sr {
  color: var(--ui-skin-card-toc-active);
}

.react-student-app__contents-card-section-chapter_header--cipA {
  height: 80px;
  overflow: hidden;
  margin: -1px -1px 0 -1px;
  background-color: #cad2dd;
  border-top-right-radius: var(--ui-skin-border-radius);
  border-top-left-radius: var(--ui-skin-border-radius);
}
@media (max-width: 640px) {
  .react-student-app__contents-card-section-chapter_header--cipA {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
}
.react-student-app__contents-card-section-chapter_header--cipA svg {
  width: 100%;
}
@media (min-width: 1241px) {
  .react-student-app__contents-card-section-chapter_header--cipA svg {
    height: 164px;
  }
}
@media (max-width: 1240px) {
  .react-student-app__contents-card-section-chapter_header--cipA svg {
    height: 350px;
    margin-top: -100px;
  }
}
.react-student-app__contents-card-section-chapter_header--cipA svg > g {
  -webkit-transition: -webkit-transform 150ms ease-in;
  transition: -webkit-transform 150ms ease-in;
  transition: transform 150ms ease-in;
  transition: transform 150ms ease-in, -webkit-transform 150ms ease-in;
}
.react-student-app__contents-card-section-chapter_isDisabled--tzPT .react-student-app__contents-card-section-chapter_header--cipA svg use#Path {
  display: none;
}

.react-student-app__contents-card-section-chapter_content--cBCh {
  position: relative;
  padding: 28px;
  height: 208px;
}
@media (max-width: 640px) {
  .react-student-app__contents-card-section-chapter_content--cBCh {
    padding: 16px;
  }
}
.react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_title--U2Sr {
  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-bottom: 16px;
}
.react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_title--U2Sr h4 {
  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-top: 4px;
}
.ui-scheme-inverted .react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_title--U2Sr h4, .react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_title--U2Sr h4.react-student-app__contents-card-section-chapter_isInverted--RMeX {
  color: var(--ui-skin-heading-4-color-inverted);
}
.react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_title--U2Sr .react-student-app__contents-card-section-chapter_progress--FPfI {
  margin-left: 8px;
}
.react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_details--gdAR {
  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;
  opacity: 1;
  color: var(--ui-skin-card-toc-color);
  -webkit-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
}
.react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_details--gdAR {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_details--gdAR:not(:last-child) {
  margin-right: 16px;
}
.react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_details--gdAR .react-student-app__contents-card-section-chapter_icon--foLc {
  margin-right: 8px;
  color: var(--ui-skin-card-toc-details-icon);
}
.react-student-app__contents-card-section-chapter_isDisabled--tzPT .react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_details--gdAR {
  color: var(--ui-skin-card-toc-color-disabled);
}
.react-student-app__contents-card-section-chapter_isDisabled--tzPT .react-student-app__contents-card-section-chapter_content--cBCh .react-student-app__contents-card-section-chapter_details--gdAR .react-student-app__contents-card-section-chapter_icon--foLc {
  color: var(--ui-skin-card-toc-details-icon-disabled);
}

.react-student-app__contents-card-section-chapter_footer--Zdl2 {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: -1px;
  right: -1px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid transparent;
  border-top-color: var(--ui-skin-card-separator);
  border-bottom-right-radius: var(--ui-skin-border-radius);
  border-bottom-left-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-card-bg);
}
@media (max-width: 640px) {
  .react-student-app__contents-card-section-chapter_footer--Zdl2 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.react-student-app__contents-card-section-chapter_container--lTqx:not(.react-student-app__contents-card-section-chapter_isDisabled--tzPT) .react-student-app__contents-card-section-chapter_footer--Zdl2:hover .react-student-app__contents-card-section-chapter_actionLabel--kVnJ {
  color: var(--ui-skin-card-toc-action);
}
.react-student-app__contents-card-section-chapter_container--lTqx:not(.react-student-app__contents-card-section-chapter_isDisabled--tzPT) .react-student-app__contents-card-section-chapter_footer--Zdl2:hover .react-student-app__contents-card-section-chapter_details--gdAR {
  display: block;
  opacity: 1;
}
.react-student-app__contents-card-section-chapter_container--lTqx:not(.react-student-app__contents-card-section-chapter_isDisabled--tzPT) .react-student-app__contents-card-section-chapter_footer--Zdl2:hover .react-student-app__contents-card-section-chapter_details--gdAR + .react-student-app__contents-card-section-chapter_action--plt8 {
  display: none;
}
.react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_label--SNXW, .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_actionLabel--kVnJ {
  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;
  margin-left: auto;
  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-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_label--SNXW, .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_label--SNXW.react-student-app__contents-card-section-chapter_isInverted--RMeX, .ui-scheme-inverted .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_actionLabel--kVnJ, .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_actionLabel--kVnJ.react-student-app__contents-card-section-chapter_isInverted--RMeX {
  color: var(--ui-skin-heading-6-color-inverted);
}
.react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_label--SNXW .react-student-app__contents-card-section-chapter_icon--foLc, .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_actionLabel--kVnJ .react-student-app__contents-card-section-chapter_icon--foLc {
  margin-right: 8px;
}
.react-student-app__contents-card-section-chapter_footer--Zdl2:not(.react-student-app__contents-card-section-chapter_isDisabled--tzPT) .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_label--SNXW .react-student-app__contents-card-section-chapter_icon--foLc, .react-student-app__contents-card-section-chapter_footer--Zdl2:not(.react-student-app__contents-card-section-chapter_isDisabled--tzPT) .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_actionLabel--kVnJ .react-student-app__contents-card-section-chapter_icon--foLc {
  color: var(--ui-skin-card-toc-action);
}
.react-student-app__contents-card-section-chapter_isDisabled--tzPT .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_label--SNXW, .react-student-app__contents-card-section-chapter_isDisabled--tzPT .react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_actionLabel--kVnJ {
  text-transform: inherit;
}
.react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_action--plt8 {
  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;
}
.react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_details--gdAR {
  display: none;
  margin-top: 12px;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
  color: var(--ui-skin-card-toc-color);
}
.react-student-app__contents-card-section-chapter_footer--Zdl2 .react-student-app__contents-card-section-chapter_details--gdAR {
  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/contents-side-dialog-locked/contents-side-dialog-locked.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-student-app__contents-side-dialog-locked_isInverted--s8Df {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents-side-dialog-locked_container--tBS- h5 {
  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 .react-student-app__contents-side-dialog-locked_container--tBS- h5, .react-student-app__contents-side-dialog-locked_container--tBS- h5.react-student-app__contents-side-dialog-locked_isInverted--s8Df {
  color: var(--ui-skin-heading-5-color-inverted);
}

.react-student-app__contents-side-dialog-locked_separator--J\+HT {
  margin-top: 40px;
  margin-bottom: 28px;
}

.react-student-app__contents-side-dialog-locked_prerequisites--tp84 {
  position: relative;
  margin-top: 28px;
}
.react-student-app__contents-side-dialog-locked_prerequisites--tp84 > div {
  width: 300px;
  cursor: default;
  border-color: var(--ui-skin-palette-s1-500);
}
.react-student-app__contents-side-dialog-locked_prerequisites--tp84 > div:hover {
  border-color: var(--ui-skin-palette-s1-500);
}
.react-student-app__contents-side-dialog-locked_prerequisites--tp84 > div:first-child {
  z-index: 100;
}
.react-student-app__contents-side-dialog-locked_prerequisites--tp84 > div:not(:first-child) {
  position: absolute;
  height: 200px;
  top: 8px;
  left: 8px;
}
.react-student-app__contents-side-dialog-locked_prerequisites--tp84 > div:nth-child(3) {
  top: 4px;
  left: 4px;
}

.react-student-app__contents-side-dialog-locked_quizDisabled--w80N {
  margin-top: 16px;
  color: var(--ui-skin-text-subdued);
}
.react-student-app__contents-side-dialog-locked_quizDisabled--w80N {
  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/contents-side-dialog-summary/contents-side-dialog-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-student-app__contents-side-dialog-summary_isInverted--djGO {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents-side-dialog-summary_title--YPn1 {
  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-student-app__contents-side-dialog-summary_title--YPn1, .react-student-app__contents-side-dialog-summary_title--YPn1.react-student-app__contents-side-dialog-summary_isInverted--djGO {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-student-app__contents-side-dialog-summary_noSummary--TcbG {
  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/contents-side-dialog-header-message/contents-side-dialog-header-message.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-student-app__contents-side-dialog-header-message_isInverted--hUSx {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents-side-dialog-header-message_container--a66c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  .react-student-app__contents-side-dialog-header-message_container--a66c {
    padding: 16px;
  }
}

.react-student-app__contents-side-dialog-header-message_locked--zWOa {
  margin: 12px -28px -28px;
  padding: 24px;
  background-color: var(--ui-skin-toc-side-dialog-locked-bg);
}
.react-student-app__contents-side-dialog-header-message_locked--zWOa .react-student-app__contents-side-dialog-header-message_icon--\+6NX {
  color: var(--ui-skin-text-inverted);
  background-color: var(--ui-skin-background-inverted);
}
.react-student-app__contents-side-dialog-header-message_locked--zWOa .react-student-app__contents-side-dialog-header-message_message--yctI {
  margin-left: 16px;
}

.react-student-app__contents-side-dialog-header-message_underConstruction--fK2Q {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4px;
}
.react-student-app__contents-side-dialog-header-message_underConstruction--fK2Q .react-student-app__contents-side-dialog-header-message_message--yctI {
  margin-left: 4px;
  font-weight: var(--ui-skin-font-weight-bold);
  color: var(--ui-skin-palette-s1-700);
}
.react-student-app__contents-side-dialog-header-message_underConstruction--fK2Q .react-student-app__contents-side-dialog-header-message_message--yctI {
  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]!./src/components/contents-side-dialog-header-buttons/contents-side-dialog-header-buttons.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-student-app__contents-side-dialog-header-buttons_isInverted--EPfb {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents-side-dialog-header-buttons_container--MY6Y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  .react-student-app__contents-side-dialog-header-buttons_container--MY6Y {
    padding: 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]!./src/components/contents-side-dialog-under-construction/contents-side-dialog-under-construction.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-student-app__contents-side-dialog-under-construction_isInverted--8IdP {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents-side-dialog-under-construction_container--p4zx {
  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/contents/contents.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-student-app__contents_isInverted--HO3u {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__contents_container--PyFK {
  max-width: 100vw;
  width: 100%;
}

.react-student-app__contents_backBtn--LrkH {
  padding: 0;
  opacity: 1;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
}
.react-student-app__contents_isBlurred--da6D .react-student-app__contents_backBtn--LrkH {
  opacity: 0;
}

.react-student-app__contents_title--c6-i {
  width: 100%;
  margin-bottom: 28px;
  min-height: 52px;
  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;
  position: relative;
  padding-right: 52px;
}
.react-student-app__contents_isBlurred--da6D .react-student-app__contents_title--c6-i h1 {
  opacity: 0;
}

.react-student-app__contents_header--jC9p {
  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-student-app__contents_header--jC9p, .react-student-app__contents_header--jC9p.react-student-app__contents_isInverted--HO3u {
  color: var(--ui-skin-heading-1-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__contents_header--jC9p {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.react-student-app__contents_cardsList--fw\+6 {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 24px;
}
@media (max-width: 1240px) {
  .react-student-app__contents_cardsList--fw\+6 {
    grid-template-columns: 1fr 1fr;
    margin: -8px;
  }
}
@media (max-width: 640px) {
  .react-student-app__contents_cardsList--fw\+6 {
    grid-template-columns: 1fr;
    margin: -4px;
  }
}
.react-student-app__contents_isBlurred--da6D .react-student-app__contents_cardsList--fw\+6 {
  opacity: 0.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]!./src/components/lsac-limited-content-banner/lsac-limited-content-banner.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-student-app__lsac-limited-content-banner_isInverted--XmSq {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__lsac-limited-content-banner_container--0MuY {
  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;
  width: 100%;
  border-radius: 8px;
  background-color: var(--ui-skin-notification-neutral-bg);
  color: var(--ui-skin-notification-neutral-text);
  padding: 28px 28px;
  margin-bottom: 28px;
}
.react-student-app__lsac-limited-content-banner_container--0MuY h2 {
  font-size: 24px;
  margin-bottom: 4px;
}
.react-student-app__lsac-limited-content-banner_container--0MuY span {
  white-space: nowrap;
}
@media (max-width: 639px) {
  .react-student-app__lsac-limited-content-banner_container--0MuY {
    -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;
  }
  .react-student-app__lsac-limited-content-banner_container--0MuY h2,
  .react-student-app__lsac-limited-content-banner_container--0MuY p {
    text-align: center;
  }
}

.react-student-app__lsac-limited-content-banner_middleSection--ge-R {
  margin-right: 20px;
}
@media (max-width: 639px) {
  .react-student-app__lsac-limited-content-banner_middleSection--ge-R {
    margin-right: 0;
    margin-bottom: 8px;
  }
}

.react-student-app__lsac-limited-content-banner_logo--lvEA {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  margin-right: 28px;
}
.react-student-app__lsac-limited-content-banner_logo-expired--I3sZ {
  background: url("apps/assets/lsac/expired-logo.svg");
}
.react-student-app__lsac-limited-content-banner_logo-unlinked--PIn5 {
  background: url("apps/assets/lsac/unlinked-logo.svg");
}
@media (max-width: 639px) {
  .react-student-app__lsac-limited-content-banner_logo--lvEA {
    margin-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/lsac-limited-content-note/lsac-limited-content-note.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-student-app__lsac-limited-content-note_isInverted--05FY {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__lsac-limited-content-note_container--6N6w {
  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-top: 18px;
}
.react-student-app__lsac-limited-content-note_container--6N6w p {
  margin-left: 8px;
  font-size: 14px;
}
.react-student-app__lsac-limited-content-note_container--6N6w span {
  color: var(--ui-skin-palette-motivate-500);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/exams-and-essays-widget/exams-and-essays-widget.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-student-app__exams-and-essays-widget_isInverted--Org6 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__exams-and-essays-widget_container--bVEc {
  width: 100%;
  background-color: var(--ui-skin-background-inverted);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
}

.react-student-app__exams-and-essays-widget_title--wbuI {
  margin: 0 0 16px;
  color: var(--ui-skin-text-inverted);
}

.react-student-app__exams-and-essays-widget_description--RBhW {
  margin-bottom: 16px;
  color: var(--ui-skin-text-subdued-inverted);
}

.react-student-app__exams-and-essays-widget_footer--ElpK {
  margin-top: 40px;
}

.react-student-app__exams-and-essays-widget_essaysBackground--iyqB {
  background-image: url("data:image/svg+xml,%3Csvg width='462' height='248' viewBox='0 0 462 248' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='462' height='248'%3E%3Cpath d='M0 8.00001C0 3.58173 3.58172 0 8 0H454C458.418 0 462 3.58172 462 8V240C462 244.418 458.418 248 454 248H8.00001C3.58173 248 0 244.418 0 240V8.00001Z' fill='%233ACD75'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath opacity='0.16' d='M174.692 305H75.4244C73.6571 305 72.7583 302.876 73.9891 301.607L173.257 199.311C174.508 198.022 176.692 198.907 176.692 200.704V303C176.692 304.105 175.796 305 174.692 305Z' fill='black'/%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M500.642 254.4C551.913 254.4 592.243 214.26 592.243 166.243C592.243 118.227 551.913 78.087 500.642 78.087C449.371 78.087 409.042 118.227 409.042 166.243C409.042 214.26 449.371 254.4 500.642 254.4ZM500.642 279.123C564.905 279.123 617 228.585 617 166.243C617 103.902 564.905 53.3637 500.642 53.3637C436.38 53.3637 384.285 103.902 384.285 166.243C384.285 228.585 436.38 279.123 500.642 279.123Z' fill='black'/%3E%3Crect opacity='0.08' x='351.276' y='85.3398' width='160.095' height='24.7233' rx='12.3616' fill='black'/%3E%3Crect opacity='0.08' x='351.276' y='119.952' width='84.1736' height='24.7233' rx='12.3616' fill='black'/%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M11.0374 119.952C57.161 119.952 93.3178 83.861 93.3178 40.8379C93.3178 -2.18523 57.161 -38.2767 11.0374 -38.2767C-35.0862 -38.2767 -71.2431 -2.18523 -71.2431 40.8379C-71.2431 83.861 -35.0862 119.952 11.0374 119.952ZM11.0374 144.676C70.1525 144.676 118.075 98.186 118.075 40.8379C118.075 -16.5102 70.1525 -63 11.0374 -63C-48.0777 -63 -96 -16.5102 -96 40.8379C-96 98.186 -48.0777 144.676 11.0374 144.676Z' fill='black'/%3E%3Cellipse opacity='0.16' cx='208.51' cy='68.0335' rx='9.07753' ry='9.0652' fill='black'/%3E%3Cellipse opacity='0.24' cx='246.471' cy='68.0335' rx='9.07753' ry='9.0652' fill='black'/%3E%3Cellipse opacity='0.08' cx='284.432' cy='68.0335' rx='9.07753' ry='9.0652' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.react-student-app__exams-and-essays-widget_examsBackground--Ifst {
  background-image: url("data:image/svg+xml,%3Csvg width='948' height='248' viewBox='0 0 948 248' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='948' height='248'%3E%3Cpath d='M0 8.00001C0 3.58173 3.58172 0 8 0H940C944.418 0 948 3.58172 948 8V240C948 244.418 944.418 248 940 248H8.00001C3.58173 248 0 244.418 0 240V8.00001Z' fill='%233ACD75'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M823.369 200.897L944.396 321.96L1068.21 198.114L947.179 77.0503L823.369 200.897ZM794.232 195.238C791.108 198.363 791.108 203.431 794.232 206.556L938.738 351.106C941.863 354.232 946.929 354.232 950.054 351.106L1097.34 203.773C1100.47 200.647 1100.47 195.58 1097.34 192.454L952.836 47.9048C949.712 44.7792 944.646 44.7792 941.521 47.9048L794.232 195.238Z' fill='black'/%3E%3Cellipse opacity='0.16' cx='653.256' cy='174.323' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.16' cx='653.256' cy='212.06' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='653.256' cy='136.587' rx='9.02124' ry='9.02394' fill='black'/%3E%3Cellipse opacity='0.16' cx='690.981' cy='136.587' rx='9.02122' ry='9.02394' fill='black'/%3E%3Cellipse opacity='0.16' cx='690.981' cy='174.323' rx='9.02122' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='690.981' cy='97.2096' rx='9.02122' ry='9.02395' fill='black'/%3E%3Cellipse opacity='0.16' cx='728.706' cy='174.323' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.16' cx='728.706' cy='212.06' rx='9.02124' ry='9.02396' fill='black'/%3E%3Cellipse opacity='0.24' cx='728.706' cy='136.587' rx='9.02124' ry='9.02394' fill='black'/%3E%3Cpath opacity='0.16' d='M591.494 101.7L477.634 -12.1935C476.134 -13.6937 475.292 -15.7282 475.292 -17.8495V-133.682C475.292 -140.81 483.91 -144.379 488.949 -139.338L602.809 -25.4443C604.309 -23.944 605.151 -21.9096 605.151 -19.7883V96.0444C605.151 103.172 596.533 106.741 591.494 101.7Z' fill='black'/%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M496.373 370.389C542.211 370.389 578.143 334.462 578.143 291.635C578.143 248.807 542.211 212.88 496.373 212.88C450.536 212.88 414.603 248.807 414.603 291.635C414.603 334.462 450.536 370.389 496.373 370.389ZM496.373 395C555.122 395 602.747 348.722 602.747 291.635C602.747 234.548 555.122 188.27 496.373 188.27C437.625 188.27 390 234.548 390 291.635C390 348.722 437.625 395 496.373 395Z' fill='black'/%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M899.432 117.793C895.23 114.343 892.944 112.74 889.561 112.798C886.078 112.858 882.953 114.772 878.617 118.088C878.321 118.315 878.013 118.552 877.696 118.797C875.949 120.145 873.901 121.726 871.865 122.956C869.394 124.45 866.181 125.925 862.385 125.925C858.384 125.925 855.117 124.508 852.507 122.867C850.444 121.57 848.461 119.898 846.851 118.542C846.56 118.297 846.282 118.063 846.018 117.842C842.215 114.675 839.391 112.799 835.321 112.799C831.252 112.799 828.433 114.673 824.632 117.841C824.369 118.06 824.093 118.294 823.804 118.537C822.194 119.895 820.208 121.568 818.141 122.868C815.528 124.51 812.26 125.925 808.257 125.925C804.206 125.925 800.985 124.477 798.428 122.745C796.513 121.447 794.68 119.761 793.243 118.439C792.944 118.164 792.662 117.905 792.4 117.668C789.093 114.679 786.47 112.799 782.014 112.799C778.39 112.799 775.453 109.861 775.453 106.236C775.453 102.612 778.39 99.6732 782.013 99.6731C791.499 99.6728 797.245 104.356 801.198 107.93C801.651 108.339 802.06 108.714 802.437 109.058C803.813 110.318 804.75 111.175 805.786 111.877C806.862 112.606 807.556 112.799 808.257 112.799C809.007 112.799 809.858 112.573 811.16 111.754C812.386 110.983 813.55 110.006 815.174 108.644C815.506 108.365 815.858 108.069 816.233 107.757C820.307 104.361 826.268 99.6731 835.321 99.6731C844.373 99.6731 850.337 104.36 854.414 107.755C854.793 108.071 855.147 108.368 855.482 108.649C857.103 110.009 858.266 110.984 859.491 111.755C860.794 112.574 861.642 112.799 862.385 112.799C862.748 112.799 863.53 112.658 865.078 111.722C866.421 110.911 867.769 109.873 869.53 108.519C869.885 108.246 870.256 107.96 870.648 107.661C874.827 104.465 881.075 99.8163 889.335 99.6741C897.885 99.5269 903.577 104.209 907.429 107.378C907.54 107.469 907.649 107.559 907.757 107.647C911.994 111.126 914.31 112.799 917.742 112.799C921.491 112.799 924.956 110.802 929.531 107.485C929.906 107.213 930.298 106.925 930.703 106.628C932.496 105.312 934.548 103.807 936.535 102.634C939.011 101.173 942.259 99.6731 946.036 99.6731C949.66 99.6731 952.597 102.611 952.597 106.236C952.597 109.861 949.66 112.799 946.036 112.799C945.713 112.799 944.896 112.94 943.202 113.94C941.834 114.746 940.462 115.751 938.722 117.025C938.254 117.368 937.76 117.73 937.232 118.113C932.754 121.359 926.173 125.925 917.742 125.925C909.306 125.925 903.665 121.279 899.847 118.134C899.706 118.019 899.568 117.905 899.432 117.793Z' fill='black'/%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M899.432 145.685C895.23 142.236 892.944 140.632 889.561 140.69C886.078 140.75 882.953 142.665 878.617 145.981C878.321 146.207 878.013 146.445 877.696 146.69C875.949 148.038 873.901 149.618 871.865 150.849C869.394 152.342 866.181 153.817 862.385 153.817C858.384 153.817 855.117 152.401 852.507 150.759C850.444 149.462 848.461 147.79 846.851 146.434C846.56 146.189 846.282 145.955 846.018 145.735C842.215 142.567 839.391 140.691 835.321 140.691C831.252 140.691 828.433 142.566 824.632 145.733C824.369 145.952 824.093 146.186 823.804 146.429C822.194 147.787 820.208 149.461 818.141 150.76C815.528 152.402 812.26 153.817 808.257 153.817C804.206 153.817 800.985 152.369 798.428 150.637C796.513 149.34 794.68 147.653 793.243 146.332C792.944 146.056 792.662 145.797 792.4 145.56C789.093 142.571 786.47 140.691 782.014 140.691C778.39 140.691 775.453 137.753 775.453 134.128C775.453 130.504 778.39 127.565 782.013 127.565C791.499 127.565 797.245 132.248 801.198 135.822C801.651 136.231 802.06 136.606 802.437 136.95C803.813 138.21 804.75 139.067 805.786 139.769C806.862 140.498 807.556 140.691 808.257 140.691C809.007 140.691 809.858 140.465 811.16 139.646C812.386 138.875 813.55 137.898 815.174 136.536C815.506 136.257 815.858 135.962 816.233 135.649C820.307 132.254 826.268 127.565 835.321 127.565C844.373 127.565 850.337 132.252 854.414 135.648C854.793 135.963 855.147 136.26 855.482 136.541C857.103 137.901 858.266 138.877 859.491 139.647C860.794 140.467 861.642 140.691 862.385 140.691C862.748 140.691 863.53 140.55 865.078 139.614C866.421 138.803 867.769 137.766 869.53 136.411C869.885 136.138 870.256 135.852 870.648 135.553C874.827 132.357 881.075 127.709 889.335 127.566C897.885 127.419 903.577 132.101 907.429 135.27C907.54 135.361 907.649 135.451 907.757 135.54C911.994 139.018 914.31 140.691 917.742 140.691C921.491 140.691 924.956 138.694 929.531 135.377C929.906 135.105 930.298 134.818 930.703 134.52C932.496 133.205 934.548 131.699 936.535 130.526C939.011 129.065 942.259 127.565 946.036 127.565C949.66 127.565 952.597 130.504 952.597 134.128C952.597 137.753 949.66 140.691 946.036 140.691C945.713 140.691 944.896 140.832 943.202 141.832C941.834 142.639 940.462 143.643 938.722 144.917C938.254 145.26 937.76 145.622 937.232 146.005C932.754 149.251 926.173 153.817 917.742 153.817C909.306 153.817 903.665 149.171 899.847 146.027C899.706 145.911 899.568 145.797 899.432 145.685Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/essay-instructions-dialog/essay-instructions-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-student-app__essay-instructions-dialog_isInverted--GlrW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__essay-instructions-dialog_header--4Shq {
  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: 24px;
}
.ui-scheme-inverted .react-student-app__essay-instructions-dialog_header--4Shq, .react-student-app__essay-instructions-dialog_header--4Shq.react-student-app__essay-instructions-dialog_isInverted--GlrW {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__essay-instructions-dialog_warning--k9z5 {
  padding: 16px;
  margin-top: 24px;
  background-color: var(--ui-skin-notification-neutral-bg);
  color: var(--ui-skin-notification-neutral-text);
  border-radius: var(--ui-skin-border-radius);
}
.react-student-app__essay-instructions-dialog_warning--k9z5 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__essay-instructions-dialog_listItem--Qbiq:not(:first-child) {
  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/react-ui-kit/src/components/ui-truncate/ui-truncate.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-truncate_isInverted--gsaN {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-truncate_container--Yjmy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}

.react-ui-kit__ui-truncate_truncate--X6me {
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow-x: 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/exams-sessions-list-item/exams-sessions-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-student-app__exams-sessions-list-item_isInverted--zCfV {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__exams-sessions-list-item_title--4qjk {
  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: 12px;
}
.ui-scheme-inverted .react-student-app__exams-sessions-list-item_title--4qjk, .react-student-app__exams-sessions-list-item_title--4qjk.react-student-app__exams-sessions-list-item_isInverted--zCfV {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__exams-sessions-list-item_completedAt--\+41t {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__exams-sessions-list-item_cell--4w8G {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__exams-sessions-list-item_isHighlighted--jvqD {
  color: var(--ui-skin-text-warning);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/exams-sessions-list/exams-sessions-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-student-app__exams-sessions-list_isInverted--HHDI {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__exams-sessions-list_header--Zc5M {
  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: 0 0 28px;
}
.ui-scheme-inverted .react-student-app__exams-sessions-list_header--Zc5M, .react-student-app__exams-sessions-list_header--Zc5M.react-student-app__exams-sessions-list_isInverted--HHDI {
  color: var(--ui-skin-heading-3-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__exams-sessions-list_header--Zc5M {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 16px;
  }
}

.react-student-app__exams-sessions-list_title--qdVC {
  min-width: 160px;
}

.react-student-app__exams-sessions-list_section--tCBB {
  width: 160px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/essays-list-item/essays-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-student-app__essays-list-item_isInverted--dcYI {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__essays-list-item_title--MWMb {
  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: 12px;
}
.ui-scheme-inverted .react-student-app__essays-list-item_title--MWMb, .react-student-app__essays-list-item_title--MWMb.react-student-app__essays-list-item_isInverted--dcYI {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__essays-list-item_submittedAt--OifC {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__essays-list-item_cell--Aswd {
  color: var(--ui-skin-text-subdued);
}

@media (max-width: 640px) {
  .react-student-app__essays-list-item_topicCell--\+h\+Y {
    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/essays-list/essays-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-student-app__essays-list_isInverted--sRU6 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
@media (max-width: 870px) {
  .react-student-app__essays-list_container--fko8 {
    margin-bottom: 40px;
  }
}

.react-student-app__essays-list_header--w61l {
  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: 40px 0 28px;
}
.ui-scheme-inverted .react-student-app__essays-list_header--w61l, .react-student-app__essays-list_header--w61l.react-student-app__essays-list_isInverted--sRU6 {
  color: var(--ui-skin-heading-3-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__essays-list_header--w61l {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 24px;
    margin-bottom: 16px;
  }
}

.react-student-app__essays-list_titleColumn--ljtm {
  width: 240px;
}

.react-student-app__essays-list_topicColumn--85CR {
  width: 520px;
}
@media (max-width: 870px) {
  .react-student-app__essays-list_topicColumn--85CR {
    width: 440px;
  }
}
@media (max-width: 640px) {
  .react-student-app__essays-list_topicColumn--85CR {
    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/exams-and-essays/exams-and-essays.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-student-app__exams-and-essays_isInverted--3ZX\+ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__exams-and-essays_widgets--nObA {
  margin-bottom: 40px;
}
@media (max-width: 640px) {
  .react-student-app__exams-and-essays_widgets--nObA {
    margin-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]!./src/components/sim-exam-instructions-text/sim-exam-instructions-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-student-app__sim-exam-instructions-text_isInverted--bRUN {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-instructions-text_container--z8Ce {
  padding-top: 28px;
  overflow-y: 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-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--m\+xI {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-accordion_container--FHdA {
  position: relative;
  border-top: 1px solid var(--ui-skin-border);
}
.react-ui-kit__ui-accordion_container--FHdA .react-ui-kit__ui-accordion_container--FHdA {
  border-top: none;
}

.react-ui-kit__ui-accordion_item--Ctds {
  position: relative;
  text-decoration: none;
  color: var(--ui-skin-text);
}

.react-ui-kit__ui-accordion_heading--LgFW {
  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--pfu\+ {
  padding: 13px 10px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.react-ui-kit__ui-accordion_title--pfu\+.react-ui-kit__ui-accordion_isClickable--MdFE {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.react-ui-kit__ui-accordion_button--H\+RS {
  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--H\+RS.react-ui-kit__ui-accordion_directionRight--6yQd {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.react-ui-kit__ui-accordion_content--ETtn {
  background-color: #fafcfe;
}

.react-ui-kit__ui-accordion_isExpanded--P3Op > .react-ui-kit__ui-accordion_button--H\+RS {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.react-ui-kit__ui-accordion_isExpanded--P3Op > .react-ui-kit__ui-accordion_button--H\+RS.react-ui-kit__ui-accordion_directionRight--6yQd {
  -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/sim-exam-instruction-accordion/sim-exam-instruction-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-student-app__sim-exam-instruction-accordion_isInverted--Lj0O {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-instruction-accordion_container--b24y {
  padding: 28px;
  border-top: 1px solid var(--ui-skin-border);
}

.react-student-app__sim-exam-instruction-accordion_accordion--4qnW {
  border: 0;
}

.react-student-app__sim-exam-instruction-accordion_heading--\+n76 {
  border: 0;
}

.react-student-app__sim-exam-instruction-accordion_title--s9NS {
  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);
  padding-left: 16px;
}
.ui-scheme-inverted .react-student-app__sim-exam-instruction-accordion_title--s9NS, .react-student-app__sim-exam-instruction-accordion_title--s9NS.react-student-app__sim-exam-instruction-accordion_isInverted--Lj0O {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__sim-exam-instruction-accordion_content--Ehju {
  background: var(--ui-skin-element-bg);
  padding-left: 40px;
  margin-top: 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/sim-exam-stats-item/sim-exam-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.react-student-app__sim-exam-stats-item_isInverted--7-zc {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-stats-item_container--11KU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--ui-skin-text-subdued);
}

.react-student-app__sim-exam-stats-item_icon--DAvN {
  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/sim-exam-stats/sim-exam-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.react-student-app__sim-exam-stats_isInverted--Qy2U {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-stats_container--fI7v {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
  gap: 16px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-stats_container--fI7v {
    -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]!./src/components/sim-exam-sections-form/sim-exam-sections-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-student-app__sim-exam-sections-form_isInverted--xnPb {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-sections-form_container--Z9Av {
  padding-top: 28px;
}

.react-student-app__sim-exam-sections-form_header--IAsn {
  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 .react-student-app__sim-exam-sections-form_header--IAsn, .react-student-app__sim-exam-sections-form_header--IAsn.react-student-app__sim-exam-sections-form_isInverted--xnPb {
  color: var(--ui-skin-heading-5-color-inverted);
}

@media (max-width: 640px) {
  .react-student-app__sim-exam-sections-form_order--iOvD {
    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]!./src/components/sim-exam-sections-form-fixed-sections-arrow/sim-exam-sections-form-fixed-sections-arrow.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-student-app__sim-exam-sections-form-fixed-sections-arrow_isInverted--HT7M {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-sections-form-fixed-sections-arrow_arrowUp--EPRb {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  color: var(--ui-skin-text-subdued-inverted);
  margin: 8px;
}

.react-student-app__sim-exam-sections-form-fixed-sections-arrow_arrowDown--ZPrf {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  color: var(--ui-skin-text-subdued-inverted);
  margin: 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/sim-exam-sections-form-fixed-sections/sim-exam-sections-form-fixed-sections.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-student-app__sim-exam-sections-form-fixed-sections_isInverted--0d5L {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-sections-form-fixed-sections_container--Fcm3 {
  padding-top: 28px;
}

.react-student-app__sim-exam-sections-form-fixed-sections_orderContainer--xEs4 {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.react-student-app__sim-exam-sections-form-fixed-sections_header--do6A {
  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-student-app__sim-exam-sections-form-fixed-sections_header--do6A, .react-student-app__sim-exam-sections-form-fixed-sections_header--do6A.react-student-app__sim-exam-sections-form-fixed-sections_isInverted--0d5L {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-student-app__sim-exam-sections-form-fixed-sections_order--tTny {
  color: var(--ui-skin-text-subdued-inverted);
  font-weight: var(--ui-skin-font-weight-bold);
  width: 20px;
  -webkit-flex-basis: 50px;
      -ms-flex-preferred-size: 50px;
          flex-basis: 50px;
}

.react-student-app__sim-exam-sections-form-fixed-sections_arrows--Z6wG {
  -webkit-flex-basis: 100px;
      -ms-flex-preferred-size: 100px;
          flex-basis: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: 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]!./src/components/sim-exam-start/sim-exam-start.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-student-app__sim-exam-start_isInverted--XDil {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-start_title--DCzw {
  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);
  margin-bottom: 28px;
}
.ui-scheme-inverted .react-student-app__sim-exam-start_title--DCzw, .react-student-app__sim-exam-start_title--DCzw.react-student-app__sim-exam-start_isInverted--XDil {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__sim-exam-start_text--0ZNT {
  margin-bottom: 28px;
}

.react-student-app__sim-exam-start_submit--sFL- {
  padding-top: 28px;
}

.react-student-app__sim-exam-start_printButton--lU47 {
  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]!./src/components/sim-exam-section-instructions/sim-exam-section-instructions.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-student-app__sim-exam-section-instructions_isInverted--ftMH {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-section-instructions_header--eJLs {
  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);
  margin-bottom: 28px;
}
.ui-scheme-inverted .react-student-app__sim-exam-section-instructions_header--eJLs, .react-student-app__sim-exam-section-instructions_header--eJLs.react-student-app__sim-exam-section-instructions_isInverted--ftMH {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__sim-exam-section-instructions_instructions--2duL {
  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]!./src/components/essay-topics-dialog/essay-topics-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-student-app__essay-topics-dialog_isInverted--R8UU {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__essay-topics-dialog_search--FbKb,
.react-student-app__essay-topics-dialog_tabs--KfhS {
  margin-bottom: 24px;
}
.react-student-app__essay-topics-dialog_topic--qTEz {
  cursor: pointer;
  border: 1px solid var(--ui-skin-border);
  border-radius: var(--ui-skin-border-radius);
  padding: 16px;
  margin-bottom: 16px;
}
.react-student-app__essay-topics-dialog_topic--qTEz:hover {
  background: rgba(0, 0, 0, 0.04);
}

.react-student-app__essay-topics-dialog_isSelected--1JYa {
  border: 1px solid var(--ui-skin-active-element);
}
.react-student-app__essay-topics-dialog_isSelected--1JYa .react-student-app__essay-topics-dialog_title--6t4x {
  color: var(--ui-skin-active-element);
}

.react-student-app__essay-topics-dialog_title--6t4x {
  font-weight: var(--ui-skin-font-weight-semibold);
  margin-bottom: 16px;
}

.react-student-app__essay-topics-dialog_details--stFe {
  margin-top: 16px;
  color: var(--ui-skin-text-subdued);
}
.react-student-app__essay-topics-dialog_details--stFe {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__essay-topics-dialog_empty--YYVb {
  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/submit-essay/submit-essay.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-student-app__submit-essay_isInverted--QT2\+ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__submit-essay_footer--Vpeu {
  width: 100%;
  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-student-app__submit-essay_footerInfo--Y-bR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--ui-skin-text-subdued);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-student-app__submit-essay_timer--NCOc {
  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-student-app__submit-essay_timerText---Rxu {
  margin-left: 12px;
}

.react-student-app__submit-essay_instructions--IVFW {
  margin-left: 16px;
}

.react-student-app__submit-essay_instructionsButton--bvBh {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__submit-essay_textArea--Kl7w {
  min-height: 320px !important;
}

.react-student-app__submit-essay_selectedTopic--zFC- {
  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;
  margin-bottom: 12px;
}

.react-student-app__submit-essay_selectedTopicHeader--yEsg {
  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-student-app__submit-essay_selectedTopicHeader--yEsg, .react-student-app__submit-essay_selectedTopicHeader--yEsg.react-student-app__submit-essay_isInverted--QT2\+ {
  color: var(--ui-skin-heading-6-color-inverted);
}

.react-student-app__submit-essay_selectedTopicButton--iJY4 {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__submit-essay_selectedTopicTitle--Lmpw {
  margin-bottom: 28px;
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-student-app__submit-essay_selectedTopicDescription--WHlC {
  margin-bottom: 16px;
}

.react-student-app__submit-essay_selectedTopicDetails--kbHI {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__submit-essay_selectedTopicDetails--kbHI {
  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/sim-exam-result-examonly/sim-exam-result-examonly.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-student-app__sim-exam-result-examonly_isInverted--Acqz {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-result-examonly_text--F-bb {
  margin-bottom: 24px;
  color: var(--ui-skin-text-subdued);
}

.react-student-app__sim-exam-result-examonly_button--FQ5i {
  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]!./src/components/sim-exam-result-header/sim-exam-result-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-student-app__sim-exam-result-header_isInverted--7-ta {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-result-header_container--JRVP {
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.react-student-app__sim-exam-result-header_container--JRVP::before {
  position: absolute;
  width: 100%;
  height: 4px;
  display: block;
  content: "";
  top: 0;
  left: 0;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-header_container--JRVP {
    margin-bottom: 24px;
  }
}

.react-student-app__sim-exam-result-header_resultBad--28zo::before {
  background-color: var(--ui-skin-item-summary-bad-bg);
}

.react-student-app__sim-exam-result-header_resultNormal--M0rL::before {
  background-color: var(--ui-skin-item-summary-normal-bg);
}

.react-student-app__sim-exam-result-header_resultGood--5\+IT::before {
  background-color: var(--ui-skin-item-summary-good-bg);
}

.react-student-app__sim-exam-result-header_resultGreat--BuPf::before {
  background-color: var(--ui-skin-item-summary-great-bg);
}

.react-student-app__sim-exam-result-header_examHeader--IKoa {
  margin-right: auto;
}

.react-student-app__sim-exam-result-header_examTitle--dhqh {
  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);
  margin-bottom: 4px;
}
.ui-scheme-inverted .react-student-app__sim-exam-result-header_examTitle--dhqh, .react-student-app__sim-exam-result-header_examTitle--dhqh.react-student-app__sim-exam-result-header_isInverted--7-ta {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__sim-exam-result-header_completedAt--Oqf7 {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__sim-exam-result-header_summary--F0Mr {
  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: 276px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-header_summary--F0Mr {
    margin-top: 12px;
    max-width: none;
    width: 100%;
  }
}

.react-student-app__sim-exam-result-header_resultContainer--Y1JI {
  margin-bottom: 4px;
}

.react-student-app__sim-exam-result-header_resultLabel--v5Eh {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__sim-exam-result-header_resultSuccessRate--QLaG {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__sim-exam-result-header_resultSelfAssessment--505h {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__sim-exam-result-header_resultScore--dQIW,
.react-student-app__sim-exam-result-header_resultEmptyScore--e1d- {
  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-student-app__sim-exam-result-header_resultScore--dQIW, .react-student-app__sim-exam-result-header_resultScore--dQIW.react-student-app__sim-exam-result-header_isInverted--7-ta,
.ui-scheme-inverted .react-student-app__sim-exam-result-header_resultEmptyScore--e1d-,
.react-student-app__sim-exam-result-header_resultEmptyScore--e1d-.react-student-app__sim-exam-result-header_isInverted--7-ta {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__sim-exam-result-header_resultEmptyScore--e1d- {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__sim-exam-result-header_detailsSuccessRate--aD52 {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__sim-exam-result-header_detailsSuccessRate--aD52 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__sim-exam-result-header_detailsSelfAssessment---4Z6 {
  color: var(--ui-skin-text-warning);
}
.react-student-app__sim-exam-result-header_detailsSelfAssessment---4Z6 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__sim-exam-result-header_sections--K8Jh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.react-student-app__sim-exam-result-header_section--TFau {
  margin-left: 20px;
}

.react-student-app__sim-exam-result-header_sectionScore--PbHY {
  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);
  margin-bottom: 4px;
}
.ui-scheme-inverted .react-student-app__sim-exam-result-header_sectionScore--PbHY, .react-student-app__sim-exam-result-header_sectionScore--PbHY.react-student-app__sim-exam-result-header_isInverted--7-ta {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__sim-exam-result-header_sectionTitle--Nvf- {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__sim-exam-result-header_sectionTitle--Nvf- {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__sim-exam-result-header_caption--kkmL {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__sim-exam-result-header_gradeExplanationHeader--YluR {
  font-weight: var(--ui-skin-font-weight-semibold);
  margin-bottom: 8px;
}

.react-student-app__sim-exam-result-header_gradeExplanationText--E7fI {
  color: var(--ui-skin-text-subdued);
  margin-bottom: 12px;
}

.react-student-app__sim-exam-result-header_gradeScale--4t4r {
  color: var(--ui-skin-text-inverted);
}

.react-student-app__sim-exam-result-header_gradeScaleItem--PzT6 {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__sim-exam-result-header_gradeScaleItem--PzT6 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-student-app__sim-exam-result-header_gradeScaleItem--PzT6::before {
  content: "";
  display: block;
  height: 4px;
  margin-bottom: 8px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-header_gradeScaleItem--PzT6::before {
    float: left;
    height: 100%;
    width: 4px;
    margin-bottom: 0;
    margin-right: 12px;
  }
}
.react-student-app__sim-exam-result-header_gradeScaleItem--PzT6:not(:last-child) {
  margin-right: 1px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-header_gradeScaleItem--PzT6 {
    height: 32px;
    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-student-app__sim-exam-result-header_gradeScaleItem--PzT6:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1px;
  }
  .react-student-app__sim-exam-result-header_gradeScaleItem--PzT6 div::after {
    content: " ";
    display: inline;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sim-exam-result-item/sim-exam-result-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-student-app__sim-exam-result-item_isInverted--TrCX {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-result-item_titleCell--NQad {
  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-student-app__sim-exam-result-item_resultCell--SQQA {
  width: 152px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-item_resultCell--SQQA {
    width: 104px;
  }
}

.react-student-app__sim-exam-result-item_result--Johe {
  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-student-app__sim-exam-result-item_pinIcon--MDx7 {
  color: var(--ui-skin-text-subdued);
  margin-right: 24px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-item_pinIcon--MDx7 {
    margin: 0 8px;
  }
}

.react-student-app__sim-exam-result-item_isHidden--1v50 {
  opacity: 0;
}

.react-student-app__sim-exam-result-item_iconWarning--lDZK {
  color: var(--ui-skin-text-warning);
}

.react-student-app__sim-exam-result-item_iconPositive--boaq {
  color: var(--ui-skin-text-positive);
}

.react-student-app__sim-exam-result-item_iconNegative--g8hV {
  color: var(--ui-skin-text-negative);
}

.react-student-app__sim-exam-result-item_timeSpent--IjI7 {
  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/sim-exam-result-items/sim-exam-result-items.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-student-app__sim-exam-result-items_isInverted---rNw {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-result-items_cell--AWTF {
  padding: 0 !important;
}

.react-student-app__sim-exam-result-items_adviceCell--8\+Rj {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__sim-exam-result-items_advice--Y7ll {
  padding-left: 48px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-items_advice--Y7ll {
    padding-left: 0;
  }
}

.react-student-app__sim-exam-result-items_row--EAef {
  background-color: var(--ui-skin-palette-s1-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]!./src/components/sim-exam-result-section/sim-exam-result-section.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-student-app__sim-exam-result-section_isInverted--zaSi {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-result-section_titleCell--Jd\+V {
  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-student-app__sim-exam-result-section_title--BBbr {
  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);
}
.ui-scheme-inverted .react-student-app__sim-exam-result-section_title--BBbr, .react-student-app__sim-exam-result-section_title--BBbr.react-student-app__sim-exam-result-section_isInverted--zaSi {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__sim-exam-result-section_arrowIcon--9xcU {
  margin-right: 24px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.react-student-app__sim-exam-result-section_isIconFlipped--fafX {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.react-student-app__sim-exam-result-section_isAssessmentRequired--83Q4 {
  color: var(--ui-skin-text-warning);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sim-exam-result-sections/sim-exam-result-sections.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-student-app__sim-exam-result-sections_isInverted--f0Tw {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-result-sections_header--ey\+7 {
  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: 28px;
}
.ui-scheme-inverted .react-student-app__sim-exam-result-sections_header--ey\+7, .react-student-app__sim-exam-result-sections_header--ey\+7.react-student-app__sim-exam-result-sections_isInverted--f0Tw {
  color: var(--ui-skin-heading-3-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-sections_header--ey\+7 {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 16px;
  }
}

.react-student-app__sim-exam-result-sections_resultCell--be3x {
  width: 152px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-result-sections_resultCell--be3x {
    width: 104px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/exam-item-answer-area/question-types/simple/simple.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__simple_isInverted--gg3K {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__simple_container--BQyk {
  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/exam-item-answer-area/question-types/ftr/ftr.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__ftr_isInverted--FwAr {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__ftr_container--aZXE {
  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/exam-item-answer-area/question-types/numeric/numeric.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__numeric_isInverted--OuyU {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__numeric_container--Z83F {
  width: 250px;
  margin: 0 auto;
  margin-top: 28px;
}

.react-core__numeric_isNegative--Guh3 {
  position: relative;
}
.react-core__numeric_isNegative--Guh3:after {
  content: " ";
  position: absolute;
  height: 0;
  width: 13px;
  left: -20px;
  top: calc(50% - 1px);
  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/components/exam-item-answer-area/question-types/fraction/fraction.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__fraction_isInverted--5bJG {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__fraction_container--V0Uj {
  width: 250px;
  margin: 0 auto;
  margin-top: 28px;
}

.react-core__fraction_separator--5R4i {
  position: relative;
  margin: 10px 0;
  height: 0;
  width: 100%;
  border-top: 1px solid var(--ui-skin-border);
}
.react-core__fraction_separator--5R4i.react-core__fraction_isNegative--CLlV:after {
  content: " ";
  position: absolute;
  height: 0;
  width: 13px;
  left: -20px;
  top: calc(50% - 1px);
  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/components/exam-item-answer-area/question-types/checkboxes/checkboxes.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__checkboxes_isInverted--wysv {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__checkboxes_container--sU9w {
  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/exam-item-answer-area/question-types/multi-list/multi-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-core__multi-list_isInverted--P3Ry {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__multi-list_container--nI\+U {
  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-top: 28px;
}

.react-core__multi-list_group---HLe {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 15px;
}
.react-core__multi-list_group---HLe:first-child {
  margin-left: 0;
}
.react-core__multi-list_group---HLe:last-child {
  margin-right: 0;
}

.react-core__multi-list_title--ryA- {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.react-core__multi-list_item--5oW- {
  padding: 12px 20px;
  margin-bottom: 15px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--ui-skin-border);
}

.react-core__multi-list_isSelected--E-ae {
  border-color: var(--ui-skin-active-element);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/exam-item-answer-area/question-types/sentence-selection/sentence-selection.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__sentence-selection_isInverted--XyA3 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__sentence-selection_container--NoqX {
  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/exam-item-answer-area/question-types/vertical-radio/vertical-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-core__vertical-radio_isInverted--Ixr2 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__vertical-radio_headers--6fSW {
  border-bottom: 1px solid var(--ui-skin-table-border);
  padding: 20px 0;
  margin-bottom: 20px;
}

.react-core__vertical-radio_headers--6fSW,
.react-core__vertical-radio_row--4o9f {
  gap: 16px;
}

.react-core__vertical-radio_radioTitle--iF5U {
  width: 80px;
  font-size: 13px;
  color: var(--ui-skin-text);
  font-weight: var(--ui-skin-font-weight-semibold);
  text-align: center;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.react-core__vertical-radio_cell--nSB0 {
  width: 80px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.react-core__vertical-radio_radio--zVQ3 {
  margin: 0 auto;
}

.react-core__vertical-radio_groupTitle--554I {
  -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-core/src/components/exam-item-answer-area/question-types/horizontal-radio/horizontal-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-core__horizontal-radio_isInverted--lAxJ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__horizontal-radio_container--eJxX {
  margin-top: 28px;
}
.react-core__horizontal-radio_container--eJxX th {
  text-align: center !important;
}

.react-core__horizontal-radio_radioCell--JP4I {
  min-width: 80px;
  vertical-align: middle !important;
}

.react-core__horizontal-radio_radio--pKtF {
  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/react-core/src/components/exam-item/exam-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__exam-item_isInverted--sdNu {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__exam-item_container--mWC3 {
  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%;
  height: 55vh;
  overflow: hidden;
}
@media (max-width: 870px) {
  .react-core__exam-item_container--mWC3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-core__exam-item_contentAddon--Vv4m {
  width: 100%;
  padding: 28px 28px 12px 0;
  max-height: 100%;
  border-right: 1px solid var(--ui-skin-divider);
  overflow: auto;
}
@media (max-width: 870px) {
  .react-core__exam-item_contentAddon--Vv4m {
    max-width: 100%;
    height: 80%;
    border-right: none;
    border-bottom: 1px solid var(--ui-skin-divider);
  }
}

.react-core__exam-item_questionArea--xRdZ {
  width: 100%;
  padding: 28px 0 28px 28px;
  overflow: 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]!./src/components/sim-exam-header/sim-exam-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-student-app__sim-exam-header_isInverted--Ugot {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-header_container--oSvv {
  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;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-header_container--oSvv {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.react-student-app__sim-exam-header_headerItem--Nq8C {
  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-subdued);
}
.react-student-app__sim-exam-header_headerItem--Nq8C + .react-student-app__sim-exam-header_headerItem--Nq8C {
  margin-left: 24px;
}
.react-student-app__sim-exam-header_headerItem--Nq8C:last-child {
  margin-left: auto;
}

.react-student-app__sim-exam-header_label--WOO8 {
  width: 88px;
}

.react-student-app__sim-exam-header_button--LSwx {
  margin-right: 16px;
}

.react-student-app__sim-exam-header_icon--9vfG {
  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/question-navigator-item/question-navigator-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-student-app__question-navigator-item_isInverted--MVRW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__question-navigator-item_row--bAnJ {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__question-navigator-item_isCurrent---CRZ {
  -webkit-box-shadow: inset 0 0 0 1px var(--ui-skin-table-highlight);
          box-shadow: inset 0 0 0 1px var(--ui-skin-table-highlight);
}
.react-student-app__question-navigator-item_isCurrent---CRZ .react-student-app__question-navigator-item_positionCell--YGAB {
  color: var(--ui-skin-table-highlight);
}

.react-student-app__question-navigator-item_positionCell--YGAB {
  width: 80px;
}

.react-student-app__question-navigator-item_statusCell--YK-x {
  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-student-app__question-navigator-item_isAnswered--mv5J {
  color: var(--ui-skin-text-positive);
}

.react-student-app__question-navigator-item_editIcon--vTka {
  background-color: var(--ui-skin-text-positive);
  color: var(--ui-skin-text-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]!./src/components/question-navigator-side-dialog/question-navigator-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-student-app__question-navigator-side-dialog_isInverted--Uq5M {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__question-navigator-side-dialog_header--draR {
  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-student-app__question-navigator-side-dialog_headerTitle--1ApE {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  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-student-app__question-navigator-side-dialog_headerTitle--1ApE, .react-student-app__question-navigator-side-dialog_headerTitle--1ApE.react-student-app__question-navigator-side-dialog_isInverted--Uq5M {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-student-app__question-navigator-side-dialog_headerButton--iJBz {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__question-navigator-side-dialog_footerHint--y9Oo {
  color: var(--ui-skin-text-subdued);
  margin-bottom: 16px;
  margin-top: 16px;
  text-align: center;
}
.react-student-app__question-navigator-side-dialog_footerHint--y9Oo {
  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/unanswered-questions-dialog/unanswered-questions-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-student-app__unanswered-questions-dialog_isInverted--Q0Dw {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__unanswered-questions-dialog_listItem--rFoa {
  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]!./src/components/sim-exam-instructions-dialog/sim-exam-instructions-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-student-app__sim-exam-instructions-dialog_isInverted--gFlE {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-instructions-dialog_controls--s2k0 {
  margin-top: 28px;
  margin-bottom: -28px;
  padding-top: 28px;
  background: var(--ui-skin-card-footer);
}

.react-student-app__sim-exam-instructions-dialog_instructionsHeader--rOri {
  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;
  margin-top: 40px;
}
.ui-scheme-inverted .react-student-app__sim-exam-instructions-dialog_instructionsHeader--rOri, .react-student-app__sim-exam-instructions-dialog_instructionsHeader--rOri.react-student-app__sim-exam-instructions-dialog_isInverted--gFlE {
  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]!./src/components/sim-exam-item/sim-exam-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-student-app__sim-exam-item_isInverted--XOlm {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-item_consecutiveNextButton--FTqu {
  margin: 40px 0 12px;
}

.react-student-app__sim-exam-item_hint--gfZj {
  color: var(--ui-skin-text-subdued);
  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]!./src/components/sim-exam-pause/sim-exam-pause.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-student-app__sim-exam-pause_isInverted--fz8l {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-pause_container--6jAu {
  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;
}

.react-student-app__sim-exam-pause_icon--MAbO {
  margin-bottom: 16px;
}

.react-student-app__sim-exam-pause_header--kbbP {
  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: 12px;
}
.ui-scheme-inverted .react-student-app__sim-exam-pause_header--kbbP, .react-student-app__sim-exam-pause_header--kbbP.react-student-app__sim-exam-pause_isInverted--fz8l {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__sim-exam-pause_paragraph--O7Gm {
  text-align: center;
  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-ui-kit/src/components/ui-timer/ui-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.react-ui-kit__ui-timer_isInverted--WX5h {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-timer_container--7bV2 {
  position: relative;
  display: block;
  color: var(--ui-skin-timer-color);
}
.react-ui-kit__ui-timer_container--7bV2 .react-ui-kit__ui-timer_time--cS0P {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.react-ui-kit__ui-timer_container--7bV2 .react-ui-kit__ui-timer_time--cS0P {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}
.react-ui-kit__ui-timer_container--7bV2 .react-ui-kit__ui-timer_pie--LsOI {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.react-ui-kit__ui-timer_container--7bV2 svg {
  width: 100%;
  height: 100%;
}
.react-ui-kit__ui-timer_container--7bV2 svg circle {
  stroke-width: 3px;
  stroke-linecap: round;
  fill: transparent;
  stroke: currentColor;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: stroke-dashoffset linear 1s;
  transition: stroke-dashoffset linear 1s;
}
.react-ui-kit__ui-timer_container--7bV2.react-ui-kit__ui-timer_sm--rp6c {
  width: 32px;
  height: 32px;
}
.react-ui-kit__ui-timer_container--7bV2.react-ui-kit__ui-timer_sm--rp6c svg circle {
  stroke-width: 12px;
}
.react-ui-kit__ui-timer_container--7bV2.react-ui-kit__ui-timer_md--qCQV {
  width: 72px;
  height: 72px;
}
.react-ui-kit__ui-timer_container--7bV2.react-ui-kit__ui-timer_md--qCQV svg circle {
  stroke-width: 8px;
}
.react-ui-kit__ui-timer_container--7bV2.react-ui-kit__ui-timer_lg--KkSS {
  width: 80px;
  height: 80px;
}
.react-ui-kit__ui-timer_container--7bV2.react-ui-kit__ui-timer_lg--KkSS svg circle {
  stroke-width: 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/sim-exam-break/sim-exam-break.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-student-app__sim-exam-break_isInverted--orZG {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-break_container--hwdS {
  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;
}

.react-student-app__sim-exam-break_timer--pgu\+ {
  margin-bottom: 24px;
}

.react-student-app__sim-exam-break_timerText--VD0V {
  color: var(--ui-skin-text);
}

.react-student-app__sim-exam-break_timerBar--5tQF {
  color: var(--ui-skin-text-positive);
}

.react-student-app__sim-exam-break_hint--\+Go2 {
  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: 28px;
}
.ui-scheme-inverted .react-student-app__sim-exam-break_hint--\+Go2, .react-student-app__sim-exam-break_hint--\+Go2.react-student-app__sim-exam-break_isInverted--orZG {
  color: var(--ui-skin-heading-4-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]!./src/components/sim-exam-printed/sim-exam-printed.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-student-app__sim-exam-printed_isInverted--M0nR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-printed_title--hyWd {
  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);
  margin-bottom: 28px;
}
.ui-scheme-inverted .react-student-app__sim-exam-printed_title--hyWd, .react-student-app__sim-exam-printed_title--hyWd.react-student-app__sim-exam-printed_isInverted--M0nR {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__sim-exam-printed_heading--5ryc {
  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-student-app__sim-exam-printed_heading--5ryc, .react-student-app__sim-exam-printed_heading--5ryc.react-student-app__sim-exam-printed_isInverted--M0nR {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__sim-exam-printed_text--ceye {
  margin-bottom: 40px;
}

.react-student-app__sim-exam-printed_button--dHVo {
  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]!./src/components/sim-exam-answers-sheet-item/sim-exam-answers-sheet-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-student-app__sim-exam-answers-sheet-item_isInverted--8X4y {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-answers-sheet-item_container--Ebz1 {
  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-student-app__sim-exam-answers-sheet-item_container--Ebz1:last-child {
  padding-bottom: 28px;
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-answers-sheet-item_container--Ebz1:last-child {
    padding-bottom: 16px;
  }
}

.react-student-app__sim-exam-answers-sheet-item_innerContainer--DqKt {
  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-student-app__sim-exam-answers-sheet-item_innerContainer--DqKt {
    -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;
  }
}

.react-student-app__sim-exam-answers-sheet-item_title--M-Gk {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: var(--ui-skin-font-weight-bold);
}
@media (max-width: 640px) {
  .react-student-app__sim-exam-answers-sheet-item_title--M-Gk {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

.react-student-app__sim-exam-answers-sheet-item_button--X-nq {
  margin-left: 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/sim-exam-answers-sheet/sim-exam-answers-sheet.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-student-app__sim-exam-answers-sheet_isInverted--2E2I {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__sim-exam-answers-sheet_container--5avp {
  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-height: calc(100vh - var(--ui-skin-header-height) - 32px);
}

.react-student-app__sim-exam-answers-sheet_items--BkMf {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}

.react-student-app__sim-exam-answers-sheet_footer--Viv\+ {
  border-top: 1px solid var(--ui-skin-border);
  padding-top: 28px;
}

.react-student-app__sim-exam-answers-sheet_title--t916 {
  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-student-app__sim-exam-answers-sheet_title--t916, .react-student-app__sim-exam-answers-sheet_title--t916.react-student-app__sim-exam-answers-sheet_isInverted--2E2I {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__sim-exam-answers-sheet_sectionTitle--\+mWf {
  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);
  margin: 28px 0;
}
.ui-scheme-inverted .react-student-app__sim-exam-answers-sheet_sectionTitle--\+mWf, .react-student-app__sim-exam-answers-sheet_sectionTitle--\+mWf.react-student-app__sim-exam-answers-sheet_isInverted--2E2I {
  color: var(--ui-skin-heading-6-color-inverted);
}

.react-student-app__sim-exam-answers-sheet_hint--I\+Y- {
  text-align: center;
  color: var(--ui-skin-text-subdued);
  margin-bottom: 16px;
}
.react-student-app__sim-exam-answers-sheet_hint--I\+Y- {
  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/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--3pd\+ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__login-form_input--hnmm {
  margin: 16px 0;
}

.react-core__login-form_forgotPass--NT5y {
  text-align: center;
  color: var(--ui-skin-text-subdued);
  margin: 16px 0 0;
}
.react-core__login-form_forgotPass--NT5y > a {
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-core__login-form_card--5VVm {
  padding-top: 12px;
  padding-left: 0;
  padding-right: 0;
}

.react-core__login-form_innerCard--pupe {
  padding: 28px;
}

.react-core__login-form_tabs--0NWq {
  -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/password-strength-indicator/password-strength-indicator.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__password-strength-indicator_isInverted--59-X {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__password-strength-indicator_container--2VNX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 12px;
  gap: calc(4px / 2);
}

.react-core__password-strength-indicator_level--1MhA {
  width: 32px;
  height: 8px;
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-divider);
}

.react-core__password-strength-indicator_isActive--W0TI.react-core__password-strength-indicator_isBad--SoOp {
  background: var(--ui-skin-palette-negative-400);
}
.react-core__password-strength-indicator_isActive--W0TI.react-core__password-strength-indicator_isWeak--KeuE {
  background: var(--ui-skin-palette-warning-400);
}
.react-core__password-strength-indicator_isActive--W0TI.react-core__password-strength-indicator_isMedium--TLgx {
  background: var(--ui-skin-palette-motivate-400);
}
.react-core__password-strength-indicator_isActive--W0TI.react-core__password-strength-indicator_isGood--o0rM {
  background: var(--ui-skin-palette-vincent-3);
}
.react-core__password-strength-indicator_isActive--W0TI.react-core__password-strength-indicator_isStrong--D\+Yx {
  background: var(--ui-skin-palette-positive-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/react-core/src/components/promo-scholarship/promo-scholarship.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__promo-scholarship_isInverted--G9iO {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__promo-scholarship_container--T6Jr {
  position: relative;
  margin: 28px 0;
  padding: 16px;
  border-radius: var(--ui-skin-border-radius);
  border: 2px solid var(--ui-skin-palette-vincent-2);
}
@media (max-width: 640px) {
  .react-core__promo-scholarship_container--T6Jr {
    margin-bottom: 16px;
  }
}

.react-core__promo-scholarship_title--QfBA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--ui-skin-border-radius);
  background: var(--ui-skin-palette-vincent-2);
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  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);
  padding: 4px 8px;
  color: var(--ui-skin-text);
}
.ui-scheme-inverted .react-core__promo-scholarship_title--QfBA, .react-core__promo-scholarship_title--QfBA.react-core__promo-scholarship_isInverted--G9iO {
  color: var(--ui-skin-heading-6-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/signup-form-promo/signup-form-promo.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__signup-form-promo_isInverted--wL54 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__signup-form-promo_container--w4rx {
  position: relative;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #2C2C2C;
  background-position: center;
  background-size: cover;
  margin: -28px -28px 24px -28px;
  border-top-right-radius: var(--ui-skin-border-radius);
  border-top-left-radius: var(--ui-skin-border-radius);
  padding: 20px 20px 16px 20px;
}
@media (max-width: 640px) {
  .react-core__signup-form-promo_container--w4rx {
    margin: -16px -16px 16px -16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0;
  }
}

.react-core__signup-form-promo_indiaBackground--LVps {
  background-image: url("/apps/assets/promo/india-banner.jpg");
}

.react-core__signup-form-promo_title--PpQP {
  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-palette-motivate-400);
  margin-bottom: 8px;
}
.ui-scheme-inverted .react-core__signup-form-promo_title--PpQP, .react-core__signup-form-promo_title--PpQP.react-core__signup-form-promo_isInverted--wL54 {
  color: var(--ui-skin-heading-6-color-inverted);
}
@media (max-width: 640px) {
  .react-core__signup-form-promo_title--PpQP {
    text-align: center;
  }
}

.react-core__signup-form-promo_titleWithoutConditions--Omew {
  padding-right: 144px;
}
@media (max-width: 640px) {
  .react-core__signup-form-promo_titleWithoutConditions--Omew {
    padding-right: 0;
  }
}

.react-core__signup-form-promo_subtitle--uRzV {
  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__signup-form-promo_subtitle--uRzV, .react-core__signup-form-promo_subtitle--uRzV.react-core__signup-form-promo_isInverted--wL54 {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__signup-form-promo_subtitle--uRzV, .react-core__signup-form-promo_conditions--AjIa {
  color: var(--ui-skin-text-inverted);
  padding-right: 144px;
}
@media (max-width: 640px) {
  .react-core__signup-form-promo_subtitle--uRzV, .react-core__signup-form-promo_conditions--AjIa {
    text-align: center;
    padding-right: 0;
  }
}

.react-core__signup-form-promo_conditions--AjIa {
  margin-top: 8px;
}
.react-core__signup-form-promo_conditions--AjIa {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-core__signup-form-promo_image--hs5G {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -40px;
  height: 80px;
  max-width: 124px;
}
@media (max-width: 640px) {
  .react-core__signup-form-promo_image--hs5G {
    position: static;
    margin-top: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    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/react-core/src/components/signup-form/signup-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__signup-form_isInverted--COHd {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__signup-form_container--BJBf {
  width: auto;
  margin-left: 16px;
  margin-top: 56px;
}
@media (max-width: 640px) {
  .react-core__signup-form_container--BJBf {
    margin-left: 0;
    margin-top: 0;
  }
}

.react-core__signup-form_termsText--uE76 {
  margin-top: 28px;
  color: var(--ui-skin-text-subdued);
}
@media (max-width: 640px) {
  .react-core__signup-form_termsText--uE76 {
    margin-top: 16px;
  }
}

.react-core__signup-form_termsCheckbox--vPRX {
  margin-top: 8px;
  color: var(--ui-skin-text-subdued);
}

.react-core__signup-form_submitButton--KYD7 {
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-core__signup-form_submitButton--KYD7 {
    margin-top: 16px;
  }
}

.react-core__signup-form_passwordStrength--RrZk {
  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-top: 8px;
}

.react-core__signup-form_passwordStrengthLabel--39Gn {
  color: var(--ui-skin-text-subdued);
}
.react-core__signup-form_passwordStrengthLabel--39Gn {
  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/signup-side-panel/signup-side-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-core__signup-side-panel_isInverted--Po60 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__signup-side-panel_container--7\+N3 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 488px;
  margin: -16px 0 -16px -16px;
  padding: 64px;
  position: relative;
  overflow: hidden;
  color: var(--ui-skin-text-inverted);
  background-color: var(--ui-skin-background-inverted);
}
@media (max-width: 870px) {
  .react-core__signup-side-panel_container--7\+N3 {
    margin-left: -24px;
    margin-bottom: -80px;
  }
}
@media (max-width: 640px) {
  .react-core__signup-side-panel_container--7\+N3 {
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 16px;
  }
}
.react-core__signup-side-panel_container--7\+N3 > * {
  position: relative;
  z-index: 1;
}

.react-core__signup-side-panel_background--\+ylW {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 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;
}
@media (max-width: 920px) {
  .react-core__signup-side-panel_background--\+ylW {
    background-position: 25% center;
  }
}
@media (max-width: 640px) {
  .react-core__signup-side-panel_background--\+ylW {
    width: 100%;
    max-height: none;
    background-position: center;
  }
}

.react-core__signup-side-panel_logo--aUBr {
  margin-bottom: 80px;
}
@media (max-width: 640px) {
  .react-core__signup-side-panel_logo--aUBr {
    margin-bottom: 40px;
  }
}

.react-core__signup-side-panel_title--Lfwq {
  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);
  margin-bottom: 28px;
}
.ui-scheme-inverted .react-core__signup-side-panel_title--Lfwq, .react-core__signup-side-panel_title--Lfwq.react-core__signup-side-panel_isInverted--Po60 {
  color: var(--ui-skin-heading-1-color-inverted);
}
@media (max-width: 640px) {
  .react-core__signup-side-panel_title--Lfwq {
    margin-bottom: 16px;
  }
}

.react-core__signup-side-panel_guarantee--jfzJ {
  font-weight: var(--ui-skin-font-weight-bold);
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .react-core__signup-side-panel_guarantee--jfzJ {
    margin-bottom: 16px;
  }
}

.react-core__signup-side-panel_benefitRow--Gpi4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.react-core__signup-side-panel_benefitIcon--6cc3 {
  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/promo-freebies-dialog/promo-freebies-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-student-app__promo-freebies-dialog_isInverted--IMz4 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__promo-freebies-dialog_dialog--7Jx1 {
  width: 560px !important;
  max-width: 100vw;
}
.react-student-app__promo-freebies-dialog_dialog--7Jx1 > div {
  padding: 0;
}

.react-student-app__promo-freebies-dialog_header--eQkW {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 24px;
  gap: 16px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  background-color: var(--ui-skin-palette-p1-500);
  -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;
  border-radius: var(--ui-skin-border-radius) var(--ui-skin-border-radius) 0 0;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_header--eQkW {
    padding: 16px;
  }
}
.react-student-app__promo-freebies-dialog_header--eQkW .react-student-app__promo-freebies-dialog_logo--YBX0 {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='291' height='46' viewBox='0 0 291 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1126_5964)'%3E%3Cpath d='M11.145 13.47C11.145 14.702 10.29 15.366 9.123 15.366H5.313V11.574H9.097C10.212 11.574 11.145 12.189 11.145 13.469V13.47ZM10.419 6.55C10.419 7.633 9.668 8.176 8.631 8.176H5.314V4.974H8.604C9.642 4.974 10.419 5.492 10.419 6.55ZM13.192 9.406V9.333C14.747 8.643 15.499 7.536 15.499 5.763C15.499 4.236 14.903 2.955 13.789 2.093C12.803 1.33 11.403 0.912003 9.59 0.912003H0V19.479H9.771C11.689 19.479 13.141 19.109 14.255 18.347C15.577 17.411 16.38 15.859 16.38 13.864C16.38 11.772 15.214 10.048 13.192 9.407V9.406ZM17.315 19.478H22.344V0.912003H17.315V19.478ZM32.84 12.88C32.84 15.218 32.063 16.671 30.56 16.671C29.055 16.671 28.33 15.218 28.33 12.88C28.33 10.564 29.055 9.111 30.56 9.111C32.063 9.111 32.84 10.564 32.84 12.88ZM37.816 12.88C37.816 8.692 35.016 5.86 30.611 5.86C26.205 5.86 23.354 8.692 23.354 12.88C23.354 17.09 26.205 19.897 30.611 19.897C35.017 19.897 37.816 17.09 37.816 12.88ZM47.9 12.88C47.9 15.218 47.122 16.671 45.619 16.671C44.115 16.671 43.39 15.218 43.39 12.88C43.39 10.564 44.115 9.111 45.619 9.111C47.122 9.111 47.9 10.564 47.9 12.88ZM52.876 12.88C52.876 8.692 50.076 5.86 45.671 5.86C41.265 5.86 38.413 8.692 38.413 12.88C38.413 17.09 41.265 19.897 45.671 19.897C50.077 19.897 52.876 17.09 52.876 12.88ZM70.735 19.478H75.633V11.155C75.633 8.102 74.233 5.836 70.994 5.836C69.283 5.836 67.806 6.379 66.666 8.126H66.588C65.914 6.674 64.592 5.836 62.83 5.836C60.834 5.836 59.564 6.674 58.63 8.226H58.554V6.23H53.888V19.477H58.788V12.263C58.788 10.834 59.408 9.751 60.627 9.751C61.871 9.751 62.312 10.638 62.312 11.992V19.477H67.21V12.263C67.21 10.834 67.831 9.751 69.05 9.751C70.294 9.751 70.735 10.638 70.735 11.992V19.477V19.478ZM86.572 12.78C86.572 14.923 85.769 16.302 84.266 16.302C82.762 16.302 81.804 14.899 81.804 12.78C81.804 10.639 82.762 9.259 84.266 9.259C85.744 9.259 86.572 10.639 86.572 12.78ZM91.548 12.83C91.548 8.84 89.527 5.836 86.028 5.836C84.24 5.836 82.996 6.453 82.063 7.609H81.986V0.912003H77.086V19.478H81.752V17.755H81.804C82.659 19.232 84.214 19.922 85.717 19.922C89.346 19.922 91.548 17.336 91.548 12.829V12.83ZM97.019 11.45C97.201 9.923 97.953 9.012 99.299 9.012C100.466 9.012 101.399 9.85 101.477 11.45H97.019ZM97.019 14.06H106.375C106.428 11.328 105.702 9.012 104.095 7.536C102.877 6.427 101.27 5.811 99.196 5.811C95.023 5.811 92.147 8.693 92.147 12.829C92.147 17.064 95.049 19.848 99.377 19.848C102.877 19.848 105.339 18.321 106.168 15.291H101.451C101.141 16.178 100.389 16.548 99.533 16.548C98.056 16.548 97.226 15.71 97.019 14.06ZM116.719 10.145H116.822V6.082C116.667 6.009 116.407 5.959 116.018 5.959C114.333 5.959 113.012 6.649 112.001 8.496H111.923V6.23H107.258V19.477H112.157V13.937C112.157 10.957 113.842 9.652 116.718 10.144L116.719 10.145ZM126.387 12.362C126.387 14.11 125.557 15.415 124.132 15.415C122.758 15.415 121.877 14.135 121.877 12.362C121.877 10.564 122.758 9.382 124.132 9.382C125.557 9.382 126.387 10.712 126.387 12.362ZM131 17.705V6.231H126.335V7.682H126.257C125.505 6.55 124.364 5.836 122.499 5.836C119.259 5.836 117.109 8.791 117.109 12.583C117.109 16.721 119.726 18.838 122.732 18.838C124.262 18.838 125.298 18.198 126.075 17.336H126.179V18.322C126.179 19.7 125.635 20.635 124.054 20.635C122.887 20.635 122.266 20.069 122.084 19.503H117.367C117.834 22.457 120.425 23.911 124.132 23.911C126.102 23.911 127.838 23.492 129.056 22.457C130.222 21.473 131 19.823 131 17.705ZM112.718 44.91H117.555V39.26H117.632C118.502 40.37 119.705 40.962 121.267 40.962C124.747 40.962 127 38.198 127 33.855C127 30.005 124.978 26.847 121.471 26.847C119.68 26.847 118.349 27.562 117.401 28.821H117.325V27.241H112.718V44.911V44.91ZM119.833 37.458C118.349 37.458 117.376 36.027 117.376 34.028C117.376 31.881 118.349 30.523 119.833 30.523C121.267 30.523 122.086 31.733 122.086 34.028C122.086 36.125 121.266 37.458 119.833 37.458ZM104.733 30.03C105.884 30.03 106.806 30.87 106.883 32.473H102.481C102.659 30.943 103.401 30.03 104.733 30.03ZM104.809 40.888C108.265 40.888 110.696 39.358 111.515 36.323H106.857C106.55 37.211 105.807 37.582 104.963 37.582C103.504 37.582 102.685 36.742 102.481 35.089H111.721C111.771 32.349 111.055 30.029 109.468 28.549C108.265 27.439 106.678 26.822 104.631 26.822C100.509 26.822 97.669 29.709 97.669 33.855C97.669 38.099 100.535 40.888 104.809 40.888ZM92.473 27.241H87.865V40.518H92.703V34.966C92.703 31.98 94.367 30.672 97.208 31.166H97.31V27.093C97.156 27.019 96.9 26.97 96.517 26.97C94.853 26.97 93.547 27.66 92.549 29.512H92.473V27.242V27.241ZM76.604 26.205H79.318C80.776 26.205 81.621 27.044 81.595 28.352C81.569 29.684 80.75 30.597 79.368 30.597H76.604V26.205ZM71.254 40.518H76.604V34.645H80.52C84.283 34.645 86.944 32.053 86.944 28.45C86.944 24.502 84.462 21.91 79.547 21.91H71.255V40.518H71.254ZM44.278 40.518H49.115V33.288C49.115 31.856 49.73 30.77 50.933 30.77C52.162 30.77 52.596 31.659 52.596 33.016V40.518H57.434V33.288C57.434 31.856 58.048 30.77 59.251 30.77C60.48 30.77 60.915 31.659 60.915 33.016V40.518H65.752V32.177C65.752 29.117 64.37 26.847 61.171 26.847C59.481 26.847 58.022 27.39 56.896 29.141H56.82C56.154 27.686 54.849 26.847 53.109 26.847C51.137 26.847 49.884 27.686 48.962 29.24H48.885V27.241H44.278V40.518ZM38.443 40.518H43.203V40.321C42.794 40.049 42.717 39.457 42.717 38.321V31.708C42.717 29.931 42.052 28.574 40.695 27.71C39.697 27.093 38.417 26.847 36.421 26.847C32.325 26.847 30.329 28.993 30.227 31.634H34.809C34.937 30.672 35.474 30.03 36.523 30.03C37.573 30.03 37.906 30.573 37.906 31.313C37.906 32.153 37.163 32.473 34.399 32.793C31.891 33.09 29.664 33.929 29.664 36.866C29.664 39.482 31.507 40.864 34.014 40.864C35.704 40.864 37.087 40.296 37.956 39.062H38.008C38.11 39.778 38.264 40.198 38.443 40.518ZM35.833 37.952C35.039 37.952 34.323 37.557 34.323 36.668C34.323 35.878 34.757 35.484 36.165 35.163C36.984 34.966 37.572 34.768 38.034 34.546V35.706C38.034 37.286 36.959 37.952 35.832 37.952H35.833ZM15.152 40.518H20.296L22.369 37.014H22.421L24.391 40.518H29.818L25.594 33.51L29.306 27.241H24.289L22.651 30.252H22.6L20.937 27.242H15.51L19.452 33.632L15.152 40.518ZM0 40.518H14.512V36.101H5.349V32.942H12.797V28.87H5.35V26.106H14.257V21.911H0V40.518ZM191.17 23.664C190.927 23.901 190.734 24.1852 190.605 24.4992C190.475 24.8132 190.412 25.1504 190.417 25.49C190.417 26.209 190.667 26.821 191.166 27.328C191.667 27.834 192.276 28.088 192.994 28.088C193.711 28.088 194.32 27.834 194.822 27.328C195.324 26.821 195.575 26.208 195.575 25.49C195.575 24.776 195.324 24.168 194.822 23.664C194.586 23.4189 194.301 23.2249 193.987 23.0942C193.672 22.9635 193.335 22.8987 192.994 22.904C192.282 22.904 191.674 23.158 191.17 23.664ZM195.12 27.618C194.845 27.9027 194.514 28.1279 194.149 28.2796C193.783 28.4313 193.39 28.5063 192.994 28.5C192.162 28.5 191.454 28.206 190.871 27.618C190.589 27.3411 190.366 27.0095 190.216 26.6437C190.067 26.2778 189.993 25.8853 190 25.49C190 24.665 190.293 23.96 190.88 23.374C191.154 23.0918 191.483 22.8687 191.847 22.7184C192.21 22.5681 192.601 22.4937 192.994 22.5C193.825 22.5 194.534 22.791 195.121 23.374C195.707 23.957 196 24.662 196 25.49C196 26.32 195.707 27.03 195.12 27.618ZM193.56 24.354C193.414 24.273 193.18 24.232 192.859 24.232H192.364V25.424H192.888C193.133 25.424 193.317 25.4 193.44 25.351C193.666 25.261 193.78 25.09 193.78 24.836C193.78 24.596 193.706 24.436 193.56 24.354ZM192.937 23.836C193.346 23.836 193.646 23.876 193.837 23.954C194.177 24.096 194.347 24.374 194.347 24.787C194.347 25.081 194.24 25.297 194.025 25.437C193.878 25.5218 193.715 25.5758 193.546 25.596C193.805 25.636 193.995 25.744 194.115 25.919C194.235 26.093 194.295 26.263 194.295 26.429V26.67C194.295 26.746 194.297 26.828 194.303 26.915C194.303 26.9735 194.312 27.0316 194.331 27.087L194.351 27.127H193.808L193.8 27.095C193.797 27.0827 193.794 27.0704 193.791 27.058L193.779 26.952V26.691C193.779 26.309 193.676 26.058 193.469 25.935C193.346 25.865 193.13 25.829 192.822 25.829H192.364V27.128H191.784V23.836H192.937ZM155.375 40.85C150.3 40.85 147 36.975 147 31.55C147 26.3 150.15 22.225 155.475 22.225C159.65 22.225 162.175 24.625 162.65 27.925H160.45C160.025 25.7 158.25 24.175 155.425 24.175C151.5 24.175 149.3 27.35 149.3 31.55C149.3 35.925 151.725 38.875 155.45 38.875C158.825 38.875 160.425 36.575 160.65 33.95H162.875C162.85 35.725 162 37.725 160.725 38.975C159.475 40.2 157.65 40.85 155.375 40.85ZM165.592 40.5V22.625H177.717V24.6H167.842V30.175H176.067V32.075H167.842V40.5H165.592ZM177.185 40.5L183.76 22.625H186.285L192.885 40.5H190.435L188.535 35.05H181.41L179.485 40.5H177.185ZM184.185 27.225L182.06 33.225H187.91L185.86 27.225C185.51 26.225 185.06 24.7 185.06 24.7H185.01C185.01 24.7 184.535 26.2 184.185 27.225ZM201.337 40.5V22.625H208.787C210.662 22.625 212.112 23.25 213.037 24.35C213.787 25.225 214.237 26.4 214.237 27.75C214.237 31.025 212.362 33 208.462 33H203.587V40.5H201.337ZM203.587 24.575V31.175H208.287C210.812 31.175 212.012 29.9 212.012 27.85C212.012 25.7 210.687 24.575 208.412 24.575H203.587ZM218.329 27.575V29.725H218.379C219.154 28.475 220.504 27.425 222.229 27.425C222.604 27.425 222.804 27.475 223.054 27.575V29.525H222.979C222.679 29.425 222.479 29.4 222.079 29.4C220.079 29.4 218.329 30.9 218.329 33.325V40.5H216.304V27.575H218.329ZM230.096 40.85C226.246 40.85 223.846 37.8 223.846 34.05C223.846 30.3 226.246 27.25 230.096 27.25C233.971 27.25 236.321 30.3 236.321 34.05C236.321 37.8 233.971 40.85 230.096 40.85ZM230.096 39.15C232.846 39.15 234.246 36.9 234.246 34.05C234.246 31.2 232.846 28.925 230.096 28.925C227.346 28.925 225.921 31.2 225.921 34.05C225.921 36.9 227.346 39.15 230.096 39.15ZM243.688 44.8C240.338 44.8 238.438 43.45 238.213 41.225H240.088C240.288 42.65 241.638 43.2 243.638 43.2C246.013 43.2 247.338 42.125 247.338 39.875V38.05H247.288C246.338 39.275 245.313 40.05 243.463 40.05C240.113 40.05 237.813 37.375 237.813 33.65C237.813 29.625 240.338 27.275 243.338 27.275C245.213 27.275 246.413 28 247.288 29.225H247.338V27.575H249.363V39.8C249.363 43.2 247.113 44.8 243.688 44.8ZM243.563 38.35C246.538 38.35 247.488 36.275 247.488 33.55C247.488 30.725 246.288 28.975 243.538 28.975C241.113 28.975 239.888 30.875 239.888 33.675C239.888 36.5 241.163 38.35 243.563 38.35ZM254.331 27.575V29.725H254.381C255.156 28.475 256.506 27.425 258.231 27.425C258.606 27.425 258.806 27.475 259.056 27.575V29.525H258.981C258.681 29.425 258.481 29.4 258.081 29.4C256.081 29.4 254.331 30.9 254.331 33.325V40.5H252.306V27.575H254.331ZM270.723 40.625C269.398 40.625 268.698 40.025 268.498 38.7H268.473C267.698 39.7 266.373 40.75 264.173 40.75C261.723 40.75 259.798 39.6 259.798 37.15C259.798 34.1 262.198 33.475 265.423 32.975C267.248 32.7 268.523 32.525 268.523 31.125C268.523 29.675 267.473 28.85 265.623 28.85C263.523 28.85 262.473 29.75 262.398 31.7H260.448C260.523 29.2 262.173 27.325 265.598 27.325C268.348 27.325 270.373 28.35 270.373 31.425V37.575C270.373 38.625 270.623 39.2 271.748 38.95H271.823V40.425C271.573 40.525 271.248 40.625 270.723 40.625ZM264.623 39.2C267.323 39.2 268.548 37.225 268.548 35.725V33.525C267.873 33.95 266.698 34.275 265.598 34.475C263.573 34.85 261.948 35.2 261.948 37.1C261.948 38.825 263.298 39.2 264.623 39.2ZM273.515 40.5V27.575H275.54V29.425H275.59C276.39 28.175 277.765 27.275 279.39 27.275C280.965 27.275 282.215 28.075 282.765 29.575H282.815C283.64 28.1 285.19 27.275 286.765 27.275C289.065 27.275 290.69 28.75 290.69 31.425V40.5H288.665V31.525C288.665 29.925 287.59 28.975 286.29 28.975C284.615 28.975 283.115 30.425 283.115 32.45V40.5H281.09V31.525C281.09 29.925 280.19 28.975 278.865 28.975C277.29 28.975 275.54 30.425 275.54 32.45V40.5H273.515ZM137 20.5H139V43.5H137V20.5Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1126_5964'%3E%3Crect width='291' height='45' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 45px;
  width: 291px;
  min-width: 291px;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_header--eQkW .react-student-app__promo-freebies-dialog_logo--YBX0 {
    height: 32px;
    width: 204px;
    min-width: 204px;
  }
}
.react-student-app__promo-freebies-dialog_header--eQkW .react-student-app__promo-freebies-dialog_icon--NVPk {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='48' viewBox='0 0 120 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54 4C50.692 4 48 6.692 48 10C48 10.7048 48.1429 11.3712 48.3672 12H40V24H42V38.1758C42 40.2858 43.7142 42 45.8242 42H74.1758C76.2858 42 78 40.2858 78 38.1758V24H80V12H71.6328C71.8571 11.3712 72 10.7048 72 10C72 6.692 69.308 4 66 4C64.4586 4 63.0639 4.59962 62 5.55859V5.53125L61.8438 5.6875C61.7904 5.7389 61.7389 5.79043 61.6875 5.84375L60 7.53125L58.3125 5.84375C58.2611 5.79043 58.2096 5.7389 58.1562 5.6875L58 5.53125V5.55859C56.9361 4.59962 55.5414 4 54 4ZM54 8C55.104 8 56 8.898 56 10C56 11.102 55.104 12 54 12C52.896 12 52 11.102 52 10C52 8.898 52.896 8 54 8ZM66 8C67.104 8 68 8.898 68 10C68 11.102 67.104 12 66 12C64.896 12 64 11.102 64 10C64 8.898 64.896 8 66 8ZM44 16H76V20H44V16ZM46 24H58V38H46V24ZM62 24H74V38H62V24Z' fill='white'/%3E%3Crect x='88' y='16' width='24' height='4' fill='white'/%3E%3Crect x='8' y='16' width='24' height='4' fill='white'/%3E%3Crect x='88' y='24' width='32' height='4' fill='white'/%3E%3Crect y='24' width='32' height='4' fill='white'/%3E%3Crect x='88' y='32' width='24' height='4' fill='white'/%3E%3Crect x='8' y='32' width='24' height='4' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  width: 120px;
  min-width: 120px;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_header--eQkW .react-student-app__promo-freebies-dialog_icon--NVPk {
    display: none;
  }
}
.react-student-app__promo-freebies-dialog_header--eQkW .react-student-app__promo-freebies-dialog_close--IEQn {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #fff;
}

.react-student-app__promo-freebies-dialog_body--Kwq0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 24px 32px 24px;
  -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;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_body--Kwq0 {
    padding: 16px;
  }
}
.react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_title--wm9c {
  margin-top: 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  text-align: center;
  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);
  margin-bottom: 16px;
  font-weight: var(--ui-skin-font-weight-bold);
}
.ui-scheme-inverted .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_title--wm9c, .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_title--wm9c.react-student-app__promo-freebies-dialog_isInverted--IMz4 {
  color: var(--ui-skin-heading-1-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_title--wm9c {
    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-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_title--wm9c, .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_title--wm9c.react-student-app__promo-freebies-dialog_isInverted--IMz4 {
    color: var(--ui-skin-heading-3-color-inverted);
  }
}
.react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_title--wm9c b {
  color: var(--ui-skin-palette-positive-400);
}
.react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_text--u5Lp {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  color: var(--ui-skin-text-subdued);
  text-align: center;
}
.react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_text--u5Lp {
  line-height: var(--ui-paragraph-md-line-height);
  font-size: var(--ui-paragraph-md-font-size);
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_text--u5Lp {
    line-height: var(--ui-paragraph-sm-line-height);
    font-size: var(--ui-paragraph-sm-font-size);
  }
}
.react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_optionsConainer--Jb8Y {
  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;
  gap: 16px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_optionsConainer--Jb8Y {
    margin-top: 16px;
    gap: 8px;
  }
  .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_optionsConainer--Jb8Y label {
    line-height: var(--ui-paragraph-xs-line-height);
    font-size: var(--ui-paragraph-xs-font-size);
  }
}

.react-student-app__promo-freebies-dialog_footer--7iQx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 24px;
  -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;
  gap: 16px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  background: var(--ui-skin-action-bar);
  border-radius: 0 0 8px 8px;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_footer--7iQx {
    padding: 16px;
    gap: 8px;
  }
}
.react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_tag--jPgh {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  color: var(--ui-skin-text-subdued);
  text-align: center;
  font-weight: var(--ui-skin-font-weight-bold);
}
.react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_tag--jPgh {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_tag--jPgh {
    line-height: var(--ui-paragraph-xs-line-height);
    font-size: var(--ui-paragraph-xs-font-size);
  }
}
.react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_form--jsCe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_form--jsCe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
}
.react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_form--jsCe .react-student-app__promo-freebies-dialog_input--uijK {
  width: 310px;
  height: 56px;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_form--jsCe .react-student-app__promo-freebies-dialog_input--uijK {
    width: 100%;
    height: 44px;
  }
}
.react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_form--jsCe .react-student-app__promo-freebies-dialog_button--T9JF {
  height: 56px;
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_form--jsCe .react-student-app__promo-freebies-dialog_button--T9JF {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_form--jsCe .react-student-app__promo-freebies-dialog_button--T9JF {
    line-height: var(--ui-paragraph-xs-line-height);
    font-size: var(--ui-paragraph-xs-font-size);
  }
}
.react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_notice--kva1 {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  color: var(--ui-skin-text-subdued);
  text-align: center;
}
.react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_notice--kva1 {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_footer--7iQx .react-student-app__promo-freebies-dialog_notice--kva1 {
    line-height: var(--ui-paragraph-xxs-line-height);
    font-size: var(--ui-paragraph-xxs-font-size);
  }
}

.react-student-app__promo-freebies-dialog_success--aaWr .react-student-app__promo-freebies-dialog_header--eQkW .react-student-app__promo-freebies-dialog_icon--NVPk {
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='48' viewBox='0 0 120 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 8C41.794 8 40 9.794 40 12V36C40 38.206 41.794 40 44 40H76C78.206 40 80 38.206 80 36V12C80 9.794 78.206 8 76 8H44ZM44 12H76V12.0117L60 22L44 12.0078V12ZM44 16.0078L60 26L76 16.0117L76.0039 36H44V16.0078Z' fill='white'/%3E%3Crect x='8' y='16' width='24' height='4' fill='white'/%3E%3Crect y='24' width='32' height='4' fill='white'/%3E%3Crect x='8' y='32' width='24' height='4' fill='white'/%3E%3C/svg%3E%0A");
}
.react-student-app__promo-freebies-dialog_success--aaWr .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_text--u5Lp {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
@media (max-width: 640px) {
  .react-student-app__promo-freebies-dialog_success--aaWr .react-student-app__promo-freebies-dialog_body--Kwq0 .react-student-app__promo-freebies-dialog_text--u5Lp {
    line-height: var(--ui-paragraph-xs-line-height);
    font-size: var(--ui-paragraph-xs-font-size);
  }
}

.react-student-app__promo-freebies-dialog_isDisabled--ZeoH {
  opacity: 0.5;
}

.react-student-app__promo-freebies-dialog_isInvalidText--a-JN {
  color: var(--ui-skin-palette-negative-400) !important;
}

.react-student-app__promo-freebies-dialog_isInvalidInput--GoGs {
  border-color: var(--ui-skin-palette-negative-400) !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/signup/signup.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-student-app__signup_isInverted--BmaC {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__signup_container--rblw {
  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;
}
@media (max-width: 640px) {
  .react-student-app__signup_container--rblw {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.react-student-app__signup_supportButtonWrapper--\+iUA {
  position: absolute;
  z-index: 100;
  top: 12px;
  right: 12px;
}
@media (max-width: 640px) {
  .react-student-app__signup_supportButtonWrapper--\+iUA {
    position: fixed;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bundle-benefits/bundle-benefits.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-student-app__bundle-benefits_isInverted--lAPD {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__bundle-benefits_container--EsAI {
  margin-top: 12px;
}

.react-student-app__bundle-benefits_header--G\+yV {
  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);
  width: 100%;
  margin-bottom: 12px;
  text-align: center;
}
.ui-scheme-inverted .react-student-app__bundle-benefits_header--G\+yV, .react-student-app__bundle-benefits_header--G\+yV.react-student-app__bundle-benefits_isInverted--lAPD {
  color: var(--ui-skin-heading-6-color-inverted);
}

.react-student-app__bundle-benefits_benefits--ye1M {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-animation: react-student-app__bundle-benefits_fx-benefits-showing--aHLi 0.6s 0.4s ease-out forwards;
          animation: react-student-app__bundle-benefits_fx-benefits-showing--aHLi 0.6s 0.4s ease-out forwards;
  opacity: 0;
  gap: 16px;
}
@media (max-width: 920px) {
  .react-student-app__bundle-benefits_benefits--ye1M {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    -webkit-animation-duration: 0s !important;
            animation-duration: 0s !important;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.react-student-app__bundle-benefits_benefitsItem--ebAo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 920px) {
  .react-student-app__bundle-benefits_benefitsItem--ebAo {
    width: calc(33.3333333333% - 16px);
  }
}
@media (max-width: 640px) {
  .react-student-app__bundle-benefits_benefitsItem--ebAo {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .react-student-app__bundle-benefits_benefitsItem--ebAo.react-student-app__bundle-benefits_isHorizontal--bDtg {
    -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;
  }
  .react-student-app__bundle-benefits_benefitsItem--ebAo.react-student-app__bundle-benefits_isHorizontal--bDtg span {
    text-align: center;
  }
}
.react-student-app__bundle-benefits_benefitsItem--ebAo.react-student-app__bundle-benefits_isHorizontal--bDtg .react-student-app__bundle-benefits_benefitsItemIcon--6ey\+ {
  margin-right: 20px;
}
@media (max-width: 640px) {
  .react-student-app__bundle-benefits_benefitsItem--ebAo.react-student-app__bundle-benefits_isHorizontal--bDtg .react-student-app__bundle-benefits_benefitsItemIcon--6ey\+ {
    margin-right: 0;
  }
}
.react-student-app__bundle-benefits_benefitsItem--ebAo.react-student-app__bundle-benefits_isVertical--kmjg {
  -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;
}
.react-student-app__bundle-benefits_benefitsItem--ebAo.react-student-app__bundle-benefits_isVertical--kmjg span {
  text-align: center;
}
.react-student-app__bundle-benefits_benefitsItem--ebAo.react-student-app__bundle-benefits_isSmall--Slry {
  width: 248px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media (max-width: 640px) {
  .react-student-app__bundle-benefits_benefitsItem--ebAo.react-student-app__bundle-benefits_isSmall--Slry {
    width: auto;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.react-student-app__bundle-benefits_benefitsItemIcon--6ey\+ {
  color: var(--ui-skin-text-branded);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.react-student-app__bundle-benefits_benefitsTextSubdued--lwcu {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__bundle-benefits_benefitsTextSemibold--dTYf {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__bundle-benefits_description--cVbl {
  text-align: center;
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-student-app__bundle-benefits_price--PlYB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-student-app__bundle-benefits_priceAmount--Cdrn {
  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-student-app__bundle-benefits_priceAmount--Cdrn, .react-student-app__bundle-benefits_priceAmount--Cdrn.react-student-app__bundle-benefits_isInverted--lAPD {
  color: var(--ui-skin-heading-1-color-inverted);
}

@-webkit-keyframes react-student-app__bundle-benefits_fx-benefits-showing--aHLi {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes react-student-app__bundle-benefits_fx-benefits-showing--aHLi {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: 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/plan-feature-item/plan-feature-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-student-app__plan-feature-item_isInverted--aXUZ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__plan-feature-item_container--BQHu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--ui-skin-text-subdued);
}
.react-student-app__plan-feature-item_container--BQHu:not(:first-child) {
  margin-top: 12px;
}

.react-student-app__plan-feature-item_icon--XpEX {
  margin-right: 12px;
}

.react-student-app__plan-feature-item_isPositive--8cfB {
  color: var(--ui-skin-active-element);
}

.react-student-app__plan-feature-item_oldValue--m4EA {
  margin-right: 4px;
  position: relative;
  display: inline-block;
  text-decoration: line-through;
  opacity: 0.7;
}

.react-student-app__plan-feature-item_isWithBenefit--rt\+1 {
  position: relative;
}
.react-student-app__plan-feature-item_isWithBenefit--rt\+1::after {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='16px' viewBox='0 0 15 16' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.000000, 1.000000)' stroke='%23E3120B'%3E%3Cpath d='M13.5,6.5 L13.5,14 C13.5,14.2761424 13.2761424,14.5 13,14.5 L2,14.5 C1.72385763,14.5 1.5,14.2761424 1.5,14 L1.5,6.5 C0.94771525,6.5 0.5,6.05228475 0.5,5.5 L0.5,4 C0.5,3.44771525 0.94771525,3 1.5,3 L13.5,3 C14.0522847,3 14.5,3.44771525 14.5,4 L14.5,5.5 C14.5,6.05228475 14.0522847,6.5 13.5,6.5 Z' id='Combined-Shape'%3E%3C/path%3E%3Cpath d='M6,6 L6,3 L9,3 L9,6 L13.75,6 C13.8880712,6 14,6.11192881 14,6.25 C14,6.38807119 13.8880712,6.5 13.75,6.5 L9,6.5 L9,14.5 L6,14.5 L6,6.5 L1.25,6.5 C1.11192881,6.5 1,6.38807119 1,6.25 C1,6.11192881 1.11192881,6 1.25,6 L6,6 Z M10.7130038,2.8 L4.18815346,2.8 C3.63119319,2.65883067 3.20002412,2.08004038 3.20002412,1.41574586 C3.19625163,0.63843235 3.77775894,0 4.44144586,0 C4.87287205,0 6.08694605,0.74101288 7.10746547,1.6534991 L7.44250036,1.95306686 L7.77596109,1.65174783 C8.79239295,0.73328809 9.99631094,0 10.4549509,0 C11.1396958,0 11.7,0.60407027 11.7,1.41574586 C11.7,2.08009782 11.2692509,2.65884014 10.7130038,2.8 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  -webkit-transform: translateY(-45px);
          transform: translateY(-45px);
  opacity: 0;
  -webkit-animation: react-student-app__plan-feature-item_fx-gift-show--25qW 0.9s 4s forwards;
          animation: react-student-app__plan-feature-item_fx-gift-show--25qW 0.9s 4s forwards;
}

@-webkit-keyframes react-student-app__plan-feature-item_fx-gift-show--25qW {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%, 55%, 75%, 87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

@keyframes react-student-app__plan-feature-item_fx-gift-show--25qW {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%, 55%, 75%, 87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    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]!./src/components/plan-features-list/plan-features-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-student-app__plan-features-list_isInverted--F7fQ {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
@media (max-width: 640px) {
  .react-student-app__plan-features-list_container--XsJZ {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  }
  .react-student-app__plan-features-list_container--XsJZ.react-student-app__plan-features-list_isShown--2vnh {
    max-height: 1000px;
    opacity: 1;
  }
}

.react-student-app__plan-features-list_hasOldValue--\+Dm4 {
  position: relative;
}
.react-student-app__plan-features-list_title--2zyZ {
  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);
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
}
.ui-scheme-inverted .react-student-app__plan-features-list_title--2zyZ, .react-student-app__plan-features-list_title--2zyZ.react-student-app__plan-features-list_isInverted--F7fQ {
  color: var(--ui-skin-heading-6-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]!./src/components/plan-card/plan-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-student-app__plan-card_isInverted--Q7XA {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__plan-card_container--fbPd {
  position: relative;
  width: 100%;
  max-width: 300px;
  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;
}
@media (max-width: 920px) {
  .react-student-app__plan-card_container--fbPd {
    max-width: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 640px) {
  .react-student-app__plan-card_container--fbPd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__plan-card_badge--EDWF {
  text-transform: uppercase;
}

.react-student-app__plan-card_main--lkXy {
  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-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-bottom: 28px;
}
@media (max-width: 920px) {
  .react-student-app__plan-card_main--lkXy {
    margin-bottom: 0;
    margin-right: 56px;
    min-width: 304px;
    max-width: 304px;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
}
@media (max-width: 640px) {
  .react-student-app__plan-card_main--lkXy {
    margin-bottom: 16px;
    margin-right: 0;
    min-width: initial;
    max-width: initial;
  }
}

.react-student-app__plan-card_title--FmuG {
  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: 4px;
  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;
}
.ui-scheme-inverted .react-student-app__plan-card_title--FmuG, .react-student-app__plan-card_title--FmuG.react-student-app__plan-card_isInverted--Q7XA {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__plan-card_validity--jMqK {
  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;
  color: var(--ui-skin-text-subdued);
  margin-bottom: 8px;
}

.react-student-app__plan-card_action--geIp {
  margin-bottom: 16px;
}

.react-student-app__plan-card_planConditions--vIGA {
  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;
  white-space: nowrap;
  color: var(--ui-skin-text-subdued);
  margin-bottom: 0;
}
.react-student-app__plan-card_planConditions--vIGA {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-student-app__plan-card_planConditions--vIGA {
  height: var(--ui-paragraph-xs-line-height);
}
.react-student-app__plan-card_planConditions--vIGA span {
  font-weight: var(--ui-skin-font-weight-semibold);
  margin-right: 4px;
}

.react-student-app__plan-card_planDescriptions--OL5E {
  color: var(--ui-skin-text-subdued);
  text-align: center;
  line-height: var(--ui-paragraph-md-line-height);
}
.react-student-app__plan-card_planDescriptions--OL5E {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__plan-card_priceLine--wtB- {
  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);
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 8px;
}
.ui-scheme-inverted .react-student-app__plan-card_priceLine--wtB-, .react-student-app__plan-card_priceLine--wtB-.react-student-app__plan-card_isInverted--Q7XA {
  color: var(--ui-skin-heading-1-color-inverted);
}

.react-student-app__plan-card_priceBlock--1356 {
  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;
}

.react-student-app__plan-card_priceCurrency--llLl {
  margin-right: 4px;
}
.react-student-app__plan-card_priceCurrency--llLl {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-student-app__plan-card_pricePeriod--Yg3d,
.react-student-app__plan-card_priceDuration--tXnw {
  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-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.react-student-app__plan-card_pricePeriod--Yg3d,
.react-student-app__plan-card_priceDuration--tXnw {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}

.react-student-app__plan-card_priceDuration--tXnw {
  margin-left: 8px;
}

.react-student-app__plan-card_fullPrice--hesQ {
  margin-left: 12px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: var(--ui-skin-text-subdued);
}
.react-student-app__plan-card_fullPrice--hesQ::after {
  content: "";
  display: block;
  position: absolute;
  height: 4px;
  background: var(--ui-skin-palette-p1-500);
  top: 50%;
  left: 0;
  right: 0;
}

.react-student-app__plan-card_features--u4tg {
  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-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 920px) {
  .react-student-app__plan-card_features--u4tg {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.react-student-app__plan-card_featuresOverview--Rdag {
  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-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
  color: var(--ui-skin-text-subdued);
}
.react-student-app__plan-card_featuresOverview--Rdag {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
@media (max-width: 920px) {
  .react-student-app__plan-card_featuresOverview--Rdag {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
  }
}
@media (max-width: 640px) {
  .react-student-app__plan-card_featuresOverview--Rdag {
    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]!./src/components/bundle-promotions/bundle-promotions.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-student-app__bundle-promotions_isInverted--D0Fz {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__bundle-promotions_card--GGDU {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  .react-student-app__bundle-promotions_card--GGDU {
    -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;
  }
}

.react-student-app__bundle-promotions_image--o4S1 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 48px;
  margin-right: 8px;
}
@media (max-width: 640px) {
  .react-student-app__bundle-promotions_image--o4S1 {
    margin-right: 0;
    margin-bottom: 8px;
  }
}

.react-student-app__bundle-promotions_details--Z-Dd {
  max-width: 560px;
}

.react-student-app__bundle-promotions_detailsTitle--gO18 {
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-student-app__bundle-promotions_branded--S\+Qq {
  color: var(--ui-skin-text-branded);
}

.react-student-app__bundle-promotions_detailsDescription--Nxoz {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__bundle-promotions_row--7DQY {
  margin-left: 8px;
}

.react-student-app__bundle-promotions_covidGmat--pKzK {
  margin-bottom: 20px;
  background-color: #fec742;
}

.react-student-app__bundle-promotions_covidGre---V9d {
  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;
  background-color: #f7e75d;
}
.react-student-app__bundle-promotions_covidGre---V9d .react-student-app__bundle-promotions_details--Z-Dd {
  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;
}
@media (max-width: 920px) {
  .react-student-app__bundle-promotions_covidGre---V9d .react-student-app__bundle-promotions_details--Z-Dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.react-student-app__bundle-promotions_covidGre---V9d .react-student-app__bundle-promotions_detailsTitle--gO18 {
  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;
}
.react-student-app__bundle-promotions_covidGre---V9d .react-student-app__bundle-promotions_detailsTitle--gO18::after {
  content: "";
  width: 1px;
  display: inline-block;
  height: 28px;
  margin-right: 16px;
  margin-left: 16px;
  background-color: rgba(0, 0, 0, 0.16);
}
@media (max-width: 920px) {
  .react-student-app__bundle-promotions_covidGre---V9d .react-student-app__bundle-promotions_detailsTitle--gO18 {
    text-align: center;
  }
  .react-student-app__bundle-promotions_covidGre---V9d .react-student-app__bundle-promotions_detailsTitle--gO18::after {
    display: none;
  }
}

.react-student-app__bundle-promotions_gmatPromo--jSbQ .react-student-app__bundle-promotions_image--o4S1 {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media (max-width: 920px) {
  .react-student-app__bundle-promotions_gmatPromo--jSbQ .react-student-app__bundle-promotions_image--o4S1 {
    margin-right: 24px;
    margin-top: -32px;
    margin-bottom: -32px;
    width: 130px;
    height: 148px;
  }
}
@media (max-width: 640px) {
  .react-student-app__bundle-promotions_gmatPromo--jSbQ .react-student-app__bundle-promotions_image--o4S1 {
    margin-top: -24px;
    margin-bottom: 12px;
    width: 105px;
    height: 120px;
  }
}

.react-student-app__bundle-promotions_financialSupport--JGmK {
  height: 80px;
  width: 100%;
  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;
  background-color: var(--ui-skin-palette-motivate-500);
  border-radius: var(--ui-skin-border-radius);
}
@media (max-width: 920px) {
  .react-student-app__bundle-promotions_financialSupport--JGmK {
    border-radius: 0;
  }
}
@media (max-width: 640px) {
  .react-student-app__bundle-promotions_financialSupport--JGmK {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    padding: 12px;
  }
  .react-student-app__bundle-promotions_financialSupport--JGmK .react-student-app__bundle-promotions_image--o4S1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 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]!./src/components/bundle-heading/bundle-heading.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-student-app__bundle-heading_isInverted--apDT {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__bundle-heading_container--g5x9 {
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .react-student-app__bundle-heading_container--g5x9 {
    margin-bottom: 16px;
    padding: 0 16px;
  }
}

.react-student-app__bundle-heading_stepHeading--Ljri {
  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);
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-student-app__bundle-heading_stepHeading--Ljri, .react-student-app__bundle-heading_stepHeading--Ljri.react-student-app__bundle-heading_isInverted--apDT {
  color: var(--ui-skin-heading-6-color-inverted);
}

.react-student-app__bundle-heading_pageHeading--j940 {
  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-student-app__bundle-heading_pageHeading--j940, .react-student-app__bundle-heading_pageHeading--j940.react-student-app__bundle-heading_isInverted--apDT {
  color: var(--ui-skin-heading-1-color-inverted);
}

.react-student-app__bundle-heading_title--kgvr {
  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-student-app__bundle-heading_title--kgvr, .react-student-app__bundle-heading_title--kgvr.react-student-app__bundle-heading_isInverted--apDT {
  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]!./src/components/bundle-courses-selection/bundle-courses-selection.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-student-app__bundle-courses-selection_isInverted--swAD {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__bundle-courses-selection_container--uj5Q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
  margin-bottom: 8px;
}
@media (max-width: 640px) {
  .react-student-app__bundle-courses-selection_container--uj5Q {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 0 16px;
  }
}

.react-student-app__bundle-courses-selection_option--4g5S {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}

.react-student-app__bundle-courses-selection_courseName--G-vn {
  text-align: center;
}

.react-student-app__bundle-courses-selection_badgeWrapper--gIei {
  position: relative;
  -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-student-app__bundle-courses-selection_badge--p8F3 {
  color: var(--ui-skin-text);
  background-color: var(--ui-skin-text-positive);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bundle-special-offer/bundle-special-offer.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-student-app__bundle-special-offer_isInverted--db9J {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__bundle-special-offer_offer--6fps {
  width: 100%;
  cursor: default;
}
@media (max-width: 640px) {
  .react-student-app__bundle-special-offer_offer--6fps {
    margin: 0 16px;
  }
}

.react-student-app__bundle-special-offer_conditions--Ltmd {
  margin-top: 24px;
  border: 1px solid var(--ui-skin-border);
  border-radius: var(--ui-skin-border-radius);
  padding: 20px;
}
.react-student-app__bundle-special-offer_conditions--Ltmd h4 {
  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);
}
.ui-scheme-inverted .react-student-app__bundle-special-offer_conditions--Ltmd h4, .react-student-app__bundle-special-offer_conditions--Ltmd h4.react-student-app__bundle-special-offer_isInverted--db9J {
  color: var(--ui-skin-heading-4-color-inverted);
}
.react-student-app__bundle-special-offer_conditions--Ltmd > * {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__bundle-special-offer_conditions--Ltmd > *:not(:last-child) {
  margin-bottom: 8px;
}

.react-student-app__bundle-special-offer_actions--C6wd {
  margin-top: 24px;
}

.react-student-app__bundle-special-offer_row--zH\+t {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  .react-student-app__bundle-special-offer_row--zH\+t {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__bundle-special-offer_item--2y-q {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.react-student-app__bundle-special-offer_name--56x6 {
  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);
  color: var(--ui-skin-text);
  margin-bottom: 4px;
}
.ui-scheme-inverted .react-student-app__bundle-special-offer_name--56x6, .react-student-app__bundle-special-offer_name--56x6.react-student-app__bundle-special-offer_isInverted--db9J {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__bundle-special-offer_validity--DyJw {
  color: var(--ui-skin-text-subdued);
  margin-bottom: 8px;
}

.react-student-app__bundle-special-offer_separator--6a6U {
  color: var(--ui-skin-text);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -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;
  padding: 20px;
}

.react-student-app__bundle-special-offer_itemConditions--15Nq {
  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);
  color: var(--ui-skin-text-positive);
  margin-top: 4px;
}
.ui-scheme-inverted .react-student-app__bundle-special-offer_itemConditions--15Nq, .react-student-app__bundle-special-offer_itemConditions--15Nq.react-student-app__bundle-special-offer_isInverted--db9J {
  color: var(--ui-skin-heading-1-color-inverted);
}
.react-student-app__bundle-special-offer_itemConditions--15Nq.react-student-app__bundle-special-offer_uppercase--8jJH {
  text-transform: uppercase;
}

.react-student-app__bundle-special-offer_oldPriceContainer--9WFY {
  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-student-app__bundle-special-offer_oldPrice--Xerd {
  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);
  position: relative;
  color: var(--ui-skin-text-placeholder);
  text-align: center;
}
.ui-scheme-inverted .react-student-app__bundle-special-offer_oldPrice--Xerd, .react-student-app__bundle-special-offer_oldPrice--Xerd.react-student-app__bundle-special-offer_isInverted--db9J {
  color: var(--ui-skin-heading-1-color-inverted);
}
.react-student-app__bundle-special-offer_oldPrice--Xerd::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  top: 50%;
  left: 0;
  margin-top: -2px;
  background-color: var(--ui-skin-palette-p1-500);
}
.react-student-app__bundle-special-offer_oldPrice--Xerd small {
  margin-right: 4px;
}
.react-student-app__bundle-special-offer_oldPrice--Xerd small {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-student-app__bundle-special-offer_itemPrice--yaPc {
  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);
  color: var(--ui-skin-text-placeholder);
}
.ui-scheme-inverted .react-student-app__bundle-special-offer_itemPrice--yaPc, .react-student-app__bundle-special-offer_itemPrice--yaPc.react-student-app__bundle-special-offer_isInverted--db9J {
  color: var(--ui-skin-heading-1-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]!./src/components/bundle-special-offer-title/bundle-special-offer-title.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-student-app__bundle-special-offer-title_isInverted--GH-C {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__bundle-special-offer-title_container--DUFS {
  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-student-app__bundle-special-offer-title_title--zbva {
  margin-left: 8px;
  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]!./src/components/bundle-special-offer-button/bundle-special-offer-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-student-app__bundle-special-offer-button_isInverted--TafW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__bundle-special-offer-button_container--c4y8 {
  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-student-app__bundle-special-offer-button_link--l1Z2 {
  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]!./src/components/coupon-selection/coupon-selection.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-student-app__coupon-selection_isInverted--5o8e {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__coupon-selection_container--kSwd {
  margin-top: 20px;
  margin-bottom: 40px;
  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;
  gap: 4px;
}
@media (max-width: 640px) {
  .react-student-app__coupon-selection_container--kSwd {
    margin-bottom: 24px;
    -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: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 16px;
  }
}

.react-student-app__coupon-selection_label--i59W {
  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;
}

.react-student-app__coupon-selection_text--z\+Be {
  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);
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: 0.2em;
     -moz-column-gap: 0.2em;
          column-gap: 0.2em;
}
.ui-scheme-inverted .react-student-app__coupon-selection_text--z\+Be, .react-student-app__coupon-selection_text--z\+Be.react-student-app__coupon-selection_isInverted--5o8e {
  color: var(--ui-skin-heading-4-color-inverted);
}
.react-student-app__coupon-selection_text--z\+Be span {
  white-space: nowrap;
}

.react-student-app__coupon-selection_actions--NdFS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.react-student-app__coupon-selection_input--jgsk {
  margin-right: 8px;
  max-width: 340px;
}

.react-student-app__coupon-selection_icon--Mirm {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin-right: 8px;
}

.react-student-app__coupon-selection_isPositive--B31O {
  color: var(--ui-skin-text-positive);
}

.react-student-app__coupon-selection_isBranded--q8bS {
  color: var(--ui-skin-text-branded);
}

.react-student-app__coupon-selection_editButton--c\+yf {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  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]!./src/components/payment-plans/payment-plans.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-student-app__payment-plans_isInverted--zW3y {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__payment-plans_container--45Ar {
  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;
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-student-app__payment-plans_container--45Ar {
    margin-top: 16px;
    padding: 0 16px;
  }
}

@media (max-width: 640px) {
  .react-student-app__payment-plans_slider---v\+4 {
    padding: 0 16px;
  }
}

.react-student-app__payment-plans_banner--lc-n {
  padding: 6px 8px;
  background: var(--ui-skin-badge-icon-color);
  border-radius: 4px;
  font-weight: var(--ui-skin-font-weight-bold);
  text-transform: uppercase;
  color: var(--ui-skin-text);
}
.react-student-app__payment-plans_banner--lc-n {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__payment-plans_text--Rcdh {
  font-weight: var(--ui-skin-font-weight-semibold);
}
.react-student-app__payment-plans_text--Rcdh {
  line-height: var(--ui-paragraph-line-height);
  font-size: var(--ui-paragraph-font-size);
}

.react-student-app__payment-plans_text--Rcdh {
  margin-bottom: 16px;
}

.react-student-app__payment-plans_label--YcEm {
  margin-right: 8px;
  font-weight: var(--ui-skin-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]!./src/components/promo-scholarship-banner/promo-scholarship-banner.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-student-app__promo-scholarship-banner_isInverted--4rf4 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 624px;
      -ms-flex: 0 0 624px;
          flex: 0 0 624px;
  padding: 16px;
  -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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--ui-skin-border-radius);
  background-color: var(--ui-skin-active-element);
  background-image: url("data:image/svg+xml,%3Csvg width='624' height='140' viewBox='0 0 624 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath opacity='0.16' fill-rule='evenodd' clip-rule='evenodd' d='M93.6765 173.584C134.043 173.584 165.686 142.037 165.686 104.431C165.686 66.8253 134.043 35.2782 93.6765 35.2782C53.3102 35.2782 21.6667 66.8253 21.6667 104.431C21.6667 142.037 53.3102 173.584 93.6765 173.584ZM93.6765 195.195C145.413 195.195 187.353 154.558 187.353 104.431C187.353 54.304 145.413 13.6678 93.6765 13.6678C41.9404 13.6678 0 54.304 0 104.431C0 154.558 41.9404 195.195 93.6765 195.195Z' fill='black'/%3E%3Cellipse opacity='0.16' cx='500.515' cy='32.3881' rx='9.2027' ry='9.21692' transform='rotate(90 500.515 32.3881)' fill='black'/%3E%3Cellipse opacity='0.16' cx='461.971' cy='32.3881' rx='9.2027' ry='9.21693' transform='rotate(90 461.971 32.3881)' fill='black'/%3E%3Cellipse opacity='0.24' cx='539.058' cy='32.3881' rx='9.2027' ry='9.2169' transform='rotate(90 539.058 32.3881)' fill='black'/%3E%3Cellipse opacity='0.16' cx='539.058' cy='70.8717' rx='9.20268' ry='9.2169' transform='rotate(90 539.058 70.8717)' fill='black'/%3E%3Cellipse opacity='0.24' cx='500.515' cy='70.8717' rx='9.20268' ry='9.21692' transform='rotate(90 500.515 70.8717)' fill='black'/%3E%3Cellipse opacity='0.24' cx='579.278' cy='70.8717' rx='9.20268' ry='9.21692' transform='rotate(90 579.278 70.8717)' fill='black'/%3E%3Cellipse opacity='0.16' cx='500.515' cy='109.356' rx='9.2027' ry='9.21692' transform='rotate(90 500.515 109.356)' fill='black'/%3E%3Cellipse opacity='0.16' cx='461.971' cy='109.356' rx='9.2027' ry='9.21693' transform='rotate(90 461.971 109.356)' fill='black'/%3E%3Cellipse opacity='0.24' cx='539.058' cy='109.356' rx='9.2027' ry='9.2169' transform='rotate(90 539.058 109.356)' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-box-shadow: var(--ui-skin-box-shadow-xl);
          box-shadow: var(--ui-skin-box-shadow-xl);
}
@media (max-width: 640px) {
  .react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
        -ms-flex: 0;
            flex: 0;
    border-radius: 0;
  }
}
.react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg h6 {
  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;
  gap: 8px;
  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-inverted);
  margin-bottom: 4px;
}
.ui-scheme-inverted .react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg h6, .react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg h6.react-student-app__promo-scholarship-banner_isInverted--4rf4 {
  color: var(--ui-skin-heading-6-color-inverted);
}
.react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg h6:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  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 d='M12 2.22296L0.23584 8.32257L1.5 8.96857V15.2762C1.05327 15.5359 0.75 16.014 0.75 16.5682C0.75 17.3969 1.42125 18.0682 2.25 18.0682C3.07875 18.0682 3.75 17.3969 3.75 16.5682C3.75 16.014 3.44673 15.5359 3 15.2762V9.73615L4.5 10.5023V14.3182C4.5 16.4062 10.2405 16.5682 12 16.5682C12.7635 16.5682 14.2764 16.5371 15.7441 16.3323C15.4464 15.9071 15.2284 15.4197 15.1084 14.8909C14.2436 14.9959 13.2098 15.0682 12 15.0682C9.0375 15.0682 7.07157 14.6482 6.28857 14.3182C7.07157 13.9882 9.03825 13.5682 12 13.5682C13.1648 13.5682 14.1686 13.6347 15.0146 13.7337C15.0409 13.2147 15.1556 12.7153 15.3604 12.2601C14.0186 12.0981 12.6975 12.0682 12 12.0682C10.8142 12.0682 7.82625 12.1451 6 12.8314V9.96906C6.456 9.63531 8.5545 9.06818 12 9.06818C14.5013 9.06818 16.2817 9.36676 17.25 9.65851V8.10577C15.4425 7.63102 13.0365 7.56818 12 7.56818C10.5052 7.56818 6.14793 7.6904 4.86768 9.00665L3.51416 8.31378L12 3.91339L20.4858 8.31232L20.4771 8.31818H23.7554L12 2.22296ZM18.75 9.81818V11.3182C17.475 11.5432 16.5 12.5932 16.5 13.9432C16.5 15.4432 17.625 16.5682 19.125 16.5682H19.875C20.475 16.5682 21 17.0932 21 17.6932C21 18.2932 20.475 18.8182 19.875 18.8182H17.25V20.3182H18.75V21.8182H20.25V20.3182C21.525 20.0932 22.5 19.0432 22.5 17.6932C22.5 16.1932 21.375 15.0682 19.875 15.0682H19.125C18.525 15.0682 18 14.5432 18 13.9432C18 13.3432 18.525 12.8182 19.125 12.8182H21.75V11.3182H20.25V9.81818H18.75Z' fill='white'/%3E%3C/svg%3E%0A");
}
.react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg 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);
  color: var(--ui-skin-text-inverted);
  margin-bottom: 12px;
}
.ui-scheme-inverted .react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg h3, .react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg h3.react-student-app__promo-scholarship-banner_isInverted--4rf4 {
  color: var(--ui-skin-heading-3-color-inverted);
}
.react-student-app__promo-scholarship-banner_scholarshipPromo--UJHg h3 b {
  color: var(--ui-skin-palette-motivate-500);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/promo-scholarship-dialog/promo-scholarship-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-student-app__promo-scholarship-dialog_isInverted--xcKy {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__promo-scholarship-dialog_body--ay1i {
  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;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.react-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_title--TrZI {
  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);
  font-weight: var(--ui-skin-font-weight-bold);
}
.ui-scheme-inverted .react-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_title--TrZI, .react-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_title--TrZI.react-student-app__promo-scholarship-dialog_isInverted--xcKy {
  color: var(--ui-skin-heading-1-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_title--TrZI {
    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-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_title--TrZI, .react-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_title--TrZI.react-student-app__promo-scholarship-dialog_isInverted--xcKy {
    color: var(--ui-skin-heading-3-color-inverted);
  }
}
.react-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_text--2Yc5 {
  color: var(--ui-skin-text-subdued);
  margin-top: 28px;
}
.react-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_text--2Yc5 {
  line-height: var(--ui-paragraph-sm-line-height);
  font-size: var(--ui-paragraph-sm-font-size);
}
.react-student-app__promo-scholarship-dialog_body--ay1i .react-student-app__promo-scholarship-dialog_text--2Yc5 a {
  color: var(--ui-skin-link);
  font-weight: var(--ui-skin-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]!./src/components/bundle-selection/bundle-selection.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-student-app__bundle-selection_isInverted--XmEd {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__bundle-selection_heading--qI4l {
  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-top: 40px;
}
.ui-scheme-inverted .react-student-app__bundle-selection_heading--qI4l, .react-student-app__bundle-selection_heading--qI4l.react-student-app__bundle-selection_isInverted--XmEd {
  color: var(--ui-skin-heading-3-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__bundle-selection_heading--qI4l {
    margin-top: 24px;
    padding: 0 16px;
  }
}

.react-student-app__bundle-selection_terms--K04v {
  color: var(--ui-skin-text-subdued);
  margin-top: 20px;
}

.react-student-app__bundle-selection_plansContainer--vDmg {
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-student-app__bundle-selection_plansContainer--vDmg {
    margin-top: 16px;
  }
}

.react-student-app__bundle-selection_plansList--ptpj {
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 28px;
}
@media (max-width: 920px) {
  .react-student-app__bundle-selection_plansList--ptpj {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .react-student-app__bundle-selection_plansList--ptpj {
    gap: 8px;
    margin-bottom: 16px;
  }
}

.react-student-app__bundle-selection_noPlansCard--lik1 {
  text-align: center;
}

.react-student-app__bundle-selection_noPlansHeader--TSbX {
  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-student-app__bundle-selection_noPlansHeader--TSbX, .react-student-app__bundle-selection_noPlansHeader--TSbX.react-student-app__bundle-selection_isInverted--XmEd {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__bundle-selection_promoWrapper--EE3T {
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .react-student-app__bundle-selection_promoWrapper--EE3T {
    margin-bottom: 16px;
  }
}

.react-student-app__bundle-selection_bundleBenefits--pkZG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-student-app__bundle-selection_bundleBenefits--pkZG br {
  display: none;
}
@media (max-width: 640px) {
  .react-student-app__bundle-selection_bundleBenefits--pkZG {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 16px;
    gap: 8px;
  }
  .react-student-app__bundle-selection_bundleBenefits--pkZG br {
    display: block;
  }
}

.react-student-app__bundle-selection_coursesSelectionHeading--EY2Z {
  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;
  margin-top: 40px;
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .react-student-app__bundle-selection_coursesSelectionHeading--EY2Z {
    margin-top: 24px;
    margin-bottom: 16px;
    padding: 0 16px;
    -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;
  }
}

.react-student-app__bundle-selection_coursesSelectionTitle--0rBs {
  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-student-app__bundle-selection_coursesSelectionTitle--0rBs, .react-student-app__bundle-selection_coursesSelectionTitle--0rBs.react-student-app__bundle-selection_isInverted--XmEd {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-student-app__bundle-selection_bundleBenefitsText--ESBL {
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__bundle-selection_bundleBenefitsPromoContainer--6qdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-student-app__bundle-selection_bundleBenefitsPromoContainer--6qdr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 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/payment-info-receipt/payment-info-receipt.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-student-app__payment-info-receipt_isInverted--dHUj {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__payment-info-receipt_item--Iwmm {
  margin-bottom: 16px;
  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-student-app__payment-info-receipt_paymentPlanTitle--UD3P {
  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);
  color: var(--ui-skin-text-subdued);
  font-weight: var(--ui-skin-font-weight-bold);
  text-transform: uppercase;
  margin: 24px 0 16px;
}
.ui-scheme-inverted .react-student-app__payment-info-receipt_paymentPlanTitle--UD3P, .react-student-app__payment-info-receipt_paymentPlanTitle--UD3P.react-student-app__payment-info-receipt_isInverted--dHUj {
  color: var(--ui-skin-heading-3-color-inverted);
}
.react-student-app__payment-info-receipt_paymentPlanTitle--UD3P {
  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/payment-info-coupon/payment-info-coupon.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-student-app__payment-info-coupon_isInverted--ESRR {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__payment-info-coupon_container--MkDs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.react-student-app__payment-info-coupon_container--MkDs:not(:last-child) {
  margin-bottom: 12px;
}

.react-student-app__payment-info-coupon_icon--5iqY {
  margin-right: 8px;
  color: var(--ui-skin-text-branded);
}

.react-student-app__payment-info-coupon_input--n9ZN {
  margin-right: 8px;
}

.react-student-app__payment-info-coupon_text--GRY7 {
  margin: 0;
  margin-left: 8px;
}

.react-student-app__payment-info-coupon_couponCode--dsyh {
  word-break: break-all;
}

.react-student-app__payment-info-coupon_isPositive--45TE {
  color: var(--ui-skin-text-positive);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/stripe-payment-form/stripe-payment-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-student-app__stripe-payment-form_isInverted--4nvf {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__stripe-payment-form_input--2zxi {
}

.react-student-app__stripe-payment-form_formRow--RpF8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 16px;
}
@media (max-width: 640px) {
  .react-student-app__stripe-payment-form_formRow--RpF8 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.react-student-app__stripe-payment-form_cardholderName--z7hS {
  width: 100%;
  margin-bottom: 16px;
}

.react-student-app__stripe-payment-form_cardInput--4kSs {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.react-student-app__stripe-payment-form_cardData--jOTw {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 120px;
}

.react-student-app__stripe-payment-form_paymentInfo--2fVQ {
  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-subdued);
}
.react-student-app__stripe-payment-form_paymentInfo--2fVQ {
  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/purchase-payment-form/purchase-payment-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-student-app__purchase-payment-form_isInverted--vM6b {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__purchase-payment-form_cardInfo--crZN {
  margin-bottom: 16px;
}

.react-student-app__purchase-payment-form_link--i-bD {
  margin-left: 16px;
}

.react-student-app__purchase-payment-form_row--YJoq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 16px;
}
@media (max-width: 640px) {
  .react-student-app__purchase-payment-form_row--YJoq {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.react-student-app__purchase-payment-form_paymentInfo--pYnb {
  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-subdued);
}
.react-student-app__purchase-payment-form_paymentInfo--pYnb {
  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/conversion-booster/conversion-booster.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-student-app__conversion-booster_isInverted--TL59 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__conversion-booster_container--aBMq {
  border-radius: var(--ui-skin-border-radius);
  border: 1px solid var(--ui-skin-text-positive);
  padding: 8px;
  margin-bottom: 24px;
  color: var(--ui-skin-text-subdued);
}

.react-student-app__conversion-booster_title--wDwH {
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: var(--ui-skin-font-weight-semibold);
}

.react-student-app__conversion-booster_items--JK8x {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-top: 8px;
}

.react-student-app__conversion-booster_itemTitle--Fq2s {
  font-size: 10px;
  padding: 0;
  margin: 0;
  text-align: center;
}
.react-student-app__conversion-booster_itemTitle--Fq2s br {
  display: none;
}
@media (max-width: 640px) {
  .react-student-app__conversion-booster_itemTitle--Fq2s br {
    display: inline;
  }
}

.react-student-app__conversion-booster_item--xsQB {
  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: 0 12px;
}
@media (max-width: 640px) {
  .react-student-app__conversion-booster_item--xsQB {
    padding: 0 5px;
  }
  .react-student-app__conversion-booster_item--xsQB:first-child {
    padding-left: 0;
  }
  .react-student-app__conversion-booster_item--xsQB:last-child {
    min-width: 104px;
  }
}
.react-student-app__conversion-booster_item--xsQB:not(:last-child) {
  border-right: 1px solid var(--ui-skin-divider);
}

.react-student-app__conversion-booster_itemPercentage--co5T {
  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-placeholder);
}
@media (max-width: 640px) {
  .react-student-app__conversion-booster_itemPercentage--co5T {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.react-student-app__conversion-booster_itemPercentage--co5T span {
  display: block;
  font-weight: var(--ui-skin-font-weight-bold);
}
.react-student-app__conversion-booster_itemPercentage--co5T span:first-child {
  font-size: 24px;
  padding-right: 4px;
}
.react-student-app__conversion-booster_itemPercentage--co5T span:last-child {
  font-size: 10px;
  line-height: 12px;
}

.react-student-app__conversion-booster_itemPercentageSuccess--kev3 {
  color: var(--ui-skin-text-positive);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/payment-info/payment-info.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-student-app__payment-info_isInverted--aWIq {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__payment-info_heading--Nb07 {
  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);
  margin-bottom: 28px;
}
.ui-scheme-inverted .react-student-app__payment-info_heading--Nb07, .react-student-app__payment-info_heading--Nb07.react-student-app__payment-info_isInverted--aWIq {
  color: var(--ui-skin-heading-1-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__payment-info_heading--Nb07 {
    margin-bottom: 16px;
    padding: 0 16px;
  }
}

.react-student-app__payment-info_headerSteps--7Ewb {
  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);
  margin-bottom: 16px;
}
.ui-scheme-inverted .react-student-app__payment-info_headerSteps--7Ewb, .react-student-app__payment-info_headerSteps--7Ewb.react-student-app__payment-info_isInverted--aWIq {
  color: var(--ui-skin-heading-6-color-inverted);
}

.react-student-app__payment-info_card--rHMS {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  overflow: auto;
}
@media (max-width: 640px) {
  .react-student-app__payment-info_card--rHMS {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.react-student-app__payment-info_form--Vg-N,
.react-student-app__payment-info_receipt--cqg3 {
  padding: 28px;
}
@media (max-width: 640px) {
  .react-student-app__payment-info_form--Vg-N,
  .react-student-app__payment-info_receipt--cqg3 {
    padding: 16px;
  }
}

.react-student-app__payment-info_form--Vg-N {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 640px) {
  .react-student-app__payment-info_form--Vg-N {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

.react-student-app__payment-info_receipt--cqg3 {
  width: 316px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-left: 1px solid var(--ui-skin-divider);
  -webkit-animation: react-student-app__payment-info_fx-recipe-showing--qNEn 0.6s ease-out forwards;
          animation: react-student-app__payment-info_fx-recipe-showing--qNEn 0.6s ease-out forwards;
  will-change: opacity, transform;
}
@media (max-width: 640px) {
  .react-student-app__payment-info_receipt--cqg3 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    border-left: 0;
    border-bottom: 1px solid var(--ui-skin-divider);
  }
}

.react-student-app__payment-info_helpText--\+OZ0,
.react-student-app__payment-info_hint--m4kk {
  margin-top: 24px;
  color: var(--ui-skin-text-subdued);
}
.react-student-app__payment-info_helpText--\+OZ0,
.react-student-app__payment-info_hint--m4kk {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-student-app__payment-info_button--LEWu {
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-student-app__payment-info_button--LEWu {
    margin-top: 16px;
  }
}

@-webkit-keyframes react-student-app__payment-info_fx-recipe-showing--qNEn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes react-student-app__payment-info_fx-recipe-showing--qNEn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: 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/welcome-widget/welcome-widget.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-student-app__welcome-widget_isInverted--waUL {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__welcome-widget_header--dOPN {
  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;
  height: 136px;
  padding-bottom: 28px;
  background-position: 50% 45%;
  background-size: cover;
  margin-bottom: 40px;
}
@media (max-width: 640px) {
  .react-student-app__welcome-widget_header--dOPN {
    margin-bottom: 24px;
  }
}

.react-student-app__welcome-widget_headerBackground--UCmc {
  width: 100%;
  height: 100%;
  margin: -28px -28px 0;
}

.react-student-app__welcome-widget_logo--t3an {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.react-student-app__welcome-widget_logo--t3an svg {
  width: 80px;
  height: 80px;
}

.react-student-app__welcome-widget_heading--TWl9 {
  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);
  text-align: center;
  margin-bottom: 8px;
}
.ui-scheme-inverted .react-student-app__welcome-widget_heading--TWl9, .react-student-app__welcome-widget_heading--TWl9.react-student-app__welcome-widget_isInverted--waUL {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__welcome-widget_conditions--TS87 {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 640px) {
  .react-student-app__welcome-widget_conditions--TS87 {
    margin-bottom: 24px;
  }
}

.react-student-app__welcome-widget_action--yngg {
  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]!./src/components/addon-selection-item/addon-selection-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-student-app__addon-selection-item_isInverted--NwTu {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__addon-selection-item_card--HF21 {
  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;
  width: calc((100% - 40px) / 3);
}
@media (max-width: 870px) {
  .react-student-app__addon-selection-item_card--HF21 {
    width: calc((100% - 16px) / 2);
  }
}
@media (max-width: 640px) {
  .react-student-app__addon-selection-item_card--HF21 {
    width: 100%;
  }
}

.react-student-app__addon-selection-item_title--t5ZU {
  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);
  text-align: center;
}
.ui-scheme-inverted .react-student-app__addon-selection-item_title--t5ZU, .react-student-app__addon-selection-item_title--t5ZU.react-student-app__addon-selection-item_isInverted--NwTu {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__addon-selection-item_price--vPtI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12px;
}

.react-student-app__addon-selection-item_currency--ksFv {
  margin-left: 4px;
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-student-app__addon-selection-item_amount--lFev {
  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-student-app__addon-selection-item_amount--lFev, .react-student-app__addon-selection-item_amount--lFev.react-student-app__addon-selection-item_isInverted--NwTu {
  color: var(--ui-skin-heading-1-color-inverted);
}

.react-student-app__addon-selection-item_button--6SRy {
  margin-top: 28px;
}
@media (max-width: 640px) {
  .react-student-app__addon-selection-item_button--6SRy {
    margin-top: 16px;
  }
}

.react-student-app__addon-selection-item_disabledPanel--Xn8K {
  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-top: 28px;
}
@media (max-width: 640px) {
  .react-student-app__addon-selection-item_disabledPanel--Xn8K {
    margin-top: 16px;
  }
}

.react-student-app__addon-selection-item_disabledIcon--qVPX {
  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/addon-selection/addon-selection.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-student-app__addon-selection_isInverted--uulV {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__addon-selection_heading--p2J1 {
  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: 28px;
}
.ui-scheme-inverted .react-student-app__addon-selection_heading--p2J1, .react-student-app__addon-selection_heading--p2J1.react-student-app__addon-selection_isInverted--uulV {
  color: var(--ui-skin-heading-3-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__addon-selection_heading--p2J1 {
    margin-bottom: 16px;
    padding: 0 16px;
  }
}

.react-student-app__addon-selection_addons--VAd5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (max-width: 870px) {
  .react-student-app__addon-selection_addons--VAd5 {
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .react-student-app__addon-selection_addons--VAd5 {
    gap: 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/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--43Wx {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__reset-password_iconRow--J1Xo {
  color: var(--ui-skin-active-element);
  margin-bottom: 16px;
}

.react-core__reset-password_headerRow--vPnh {
  margin-bottom: 16px;
}
.react-core__reset-password_headerRow--vPnh 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--vPnh h3, .react-core__reset-password_headerRow--vPnh h3.react-core__reset-password_isInverted--43Wx {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-core__reset-password_textRow--DByn {
  margin-bottom: 16px;
  text-align: center;
}

.react-core__reset-password_redirectButton--1uSo {
  margin-top: 16px;
}

.react-core__reset-password_hint--4YpJ {
  color: var(--ui-skin-text-subdued);
}
.react-core__reset-password_hint--4YpJ {
  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/set-new-password/set-new-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__set-new-password_isInverted--vg\+N {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__set-new-password_loginLink--6UJn {
  margin-top: 20px;
  text-align: center;
}
.react-core__set-new-password_loginLink--6UJn a {
  color: var(--ui-skin-text-subdued);
}
.react-core__set-new-password_loginLink--6UJn a {
  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/setup-password/setup-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__setup-password_isInverted--eSEE {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__setup-password_logo--nlTw {
  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: 12px;
}
.react-core__setup-password_logo--nlTw svg {
  width: 80px;
  height: 80px;
}

.react-core__setup-password_title--CgDO {
  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);
  text-align: center;
  margin-bottom: 8px;
}
.ui-scheme-inverted .react-core__setup-password_title--CgDO, .react-core__setup-password_title--CgDO.react-core__setup-password_isInverted--eSEE {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-core__setup-password_subtitle--bAnq {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 640px) {
  .react-core__setup-password_subtitle--bAnq {
    margin-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]!./src/components/download/download.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-student-app__download_isInverted--Vu18 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__download_header---0w2 {
  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-student-app__download_header---0w2 {
    display: block;
  }
}
.react-student-app__download_header---0w2 .react-student-app__download_title--Zz4h {
  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: 28px;
}
.ui-scheme-inverted .react-student-app__download_header---0w2 .react-student-app__download_title--Zz4h, .react-student-app__download_header---0w2 .react-student-app__download_title--Zz4h.react-student-app__download_isInverted--Vu18 {
  color: var(--ui-skin-heading-3-color-inverted);
}
@media (max-width: 640px) {
  .react-student-app__download_header---0w2 .react-student-app__download_title--Zz4h {
    margin-bottom: 4px;
  }
}
.react-student-app__download_header---0w2 .react-student-app__download_upgradePlanMessage--od8X {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__download_downloadList--iLRR .react-student-app__download_title--Zz4h {
  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);
}
.ui-scheme-inverted .react-student-app__download_downloadList--iLRR .react-student-app__download_title--Zz4h, .react-student-app__download_downloadList--iLRR .react-student-app__download_title--Zz4h.react-student-app__download_isInverted--Vu18 {
  color: var(--ui-skin-heading-4-color-inverted);
}
.react-student-app__download_downloadList--iLRR .react-student-app__download_info--Z0m6 {
  color: var(--ui-skin-text-subdued);
}
.react-student-app__download_downloadList--iLRR .react-student-app__download_buttonCell--Tajx {
  text-align: 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/essay/essay.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-student-app__essay_isInverted--gjdx {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__essay_header--1VYv {
  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;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .react-student-app__essay_header--1VYv {
    margin-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}
.react-student-app__essay_header--1VYv::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--ui-skin-border-radius) var(--ui-skin-border-radius) 0 0;
  border-bottom: 4px solid var(--ui-skin-card-bg);
}

.react-student-app__essay_scoreBad--PWy\+::before {
  background-color: var(--ui-skin-item-summary-bad-bg);
}

.react-student-app__essay_scoreNormal--ncCL::before {
  background-color: var(--ui-skin-item-summary-normal-bg);
}

.react-student-app__essay_scoreGood--yQyP::before {
  background-color: var(--ui-skin-item-summary-good-bg);
}

.react-student-app__essay_scoreGreat--av-A::before {
  background-color: var(--ui-skin-item-summary-great-bg);
}

.react-student-app__essay_headerGroup--SJuK {
  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-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media (max-width: 640px) {
  .react-student-app__essay_headerGroup--SJuK:first-child {
    margin-bottom: 16px;
  }
}

.react-student-app__essay_essayTitle--inQZ {
  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);
  margin-bottom: 4px;
}
.ui-scheme-inverted .react-student-app__essay_essayTitle--inQZ, .react-student-app__essay_essayTitle--inQZ.react-student-app__essay_isInverted--gjdx {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__essay_isSubdued--uXM\+ {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__essay_notMarked--BpJx,
.react-student-app__essay_headerGrade--Jn9e {
  margin-bottom: 4px;
}

.react-student-app__essay_headerHint--Cw5X {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}

.react-student-app__essay_bodyHeader--eHlZ {
  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-student-app__essay_bodyHeader--eHlZ, .react-student-app__essay_bodyHeader--eHlZ.react-student-app__essay_isInverted--gjdx {
  color: var(--ui-skin-heading-4-color-inverted);
}

.react-student-app__essay_essayTopicTitle--kcaz {
  font-weight: var(--ui-skin-font-weight-bold);
  margin-bottom: 16px;
}

.react-student-app__essay_tutorInfo--Gu4i {
  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: 16px;
}

.react-student-app__essay_tutorAvatar--dmI\+ {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.react-student-app__essay_tutorName--UEJ- {
  margin-right: 12px;
  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]!./src/components/smart-question-bank/smart-question-bank.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-student-app__smart-question-bank_isInverted--41vd {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__smart-question-bank_title--bie7 {
  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-student-app__smart-question-bank_title--bie7, .react-student-app__smart-question-bank_title--bie7.react-student-app__smart-question-bank_isInverted--41vd {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__smart-question-bank_topSeperator--XU1Y {
  margin-bottom: 0;
}

.react-student-app__smart-question-bank_bottomSeperator--py3\+ {
  margin-top: 0;
}

.react-student-app__smart-question-bank_container--U-ET {
  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;
  padding: 0;
}
@media (max-width: 640px) {
  .react-student-app__smart-question-bank_container--U-ET {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.react-student-app__smart-question-bank_container--U-ET > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 28px;
}
@media (max-width: 640px) {
  .react-student-app__smart-question-bank_container--U-ET > div {
    padding: 16px;
  }
}
.react-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_header--OvNl {
  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;
  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: 24px;
}
.ui-scheme-inverted .react-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_header--OvNl, .react-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_header--OvNl.react-student-app__smart-question-bank_isInverted--41vd {
  color: var(--ui-skin-heading-4-color-inverted);
}
.react-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_numbersContainer--jvJa {
  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;
  gap: 4px;
  margin-bottom: 28px;
}
.react-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_numbersContainer--jvJa .react-student-app__smart-question-bank_number--UplK {
  width: 48px;
  text-align: center;
  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-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_numbersContainer--jvJa .react-student-app__smart-question-bank_number--UplK, .react-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_numbersContainer--jvJa .react-student-app__smart-question-bank_number--UplK.react-student-app__smart-question-bank_isInverted--41vd {
  color: var(--ui-skin-heading-2-color-inverted);
}
.react-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_chaptersList--tKWS {
  border-left: 1px solid var(--ui-skin-divider);
  overflow-y: auto;
  max-height: 50vh;
}
@media (max-width: 640px) {
  .react-student-app__smart-question-bank_container--U-ET .react-student-app__smart-question-bank_chaptersList--tKWS {
    border-top: 1px solid var(--ui-skin-divider);
    border-left: 0;
    max-height: none;
  }
}

.react-student-app__smart-question-bank_limitWarning--nTj3 {
  display: block;
  height: auto;
  text-align: center;
  text-transform: none;
  padding: 8px 16px;
  margin-bottom: 8px;
}

.react-student-app__smart-question-bank_explanation--rWjR {
  color: var(--ui-skin-text-subdued);
  text-align: center;
  margin-top: 8px;
}
.react-student-app__smart-question-bank_explanation--rWjR {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-student-app__smart-question-bank_explanation--rWjR > a {
  font-weight: var(--ui-skin-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/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--KJnL {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__not-found_container--OTc5 {
  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--WAHx {
  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]!./src/components/live-session-card/live-session-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-student-app__live-session-card_isInverted--89pY {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__live-session-card_title--IISE {
  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-top: 20px;
  margin-bottom: 20px;
}
.ui-scheme-inverted .react-student-app__live-session-card_title--IISE, .react-student-app__live-session-card_title--IISE.react-student-app__live-session-card_isInverted--89pY {
  color: var(--ui-skin-heading-3-color-inverted);
}

.react-student-app__live-session-card_congratulationsTitle--E1JN {
  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);
  padding-bottom: 28px;
}
.ui-scheme-inverted .react-student-app__live-session-card_congratulationsTitle--E1JN, .react-student-app__live-session-card_congratulationsTitle--E1JN.react-student-app__live-session-card_isInverted--89pY {
  color: var(--ui-skin-heading-2-color-inverted);
}

.react-student-app__live-session-card_sessionTitle--AuUE {
  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);
}
.ui-scheme-inverted .react-student-app__live-session-card_sessionTitle--AuUE, .react-student-app__live-session-card_sessionTitle--AuUE.react-student-app__live-session-card_isInverted--89pY {
  color: var(--ui-skin-heading-5-color-inverted);
}

.react-student-app__live-session-card_itemsList--TcpR {
  margin: 0;
  padding: 0;
}

.react-student-app__live-session-card_item--Jjbs {
  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;
  list-style: none;
  margin: 12px 0;
}

.react-student-app__live-session-card_itemIcon--dEXs {
  margin-right: 8px;
}

.react-student-app__live-session-card_itemIconHighlighted--p89J {
  color: var(--ui-skin-palette-positive-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/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--x5Qe {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-header-logo_container--uu0W {
  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--uu0W .react-ui-kit__ui-header-logo_mobile--Wfl0 {
  display: none;
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-header-logo_container--uu0W .react-ui-kit__ui-header-logo_mobile--Wfl0 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.react-ui-kit__ui-header-logo_container--uu0W .react-ui-kit__ui-header-logo_desktop--\+Nou {
  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--uu0W .react-ui-kit__ui-header-logo_desktop--\+Nou {
    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--glIg {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__course-switcher_dropdownToggleActive--LNEh svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.react-core__course-switcher_dropdownMenu--Sc1E {
  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]!./node_modules/@mindojo/react-core/src/components/multi-course-product-course-option/multi-course-product-course-option.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__multi-course-product-course-option_isInverted--q9FU {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-core__multi-course-product-course-option_wrapper--42qe {
  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__multi-course-product-course-option_activePlanTitle--n8ct {
  font-weight: var(--ui-skin-font-weight-bold);
}

.react-core__multi-course-product-course-option_title--Whcv {
  color: var(--ui-skin-text-subdued);
}

.react-core__multi-course-product-course-option_activePlanDate--4mgT {
  color: var(--ui-skin-text-subdued);
}

.react-core__multi-course-product-course-option_notAvailablePlan--fWG7 {
  color: var(--ui-skin-text-placeholder);
  line-height: 20px;
  font-size: 14px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-student-app__header-left_isInverted--xxPU {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__header-left_logo--aOq8 {
  margin-left: 20px;
  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/header-trial-upgrade/header-trial-upgrade.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-student-app__header-trial-upgrade_isInverted--OrrW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__header-trial-upgrade_container--25bN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid var(--ui-skin-border);
  height: var(--ui-skin-header-height);
  padding-left: 16px;
  margin-left: 16px;
  -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;
}
.react-student-app__header-trial-upgrade_container--25bN > * {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.react-student-app__header-trial-upgrade_hint--5\+4A {
  width: 80px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: var(--ui-skin-text-subdued);
  margin-right: 12px;
}
.react-student-app__header-trial-upgrade_hint--5\+4A {
  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/header-video-content-button/header-video-content-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-student-app__header-video-content-button_isInverted--YeHW {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__header-video-content-button_wrapper--s10M {
  position: relative;
}

.react-student-app__header-video-content-button_button--pmjt {
  color: var(--ui-skin-text-subdued);
}

.react-student-app__header-video-content-button_icon--wBnG {
  position: absolute;
  bottom: 50%;
  left: 50%;
  background: var(--ui-skin-element-bg);
}

.react-student-app__header-video-content-button_isPositive--KbvA {
  color: var(--ui-skin-text-positive);
}

.react-student-app__header-video-content-button_isNegative--ewOi {
  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/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-student-app__header-right_isInverted--vz4d {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-student-app__header-right_container--PJj1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 16px;
  gap: 8px;
}

.react-student-app__header-right_avatar--ublG {
  width: 40px;
  height: 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-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--PVE0 {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
@font-face {
  font-family: "Graphik Web";
  src: url("../../apps/assets/fonts/Graphik-Semibold-Web.woff2") format("woff2"), url("../../apps/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("../../apps/assets/fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../../apps/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("../../apps/assets/fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../../apps/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--8gnP {
  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--ERYs {
  -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--oyB5 {
  -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--oyB5 {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 80px;
  }
}
@media (max-width: 640px) {
  .react-ui-kit__app-wrapper_content--oyB5 {
    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-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--uQKM {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
@media (max-width: 870px) {
  .react-ui-kit__ui-navigation-menu_container--VE6U {
    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--FV7d {
  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 student app specific variables. Should be imported after ui-kit resources are initialized.
 */
.react-ui-kit__ui-navigation-menu-button_container--yJtm {
  width: 140px;
  height: 92px;
  margin-bottom: 8px;
}
.react-ui-kit__ui-navigation-menu-button_container--yJtm.react-ui-kit__ui-navigation-menu-button_isDisabled--eoIX {
  pointer-events: none;
  opacity: var(--ui-skin-navigation-disabled-opacity);
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-navigation-menu-button_container--yJtm {
    margin-bottom: 0;
    height: var(--ui-skin-navigation-tablet-height);
  }
}
@media (max-width: 639px) {
  .react-ui-kit__ui-navigation-menu-button_container--yJtm {
    height: var(--ui-skin-navigation-mobile-height);
  }
}

.react-ui-kit__ui-navigation-menu-button_button--HbNP {
  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--HbNP {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 28px;
  }
}
.react-ui-kit__ui-navigation-menu-button_button--HbNP {
  line-height: var(--ui-paragraph-xs-line-height);
  font-size: var(--ui-paragraph-xs-font-size);
}
.react-ui-kit__ui-navigation-menu-button_button--HbNP::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: var(--ui-skin-border-radius);
}
.react-ui-kit__ui-navigation-menu-button_button--HbNP:hover {
  color: var(--ui-skin-navigation-color);
}
.react-ui-kit__ui-navigation-menu-button_button--HbNP:hover:not(.react-ui-kit__ui-navigation-menu-button_isActive--n0iS)::after {
  background-color: var(--ui-skin-navigation-hover-bg);
}
.react-ui-kit__ui-navigation-menu-button_button--HbNP.react-ui-kit__ui-navigation-menu-button_isActive--n0iS {
  color: var(--ui-skin-navigation-active-color);
}
.react-ui-kit__ui-navigation-menu-button_button--HbNP.react-ui-kit__ui-navigation-menu-button_isActive--n0iS:hover {
  color: var(--ui-skin-navigation-active-color);
}
.react-ui-kit__ui-navigation-menu-button_button--HbNP.react-ui-kit__ui-navigation-menu-button_isActive--n0iS:hover .react-ui-kit__ui-navigation-menu-button_icon--lUi0 {
  color: var(--ui-skin-navigation-active-icon-color);
}
.react-ui-kit__ui-navigation-menu-button_button--HbNP.react-ui-kit__ui-navigation-menu-button_isActive--n0iS .react-ui-kit__ui-navigation-menu-button_icon--lUi0 {
  color: var(--ui-skin-navigation-active-icon-color);
}
@media (max-width: 1024px) {
  .react-ui-kit__ui-navigation-menu-button_button--HbNP::after {
    border-radius: 0;
  }
}
@media (max-width: 639px) {
  .react-ui-kit__ui-navigation-menu-button_button--HbNP {
    line-height: var(--ui-paragraph-xxs-line-height);
    font-size: var(--ui-paragraph-xxs-font-size);
  }
}

.react-ui-kit__ui-navigation-menu-button_label--TsKk {
  text-align: center;
}

.react-ui-kit__ui-navigation-menu-button_icon--lUi0 {
  margin-bottom: 8px;
}
.react-ui-kit__ui-navigation-menu-button_icon--lUi0 {
  position: relative;
}
.react-ui-kit__ui-navigation-menu-button_icon--lUi0[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--lUi0 {
    margin-bottom: 8px;
  }
}
@media (max-width: 639px) {
  .react-ui-kit__ui-navigation-menu-button_icon--lUi0 {
    margin-bottom: 4px;
  }
}