.lemonade-exercises html, .lemonade-exercises body, .lemonade-exercises div, .lemonade-exercises span, .lemonade-exercises applet, .lemonade-exercises object, .lemonade-exercises iframe, .lemonade-exercises h1, .lemonade-exercises h2, .lemonade-exercises h3, .lemonade-exercises h4, .lemonade-exercises h5, .lemonade-exercises h6, .lemonade-exercises p, .lemonade-exercises blockquote, .lemonade-exercises pre, .lemonade-exercises a, .lemonade-exercises abbr, .lemonade-exercises acronym, .lemonade-exercises address, .lemonade-exercises big, .lemonade-exercises cite, .lemonade-exercises code, .lemonade-exercises del, .lemonade-exercises dfn, .lemonade-exercises em, .lemonade-exercises img, .lemonade-exercises ins, .lemonade-exercises kbd, .lemonade-exercises q, .lemonade-exercises s, .lemonade-exercises samp, .lemonade-exercises small, .lemonade-exercises strike, .lemonade-exercises strong, .lemonade-exercises tt, .lemonade-exercises var, .lemonade-exercises b, .lemonade-exercises u, .lemonade-exercises i, .lemonade-exercises center, .lemonade-exercises dl, .lemonade-exercises dt, .lemonade-exercises dd, .lemonade-exercises ol, .lemonade-exercises ul, .lemonade-exercises li, .lemonade-exercises fieldset, .lemonade-exercises form, .lemonade-exercises label, .lemonade-exercises legend, .lemonade-exercises table, .lemonade-exercises caption, .lemonade-exercises tbody, .lemonade-exercises tfoot, .lemonade-exercises thead, .lemonade-exercises tr, .lemonade-exercises th, .lemonade-exercises td, .lemonade-exercises article, .lemonade-exercises aside, .lemonade-exercises canvas, .lemonade-exercises details, .lemonade-exercises embed, .lemonade-exercises figure, .lemonade-exercises figcaption, .lemonade-exercises footer, .lemonade-exercises header, .lemonade-exercises hgroup, .lemonade-exercises menu, .lemonade-exercises nav, .lemonade-exercises output, .lemonade-exercises ruby, .lemonade-exercises section, .lemonade-exercises summary, .lemonade-exercises time, .lemonade-exercises mark, .lemonade-exercises audio, .lemonade-exercises video {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.lemonade-exercises article, .lemonade-exercises aside, .lemonade-exercises details, .lemonade-exercises figcaption, .lemonade-exercises figure, .lemonade-exercises footer, .lemonade-exercises header, .lemonade-exercises hgroup, .lemonade-exercises menu, .lemonade-exercises nav, .lemonade-exercises section, .lemonade-exercises picture, .lemonade-exercises img {
  display: block;
}

.lemonade-exercises body {
  line-height: 1;
}

.lemonade-exercises ol, .lemonade-exercises ul {
  list-style: none;
}

.lemonade-exercises blockquote, .lemonade-exercises q {
  quotes: none;
}

.lemonade-exercises blockquote, .lemonade-exercises blockquote:before, .lemonade-exercises blockquote:after, .lemonade-exercises q:before, .lemonade-exercises q:after {
  content: "";
  content: none;
}

.lemonade-exercises table {
  border-collapse: collapse;
  border-spacing: 0;
}

.lemonade-exercises h1, .lemonade-exercises h2, .lemonade-exercises h3, .lemonade-exercises h4, .lemonade-exercises h5, .lemonade-exercises h6 {
  margin: 0;
  padding: 0;
}

.lemonade-exercises select {
  -webkit-appearance: none;
}

.lemonade-exercises input, .lemonade-exercises label, .lemonade-exercises select, .lemonade-exercises button, .lemonade-exercises textarea {
  font-size: inherit;
  vertical-align: middle;
  white-space: normal;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: inline-block;
}

.lemonade-exercises button, .lemonade-exercises select {
  box-sizing: border-box;
}

.lemonade-exercises input[type="reset"] {
  box-sizing: border-box;
}

.lemonade-exercises input[type="button"] {
  box-sizing: border-box;
}

.lemonade-exercises input[type="submit"] {
  box-sizing: border-box;
}

.lemonade-exercises input[type="checkbox"] {
  box-sizing: border-box;
}

.lemonade-exercises input[type="radio"] {
  box-sizing: border-box;
}

.lemonade-exercises body {
  word-break: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  font-size: 16px;
  font-weight: normal;
}

.lemo-coordinate-symbol {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises.lemo-color-tokens {
  --lemo-color-base-background: #fafafa;
  --lemo-color-base-white: #fff;
  --lemo-color-base-black: #000;
  --lemo-color-background-overlay: rgba(0, 0, 0, .5);
  --lemo-color-gray-01: #f2f2f2;
  --lemo-color-gray-02: #e0e0e0;
  --lemo-color-gray-03: #bdbdbd;
  --lemo-color-gray-04: #828282;
  --lemo-color-gray-05: #4f4f4f;
  --lemo-color-gray-06: #333;
  --lemo-transitions: .25s;
  --lemo-color-corporate: #4f4fff;
  --lemo-color-corporate-hover: #3c3cbf;
  --lemo-color-corporate-light: #c6defe;
  --lemo-color-corporate-light-alpha: rgba(198, 222, 254, .3);
  --lemo-color-corporate-lighter: #f0f7ff;
  --lemo-color-corporate-dark: #002c66;
  --lemo-color-error: #e41515;
  --lemo-color-error-light: #ffecea;
  --lemo-color-error-light-alpha: rgba(255, 236, 234, .5);
  --lemo-color-success: #28c59d;
  --lemo-color-success-light: #e5fcf5;
  --lemo-color-success-light-alpha: rgba(229, 252, 245, .5);
  --lemo-color-transparent: transparent;
  --lemo-color-blockquote-border: lightblue;
  --lemo-color-blockquote-background: aliceblue;
  --lemo-color-digital-clock: #9ed0bc;
  --lemo-theme-green-out: #bee072;
  --lemo-theme-green-alpha: rgba(190, 224, 114, .5);
  --lemo-theme-green-over: #6c9e04;
  --lemo-theme-dark-orange-out: #fea487;
  --lemo-theme-dark-orange-alpha: rgba(254, 164, 135, .5);
  --lemo-theme-dark-orange-over: #bf4f2a;
  --lemo-theme-turquoise-out: #72d2cd;
  --lemo-theme-turquoise-alpha: rgba(114, 210, 205, .5);
  --lemo-theme-turquoise-over: #18a59e;
  --lemo-theme-dark-blue-out: #9fc1fd;
  --lemo-theme-dark-blue-alpha: rgba(159, 193, 253, .5);
  --lemo-theme-dark-blue-over: #396cc8;
  --lemo-theme-bordeaux-out: #c479b4;
  --lemo-theme-bordeaux-alpha: rgba(196, 121, 180, .5);
  --lemo-theme-bordeaux-over: #bd41a3;
  --lemo-theme-violet-out: #bdb1fb;
  --lemo-theme-violet-alpha: rgba(189, 177, 251, .5);
  --lemo-theme-violet-over: #7864da;
  --lemo-theme-light-blue-out: #a2e4fa;
  --lemo-theme-light-blue-alpha: rgba(162, 228, 250, .5);
  --lemo-theme-light-blue-over: #329fc4;
  --lemo-theme-light-orange-out: #fdcb7d;
  --lemo-theme-light-orange-alpha: rgba(253, 203, 125, .5);
  --lemo-theme-light-orange-over: #d48203;
}

.lemonade-exercises.lemo-text-tokens {
  --lemo-color-text-01: var(--lemo-color-gray-06);
  --lemo-color-text-02: var(--lemo-color-gray-05);
  --lemo-color-text-03: var(--lemo-color-gray-04);
  --lemo-color-text-04: var(--lemo-color-gray-03);
  --lemo-color-text-white: var(--lemo-color-base-white);
  --lemo-color-text-placeholder: var(--lemo-color-gray-03);
  --lemo-text-bold: 700;
  --lemo-text-medium: 500;
  --lemo-text-regular: 400;
  --lemo-text-h1: 2.375em;
  --lemo-text-h2: 2em;
  --lemo-text-h3: 1.5em;
  --lemo-text-body-l: 1.125em;
  --lemo-text-body-m: 1em;
  --lemo-text-body-s: .875em;
  --lemo-text-body-xs: .75em;
  --lemo-line-height: 1.9;
  --lemo-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.lemonade-exercises.lemo-other-tokens {
  --lemo-radii-01: .3em;
  --lemo-radii-02: .5em;
  --lemo-radii-03: .7em;
  --lemo-opacity-disabled: .4;
}

.lemonade-exercises.lemo-box-tokens {
  --lemo-box-background: var(--lemo-color-base-white);
  --lemo-box-border-radius-s: var(--lemo-radii-01);
  --lemo-box-border-radius-l: var(--lemo-radii-02);
  --lemo-box-paddings-s: .5em;
  --lemo-box-paddings-l: .5em .75em;
  --lemo-box-border-light-width: 1px;
  --lemo-box-border-width: 2px;
  --lemo-box-border-color-default: var(--lemo-color-gray-03);
  --lemo-box-border-color-disabled: var(--lemo-color-gray-02);
  --lemo-box-border-color-light: var(--lemo-color-gray-01);
  --lemo-box-border-color-active: var(--lemo-color-corporate);
}

.lemonade-exercises.lemo-button-tokens {
  --lemo-button-color-white: var(--lemo-color-base-white);
  --lemo-button-color-primary: var(--lemo-color-corporate);
  --lemo-button-color-primary-hover: var(--lemo-color-corporate-hover);
  --lemo-button-color-disabled-01: var(--lemo-color-gray-01);
  --lemo-button-color-disabled-02: var(--lemo-color-gray-02);
  --lemo-button-color-disabled-03: var(--lemo-color-gray-03);
  --lemo-button-border-radius: var(--lemo-radii-02);
  --lemo-button-height: 3em;
  --lemo-button-icon-size: 1.25em;
}

.lemonade-exercises .lemo-h1-bold, .lemonade-exercises .lemo-h1-medium {
  font-size: var(--lemo-text-h1);
}

.lemonade-exercises .lemo-h2-bold, .lemonade-exercises .lemo-h2-medium {
  font-size: var(--lemo-text-h2);
}

.lemonade-exercises .lemo-h3-bold, .lemonade-exercises .lemo-h3-medium {
  font-size: var(--lemo-text-h3);
}

.lemonade-exercises .lemo-text-body-l-bold, .lemonade-exercises .lemo-text-body-l-medium, .lemonade-exercises .lemo-text-body-l-regular {
  font-size: var(--lemo-text-body-l);
}

.lemonade-exercises .lemo-text-body-m-regular, .lemonade-exercises .lemo-text-body-m-medium, .lemonade-exercises .lemo-text-body-m-bold {
  font-size: var(--lemo-text-body-m);
}

.lemonade-exercises .lemo-text-body-s-regular, .lemonade-exercises .lemo-text-body-s-medium, .lemonade-exercises .lemo-text-body-s-bold {
  font-size: var(--lemo-text-body-s);
}

.lemonade-exercises .lemo-text-body-xs-regular, .lemonade-exercises .lemo-text-body-xs-bold {
  font-size: var(--lemo-text-body-xs);
}

.lemonade-exercises .lemo-h1-bold, .lemonade-exercises .lemo-h2-bold, .lemonade-exercises .lemo-h3-bold, .lemonade-exercises .lemo-text-body-l-bold, .lemonade-exercises .lemo-text-body-m-bold, .lemonade-exercises .lemo-text-body-s-bold, .lemonade-exercises .lemo-text-body-xs-bold {
  font-weight: var(--lemo-text-bold);
}

.lemonade-exercises .lemo-h1-medium, .lemonade-exercises .lemo-h2-medium, .lemonade-exercises .lemo-h3-medium, .lemonade-exercises .lemo-text-body-l-medium, .lemonade-exercises .lemo-text-body-m-medium, .lemonade-exercises .lemo-text-body-s-medium {
  font-weight: var(--lemo-text-medium);
}

.lemonade-exercises .lemo-text-body-l-regular, .lemonade-exercises .lemo-text-body-m-regular, .lemonade-exercises .lemo-text-body-s-regular, .lemonade-exercises .lemo-text-body-xs-regular {
  font-weight: var(--lemo-text-regular);
}

.lemonade-exercises .lemo-color-text-01 {
  color: var(--lemo-color-text-01);
}

.lemonade-exercises .lemo-color-text-02 {
  color: var(--lemo-color-text-02);
}

.lemonade-exercises .lemo-color-text-03 {
  color: var(--lemo-color-text-03);
}

.lemonade-exercises .lemo-color-text-04 {
  color: var(--lemo-color-text-04);
}

.lemonade-exercises .lemo-color-text-white {
  color: var(--lemo-color-text-white);
}

.lemonade-exercises .lemo-color-text-corporate {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-box-large, .lemonade-exercises .lemo-box-small, .lemonade-exercises .lemo-box-light {
  background-color: var(--lemo-box-background);
  border-radius: var(--lemo-box-border-radius-l);
  border: var(--lemo-box-border-width) solid var(--lemo-box-border-color-default);
}

.lemonade-exercises .lemo-box-light {
  border: var(--lemo-box-border-light-width) solid var(--lemo-box-border-color-light);
}

.lemonade-exercises .lemo-box-large {
  padding: var(--lemo-box-paddings-l);
}

.lemonade-exercises .lemo-box-small {
  padding: var(--lemo-box-paddings-s);
}

.lemonade-exercises .lemo-box-small.lemo-is-empty {
  border-color: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-drag-box {
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-01);
  box-shadow: 0 2px 0 var(--lemo-color-gray-02);
  border-radius: var(--lemo-box-border-radius-l);
  background-color: var(--lemo-color-base-white);
  padding: .8em;
}

.lemonade-exercises .lemo-drag-box.lemo-success {
  border: var(--lemo-box-border-width) solid var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-drag-box.lemo-error {
  border: var(--lemo-box-border-width) solid var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-drag-box.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-base-input {
  font-size: 1em;
  font-family: var(--lemo-font-family);
  font-weight: var(--lemo-text-medium);
  color: var(--lemo-color-text-01);
  background-color: var(--lemo-color-base-white);
  border-radius: var(--lemo-box-border-radius-l);
  padding: var(--lemo-box-paddings-l);
  border: var(--lemo-box-border-width) solid var(--lemo-box-border-color-default);
}

.lemonade-exercises .lemo-base-input::placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input:-ms-input-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input::-moz-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input:focus {
  border-color: var(--lemo-box-border-color-active);
  outline: none;
}

.lemonade-exercises .lemo-base-input:focus::placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-base-button--text-gray {
  color: var(--lemo-color-gray-02);
  fill: var(--lemo-color-gray-02);
  padding: .5em;
}

.lemonade-exercises .lemo-base-button--text-gray .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button--text-gray:hover {
  color: var(--lemo-color-gray-03);
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray:hover .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray:disabled {
  pointer-events: none;
  color: var(--lemo-color-gray-01);
  fill: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-base-button--text-gray:disabled .lemo-icon {
  fill: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-dropdown-native-select, .lemonade-exercises .lemo-base-dropdown {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-gray-05);
  cursor: pointer;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-dropdown {
  border-radius: var(--lemo-radii-02);
  border: 2px solid var(--lemo-box-border-color-default);
  background-color: var(--lemo-color-base-white);
  padding: 6px 2px 6px 8px;
}

.lemonade-exercises .lemo-base-dropdown__item {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  color: var(--lemo-color-gray-04);
  background: var(--lemo-color-base-white);
  word-break: normal;
  padding: 6px;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-dropdown__icon {
  fill: var(--lemo-color-gray-05);
  width: 1.5em;
  height: 1.5em;
}

.lemonade-exercises .lemo-base-dropdown--disabled {
  cursor: default;
  opacity: var(--lemo-opacity-disabled);
}

.lemonade-exercises .lemo-dropdown-control__item--selected {
  color: var(--lemo-color-gray-06);
  background: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-dropdown-control--feedback-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-dropdown-control--feedback-error, .lemonade-exercises .lemo-dropdown-control--feedback-error.lemo-is-empty {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-base-option {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-option .lemo-base-option__wrapper {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-base-white);
  color: var(--lemo-color-gray-05);
  border: 2px solid rgba(0, 0, 0, 0);
  line-height: 1.9;
}

.lemonade-exercises .lemo-base-option .lemo-base-option__wrapper-html {
  width: auto;
}

.lemonade-exercises .lemo-base-option .lemo-base-option__wrapper--without-check-icon {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-base-option--selected .lemo-base-option__wrapper--without-check-icon {
  border-style: solid;
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-base-option--feedback-success .lemo-base-option__wrapper--without-check-icon {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-success-light);
  box-shadow: none;
}

.lemonade-exercises .lemo-base-option--feedback-error .lemo-base-option__wrapper--without-check-icon {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  border-color: var(--lemo-color-error);
  background-color: var(--lemo-color-error-light);
  box-shadow: none;
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter .lemo-option-content-wrapper {
  border: 2px solid var(--lemo-color-corporate-light);
  border-radius: var(--lemo-radii-03);
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-base-white);
  border-bottom-width: 4px;
  align-items: center;
  padding-left: .6em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter .lemo-option-content-wrapper:hover {
  border-color: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter--selected .lemo-option-content-wrapper {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter.lemo-lock:not(.lemo-base-option--selected) .lemo-option-content-wrapper {
  border-color: var(--lemo-color-gray-02);
  color: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter--feedback-success .lemo-option-content-wrapper {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-success-light);
  box-shadow: none;
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter--feedback-error .lemo-option-content-wrapper {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  border-color: var(--lemo-color-error);
  background-color: var(--lemo-color-error-light);
  box-shadow: none;
}

.lemonade-exercises .lemo-base-block-editor {
  padding: 1.5em 1.5em 1.25em;
}

.lemonade-exercises .lemo-base-block-editor .lemo-base-block-editor__title {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-block-editor .lemo-editor-horizontal-content, .lemonade-exercises .lemo-base-block-editor .lemo-editor-content {
  padding: 0;
}

.lemonade-exercises .lemo-base-block-editor .lemo-editor-box-list-item {
  margin-left: -6px;
  padding: .2em 0;
}

.lemonade-exercises .lemo-base-block-editor .lemo-base-button--text {
  padding: 0;
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__line-separator {
  background-color: var(--lemo-color-gray-01);
  height: 1px;
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__toolbar-button {
  cursor: pointer;
  fill: var(--lemo-color-gray-03);
  background: none;
  border: none;
  border-radius: .2em;
  margin-right: .4em;
  padding: .1em;
  line-height: 0;
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__toolbar-button:hover {
  fill: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__toolbar-buttons-separator {
  background-color: var(--lemo-color-gray-02);
  width: 1px;
  height: 12px;
  margin-left: .4em;
  margin-right: .5em;
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__text-counter {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-gray-03);
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-essay--focused {
  border: 2px solid var(--lemo-color-corporate);
  outline: none;
}

.lemonade-exercises .lemo-base-essay--focused .lemo-base-essay__toolbar-button {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-base-essay--focused .lemo-base-essay__toolbar-button--active {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option {
  border: 2px dashed var(--lemo-color-gray-04);
  background-color: var(--lemo-color-base-white);
  border-radius: 8px;
  padding: .75em;
  line-height: 1.9;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-is-dragging-over, .lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-selected.lemo-is-dragging-over, .lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-drop-area--can-selected {
  border: 2px dashed var(--lemo-color-corporate);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-drop-area--can-selected:hover, .lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-is-dragging-over {
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-base-feedback-pin__option {
  align-self: center;
  margin: 0 12px 0 14px;
}

.lemonade-exercises .lemo-no-selection {
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.mathjax-formula-while-rendering, .fr-math-v2-render {
  width: 100vw;
  display: none;
}

.mathjax-formula-while-rendering-loader, .fr-math-v2-render-loader {
  width: 40px;
  height: 26px;
  display: inline-block;
}

.mathjax-formula-while-rendering-loader .line, .fr-math-v2-render-loader .line {
  background-image: linear-gradient(90deg, #f4f4f4 0, rgba(229, 229, 229, .8) 40px, #f4f4f4 80px);
  background-size: 600px;
  border-radius: 5px;
  width: 100%;
  height: 10px;
  margin-top: 13px;
  animation: 2s ease-out infinite shine-lines;
  display: block;
}

.MathJax_Preview {
  opacity: .3;
}

.lemonade-exercises .katex {
  font-size: 1.21em;
}

@keyframes shine-lines {
  0% {
    background-position: -100px;
  }

  40%, 100% {
    background-position: 140px;
  }
}

.lemonade-exercises .lemo-question.lemo-accesibility {
  font-family: Comic Sans MS, sans-serif;
  font-size: 18px;
}

.lemonade-exercises .lemo-question.lemo-accesibility .html-content {
  color: #000;
  font-family: Comic Sans MS, sans-serif;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option {
  margin: .2em 0;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option-icon {
  display: none;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option-content-wrapper {
  padding: 0;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option .html-content {
  border: 1px solid #000;
  border-radius: 12px;
  padding: .2em 1.4em;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option .html-content:hover {
  background-color: rgba(203, 246, 249, .4);
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option.lemo-selected .html-content {
  background-color: #cbf6f9;
  border: 2px solid #4fafff;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option.lemo-base-option--feedback-error .html-content {
  background-color: var(--lemo-color-error-light);
  border: 2px solid var(--lemo-color-error);
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option.lemo-base-option--feedback-success .html-content {
  background-color: var(--lemo-color-success-light);
  border: 2px solid var(--lemo-color-success);
}

.lemonade-exercises {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
}

.lemonade-exercises .no-break, .lemonade-exercises .fr-no-break {
  white-space: nowrap;
  display: inline-block;
}

.lemonade-exercises ul {
  list-style: disc;
}

.lemonade-exercises ol {
  list-style: decimal;
}

.lemonade-exercises ul, .lemonade-exercises ol {
  margin-inline-start: 1em;
}

.lemonade-exercises .lemo-froala-editor-component .fr-more-toolbar.position-relative {
  position: absolute !important;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element {
  color: #000;
  min-height: 44px;
}

.lemonade-exercises .react-tooltip {
  border-radius: .9em;
  line-height: 1.3;
}

.lemonade-exercises .lemo-editor[lang="pt"] .fr-command[data-cmd="formatULOptions"].fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  justify-content: center;
  font-size: 1.2em;
}

.lemonade-exercises .lemo-editor[lang="pt"] .fr-command[data-cmd="formatULOptions"].fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a[data-cmd="formatUL"][data-param1="default"] {
  display: none;
}

.lemonade-exercises .lemo-question-preview {
  width: 100%;
}

.lemonade-exercises .lemo-simple-button {
  cursor: pointer;
  word-break: keep-all;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: .75em;
  display: inline-flex;
}

.lemonade-exercises .lemo-simple-button .lemo-icon {
  margin: 0 .5em 0 0;
}

.lemonade-exercises .lemo-controls-button-show-hint .lemo-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 3px;
}

.lemonade-exercises .lemo-inline-button {
  cursor: pointer;
  word-break: keep-all;
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-inline-button .lemo-icon {
  margin: 0 .5em 0 0;
}

.lemonade-exercises .lemo-inline-button:disabled {
  pointer-events: none;
  color: var(--lemo-button-color-disabled-03);
  background-color: var(--lemo-button-color-white);
}

.lemonade-exercises .lemo-inline-button:disabled .lemo-icon {
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-send-controls, .lemonade-exercises .lemo-question-controls {
  flex-direction: column;
  margin: 1em auto;
  display: flex;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-wrapper, .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 96%;
  margin-top: 1em;
  margin-left: 2%;
  display: flex;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-wrapper > :last-child, .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper > :last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-left, .lemonade-exercises .lemo-question-controls .lemo-controls-left {
  flex-grow: 1;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-left .lemo-points, .lemonade-exercises .lemo-question-controls .lemo-controls-left .lemo-points {
  word-break: keep-all;
  margin-right: 1em;
  font-size: 1em;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-right, .lemonade-exercises .lemo-question-controls .lemo-controls-right {
  display: flex;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-right > *, .lemonade-exercises .lemo-question-controls .lemo-controls-right > * {
  margin-right: .5em;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-right > :last-child, .lemonade-exercises .lemo-question-controls .lemo-controls-right > :last-child {
  margin-right: 0;
}

@media (max-width: 560px) {
  .lemonade-exercises .lemo-send-controls, .lemonade-exercises .lemo-question-controls {
    flex-direction: column;
  }

  .lemonade-exercises .lemo-send-controls .lemo-controls-left, .lemonade-exercises .lemo-send-controls .lemo-controls-right, .lemonade-exercises .lemo-question-controls .lemo-controls-left, .lemonade-exercises .lemo-question-controls .lemo-controls-right {
    flex-direction: column;
    width: 100%;
  }

  .lemonade-exercises .lemo-send-controls .lemo-controls-left > *, .lemonade-exercises .lemo-send-controls .lemo-controls-right > *, .lemonade-exercises .lemo-question-controls .lemo-controls-left > *, .lemonade-exercises .lemo-question-controls .lemo-controls-right > * {
    text-align: center;
    width: 100%;
    margin: .25em 0;
  }
}

.lemonade-exercises .lemo-scaffolding-navigation-button {
  border-radius: var(--lemo-radii-02);
  border: 2px solid var(--lemo-color-corporate);
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-scaffolding-navigation-button .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-scaffolding-navigation-button:disabled {
  border-color: var(--lemo-color-gray-01);
  background-color: var(--lemo-color-gray-01);
  cursor: auto;
}

.lemonade-exercises .lemo-scaffolding-navigation-button:disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-button.lemo-scaffolding-navigation-button {
  width: auto;
  padding-left: .7em;
  padding-right: .6em;
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-button.lemo-scaffolding-navigation-button .lemo-icon {
  width: 24px;
  transform: rotate(180deg);
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-button.lemo-scaffolding-navigation-button.lemo-is-open .lemo-icon {
  transform: rotate(0);
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-text {
  cursor: pointer;
  display: none;
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-text:hover {
  color: var(--lemo-color-corporate-hover);
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-scaffold-navigation-toggle-text {
    margin-right: .5em;
    display: block;
  }
}

.lemonade-exercises .lemo-scaffold-navigation-counter {
  color: var(--lemo-color-gray-05);
  flex-grow: 1;
  font-style: italic;
}

.lemonade-exercises .lemo-scaffolding-mobile-navigation {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-scaffolding-mobile-navigation .lemo-scaffold-navigation-counter {
  text-align: center;
}

.lemonade-exercises .lemo-scaffolding-mobile-navigation .lemo-scaffolding-navigation-prev-button {
  margin-right: .2em;
}

.lemonade-exercises .lemo-input-chart-view {
  --left-values-width: 40px;
  --canvas-width: 90%;
  --canvas-height: 320px;
  align-self: unset;
  z-index: 2;
  max-width: 500px;
  margin: 0;
  display: block;
  position: relative;
}

.lemonade-exercises .lemo-input-chart-view.lemo-input-chart-view-with-images {
  margin-bottom: 60px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper {
  position: relative;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-label {
  text-align: center;
  font-family: sans-serif;
  font-size: .8em;
  font-weight: var(--lemo-text-bold);
  width: 100%;
  display: inline-block;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-label.lemo-vertical {
  justify-content: right;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-line {
  stroke: var(--lemo-color-gray-03);
  stroke-width: .5px;
  position: relative;
  transform: translateX(2px);
}

.lemonade-exercises .lemo-input-chart-view .lemo-histogram-bar-group-list {
  overflow: visible;
}

.lemonade-exercises .lemo-input-chart-view .lemo-histogram-bar-group-list, .lemonade-exercises .lemo-input-chart-view .lemo-bar-group-list, .lemonade-exercises .lemo-input-chart-view .lemo-line-chart {
  top: 0;
  left: var(--left-values-width);
  padding-left: 2px;
  position: absolute;
}

.lemonade-exercises .lemo-input-chart-view .lemo-bar-group-list, .lemonade-exercises .lemo-input-chart-view .lemo-line-chart {
  height: var(--canvas-height);
  width: 90%;
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart {
  overflow: hidden;
}

.lemonade-exercises .lemo-input-chart-view .lemo-bar-group-list.bar_chart_multiple_group {
  left: calc(var(--left-values-width)  + 35%);
  width: 20%;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper.bar_chart_single_group .lemo-vertical-lines line:first-child {
  stroke: var(--lemo-color-gray-03);
  stroke-width: .5px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper.bar_chart_single_group .lemo-vertical-lines line:last-child {
  stroke: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend {
  left: var(--left-values-width);
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  margin: 1em 0;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item {
  align-items: center;
  margin-left: .6em;
  display: flex;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item-color {
  background-color: #add8e6;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item-label {
  font-family: sans-serif;
  font-size: .9em;
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line {
  stroke-width: 4px;
  overflow: visible;
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line circle {
  stroke-width: 0;
}

.lemonade-exercises .lemo-input-chart-view .lemo-pie-chart {
  margin: .5em auto;
  display: block;
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart-line {
  width: 100%;
  position: absolute;
  top: 0;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-canvas, .lemonade-exercises .lemo-input-chart-view .lemo-vertical-lines, .lemonade-exercises .lemo-input-chart-view .lemo-vertical-lines foreignObject {
  overflow: visible;
}

.lemonade-exercises .lemo-input-chart-view .lemo-vertical-lines .lemo-input-chart-line:first-child, .lemonade-exercises .lemo-input-chart-view .lemo-horizontal-lines .lemo-input-chart-line:last-child {
  stroke: var(--lemo-color-gray-04);
  stroke-width: 1px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-line-label {
  stroke: var(--lemo-color-gray-04);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_0, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_0 {
  fill: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_0 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_0 {
  stroke: var(--lemo-theme-light-orange-out);
  fill: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_1, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_1 {
  fill: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_1 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_1 {
  stroke: var(--lemo-theme-dark-orange-out);
  fill: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_2, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_2 {
  fill: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_2 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_2 {
  stroke: var(--lemo-theme-light-blue-out);
  fill: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_3, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_3 {
  fill: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_3 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_3 {
  stroke: var(--lemo-theme-dark-blue-out);
  fill: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_4, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_4 {
  fill: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_4 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_4 {
  stroke: var(--lemo-theme-turquoise-out);
  fill: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_5, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_5 {
  fill: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_5 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_5 {
  stroke: var(--lemo-theme-violet-out);
  fill: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_6, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_6 {
  fill: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_6 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_6 {
  stroke: var(--lemo-theme-bordeaux-out);
  fill: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_7, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_7 {
  fill: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_7 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_7 {
  stroke: var(--lemo-theme-green-out);
  fill: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_8, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_8 {
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_8 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_8 {
  stroke: var(--lemo-theme-green-over);
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_9, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_9 {
  fill: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_9 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_9 {
  stroke: var(--lemo-theme-light-orange-over);
  fill: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_10, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_10 {
  fill: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_10 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_10 {
  stroke: var(--lemo-theme-dark-orange-over);
  fill: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_11, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_11 {
  fill: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_11 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_11 {
  stroke: var(--lemo-theme-light-blue-over);
  fill: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_12, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_12 {
  fill: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_12 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_12 {
  stroke: var(--lemo-theme-dark-blue-over);
  fill: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_13, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_13 {
  fill: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_13 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_13 {
  stroke: var(--lemo-theme-turquoise-over);
  fill: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_14, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_14 {
  fill: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_14 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_14 {
  stroke: var(--lemo-theme-violet-over);
  fill: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_15, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_15 {
  fill: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_15 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_15 {
  stroke: var(--lemo-theme-bordeaux-over);
  fill: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_16, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_16 {
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_16 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_16 {
  stroke: var(--lemo-theme-green-over);
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-pictograph-view {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  align-items: flex-end;
  margin: 2em 1em;
  display: inline-flex;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__content {
  height: 40px;
  margin: 10px;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__content img {
  width: auto;
  height: 100%;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__column-label-size {
  height: 0;
  margin: 0 10px;
  overflow: hidden;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__column-label {
  margin: 0 10px;
  position: absolute;
  top: calc(100% + 10px);
}

.lemonade-exercises.lemo-fractions-tokens {
  --fractional-shape-background: #f2f2f2;
  --fractional-shape-fill: #4f4f4f;
  --fractional-shape-border-color: #fff;
  --fractional-shape-border-width: 3px;
}

.fractional-shape {
  pointer-events: none;
  width: 300px;
  height: auto;
}

.fractional-shape, .fractional-shape * {
  box-sizing: border-box;
}

.fractional-shape-background {
  fill: var(--fractional-shape-background);
}

.fractional-shape-feedback-class {
  fill: none;
}

.fractional-shape-line {
  stroke: var(--fractional-shape-border-color);
  stroke-width: var(--fractional-shape-border-width);
}

.fractional-shape-slice {
  fill: rgba(0, 0, 0, 0);
  stroke: none;
}

.fractional-shape-division {
  stroke: var(--fractional-shape-border-color);
  stroke-width: var(--fractional-shape-border-width);
}

.fractional-shape-fix-borders > * {
  transform: scale(.98)translate(2px, 2px);
}

.fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-light-orange-out);
}

.fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-light-orange-over);
}

.theme-light-orange .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-light-orange-out);
}

.theme-light-orange .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-light-orange-over);
}

.theme-dark-orange .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-dark-orange-out);
}

.theme-dark-orange .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-dark-orange-over);
}

.theme-light-blue .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-light-blue-out);
}

.theme-light-blue .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-light-blue-over);
}

.theme-dark-blue .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-dark-blue-out);
}

.theme-dark-blue .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-dark-blue-over);
}

.theme-turquoise .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-turquoise-out);
}

.theme-turquoise .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-turquoise-over);
}

.theme-violet .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-violet-out);
}

.theme-violet .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-violet-over);
}

.theme-bordeaux .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-bordeaux-out);
}

.theme-bordeaux .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-bordeaux-over);
}

.theme-green .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-green-out);
}

.theme-green .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .fr-number-line {
  padding: 1em 0;
}

.lemonade-exercises .lemo-number-line-view {
  margin: 0 auto;
  display: block;
}

.lemonade-exercises .lemo-number-line-view line {
  stroke: var(--lemo-color-gray-04);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-number-line-view text {
  font-family: var(--lemo-font-family);
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-active text {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-active line {
  stroke: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-selected text {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-selected line {
  stroke: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-success text {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-success line {
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-error text {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-error line {
  stroke: var(--lemo-color-error);
}

.fr-angle {
  container: lemonade_fr_angle / inline-size;
}

.lemo-angle-view {
  z-index: 2;
  margin: 0 auto;
  display: block;
  position: relative;
}

.lemo-angle-view line {
  stroke: #000;
  stroke-width: 2px;
}

.lemo-angle-view path {
  fill: red;
  transform: rotate(90deg);
}

.lemonade-exercises .fr-angle {
  padding: 1em;
  position: relative;
}

.fr-angle.lemo-with-protractor {
  margin-top: 60px;
}

.fr-angle.lemo-with-protractor:before {
  content: "";
  background-color: var(--lemo-color-base-background);
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 10px;
  right: 10px;
}

.lemonade-exercises .lemo-protractor-show-tool-button {
  color: var(--lemo-color-corporate);
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 2px solid;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 48px;
  height: 48px;
  padding: 12px;
  position: absolute;
  top: -50px;
  right: 8px;
}

.lemonade-exercises .lemo-protractor-show-tool-button-text {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  top: -4px;
}

.lemonade-exercises .lemo-protractor-show-tool-button svg {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-protractor-show-tool-button.lemo-protractor-show-tool-button-active {
  background-color: var(--lemo-color-base-background);
  color: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-protractor-show-tool-button.lemo-protractor-show-tool-button-active svg {
  fill: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-protractor {
  z-index: 999999;
  cursor: grab;
  width: 360px;
  position: absolute;
  top: 20px;
  left: 0;
}

.lemonade-exercises .lemo-protractor:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-protractor-close-button {
  cursor: pointer;
  z-index: 2;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  right: 20px;
}

.lemonade-exercises .lemo-protractor-close-button svg {
  fill: var(--lemo-color-error);
  width: 100%;
}

.lemonade-exercises .lemo-protractor-img {
  width: 100%;
}

.lemonade-exercises .lemo-protractor-drag-icon {
  background-color: var(--lemo-color-corporate);
  outline-offset: 0;
  border: 2px solid #c6defe;
  border-radius: 50px;
  outline: 3px solid rgba(198, 222, 254, .3);
  width: 26px;
  height: 26px;
  margin: 0 auto;
  padding: 4px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-protractor-drag-icon svg {
  fill: #fff;
}

.lemonade-exercises .lemo-headShake {
  animation-name: headShake;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: .5s;
}

.lemonade-exercises .lemo-stop-headShake {
  animation-iteration-count: 0;
}

@media (min-width: 560px) {
  .lemonade-exercises .fr-angle.lemo-with-protractor {
    margin-top: 0;
  }

  .lemonade-exercises .lemo-protractor-show-tool-button {
    top: 16px;
    right: 20px;
  }

  .lemonade-exercises .lemo-protractor-show-tool-button-text {
    display: none;
  }

  .lemonade-exercises .lemo-protractor {
    width: 400px;
  }
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px)rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px)rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px)rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px)rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.lemo-angle-view path, .fr-angle.theme-light-orange .lemo-angle-view path {
  fill: var(--lemo-theme-light-orange-out);
}

.fr-angle.theme-dark-orange .lemo-angle-view path {
  fill: var(--lemo-theme-dark-orange-out);
}

.fr-angle.theme-light-blue .lemo-angle-view path {
  fill: var(--lemo-theme-light-blue-out);
}

.fr-angle.theme-dark-blue .lemo-angle-view path {
  fill: var(--lemo-theme-dark-blue-out);
}

.fr-angle.theme-turquoise .lemo-angle-view path {
  fill: var(--lemo-theme-turquoise-out);
}

.fr-angle.theme-violet .lemo-angle-view path {
  fill: var(--lemo-theme-violet-out);
}

.fr-angle.theme-bordeaux .lemo-angle-view path {
  fill: var(--lemo-theme-bordeaux-out);
}

.fr-angle.theme-green .lemo-angle-view path {
  fill: var(--lemo-theme-green-out);
}

.lemo-boxplot-view {
  margin-bottom: 1em;
  position: relative;
}

.lemo-boxplot-view svg {
  overflow: visible;
}

.lemo-boxplot-view .lemo-boxplot-view-line {
  stroke-width: 2px;
  stroke: #000;
}

.lemo-boxplot-view .lemo-boxplot-view-quad {
  stroke-width: 1px;
  stroke: #000;
  fill: none;
}

.lemonade-exercises .lemo-functions-view, .lemonade-exercises .lemo-math-expression-view {
  --plane-line-width: 1px;
  --plane-line-color: var(--lemo-color-gray-02);
  --plane-line-middle-color: var(--lemo-color-gray-04);
  --plane-text-size-small: .7em;
  --plane-text-size: .8em;
  --plane-text-color: var(--lemo-color-gray-06);
  --plane-text-axis-color: var(--lemo-color-gray-04);
  --function-line-color: var(--lemo-color-corporate);
  text-align: center;
  margin: 1em auto;
  padding: 1em;
}

.lemonade-exercises .lemo-functions-view .lemo-function-view-container, .lemonade-exercises .lemo-math-expression-view .lemo-function-view-container {
  position: relative;
}

.lemonade-exercises .lemo-functions-view .lemo-function-view-plane, .lemonade-exercises .lemo-math-expression-view .lemo-function-view-plane {
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-functions-view .lemo-plane-line, .lemonade-exercises .lemo-math-expression-view .lemo-plane-line {
  stroke: var(--plane-line-color);
  stroke-width: var(--plane-line-width);
}

.lemonade-exercises .lemo-functions-view .lemo-plane-line-middle, .lemonade-exercises .lemo-math-expression-view .lemo-plane-line-middle {
  stroke: var(--plane-line-middle-color);
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text {
  font-family: sans-serif;
  font-size: var(--plane-text-size-small);
  fill: var(--plane-text-color);
  display: none;
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text.lemo-show-small-devices, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text.lemo-show-small-devices {
  display: block;
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text.lemo-plane-text-vertical, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text.lemo-plane-text-vertical {
  transform: translate(-.3em, calc(var(--plane-text-size) / 2 - 2px));
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text.lemo-plane-text-horizontal, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text.lemo-plane-text-horizontal {
  transform: translate(-.3em, 1em);
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text.lemo-plane-text-axis, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text.lemo-plane-text-axis {
  fill: var(--plane-text-axis-color);
}

.lemonade-exercises .lemo-functions-view .lemo-function-line-container, .lemonade-exercises .lemo-math-expression-view .lemo-function-line-container {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.lemonade-exercises .lemo-functions-view .lemo-function-line, .lemonade-exercises .lemo-math-expression-view .lemo-function-line {
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  fill: none;
}

@media only screen and (min-width: 640px) {
  .lemonade-exercises .lemo-functions-view .lemo-plane-text, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text {
    font-size: var(--plane-text-size);
    display: block;
  }
}

.lemonade-exercises .html-content {
  -webkit-hyphens: auto;
  hyphens: auto;
  width: 100%;
  line-height: 1.6;
}

.lemonade-exercises .html-content.fr-view img {
  cursor: default;
}

.lemonade-exercises .html-content.fr-view td {
  padding: .8em;
  line-height: 1.6;
}

.lemonade-exercises .html-content.fr-view a img {
  cursor: pointer;
}

.lemonade-exercises .lemo-while-latex-rendering {
  opacity: 0;
  display: none;
  position: fixed;
}

.lemonade-exercises .lemo-progress-bar {
  position: relative;
}

.lemonade-exercises .lemo-progress-bar:before {
  content: "";
  background-color: var(--lemo-color-base-background);
  border-radius: 200px;
  width: 100%;
  height: 6px;
  display: block;
}

.lemonade-exercises .lemo-progress-bar .lemo-progress-bar-fill {
  background-color: #00f;
  border-radius: 200px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-wrap-button {
  cursor: pointer;
}

.lemonade-exercises .lemo-file-item .lemo-download-button {
  background: var(--lemo-color-gray-01);
  fill: var(--lemo-color-gray-04);
  cursor: pointer;
  border: none;
  border-radius: 100%;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 4px;
  display: flex;
}

.lemonade-exercises .lemo-file-item .lemo-download-button:hover {
  background: var(--lemo-color-corporate-lighter);
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item {
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: .4em;
  align-items: center;
  padding: .6em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item.lemo-button-events {
  cursor: pointer;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item.lemo-button-events:hover {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item.lemo-button-events:hover .lemo-download-button {
  background: var(--lemo-color-corporate-lighter);
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-icon {
  background: var(--lemo-color-corporate);
  border-radius: .4em;
  width: 48px;
  height: 48px;
  padding: 10px;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-icon path {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-info {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-self: stretch;
  padding: .2em .8em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-name-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-name-wrapper__name-drive {
  text-align: left;
  flex-direction: column;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-name {
  line-height: 1.3;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-size {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  color: var(--lemo-color-gray-03);
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.71;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-upload-progress-value {
  white-space: nowrap;
  color: var(--lemo-color-gray-05);
  padding-left: .5em;
  font-size: .85em;
  display: inline-block;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-remove-button {
  fill: var(--lemo-color-gray-03);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 100%;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  padding: .3em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-cancel-button {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-cancel-button svg {
  fill: var(--lemo-color-gray-01);
  z-index: 1;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-cancel-button:after {
  content: "";
  background-color: var(--lemo-color-gray-03);
  z-index: 0;
  border-radius: 50%;
  width: 55%;
  height: 55%;
  position: absolute;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-remove-button svg {
  width: 80%;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-controls {
  pointer-events: auto;
}

.lemonade-exercises .lemo-question .lemo-question-header {
  flex-direction: row;
  display: flex;
}

.lemonade-exercises .lemo-question .lemo-title, .lemonade-exercises .lemo-question .lemo-stimulus {
  margin: 1em 0;
}

.lemonade-exercises .lemo-question .lemo-title p, .lemonade-exercises .lemo-question .lemo-stimulus p {
  margin: 5px 0;
}

.lemonade-exercises .lemo-question .lemo-stimulus {
  flex: 1;
}

.lemonade-exercises .lemo-question .lemo-stimulus-bullet {
  margin-top: 1.6em;
  margin-right: 5px;
}

.lemonade-exercises .lemo-question .lemo-file-item {
  margin-bottom: .8em;
}

.lemonade-exercises .lemo-base-button.lemo-controls-button-restart-scaffolding {
  white-space: nowrap;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout {
  z-index: 200;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  overflow: hidden;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container {
  border-radius: var(--lemo-radii-03) var(--lemo-radii-03) 0 0;
  pointer-events: all;
  background-color: #fff;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
  padding: 1em;
  transition: transform .2s;
  display: grid;
  position: relative;
  transform: translateY(calc(100% - 77px));
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container:after {
  border-radius: var(--lemo-radii-03) var(--lemo-radii-03) 0 0;
  content: "";
  background-color: var(--lemo-color-base-background);
  z-index: -1;
  width: 100%;
  height: 80px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-is-first-time {
  cursor: pointer;
  transform: translateY(40%);
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-is-first-time .lemo-question-container, .lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-is-first-time .lemo-controls-container {
  pointer-events: none;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-opened, .lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-opened:after {
  border-radius: 0;
  transform: translateY(0);
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-hidden {
  display: none;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-navigation-container {
  width: 100%;
  margin-bottom: 1em;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-controls-container {
  margin-top: 3em;
}

@media only screen and (min-width: 560px) {
  .lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container {
    padding-left: 2em;
    padding-right: 2em;
  }
}

.lemonade-exercises .lemo-scaffolding-main-question {
  padding: 0 1em;
}

.lemonade-exercises .lemo-scaffolding-main-question.lemo-custom-header-class .lemo-question-wrapper .lemo-question-header {
  display: none;
}

.lemonade-exercises .lemo-scaffolding-main-question .lemo-question-wrapper {
  grid-template-rows: 1fr auto;
  height: 100vh;
  display: grid;
}

.lemonade-exercises .lemo-scaffolding-mobile .main-question-controls {
  padding: .6em 0;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-column-right-wrapper {
  justify-content: flex-end;
  display: flex;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-full-width-wrapper > * {
  width: 100%;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-columns-wrapper {
  gap: .6em;
  display: flex;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-columns-wrapper > :first-child {
  flex-grow: 1;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-columns-wrapper > :last-child {
  padding-left: 2.5em;
  padding-right: 2.5em;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding {
  flex-flow: wrap;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-restart-wrapper {
  width: 100%;
  padding: .6em 0;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-restart-wrapper > * {
  width: 100%;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding > :nth-child(2) {
  flex-grow: 1;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding > :nth-child(2) > * {
  width: 100%;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-show-answer-wrapper {
  margin-right: .6em;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-show-answer-wrapper > * {
  width: 100%;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-next-wrapper > * {
  padding-left: 2.5em;
  padding-right: 2.5em;
}

@media only screen and (min-width: 560px) {
  .lemonade-exercises .lemo-scaffolding-mobile .main-question-controls, .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls {
    justify-content: flex-end;
    align-items: center;
    gap: 1em;
    display: flex;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-button-first-row {
    padding: 0;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-button-columns-wrapper {
    justify-content: space-between;
    width: 100%;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-button-columns-wrapper > * {
    flex-grow: unset;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-button-columns-wrapper.lemo-flex-end {
    justify-content: flex-end;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-restart-wrapper {
    width: auto;
    padding: 0;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-restart-wrapper > * {
    width: auto;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-show-answer-wrapper {
    flex-grow: 1;
    order: -1;
    margin-right: .6em;
    padding: 0;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-show-answer-wrapper > * {
    width: auto;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-next-wrapper {
    flex-grow: unset;
    width: auto;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-next-wrapper > * {
    width: auto;
  }
}

.lemonade-exercises .lemo-scaffolding-mobile {
  background-color: var(--lemo-color-gray-01);
  height: 100%;
  position: relative;
  overflow: auto;
}

.lemonade-exercises .lemo-dialog {
  border-radius: var(--lemo-radii-01);
  margin: 1em .6em 1em .5em;
  line-height: 1.9;
  position: relative;
}

.lemonade-exercises .lemo-dialog .lemo-close-button-wrapper {
  z-index: 3;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

.lemonade-exercises .lemo-dialog .lemo-close-button-wrapper .lemo-wrap-button {
  justify-content: center;
  align-items: center;
  width: 35px;
  display: flex;
  transform: translate(14px, -14px);
}

.lemonade-exercises .lemo-dialog .lemo-close-button-wrapper .lemo-wrap-button svg {
  fill: var(--lemo-color-corporate);
  z-index: 1;
}

.lemonade-exercises .lemo-dialog .lemo-close-button-wrapper .lemo-wrap-button:after {
  content: "";
  background-color: var(--lemo-color-base-white);
  z-index: 0;
  width: 12px;
  height: 12px;
  position: absolute;
}

.lemonade-exercises .lemo-dialog .lemo-close-button {
  background-color: var(--lemo-color-corporate);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  padding: .3em;
  display: flex;
  transform: translate(9px, -9px);
}

.lemonade-exercises .lemo-dialog .lemo-close-icon {
  fill: var(--lemo-color-base-white);
  width: 80%;
  height: 80%;
}

.lemonade-exercises .lemo-feedback-pin-number {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  top: -1px;
  right: -1px;
}

.lemonade-exercises .lemo-tooltip {
  z-index: 100;
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 -1px 14px rgba(75, 75, 75, .4);
}

.lemonade-exercises .lemo-tooltip[data-show="true"] {
  display: block;
}

.lemonade-exercises .lemo-tooltip__arrow, .lemonade-exercises .lemo-tooltip__arrow:before {
  background: none;
  width: 14px;
  height: 14px;
  position: absolute;
}

.lemonade-exercises .lemo-tooltip__arrow {
  visibility: hidden;
}

.lemonade-exercises .lemo-tooltip__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

.lemonade-exercises .lemo-tooltip[data-popper-placement^="top"] > .lemo-tooltip__arrow {
  bottom: -8px;
}

.lemonade-exercises .lemo-tooltip[data-popper-placement^="bottom"] > .lemo-tooltip__arrow {
  top: -8px;
}

.lemonade-exercises .lemo-tooltip[data-popper-placement^="left"] > .lemo-tooltip__arrow {
  right: -8px;
}

.lemonade-exercises .lemo-tooltip[data-popper-placement^="right"] > .lemo-tooltip__arrow {
  left: -8px;
}

@media only screen and (max-width: 560px) {
  .lemonade-exercises .lemo-tooltip {
    max-width: 94%;
  }
}

.lemonade-exercises .lemo-tooltip-content {
  position: relative;
}

.lemonade-exercises .lemo-tooltip-content__close {
  z-index: 1;
  position: absolute;
  top: -17px;
  right: -14px;
}

.lemonade-exercises .lemo-tooltip-content__close-button {
  cursor: pointer;
  width: 36px;
  height: 36px;
}

.lemonade-exercises .lemo-tooltip-content__close-button:after {
  content: "";
  background-color: var(--lemo-color-base-white);
  z-index: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 9px;
  left: 8px;
}

.lemonade-exercises .lemo-tooltip-content__close-icon {
  fill: var(--lemo-color-gray-05);
  z-index: 1;
  position: relative;
}

.lemonade-exercises .lemo-tooltip-content__content {
  cursor: default;
  max-width: 500px;
  max-height: 400px;
  padding: 16px 16px 24px 24px;
  overflow: auto;
}

.lemonade-exercises .lemo-tooltip-content__content .fr-view {
  word-wrap: normal;
}

.lemonade-exercises .lemo-feedback-pin-tooltip {
  pointer-events: auto;
  border-radius: 4px;
  min-width: 1.6em;
  height: 1.9em;
  top: -1px;
  right: -1px;
}

.lemonade-exercises .lemo-feedback-pin-tooltip.lemo-floating {
  top: -.4em;
  right: -.4em;
}

.lemonade-exercises .lemo-feedback-pin-tooltip.lemo-hidden {
  display: none;
}

.lemonade-exercises .lemo-feedback-pin-tooltip.lemo-mirror-icon path {
  transform: scaleX(-1)translateX(-24px);
}

.lemonade-exercises .lemo-feedback-pin-tooltip .lemo-feedback-pin-tooltip__icon {
  cursor: pointer;
  fill: var(--lemo-color-error);
  overflow: visible;
}

.lemonade-exercises .lemo-feedback-pin-number {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 1.6em;
  height: 1.6em;
  display: flex;
  top: -1px;
  right: -1px;
}

.lemonade-exercises .lemo-feedback-pin-number.lemo-floating {
  top: -.4em;
  right: -.4em;
}

.lemonade-exercises .lemo-feedback-pin-number.lemo-success {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-feedback-pin-number.lemo-error {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-feedback-pin-number.lemo-hidden {
  display: none;
}

.lemonade-exercises .lemo-feedback-pin-number .lemo-text {
  color: var(--lemo-color-base-white);
  font-size: .8em;
  font-weight: 600;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item.lemo-error {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-error-light-alpha);
  align-items: center;
  padding: .75em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item .lemo-feedback-value {
  width: 98%;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-value img {
  max-width: 200px;
  max-height: 200px;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item p {
  margin-block-start: 0;
  margin-block-end: 0;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item.lemo-global-feedback {
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-03);
  background-color: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item.lemo-show-solution {
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-feedback-item .lemo-feedback-pin-number {
  margin-right: .6em;
}

.lemonade-exercises .lemo-feedback-dialog {
  position: relative;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-list > div {
  margin: .5em 0 0;
}

.lemonade-exercises .lemo-base-input, .lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element {
  font-size: 1em;
  font-family: var(--lemo-font-family);
  font-weight: var(--lemo-text-medium);
  color: var(--lemo-color-text-01);
  background-color: var(--lemo-color-base-white);
  border-radius: var(--lemo-box-border-radius-l);
  padding: var(--lemo-box-paddings-l);
  border: var(--lemo-box-border-width) solid var(--lemo-box-border-color-default);
}

.lemonade-exercises .lemo-base-input::placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element::placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input:-ms-input-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:-ms-input-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input::-moz-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element::-moz-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input:focus, .lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:focus {
  border-color: var(--lemo-box-border-color-active);
  outline: none;
}

.lemonade-exercises .lemo-base-input:focus::-moz-placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:focus::-moz-placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-base-input:focus::placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:focus::placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-froala {
  word-break: break-word;
  font-weight: 500;
}

.lemonade-exercises .lemo-froala h1 {
  margin: .5em 0;
  font-weight: bold;
}

.lemonade-exercises .lemo-froala h2, .lemonade-exercises .lemo-froala h3, .lemonade-exercises .lemo-froala h4 {
  margin: .6em 0;
  font-weight: bold;
}

.lemonade-exercises .lemo-froala p, .lemonade-exercises .lemo-froala table, .lemonade-exercises .lemo-froala blockquote, .lemonade-exercises .lemo-froala ul, .lemonade-exercises .lemo-froala ol {
  margin: 5px 0;
}

.lemonade-exercises .lemo-froala p, .lemonade-exercises .lemo-froala li, .lemonade-exercises .lemo-froala h1, .lemonade-exercises .lemo-froala h2, .lemonade-exercises .lemo-froala h3, .lemonade-exercises .lemo-froala h4, .lemonade-exercises .lemo-froala h5 {
  word-break: break-word;
}

.lemonade-exercises .lemo-froala blockquote {
  border-left: 5px solid;
  padding-left: 5px;
  font-weight: 300;
}

.lemonade-exercises .lemo-froala ul, .lemonade-exercises .lemo-froala ol {
  margin-left: 15px;
  padding-left: 5px;
  list-style-position: outside;
}

.lemonade-exercises .lemo-froala ol {
  list-style: decimal;
}

.lemonade-exercises .lemo-froala ul {
  list-style: disc;
}

.lemonade-exercises .lemo-froala li {
  margin: 5px 0;
}

.lemonade-exercises .lemo-froala sub, .lemonade-exercises .lemo-froala sup {
  font-size: 75%;
  line-height: 0;
}

.lemonade-exercises .lemo-froala sub {
  vertical-align: sub;
}

.lemonade-exercises .lemo-froala sup {
  vertical-align: super;
}

.lemonade-exercises .lemo-froala table {
  border-collapse: collapse;
}

.lemonade-exercises .lemo-froala table.table {
  width: 100%;
}

.lemonade-exercises .lemo-froala td {
  padding: .8em;
}

.lemonade-exercises .lemo-froala em {
  font-style: italic;
}

.lemonade-exercises .lemo-froala strong {
  font-weight: 700;
}

.lemonade-exercises .lemo-froala img {
  max-width: 100%;
}

.lemonade-exercises .lemo-froala .second-toolbar {
  display: none;
}

.lemonade-exercises .lemo-froala p {
  padding: 0;
}

.lemonade-exercises .lemo-froala span.lemo-blank:not(.lemo-blank-cloze-math) {
  text-align: center;
  border: 1px dashed #000;
  border-radius: .4em;
  margin: 0 .3em;
  padding: 0 20px;
  display: inline-block;
}

.lemonade-exercises .lemo-froala span.lemo-blank:not(.lemo-blank-cloze-math):focus {
  outline: #0098f7;
}

.lemonade-exercises .lemo-froala .fr-wrapper.show-placeholder .fr-placeholder {
  z-index: 2;
  pointer-events: none;
  top: 4px;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .no-break {
  border-bottom: 1px solid #ff8c00;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-toolbar {
  z-index: 2;
  width: 100%;
  transition: top .2s;
  display: none;
  position: absolute;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-toolbar .fr-newline {
  background: none;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-toolbar .fr-more-toolbar {
  transition: height .2s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-second-toolbar {
  display: none;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-wrapper {
  background: none;
  border: none;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-placeholder {
  color: var(--lemo-color-text-04);
  transition: color .4s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element {
  line-height: 1.6;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:focus + .fr-placeholder {
  color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component.lemo-is-empty .fr-element:not(:focus) {
  border-color: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-froala .fr-toolbar.fr-top {
  border-radius: var(--lemo-radii-02) var(--lemo-radii-02) 0 0;
  border: 2px solid var(--lemo-color-gray-02);
  border-bottom: 2px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-froala-wrapper {
  border: .1em solid var(--lemo-color-gray-03);
  color: var(--lemo-color-gray-03);
  background-color: rgba(0, 0, 0, 0);
  border-radius: .4em;
  min-height: 2.2em;
  padding: .8em .3em;
}

.lemonade-exercises .lemo-froala-wrapper.rtl {
  direction: rtl;
}

.lemonade-exercises .lemo-froala-wrapper.hidden {
  display: none;
}

.lemonade-exercises .lemo-froala .fr-popup .fr-checkbox, .lemonade-exercises .lemo-froala .fr-popup .fr-action-buttons button.fr-command {
  padding: 0;
}

.lemonade-exercises .lemo-froala .fr-popup.fr-desktop {
  width: -webkit-min-content;
  width: min-content;
}

.lemonade-exercises .lemo-froala .fr-popup.fr-desktop .fr-layer {
  box-sizing: border-box;
}

.lemonade-exercises .fr-table-with-borders {
  border-collapse: collapse;
}

.lemonade-exercises .fr-table-with-borders td, .lemonade-exercises .fr-table-with-borders th {
  border: 1px solid #ddd;
  padding: .8em;
}

.lemonade-exercises .fr-table-no-border td {
  border: none;
}

.lemonade-exercises .lemo-add-response-close-math {
  display: inline-block;
}

.lemonade-exercises .lemo-add-response-close-math .lemo-add-response-close-math__number {
  color: #fff;
  background: #4f4f4f;
  align-items: center;
  border: none !important;
  border-radius: 0 4px 4px 0 !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  display: inline-block !important;
}

.lemonade-exercises .lemo-add-response-close-math .lemo-add-response-cloze-math__text {
  font-size: var(--lemo-text-body-l);
  font-weight: var(--lemo-text-regular);
  color: #4f4f4f;
  background: #f2f2f2;
  border-radius: 4px 0 0 4px !important;
  padding: 2px 8px 3px !important;
  display: inline-block !important;
}

.lemonade-exercises .fr-math-v2-field {
  border: 1px solid #999;
  border-radius: 2px;
}

.lemonade-exercises .fr-math-v2-field:hover {
  border: 1px solid #515151;
}

.lemonade-exercises .froala-mathField__input {
  outline-width: 1px;
  outline-color: #0098f7;
  width: 100%;
}

.lemonade-exercises .fa {
  font: 14px / 1 FontAwesome, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.lemonade-exercises .fa-code:before {
  content: url("data:image/svg+xml; utf8, <svg viewBox=%270 0 96 96%27 fill=%27grey%27 xmlns=%27http://www.w3.org/2000/svg%27><title/><g><path d=%27M24.8452,25.3957a6.0129,6.0129,0,0,0-8.4487.7617L1.3974,44.1563a5.9844,5.9844,0,0,0,0,7.687L16.3965,69.8422a5.9983,5.9983,0,1,0,9.21-7.687L13.8068,48l11.8-14.1554A6,6,0,0,0,24.8452,25.3957Z%27/><path d=%27M55.1714,12.1192A6.0558,6.0558,0,0,0,48.1172,16.83L36.1179,76.8262A5.9847,5.9847,0,0,0,40.8286,83.88a5.7059,5.7059,0,0,0,1.1835.1172A5.9949,5.9949,0,0,0,47.8828,79.17L59.8821,19.1735A5.9848,5.9848,0,0,0,55.1714,12.1192Z%27/><path d=%27M94.6026,44.1563,79.6035,26.1574a5.9983,5.9983,0,1,0-9.21,7.687L82.1932,48l-11.8,14.1554a5.9983,5.9983,0,1,0,9.21,7.687L94.6026,51.8433A5.9844,5.9844,0,0,0,94.6026,44.1563Z%27/></g></svg>");
}

.lemonade-exercises .lemo-fr-toolbar-inline .fr-element {
  overflow-x: auto;
}

.lemonade-exercises .lemo-editor .lemo-fr-scrollable-container {
  z-index: 7;
  position: relative;
}

.lemonade-exercises .lemo-editor .lemo-fr-scrollable-container .fr-toolbar.fr-inline {
  max-width: 535px;
  max-height: 144px;
}

.lemonade-exercises .lemo-editor .lemo-fr-scrollable-container .fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 8px;
}

.lemonade-exercises .lemo-editor .lemo-fr-scrollable-container .fr-popup .fr-buttons:not(.fr-tabs) {
  display: flex;
}

.fr-popup.fr-desktop .fr-audio-upload-layer {
  text-align: center;
  padding: 10px;
}

.fr-popup.fr-desktop .fr-audio-upload-layer.fr-transcription {
  border-top: 1px solid var(--lemo-color-gray-02);
  margin-top: 10px;
}

.fr-popup.fr-desktop .fr-transcription-actions {
  margin-bottom: 20px;
}

.fr-popup.fr-desktop .fr-transcription-success {
  color: #219653;
  margin-top: 8px;
  display: none;
}

.fr-popup.fr-desktop .fr-remove-transcription {
  color: #eb5757;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0 auto;
  font-size: 15px;
  display: block;
}

.lemonade-exercises .lemo-fr-button-audio-base, .lemonade-exercises .lemo-fr-audio-player .controls .toggle-play, .lemonade-exercises .lemo-fr-button-audio {
  pointer-events: auto;
  cursor: pointer;
  background-color: var(--lemo-color-corporate);
  border-radius: 50px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  padding: 6px;
  display: flex;
}

.lemonade-exercises .lemo-fr-button-audio {
  margin-left: 5px;
  margin-right: 5px;
}

.lemonade-exercises .fr-audio {
  display: inline-flex;
}

.lemonade-exercises .fr-audio-only-play {
  margin-left: 23px;
}

.lemonade-exercises .lemo-fr-audio-player {
  color: #828282;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 200px;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 6px 8px;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
  font-size: 1px !important;
}

.lemonade-exercises .lemo-fr-audio-player .timeline-controls {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .timeline {
  pointer-events: auto;
  cursor: pointer;
  background-color: #f2f2f2;
  border-radius: 3px;
  flex-grow: 1;
  align-self: center;
  height: 4px;
  margin: 12px 8px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-fr-audio-player .timeline .progress {
  background: var(--lemo-color-corporate);
  border-radius: 3px;
  width: 0%;
  height: 100%;
  transition: all .25s;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls {
  flex-grow: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls > * {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls .time {
  letter-spacing: 1px;
  text-align: left;
  font-family: Inter, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 2.4;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls .time .divider {
  margin-left: 4px;
  margin-right: 4px;
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container {
  cursor: pointer;
  z-index: 2;
  position: relative;
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container .volume-button {
  align-items: center;
  height: 26px;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container .volume-button .volume {
  transform: scale(.7);
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container .volume-slider {
  z-index: -1;
  background: #fff;
  width: 0;
  height: 15px;
  transition: all .25s;
  position: absolute;
  top: 15px;
  left: -3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .667);
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container .volume-slider .volume-percentage {
  background: coral;
  width: 75%;
  height: 100%;
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container:hover .volume-slider {
  width: 120px;
  left: -123px;
}

.lemonade-exercises .lemo-fr-button-audio__container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-transcription-icon {
  cursor: pointer;
}

.lemonade-exercises .lemo-fr-audio-transcription-icon:hover .lemo-fr-audio-transcription-icon__icon svg path, .lemonade-exercises .lemo-fr-audio-transcription-icon.active .lemo-fr-audio-transcription-icon__icon svg path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-fr-audio-transcription-icon--hidden, .lemonade-exercises .lemo-fr-audio-transcription.lemo-fr-audio-transcription-hidden {
  display: none;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container .lemo-fr-audio-transcription-content__cue {
  cursor: pointer;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container .lemo-fr-audio-transcription-content__cue:hover {
  background-color: #f2f2f2;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content {
  z-index: 50;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  flex-direction: column;
  gap: 0;
  width: 320px;
  max-width: 100vw;
  max-height: 340px;
  padding: 20px 18px 18px;
  display: flex;
  position: absolute;
  top: 54px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(44, 44, 44, .08);
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__header {
  margin-bottom: 8px;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__header .lemo-fr-audio-transcription-content__header-title {
  color: #444950;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__header .lemo-fr-audio-transcription-content__header-divider {
  border-bottom: 1px solid #e5e7eb;
  width: 100%;
  height: 1px;
  margin: 8px 0 0;
  display: block;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container {
  max-height: 250px;
  margin-top: 8px;
  padding: 0;
  overflow-y: auto;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container::-webkit-scrollbar {
  width: 6px;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container::-webkit-scrollbar-thumb {
  background: #e5e7eb;
  border-radius: 3px;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue {
  cursor: pointer;
  color: #222;
  white-space: pre-line;
  border-radius: 6px;
  margin: 2px 0;
  padding: 6px 12px;
  font-size: 15px;
  transition: background .2s, color .2s;
  display: block;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue.cueActive {
  color: #fff;
  background: #4f6bed;
  font-weight: 500;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue.cueInactive {
  color: #222;
  background: none;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue:hover {
  color: #222;
  background: #e5e7eb;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper > * {
  margin-right: 1em;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper > :last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-check-answer {
  margin-left: auto;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-idk ~ .lemo-controls-button-check-answer {
  margin-left: 0;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-idk, .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-reset {
  margin-left: auto;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-inline {
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (max-width: 560px) {
  .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper {
    flex-flow: wrap;
  }

  .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper > * {
    width: 100%;
    margin: .5em 0;
  }

  .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-points, .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-reset {
    order: -1;
    width: -webkit-fit-content;
    width: fit-content;
  }
}

.lemonade-exercises .lemo-sample-answer {
  box-sizing: border-box;
  background: var(--lemo-color-base-background);
  border-left: 4px solid var(--lemo-color-corporate);
  border-radius: 0 8px 8px 0;
  flex-direction: row;
  flex: none;
  order: 3;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
  padding: 12px 16px;
  display: flex;
}

.lemonade-exercises .lemo-print-view {
  border: 1px solid rgba(0, 0, 0, .05);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.lemonade-exercises .lemo-print-view .lemo-question-body {
  padding: 0 5px;
  font-size: 14px;
}

.lemonade-exercises .lemo-print-view .lemo-classify-linking-lines .lemo-question-body {
  font-size: 12px;
  overflow: hidden;
}

.lemonade-exercises .lemo-print-view .lemo-classify-linking-lines .lemo-list {
  max-width: 45%;
}

.lemonade-exercises .lemo-print-view .lemo-classify-order-list .lemo-horizontal-list {
  flex-direction: column;
}

.lemonade-exercises .lemo-print-view .fr-math-v2 img, .lemonade-exercises .lemo-print-view .fr-math img {
  display: inline-block;
}

.lemonade-exercises .lemo-question {
  width: 100%;
}

.lemonade-exercises .lemo-question .fr-element .fr-video > * {
  z-index: 2;
  position: relative;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-content-wrapper {
  flex-grow: 1;
  padding: .6em .5em .6em 0;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-content-wrapper img {
  cursor: pointer;
  max-width: 100%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-single-option .html-content, .lemonade-exercises .lemo-multiple-choice .lemo-multiple-option .html-content {
  width: auto;
  margin-inline-end: .5em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-single-option .lemo-feedback-pin-wrapper, .lemonade-exercises .lemo-multiple-choice .lemo-multiple-option .lemo-feedback-pin-wrapper {
  position: relative;
  top: 2px;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-icon {
  margin-inline-end: .8em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-prefix-label {
  white-space: nowrap;
  margin-inline-end: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-content, .lemonade-exercises .lemo-multiple-choice .lemo-prefix-label {
  line-height: 1.9;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-lock {
  pointer-events: none;
}

.lemonade-exercises .lemo-multiple-choice .lemo-inline-feedback {
  padding: .5em;
}

.lemonade-exercises .lemo-feedback-icon {
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
}

.lemonade-exercises .lemo-feedback-icon .lemo-success-icon, .lemonade-exercises .lemo-feedback-icon .lemo-error-icon {
  width: 100%;
  height: 100%;
}

.lemonade-exercises .lemo-feedback-icon .lemo-success-icon {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-feedback-icon .lemo-error-icon {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option-container {
  width: 100%;
  position: relative;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option-container .lemo-option-container {
  margin-top: 10px;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option.lemo-option-content-wrapper {
  border: 2px solid var(--lemo-color-corporate-light);
  border-radius: var(--lemo-radii-03);
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-base-white);
  border-bottom-width: 4px;
  align-items: flex-start;
  padding-left: .6em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option.lemo-option-content-wrapper:active {
  box-shadow: inset 0 6px 0 var(--lemo-color-corporate-light-alpha);
  border-bottom-width: 2px;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option.lemo-option-content-wrapper.lemo-touched {
  background-color: var(--lemo-color-corporate-lighter);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-selected .lemo-block-option.lemo-option-content-wrapper {
  background-color: var(--lemo-color-corporate-lighter);
  border-bottom-width: 2px;
  border-color: var(--lemo-color-corporate-light);
  box-shadow: inset 0 6px 0 var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-lock:not(.lemo-selected) .lemo-block-option.lemo-option-content-wrapper {
  border-color: var(--lemo-color-gray-02);
  color: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-lock:not(.lemo-selected) .lemo-block-option.lemo-option-content-wrapper .html-content {
  color: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-success .lemo-block-option.lemo-option-content-wrapper {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-error .lemo-block-option.lemo-option-content-wrapper {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-checkbox-square-icon .lemo-shape {
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-checkbox-square-icon svg {
  width: auto;
  height: auto;
}

.lemonade-exercises .lemo-selected .lemo-checkbox-square-icon .lemo-shape {
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-button-color-white);
  box-shadow: 0 0 0 4px var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-selected .lemo-checkbox-square-icon .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-selected .lemo-checkbox-square-icon .lemo-square {
  background-color: var(--lemo-color-corporate);
  border: none;
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.lemonade-exercises .lemo-success .lemo-checkbox-square-icon .lemo-shape {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-success .lemo-checkbox-square-icon .lemo-icon {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-error .lemo-checkbox-square-icon .lemo-shape {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-error .lemo-checkbox-square-icon .lemo-icon {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-checkbox-rounded-icon .lemo-shape {
  border: 2px solid var(--lemo-color-gray-02);
  background-color: var(--lemo-color-base-white);
  transition: all var(--lemo-transitions);
  border-radius: 50%;
  outline: 6px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.lemonade-exercises .lemo-checkbox-rounded-icon .lemo-icon {
  fill: var(--lemo-color-corporate);
  transition: fill var(--lemo-transitions);
  width: 8px;
  height: 8px;
}

.lemonade-exercises .lemo-selected .lemo-checkbox-rounded-icon .lemo-shape {
  border-style: solid;
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
  outline-color: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-selected .lemo-checkbox-rounded-icon .lemo-circle {
  background-color: var(--lemo-color-corporate);
  border: none;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.lemonade-exercises .lemo-success .lemo-checkbox-rounded-icon .lemo-shape {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  outline-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-success .lemo-checkbox-rounded-icon .lemo-icon {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-error .lemo-checkbox-rounded-icon .lemo-shape {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  outline-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-error .lemo-checkbox-rounded-icon .lemo-icon {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option {
  cursor: pointer;
  fill: var(--lemo-color-gray-04);
  z-index: 1;
  margin: .5em 0;
  display: flex;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-icon {
  margin-top: 1em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-option-container {
  width: 100%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-option-container > * {
  border-radius: var(--lemo-radii-01);
  transition: background-color var(--lemo-transitions);
  padding: .2em .5em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-option-container .lemo-inline-feedback {
  margin-top: .3em;
  padding: .4em .5em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-success .lemo-option-container .lemo-option-response, .lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-success .lemo-option-container .lemo-inline-feedback {
  background-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-error .lemo-option-container .lemo-option-response {
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-error .lemo-option-container .lemo-inline-feedback {
  background-color: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-multiple-choice {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-multiple-choice *, .lemonade-exercises .lemo-multiple-choice :before, .lemonade-exercises .lemo-multiple-choice :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns {
  flex-flow: wrap;
  align-items: stretch;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-option {
  padding: 0 .5em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-1 {
  width: 100%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-2 {
  width: 50%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-3 {
  width: 33.333%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-4 {
  width: 25%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-5 {
  width: 20%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-6 {
  width: 16.666%;
}

@media screen and (max-width: 768px) {
  .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-1, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-2, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-3, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-4, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-5, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-6, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-mobile-columns-1 {
    width: 100%;
  }

  .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-mobile-columns-2 {
    width: 49%;
  }

  .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-mobile-columns-3 {
    width: 32%;
  }

  .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-mobile-columns-4 {
    width: 24%;
  }
}

.lemonade-exercises .lemo-editor-title-subtitle-component {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title-subtitle {
  flex-direction: column;
  width: 100%;
  padding-inline-end: 1em;
  line-height: 1.4;
  display: flex;
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title {
  margin-bottom: .4em;
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title--disabled {
  opacity: var(--lemo-opacity-disabled);
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__subtitle {
  white-space: pre-wrap;
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__subtitle--disabled {
  opacity: var(--lemo-opacity-disabled);
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__component-right {
  flex-shrink: 0;
  align-self: center;
}

.lemonade-exercises .lemo-line1 {
  background-color: var(--lemo-color-gray-01);
  width: 100%;
  height: 1px;
  margin: 11px 0 12px;
}

.lemonade-exercises .lemo-button-icon {
  background: var(--lemo-color-gray-05);
  opacity: .85;
  border-radius: 10px;
  width: 31px;
  height: 31px;
}

.lemonade-exercises .lemo-button-icon .lemo-button-icon__button {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  padding: 0;
  display: flex;
}

.lemonade-exercises .lemo-button-icon .lemo-button-icon__button .lemo-icon {
  margin: 0;
  padding: 0;
}

.lemonade-exercises .lemo-button-icon .lemo-button-icon__button svg {
  fill: var(--lemo-color-base-white);
  width: 75%;
}

.lemonade-exercises .lemo-button-icon:hover {
  background-color: var(--lemo-color-base-white);
  box-shadow: 0 0 8px -3px var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-button-icon:hover .lemo-button-icon__button svg {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-inline-button {
  cursor: pointer;
  border: none;
  align-items: center;
  margin: 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-inline-button .lemo-editor-inline-button__icon {
  align-items: center;
  margin: 0 .5em 0 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-inline-button--color-white .lemo-editor-inline-button__icon {
  fill: #fff;
}

.lemonade-exercises .lemo-editor-inline-button--color-white .lemo-editor-inline-button__text {
  color: #fff;
}

.lemonade-exercises .lemo-editor-inline-button--color-white:hover, .lemonade-exercises .lemo-editor-inline-button--color-white:active, .lemonade-exercises .lemo-editor-inline-button--color-white.selected {
  background: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-drive-button {
  background-color: rgba(53, 115, 231, .05);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.lemonade-exercises .lemo-drive-button .lemo-icon {
  fill: none;
}

.lemonade-exercises .lemo-drive-button:hover {
  border: solid 2px var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drive-button--disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-drive-button--disabled .lemo-icon {
  opacity: .3;
}

.lemonade-exercises .lemo-mobile-button {
  color: var(--lemo-color-corporate);
  border: 2px solid var(--lemo-color-corporate);
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-base-white);
  cursor: pointer;
  outline: none;
  padding: 1em .6em;
  font-size: 1.1em;
  font-weight: bold;
}

.lemonade-exercises .lemo-mobile-button:hover {
  background-color: var(--lemo-color-corporate-light);
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-mobile-button.lemo-disabled {
  pointer-events: none;
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-mobile-button.lemo-completed {
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-upload-progress-icon {
  position: relative;
}

.lemonade-exercises .lemo-upload-progress-icon .lemo-spinner {
  border: 3px solid var(--lemo-color-corporate-dark);
  border-left-color: var(--lemo-color-corporate);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  animation: 1s linear infinite lemo-upload-icon-animation;
}

@keyframes lemo-upload-icon-animation {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.lemonade-exercises .lemo-upload-progress-icon .lemo-icon {
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-upload-progress-icon .lemo-icon path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-start-icon {
  height: 46px;
}

.lemonade-exercises .lemo-start-icon path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-complete-icon {
  fill: var(--lemo-color-base-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-complete-icon.lemo-error {
  background: var(--lemo-color-error);
}

.lemonade-exercises .lemo-complete-icon.lemo-error svg {
  fill: var(--lemo-color-base-white);
  width: 17px;
}

.lemonade-exercises .lemo-complete-icon.lemo-success {
  background: var(--lemo-color-success);
}

.lemonade-exercises .lemo-complete-icon.lemo-success svg {
  fill: var(--lemo-color-base-white);
  width: 21px;
}

.lemonade-exercises .lemo-upload-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-complete-icon--error, .lemonade-exercises .lemo-complete-icon--success {
  width: 72px;
  height: 65px;
}

.lemonade-exercises .lemo-complete-icon--error svg {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-complete-icon--success svg {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-complete-touch-icon {
  width: 30px;
}

.lemonade-exercises .lemo-complete-touch-icon svg {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area {
  text-align: center;
  background: var(--lemo-color-base-background);
  border: 2px dashed var(--lemo-color-gray-03);
  cursor: pointer;
  border-radius: 48px;
  outline: none;
  margin: 0 auto 1em;
  padding: 1em 3em;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-isDragActive {
  background: var(--lemo-color-corporate-light);
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-disabled {
  background: var(--lemo-color-base-background);
  border-color: var(--lemo-color-gray-02);
  pointer-events: none;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-disabled > * {
  opacity: .6;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch.lemo-disabled > * {
  opacity: 1;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-drop-area-icon {
  fill: var(--lemo-color-corporate);
  margin: 0 auto;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-drop-area-message {
  margin: .7em 0;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-drop-area-message a {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-drop-area-info {
  color: var(--lemo-color-gray-04);
  font-size: .9em;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-upload-button {
  display: none;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch {
  background: none;
  border: none;
  padding: .2em;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch .lemo-drop-area-icon, .lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch .lemo-drop-area-message {
  display: none;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch .lemo-upload-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch .lemo-upload-icon {
  transform-origin: center;
  margin: -15px .3em -15px 0;
  transform: scale(.8);
}

.lemonade-exercises .lemo-file-uploader {
  text-align: -webkit-center;
}

.lemonade-exercises .lemo-file-uploader .lemo-drive-button {
  margin-top: 1.1em;
}

.lemonade-exercises .lemo-file-uploader .lemo-allowed-files {
  text-align: center;
  line-height: var(--lemo-line-height);
  color: var(--lemo-color-gray-03);
  font-size: .8em;
  font-weight: 500;
}

.lemonade-exercises .lemo-file-uploader .lemo-error-message {
  background-color: var(--lemo-color-error-light-alpha);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: .6em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-error-message .lemo-error-message-text {
  text-align: center;
  color: var(--lemo-color-error);
  flex-grow: 1;
  font-weight: bold;
}

.lemonade-exercises .lemo-file-uploader .lemo-error-message .lemo-error-message-close-button {
  width: 28px;
}

.lemonade-exercises .lemo-file-uploader .lemo-error-message .lemo-error-message-close-button svg {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-tooltip-icon .react-tooltip {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  white-space: normal;
  z-index: 2;
  max-width: 400px;
  padding: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5;
}

.lemonade-exercises .lemo-tooltip-icon.lemo-tooltip-icon--force-show .react-tooltip {
  opacity: .9;
  visibility: visible;
  margin-top: 0;
  margin-left: 0;
}

.lemonade-exercises .lemo-tooltip-icon.lemo-tooltip-icon--force-hide .react-tooltip {
  opacity: 0;
  visibility: hidden;
}

.lemonade-exercises .lemo-editor-input-text {
  width: 100%;
  padding: .8em;
}

.lemonade-exercises .lemo-editor-input-text::placeholder {
  color: var(--lemo-color-text-placeholder);
}

.lemonade-exercises .lemo-editor-input-text.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemo-editor-slider {
  align-items: center;
  display: flex;
}

.lemo-editor-slider .lemo-editor-slider__min, .lemo-editor-slider .lemo-editor-slider__max {
  color: var(--lemo-color-gray-05);
  word-break: normal;
  font-variant-numeric: tabular-nums;
  background-color: var(--lemo-color-base-background);
  text-align: center;
  border-radius: 4px;
  padding: 4px;
}

.lemo-editor-slider .lemo-editor-slider__min {
  margin-right: 16px;
}

.lemo-editor-slider .lemo-editor-slider__max {
  margin-left: 16px;
}

.lemo-editor-slider .lemo-editor-slider__slider {
  flex: 1;
  min-width: 273px;
}

.lemo-editor-slider .lemo-editor-slider__slider input[type="range"] {
  width: 100%;
  min-width: 273px;
}

.lemo-editor-slider .lemo-editor-slider__slider svg g circle:first-child, .lemo-editor-slider .lemo-editor-slider__slider svg g circle:nth-child(3) {
  fill: #1e67e9;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider {
  padding: 2px 0;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle {
  margin-top: -5px;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-rail {
  background: var(--lemo-color-gray-01);
  height: 6px;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle {
  background: var(--lemo-color-corporate);
  width: 15px;
  height: 15px;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle:hover, .lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle:focus {
  background: var(--lemo-color-corporate);
  box-shadow: 0 0 0 8px rgba(var(--lemo-color-corporate-lighter), .1);
  border-color: #ebf1fd;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle-dragging {
  border-color: #ebf1fd;
  box-shadow: 0 0 0 5px #ebf1fd;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-track {
  background: var(--lemo-color-corporate);
  height: 6px;
}

@media only screen and (max-width: 768px) {
  .lemonade-exercises .lemo-slider-title-subtitle .lemo-editor-title-subtitle-component {
    display: block;
  }
}

.lemonade-exercises .lemo-image-preview {
  position: relative;
}

.lemonade-exercises .lemo-image-preview .lemo-image-preview__top-right {
  z-index: 20;
  position: absolute;
  top: 2.94%;
  right: 2.98%;
}

.lemonade-exercises .lemo-image-preview .lemo-image-preview__image {
  background: var(--lemo-color-gray-01);
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-image-preview .lemo-image-size {
  visibility: hidden;
  max-width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-image-preview .lemo-img-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-image-preview .lemo-image {
  max-width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-image-upload-or-preview .lemo-editor-slider__max {
  min-width: 6ch !important;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon {
  top: 23px;
  right: 23px;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button {
  background-color: var(--lemo-color-corporate);
  width: 32px;
  height: 32px;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button .lemo-button-icon__button {
  width: 32px;
  height: 32px;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button:hover {
  background-color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button:hover svg {
  fill: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button svg {
  width: 16px;
  height: 16px;
}

.lemonade-exercises .image_upload_or_preview__input--hide {
  display: none;
}

.lemonade-exercises .lemo-config-background-image__alt-container {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.lemonade-exercises .lemo-config-background-image__alt-container > * {
  width: 100%;
}

.lemonade-exercises .lemo-config-background-image__alt-container--child-50 > * {
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .lemonade-exercises .lemo-config-background-image__alt-container {
    display: block;
  }

  .lemonade-exercises .lemo-config-background-image__alt-container > * {
    width: 100%;
  }
}

.lemonade-exercises .lemo-editor-background__icon {
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-editor-content .lemo-editor-ai-feedback-generator {
  margin-top: .4em;
}

.lemonade-exercises .lemo-editor-content .lemo-editor-ai-feedback-generator .lemo-get-ai-feedback-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-content .lemo-editor-ai-feedback-generator .lemo-spinner {
  border: 5px solid #fff;
  border-bottom-color: var(--lemo-color-corporate-light);
  box-sizing: border-box;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: 1s linear infinite rotation;
  display: inline-block;
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container {
  margin-top: 18px;
  display: flex;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container .lemo-add-response-close-math {
  align-self: center;
  margin-right: 20px;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container .lemo-add-response-close-math .lemo-add-response-cloze-math__text {
  padding: 7px 8px !important;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container .lemo-add-response-close-math .lemo-add-response-close-math__number {
  padding: 8px !important;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container :nth-child(2) {
  flex: 1;
}

.lemonade-exercises .lemo-editor-hint-icon {
  color: var(--lemo-color-gray-06);
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-editor-upload-content {
  background-color: var(--lemo-color-base-background);
  margin-top: 1em;
  padding: 1em;
  position: relative;
}

.lemonade-exercises .lemo-editor-upload-content .lemo-close-button {
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
}

.lemonade-exercises .lemo-editor-upload-content .lemo-close-button .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-editor-upload-content .lemo-close-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-upload-content .lemo-file-item {
  background-color: #fff;
}

.lemonade-exercises .lemo-show-upload-controls-button {
  width: 100%;
}

.lemonade-exercises .lemo-show-upload-controls-button .lemo-icon {
  fill: var(--lemo-color-corporate);
  margin-right: .6em;
}

.lemonade-exercises .lemo-editor {
  padding: 2em 0;
}

.lemonade-exercises .lemo-editor *, .lemonade-exercises .lemo-editor :after, .lemonade-exercises .lemo-editor :before {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-editor-box-list-item {
  padding-bottom: .6em;
}

.lemonade-exercises .lemo-editor-box-list-item-wrapper {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-list-item-icon-drag {
  fill: var(--lemo-color-gray-03);
  pointer-events: none;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-editor-box-list-item-content {
  width: 100%;
}

.lemonade-exercises .lemo-editor-box-list-item-button {
  cursor: pointer;
  border: none;
  border-radius: .3em;
}

.lemonade-exercises .lemo-editor-box-list-item-button > svg {
  fill: var(--lemo-color-gray-03);
  width: 1.5em;
}

.lemonade-exercises .lemo-editor-box-list-item-button:hover, .lemonade-exercises .lemo-editor-box-list-item-button:active, .lemonade-exercises .lemo-editor-box-list-item-button.selected {
  background-color: var(--lemo-color-base-white);
  outline: none;
}

.lemonade-exercises .lemo-editor-box-list-item-button:hover > svg, .lemonade-exercises .lemo-editor-box-list-item-button:active > svg, .lemonade-exercises .lemo-editor-box-list-item-button.selected > svg {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-editor-box-list-item-button:focus {
  outline: none;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item-wrapper > * {
  margin-right: .5em;
}

.lemonade-exercises .lemo-editor-box-list-item:first-child .lemo-editor-box-list-item-wrapper {
  padding-top: 0;
}

.lemonade-exercises .lemo-editor-box {
  background-color: var(--lemo-color-base-white);
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-02);
  margin-bottom: 1em;
}

.lemonade-exercises .lemo-editor-box > .full-width {
  padding-left: 0;
  padding-right: 0;
}

.lemonade-exercises .lemo-editor-box > :first-child {
  margin-top: 0;
}

.lemonade-exercises .lemo-editor-box > :last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-editor-box-flex {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-flex-end {
  justify-content: flex-end;
  display: flex;
}

.lemonade-exercises .lemo-editor-horizontal-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto 1.2em;
  display: flex;
}

.lemonade-exercises .lemo-editor-horizontal-content--space-between {
  justify-content: space-between;
}

.lemonade-exercises .lemo-editor-title-icon-and-text {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-title-icon {
  fill: var(--lemo-color-gray-04);
  align-items: center;
  margin-right: .6em;
  display: flex;
}

.lemonade-exercises .lemo-editor-help-icon {
  fill: var(--lemo-color-gray-03);
  width: 25px;
  height: 25px;
}

.lemonade-exercises .lemo-editor-text {
  color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-editor-title-icon-right {
  fill: #b0b9c1;
  align-self: center;
}

.lemonade-exercises .lemo-editor-content {
  margin: .4em auto;
}

.lemonade-exercises .lemo-editor-content-box {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-editor-content-box-check {
  text-align: center;
}

.lemonade-exercises .lemo-editor-content-box-col-select {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container {
  cursor: pointer;
  align-items: center;
  margin-right: .8em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container-check {
  display: flex;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container-check-label {
  color: var(--lemo-color-text-02);
  margin-left: 1em;
  margin-right: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container-input {
  border: .1em solid;
  border-radius: .3em;
  width: 5em;
  padding: .3em;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container-input:disabled {
  border: .1em solid;
}

.lemonade-exercises .lemo-editor-wrapper {
  align-items: center;
  min-height: 5em;
  padding: .8em 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-toggle-component {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-toggle-component__checkShape {
  background-color: var(--lemo-button-color-disabled-03);
  border-radius: 50px;
  align-items: center;
  width: 3em;
  height: 1.5em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-editor-toggle-component__checkShape__dot {
  background-color: var(--lemo-color-base-white);
  border-radius: 50px;
  width: 1em;
  height: 1em;
  transition: all .25s linear;
  position: relative;
  right: 0;
  transform: translateX(5px);
}

.lemonade-exercises .lemo-editor-toggle-component__label {
  color: var(--lemo-color-text-02);
  -webkit-user-select: none;
  user-select: none;
  margin-left: .8em;
  font-size: 1em;
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__label {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__checkShape {
  background-color: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__checkShape__dot {
  transform: translateX(1.6em);
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-disabled {
  cursor: default;
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-disabled .lemo-editor-toggle-component__label {
  color: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-disabled .lemo-editor-toggle-component__checkShape {
  border-color: var(--lemo-button-color-disabled-03);
  background-color: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-editor-line {
  background: var(--lemo-color-text-02);
  height: .01em;
  margin-top: .8em;
  margin-bottom: .8em;
}

.lemonade-exercises .lemo-editor-icon-button {
  background-color: var(--lemo-color-base-white);
  cursor: pointer;
  border: none;
  border-radius: .2em;
  margin-left: .6em;
  margin-right: .6em;
  padding: .3em;
}

.lemonade-exercises .lemo-editor-icon-button > svg {
  fill: var(--lemo-color-text-02);
  width: 1.5em;
  height: 1.5em;
}

.lemonade-exercises .lemo-editor-icon-button:hover, .lemonade-exercises .lemo-editor-icon-button:active, .lemonade-exercises .lemo-editor-icon-button.selected {
  background-color: var(--lemo-color-text-02);
  outline: none;
}

.lemonade-exercises .lemo-editor-icon-button:hover > svg, .lemonade-exercises .lemo-editor-icon-button:active > svg, .lemonade-exercises .lemo-editor-icon-button.selected > svg {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-editor-icon-button:focus {
  outline: none;
}

.lemonade-exercises .lemo-editor .lemo-editor-input-text {
  width: 100%;
}

.lemonade-exercises .lemo-editor .lemo-editor-alternative-text .lemo-editor-text {
  margin: 1em 0 .4em;
  display: inline-block;
}

.lemonade-exercises .lemo-editor .lemo-editor-columns {
  gap: 4em;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor .lemo-editor-columns .lemo-column {
  flex-grow: 1;
}

.lemonade-exercises .lemo-editor .lemo-editor-columns.lemo-columns-darker {
  background-color: var(--lemo-color-base-background);
  margin-top: .5em;
  padding: .5em;
}

.lemonade-exercises .lemo-dropdown {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-dropdown .lemo-dropdown-control {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-dropdown .lemo-dropdown-selected-label {
  line-height: var(--lemo-line-height);
  white-space: nowrap;
  margin-right: .2em;
  display: inline;
}

.lemonade-exercises .lemo-dropdown .lemo-dropdown-content {
  box-sizing: border-box;
  background: var(--lemo-color-base-white);
  border: 2px solid var(--lemo-box-border-color-default);
  border-radius: var(--lemo-radii-01);
  z-index: 3;
  width: 100%;
  max-height: 9em;
  margin-top: 2px;
  line-height: 2.2;
  position: absolute;
  overflow-y: auto;
}

.lemonade-exercises .lemo-confirm-message {
  border-radius: var(--lemo-radii-02);
  margin: auto;
  padding: 2em;
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-confirm-message .lemo-confirm-title {
  margin-bottom: .4em;
  font-size: 1.2em;
  font-weight: 600;
}

.lemonade-exercises .lemo-confirm-message .lemo-confirm-content {
  color: var(--lemo-color-gray-04);
  white-space: pre-wrap;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.4;
}

.lemonade-exercises .lemo-confirm-message .lemo-controls {
  flex-direction: row;
  justify-content: right;
  margin-top: 1.4em;
  display: flex;
}

.lemonade-exercises .lemo-confirm-message .lemo-controls > * {
  margin-inline-end: 1em;
}

.lemonade-exercises .lemo-confirm-message .lemo-controls > :last-child {
  margin-inline-end: 0;
}

.lemonade-exercises .lemo-modal {
  z-index: 200;
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-modal-main {
  width: 80%;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lemonade-exercises .lemo-modal .lemo-confirm-message {
  background: #fff;
}

.lemonade-exercises .lemo-editor-clear-all-default {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  display: flex;
}

.lemonade-exercises .lemo-editor-clear-all-default .lemo-editor-clear-all-default__left {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-clear-all-default .lemo-editor-clear-all-default__left .lemo-editor-inline-button__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lemonade-exercises .lemo-editor-clear-all-default .lemo-editor-clear-all-default__left .lemo-editor-clear-all-default__left-description {
  color: var(--lemo-color-text-04);
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.lemonade-exercises .lemo-editor-clear-all-default .lemo-editor-clear-all-default__right .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-editor-clear-all-confirm {
  flex-direction: row;
  align-items: center;
  gap: 1em;
  display: flex;
}

.lemonade-exercises .lemo-editor-clear-all-confirm .lemo-editor-clear-all-confirm__left {
  flex-direction: row;
  align-items: center;
  gap: 1em;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-clear-all-confirm .lemo-editor-clear-all-confirm__left .lemo-editor-clear-all-confirm__left-title {
  color: var(--lemo-color-gray-06);
  font-size: 1.125em;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-clear-all-confirm .lemo-editor-clear-all-confirm__left .lemo-editor-clear-all-confirm__left-description {
  color: var(--lemo-color-text-06);
  font-size: 1.125em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-clear-all-confirm .lemo-editor-clear-all-confirm__right {
  flex-direction: row;
  align-items: center;
  gap: 1em;
  display: flex;
}

.lemonade-exercises *, .lemonade-exercises :after, .lemonade-exercises :before {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-flex-start {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-flex-center {
  justify-content: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-flex-end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-flex-align-center {
  align-items: center;
}

.lemonade-exercises .lemo-flex-grow-1 {
  flex-grow: 1;
}

.lemonade-exercises .lemo-flex-row {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-flex-wrap {
  flex-wrap: wrap;
  display: flex;
}

.lemonade-exercises .lemo-flex-column {
  flex-direction: column;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-col-1 {
  width: 100%;
}

.lemonade-exercises .lemo-col-2 {
  width: 50%;
}

.lemonade-exercises .lemo-stack-layout > * {
  margin-top: 1em;
}

.lemonade-exercises .lemo-stack-layout-150 > * {
  margin-top: 1.5em;
}

.lemonade-exercises .lemo-hstack-layout > * {
  margin-left: 1em;
}

.lemonade-exercises .lemo-near-stack-layout > *, .lemonade-exercises .lemo-near-hstack-layout > * {
  margin-top: .6em;
}

.lemonade-exercises .lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-text-center {
  text-align: center;
}

.lemonade-exercises .lemo-full-w {
  width: 100%;
}

.lemonade-exercises .lemo-popover-options {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-popover-options__content {
  box-sizing: border-box;
  background: var(--lemo-color-base-white);
  border: 1px solid var(--lemo-color-gray-03);
  z-index: 2;
  border-radius: .3em;
  max-height: 9em;
  margin-top: 2px;
  padding: 0 .4em;
  line-height: 2.2;
  position: absolute;
  overflow-y: auto;
}

.lemonade-exercises .lemo-popover-options__content--left {
  right: 0;
}

.lemonade-exercises .lemo-popover-options__content-item {
  border-bottom: 1px solid var(--lemo-color-gray-01);
  cursor: pointer;
  align-items: center;
  margin-right: 10px;
  padding: 8px 12px;
  display: flex;
}

.lemonade-exercises .lemo-popover-options__content-item .lemo-popover-options__content-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.lemonade-exercises .lemo-popover-options__content-item .lemo-popover-options__content-icon svg {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-popover-options__content-item .lemo-popover-options__content-name {
  color: var(--lemo-color-gray-04);
  flex-grow: 1;
}

.lemonade-exercises .lemo-popover-options__content-item:last-child {
  border-bottom: none;
}

.lemonade-exercises .lemo-popover-options__content-item.selected {
  color: #00f;
}

.lemonade-exercises .lemo-number-option .lemo-number-option__number {
  text-align: center;
  width: -webkit-max-content;
  width: max-content;
  border-radius: 4px !important;
}

.lemonade-exercises .lemo-editor-box-list-item {
  padding: .6em 1.2em;
}

.lemonade-exercises .lemo-editor-box-list-item.lemo-with-feedback {
  background-color: var(--lemo-color-gray-01);
  border-top: 1px solid var(--lemo-color-base-white);
  border-bottom: 1px solid var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-editor-box-list-item-content {
  margin: .4em 0;
  position: relative;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-wrapper {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value {
  flex-grow: 1;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-right {
  white-space: nowrap;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-right > * {
  margin-right: .5em;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-right > :first-child {
  margin-left: .5em;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-right > :last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-editor-box-list-item-content__feedback {
  margin-top: 16px;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-list-item-content__feedback-froala {
  flex-grow: 1;
}

.lemonade-exercises .lemo-feedback-controls {
  cursor: pointer;
  align-items: center;
  padding: .3em;
  display: flex;
}

.lemonade-exercises .lemo-feedback-controls.lemo-remove .lemo-icon {
  fill: var(--lemo-color-gray-04);
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-feedback-controls.lemo-remove .lemo-text {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-feedback-controls.lemo-add .lemo-icon {
  fill: var(--lemo-color-corporate);
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-feedback-controls.lemo-add .lemo-text {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__number-drags {
  width: 4.5rem;
  height: 56px;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__number-drags::-webkit-inner-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__number-drags::-webkit-outer-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__delete {
  cursor: pointer;
  background: none;
  border: 0;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__delete > svg {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-add-image-button {
  background: var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.lemonade-exercises .lemo-add-image-button .lemo-icon {
  fill: #fff;
  width: 22px;
}

.lemonade-exercises .lemo-add-image-button .react-tooltip {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  white-space: normal;
  max-width: 200px;
  padding: 5px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5;
}

.lemonade-exercises .lemo-add-image-button.lemo-is-active {
  background-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-add-image-button.lemo-is-active .lemo-icon {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-optional-image-picker {
  position: relative;
}

.lemonade-exercises .lemo-optional-image-picker .lemo-remove-image-button {
  border: 1px solid var(--lemo-color-corporate);
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: none;
  position: absolute;
  top: -2px;
  right: -2px;
}

.lemonade-exercises .lemo-optional-image-picker .lemo-remove-image-button .lemo-icon {
  fill: var(--lemo-color-corporate);
  width: 6px;
  overflow: visible;
}

.lemonade-exercises .lemo-optional-image-picker.lemo-with-image .lemo-remove-image-button {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-answer-options__disabled-add-tooltip {
  flex-grow: 1;
}

.lemonade-exercises .lemo-editor-answer-options__disabled-add-tooltip .lemo-tooltip-icon {
  width: -webkit-fit-content;
  width: fit-content;
}

.lemonade-exercises .lemo-editor-answer-options .lemo-editor-answer-options__icon-plus {
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-editor-answer-options .lemo-editor-horizontal-content__toggles {
  gap: 16px;
  display: flex;
}

.lemonade-exercises .lemo-config-canvas-height .lemo-editor-slider__max {
  min-width: 7ch;
}

.lemonade-exercises .lemo-label-title-subtitle .lemo-label-title-subtitle__label {
  color: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-config-audio-duration-limit .lemo-editor-slider__min, .lemonade-exercises .lemo-config-audio-duration-limit .lemo-editor-slider__max {
  min-width: 5ch;
}

.lemonade-exercises .lemo-config-files-limit .lemo-editor-slider__min, .lemonade-exercises .lemo-config-files-limit .lemo-editor-slider__max {
  min-width: 3ch;
}

.lemonade-exercises .lemo-editor-color {
  position: relative;
}

.lemonade-exercises .lemo-editor-color__color-circle {
  background-color: #828282;
  border-radius: 50%;
  flex-grow: 0;
  width: 22px;
  height: 22px;
}

.lemonade-exercises .lemo-editor-color__color-label {
  line-height: var(--lemo-line-height);
  white-space: nowrap;
  margin-left: .6em;
  margin-right: .2em;
}

.lemonade-exercises .lemo-dropdown-with-icon {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-control {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-selected-label {
  line-height: var(--lemo-line-height);
  white-space: nowrap;
  margin-right: .2em;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-content {
  box-sizing: border-box;
  background: var(--lemo-color-base-white);
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  z-index: 3;
  width: 100%;
  max-height: 9em;
  margin-top: 2px;
  line-height: 2.2;
  position: absolute;
  overflow-y: auto;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-with-icon-left-element {
  margin-right: 10px;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-content-item {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-config .lemo-icon-format-shape path:first-child {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-editor-config .lemo-icon-format-shape path:nth-child(2) {
  fill: none;
  stroke: var(--lemo-color-gray-04);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-editor-config .lemo-icon-format-shape rect {
  fill: #fff;
  stroke: var(--lemo-color-gray-04);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-hints-dialog .lemo-hint {
  border: 2px solid var(--lemo-color-corporate);
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-corporate-light);
  padding: 1em;
  display: block;
  position: relative;
  overflow: auto;
}

.lemonade-exercises .lemo-solutions-preview {
  margin-top: 1em;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  letter-spacing: normal;
  text-align: left;
  color: var(--lemo-color-gray-03);
  background: var(--lemo-color-gray-01);
  text-transform: capitalize;
  cursor: pointer;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  flex-grow: 0;
  gap: 10px;
  margin: 0 6px;
  padding: 12px 16px;
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.5;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button.lemo-selected, .lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button.lemo-negative {
  background: var(--lemo-color-gray-04);
  color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-add {
  fill: var(--lemo-color-corporate);
  cursor: pointer;
  align-self: center;
  align-items: center;
  margin: 0 0 0 6px;
  display: flex;
  position: relative;
  top: 2px;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-add .lemo-add-alternative-text {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-corporate);
  margin: 0 10px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points {
  display: inline-block;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-label {
  color: var(--lemo-color-gray-04);
  font-size: .8em;
  display: inline-block;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points__percent-wrapper {
  background: #fff;
  border-radius: 8px;
  width: 52px;
  font-size: .8em;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points__percent-wrapper:after {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  content: "%";
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 7px;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  border-radius: var(--lemo-radii-02);
  color: #000;
  text-indent: 0;
  text-align: right;
  background: none;
  border: 0;
  width: 4em;
  padding: .8em 1.6em .8em 0;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score[type="number"] {
  -moz-appearance: textfield;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score:disabled, .lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points__percent-wrapper--disabled {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-label {
  color: var(--lemo-color-base-white);
  margin-left: .4em;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-delete {
  background-color: var(--lemo-color-base-white);
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-left: .6em;
  padding: 8px;
  position: relative;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-delete svg {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-main-response-button {
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-base-white);
  cursor: pointer;
  align-items: center;
  padding: .9em .6em;
  display: flex;
}

.lemonade-exercises .lemo-main-response-button > :last-child {
  margin-left: .6em;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options {
  background: var(--lemo-color-gray-04);
  border-radius: 0 8px 8px;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 12px;
  display: flex;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-solution-controls {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-solutions-content {
  background-color: var(--lemo-color-base-white);
  border: none;
  border-radius: .5em;
  padding: 0;
  position: relative;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-box {
  z-index: 2;
  flex-wrap: wrap;
  padding: 0;
  display: flex;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-box > * {
  margin: 0 .4em 0 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-box > :first-child {
  margin-left: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-toggles {
  justify-content: flex-end;
}

.lemonade-exercises .lemo-editor-solutions__toggle-container, .lemonade-exercises .lemo-editor-solutions__penalty-modes-container, .lemonade-exercises .lemo-editor-solutions__custom-penalty-value-container {
  width: 100%;
  margin: 1em 0;
}

.lemonade-exercises .lemo-editor-solutions__custom-penalty-value-container .lemo-editor-slider__max {
  min-width: 6ch;
}

.lemonade-exercises .lemo-table-grid {
  padding: .2em 0;
  display: grid;
}

.lemonade-exercises .lemo-table-grid .lemo-row-cell {
  z-index: 1;
  place-items: center;
  padding: .5em .3em;
  display: flex;
}

.lemonade-exercises .lemo-choice-item {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: .5em;
  display: flex;
}

.lemonade-exercises .lemo-question-response {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item {
  margin: .5em 0;
}

.lemonade-exercises .lemo-choice-matrix .lemo-question-stem-content img {
  max-width: 200px;
  max-height: 200px;
}

.lemonade-exercises .lemo-choice-matrix .lemo-inline-feedback {
  border-radius: var(--lemo-radii-01);
  transition: background-color var(--lemo-transitions);
  background-color: var(--lemo-color-error-light);
  padding: .2em .5em;
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item .lemo-row-cell {
  padding: 1em .5em;
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item .lemo-row-cell:first-child, .lemonade-exercises .lemo-choice-matrix .lemo-table-body-item .lemo-row-cell:last-child {
  border-radius: var(--lemo-radii-02);
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item:nth-child(2n):not(.lemo-row-success):not(.lemo-row-error) .lemo-row-cell {
  background-color: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item.lemo-row-success .lemo-row-cell {
  background-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item.lemo-row-error .lemo-row-cell {
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-choice-matrix {
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-wrapper {
  background-color: var(--lemo-color-base-white);
  width: 100%;
}

.lemonade-exercises .lemo-choice-matrix .lemo-with-hScroll {
  overflow-x: auto;
}

.lemonade-exercises .lemo-text-counter-wrapper {
  text-align: right;
  flex-grow: 1;
  position: relative;
}

.lemo-rt-editor {
  border-radius: var(--lemo-radii-01);
  border: 2px solid var(--lemo-color-gray-03);
  padding: .4em .8em;
}

.lemo-rt-editor .lemo-rt-editor-editable {
  line-height: var(--lemo-line-height);
  min-height: 2.5em;
  padding: .8em .3em;
}

.lemo-rt-editor .lemo-rt-editor-editable__content:focus {
  outline: none;
}

.lemo-rt-editor .lemo-rt-editor-toolbar {
  align-items: center;
  padding-bottom: .6em;
  display: flex;
}

.lemo-rt-editor .lemo-word-counter-wrapper {
  flex-grow: 1;
}

.lemo-rt-editor h1 {
  margin: .2em 0;
  font-size: 1.8em;
  display: block;
}

.lemo-rt-editor ol, .lemo-rt-editor ul {
  margin-left: 1.6em;
}

.lemo-rt-editor ol {
  list-style: decimal;
}

.lemo-rt-editor ul {
  list-style: disc;
}

.lemo-rt-editor blockquote {
  border-left: 3px solid var(--lemo-color-blockquote-border);
  background: var(--lemo-color-blockquote-background);
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: .3em 0 .3em 1.5em;
  font-size: 1.2em;
}

.lemo-rt-editor [data-slate-placeholder] {
  color: var(--lemo-color-text-02);
  transition: color .4s;
  top: 0;
}

.lemo-rt-editor [data-slate-editor] {
  color: var(--lemo-color-text-02);
  font-weight: 400;
}

.lemo-rt-editor [data-slate-editor]:focus [data-slate-placeholder] {
  color: var(--lemo-color-text-04);
}

.lemonade-exercises .lemo-real-time-froala-editor-container {
  position: relative;
}

.lemonade-exercises .lemo-real-time-froala-editor-container .fr-document {
  width: 100%;
  max-width: 24cm;
  margin: 30px auto 0;
}

.lemonade-exercises .lemo-real-time-froala-editor-container .codox-styles {
  position: absolute;
  top: -30px;
  right: 10px;
}

.lemonade-exercises .lemo-print-margin-bottom {
  display: none;
}

.lemonade-exercises .lemo-print-view .lemo-print-margin-bottom {
  display: block;
}

.lemonade-exercises .lemo-print-view .lemo-print-margin-bottom + .lemo-question-body, .lemonade-exercises .lemo-print-view img[src="data:,"] {
  display: none;
}

.lemonade-exercises .lemo-essay-rich-text {
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-essay-rich-text .lemo-question-body {
  margin-bottom: 2em;
}

.lemonade-exercises .lemo-essay-rich-text.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-essay-rich-text.lemo-disabled .lemo-rt-editor-toolbar, .lemonade-exercises .lemo-essay-rich-text.lemo-disabled .lemo-rt-editor__line-separator {
  display: none;
}

.lemonade-exercises .lemo-essay-short-text {
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-essay-short-text.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-essay-short-text .lemo-response {
  box-sizing: border-box;
  border-radius: var(--lemo-radii-01);
  background: var(--lemo-color-base-background);
  resize: none;
  border: 2px solid var(--lemo-color-gray-03);
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-base-white);
  color: var(--lemo-color-gray-05);
  outline: none;
  width: calc(100% - 4px);
  margin: 1px;
  padding: .4em;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1em;
  line-height: 1.9;
  display: inline-block;
}

.lemonade-exercises .lemo-essay-short-text .lemo-response.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-essay-short-text .lemo-response.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-essay-short-text .lemo-response ::placeholder {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-essay-short-text .lemo-response:not(.lemo-lock):hover, .lemonade-exercises .lemo-essay-short-text .lemo-response:not(.lemo-lock):focus {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-essay-short-text .lemo-text-counter-wrapper {
  text-align: right;
  padding: .6em;
}

.lemonade-exercises .lemo-essay-short-text .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-essay-short-text .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 24px;
  right: -6px;
}

.lemonade-exercises .lemo-editor-sample-answer-icon {
  color: var(--lemo-color-gray-06);
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-drag-option {
  z-index: 10;
  cursor: grab;
  margin: .3em .4em;
  position: relative;
}

.lemonade-exercises .lemo-drag-option .fr-view img.fr-dib {
  margin: 0;
}

.lemonade-exercises .lemo-drag-option.lemo-dragging {
  opacity: .5;
  z-index: 100;
}

.lemonade-exercises .lemo-drag-option.lemo-is-dropped {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-drag-option.lemo-no-padding {
  padding: 0;
}

.lemonade-exercises .lemo-drag-option.lemo-overflow {
  border-bottom-width: 2px;
  padding: 0;
  overflow: hidden;
}

.lemonade-exercises .lemo-drag-option.lemo-selected {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drag-option .lemo-drag-content img {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.lemonade-exercises .lemo-drag-option .lemo-drag-content img:not([width]) {
  width: auto;
}

.lemonade-exercises .lemo-drag-option * {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-user-drag: none;
}

.lemonade-exercises .lemo-drag-option.lemo-is-highlighted:not(.lemo-selected) {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
  cursor: copy;
  background-color: #fff;
}

.lemonade-exercises .lemo-drag-option.lemo-is-highlighted.lemo-is-dropped:not(.lemo-selected):hover {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drag-option.lemo-is-highlighted.lemo-is-dropped:not(.lemo-selected) {
  box-shadow: none;
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-drag-option.lemo-is-highlighted.lemo-is-dropped:not(.lemo-selected) .html-content {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-drag-option .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -16px !important;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item {
  vertical-align: middle;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drag-option {
  text-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drop-area {
  text-align: center;
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: pointer;
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 5em;
  min-height: 2.8em;
  padding: 0 .3em;
  display: flex;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drop-area .lemo-shim > * {
  white-space: nowrap;
  opacity: 0;
  margin: 0 .3em;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-empty:hover .lemo-drop-area {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-selected.lemo-is-empty .lemo-drop-area {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-dragging-over.lemo-is-empty .lemo-drop-area, .lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-dragging-over .lemo-drag-option {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-highlighted .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-highlighted .lemo-drag-option {
  cursor: copy;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-highlighted.lemo-selected .lemo-drop-area {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-highlighted.lemo-selected .lemo-drag-option {
  cursor: grab;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-success.lemo-is-empty .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  border: solid 2px var(--lemo-color-success);
  box-shadow: 0 0 0 var(--lemo-color-success-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-error.lemo-is-empty .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  border: solid 2px var(--lemo-color-error);
  box-shadow: 0 0 0 var(--lemo-color-error-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-base-feedback-pin {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-cloze-question-template {
  color: var(--lemo-color-gray-05);
  line-height: 3;
}

.lemonade-exercises .lemo-cloze-question-template p {
  margin: 5px 0;
}

.lemonade-exercises .lemo-drag-duplicate.lemo-drag-option {
  pointer-events: none;
  z-index: unset;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(6px, 6px);
}

.lemonade-exercises .lemo-drag-duplicate.lemo-drag-option:has(.lemo-drag-content img) {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.lemonade-exercises .lemo-drag-with-duplicates {
  position: relative;
}

.lemonade-exercises .lemo-drag-with-duplicates.lemo-callout .lemo-drag-option {
  outline: 2px solid var(--lemo-color-corporate);
  animation: 1.4s 3 animateOutline;
}

.lemonade-exercises .lemo-drag-with-duplicates .lemo-drag-option.lemo-is-highlighted + .lemo-drag-duplicate {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drag-with-duplicates .lemo-base-drag-and-drop__drag.lemo-drag-duplicate {
  --horizontal-padding: .73em;
  padding-left: var(--horizontal-padding);
  padding-right: var(--horizontal-padding);
}

.lemonade-exercises .lemo-drag-with-duplicates .lemo-base-drag-and-drop__drag.lemo-drag-duplicate:has(.lemo-drag-content img) {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.lemonade-exercises .lemo-drag-with-duplicates .lemo-base-drag-and-drop__drag.lemo-drag-duplicate .lemo-drag-option .lemo-drag-content img:not([width]) {
  width: auto;
}

@keyframes animateOutline {
  0% {
    outline-width: 2px;
    outline-color: var(--lemo-color-corporate);
  }

  80% {
    outline-width: 6px;
    outline-color: rgba(255, 255, 255, 0);
  }

  100% {
    outline-width: 6px;
    outline-color: rgba(255, 255, 255, 0);
  }
}

.lemonade-exercises .lemo-drags-container {
  border: solid 2px var(--lemo-color-gray-01);
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 124px;
  min-height: 104px;
  margin: 2em auto;
  padding: 10px;
  display: flex;
}

.lemonade-exercises .lemo-drags-container > * {
  margin: .5em;
}

.lemonade-exercises .lemo-drags-container.lemo-is-dragging-over {
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-drags-container.lemo-is-highlighted {
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-drags-container.lemo-is-highlighted:hover, .lemonade-exercises .lemo-drags-container.lemo-is-dragging-over:hover {
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-drags-container .lemo-drag-option {
  margin: 0;
}

.lemonade-exercises .lemo-cloze-drag .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drawer-box {
  width: 100%;
  max-height: 60vh;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drawer-box-bg {
  background: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-cloze-drag .lemo-text-blank-wrapper {
  display: inline-block;
}

.lemonade-exercises .lemo-cloze-drag .lemo-text-blank {
  cursor: pointer;
  min-width: 5em;
  line-height: 2.2;
}

.lemonade-exercises .lemo-cloze-drag .lemo-text-blank-touch {
  z-index: 5;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
}

.lemonade-exercises .lemo-cloze-drag .lemo-blank {
  margin: 0;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drag-dropped .lemo-content-wrapper {
  text-align: center;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drop-area.lemo-selected.lemo-drop-area--can-selected {
  background: var(--lemo-color-corporate-light);
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-cloze-drag .lemo-drag-option, .lemonade-exercises .lemo-cloze-drag .lemo-drag-duplicate {
  white-space: nowrap;
}

.lemonade-exercises .lemo-cloze-drag .fr-element {
  z-index: unset;
}

.lemonade-exercises .lemo-dropdown-native {
  padding: 0;
  line-height: 1.2;
  display: block;
  position: relative;
}

.lemonade-exercises .lemo-dropdown-native.lemo-dropdown-control--open {
  border: 2px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-dropdown-native .lemo-dropdown-native-select {
  z-index: 1;
  padding: .4em 1.7em .4em .4em;
  position: relative;
}

.lemonade-exercises .lemo-dropdown-native .lemo-dropdown-native-select:focus {
  outline: none;
}

.lemonade-exercises .lemo-dropdown-native .lemo-dropdown-native-select:disabled {
  color: var(--lemo-color-text-02);
  opacity: 1;
}

.lemonade-exercises .lemo-dropdown-native .lemo-dropdown-icon {
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2px;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-dropdown-blank-wrapper {
  display: inline-flex;
  position: relative;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-feedback-icon__wrapper {
  position: relative;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-cloze-dropdown {
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-cloze-dropdown.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-blank {
  margin: 0;
  line-height: 1.9;
  display: inline-flex;
  position: relative;
  top: -5px;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-blank.lemo-lock {
  pointer-events: none;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-base-feedback-pin__option {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .lemo-keyboard-button {
  --button-width: 68px;
  --button-height: 70px;
  min-width: var(--button-width);
  height: var(--button-height);
  border-radius: var(--lemo-radii-01);
  pointer-events: none;
  color: var(--lemo-button-color-disabled-03);
  fill: var(--lemo-button-color-disabled-03);
  background-color: var(--lemo-color-gray-02);
  border-bottom: 2px solid var(--lemo-button-color-disabled-03);
  background-color: var(--lemo-button-color-disabled-02);
  justify-content: center;
  align-items: center;
  padding: .3em;
  font-size: 2.6em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-active .lemo-keyboard-button {
  color: var(--lemo-color-text-02);
  fill: var(--lemo-color-text-02);
  border-color: var(--lemo-button-color-disabled-03);
  cursor: pointer;
  pointer-events: all;
}

.lemonade-exercises .lemo-active .lemo-keyboard-button:hover {
  border: 2px solid var(--lemo-button-color-primary);
  background-color: var(--lemo-button-color-primary);
  color: var(--lemo-button-color-white);
  fill: var(--lemo-button-color-white);
  top: -2px;
}

.lemonade-exercises .lemo-keyboard-button[data-isnumber="true"] {
  background-color: var(--lemo-button-color-disabled-01);
  border-color: var(--lemo-button-color-disabled-02);
}

.lemonade-exercises .lemo-keyboard-button[data-isnumber="true"]:hover {
  color: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-active .lemo-keyboard-button[data-isnumber="true"] {
  background-color: var(--lemo-button-color-white);
}

.lemonade-exercises .lemo-delete-keyboard-icon {
  width: 36px;
  height: 36px;
}

.lemonade-exercises .lemo-keys-group {
  display: flex;
}

.lemonade-exercises .lemo-basic-keyboard .lemo-basic-keyboard-regular {
  width: 384px;
  padding: 1em 0;
  display: inline-block;
}

@media (min-width: 601px) {
  .lemonade-exercises .lemo-basic-keyboard.lemo-with-tabulator-key {
    padding-left: 68px;
  }
}

@media (min-width: 501px) {
  .lemonade-exercises .lemo-basic-keyboard .lemo-basic-keyboard-regular {
    width: -webkit-fit-content;
    width: fit-content;
    min-width: 384px;
  }
}

.lemonade-exercises .lemo-basic-keyboard .lemo-basic-keyboard-mobile {
  width: 310px;
  padding: 1em 0;
  display: inline-block;
}

.lemonade-exercises .lemo-basic-keyboard {
  text-align: center;
}

.lemonade-exercises .lemo-basic-keyboard .lemo-keys-group {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.lemonade-exercises .lemo-basic-keyboard .lemo-keyboard-button {
  margin: .1em;
}

.lemonade-exercises .lemo-input-keyboard {
  align-items: center;
  margin: 0 .3em;
  display: inline-flex;
}

.lemonade-exercises .lemo-input-keyboard .lemo-input-keyboard__button {
  cursor: pointer;
  margin: -4px;
}

.lemonade-exercises .lemo-input-keyboard .lemo-input-keyboard__icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-input-keyboard.lemo-selected {
  border-color: var(--lemo-box-border-color-active);
}

.lemonade-exercises .lemo-input-keyboard:focus-within {
  border-color: var(--lemo-box-border-color-active);
}

.lemonade-exercises .lemo-input-keyboard.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-input-keyboard.lemo-success .lemo-input-keyboard__icon {
  fill: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-input-keyboard.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-input-keyboard.lemo-error .lemo-input-keyboard__icon {
  fill: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-input-keyboard__input {
  color: var(--lemo-color-text-02);
  border: none;
  outline: none;
  width: -webkit-max-content;
  width: max-content;
  font-size: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-input-keyboard__input:focus {
  color: #000;
}

.lemonade-exercises .lemo-input-keyboard__icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-numeric-keyboard {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
  display: flex;
}

.lemonade-exercises .lemo-numeric-keyboard .lemo-keys-group {
  display: flex;
}

.lemonade-exercises .lemo-numeric-keyboard .lemo-keyboard-button {
  margin: .1em;
}

.lemonade-exercises .lemo-keyboard.lemo-floating-keyboard {
  z-index: 100000;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: fixed;
  top: 100%;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-keyboard.lemo-floating-keyboard.lemo-active {
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-keyboard.lemo-no-interactive {
  pointer-events: none;
}

.lemonade-exercises .lemo-keyboard .lemo-background {
  background-color: var(--lemo-color-base-background);
  margin-top: 1em;
}

.lemonade-exercises .lemo-keyboard.lemo-active .lemo-background.lemo-fix-bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
}

.lemonade-exercises .lemo-keyboard.lemo-floating-keyboard .lemo-background {
  margin-top: 0;
}

.lemonade-exercises .lemo-keyboard .lemo-floating-input-preview {
  background-color: rgba(0, 0, 0, .5);
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-keyboard .lemo-floating-input-preview .lemo-input-keyboard {
  background-color: #fff;
}

.lemonade-exercises .lemo-roman-keyboard {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
  display: flex;
}

.lemonade-exercises .lemo-roman-keyboard .lemo-keys-group {
  display: flex;
}

.lemonade-exercises .lemo-roman-keyboard .lemo-keyboard-button {
  margin: .1em;
}

.lemonade-exercises .lemo-add-alternative-response-button {
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.lemonade-exercises .lemo-add-alternative-response-button .lemo-icon path:last-child {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-add-alternative-response-button:hover .lemo-icon path:last-child, .lemonade-exercises .lemo-add-alternative-response-button:active .lemo-icon path:last-child {
  fill: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-grouped-responses-counter .lemo-pill {
  background: var(--lemo-color-gray-01);
  border: none;
  border-radius: 3em;
  margin-top: .2em;
  margin-bottom: .2em;
  padding: .5em .6em;
}

.lemonade-exercises .lemo-editable-text {
  white-space: nowrap;
  text-align: left;
  font-size: 1em;
  line-height: 1.2;
  font-family: var(--lemo-font-family);
  max-width: 400px;
  display: inline-block;
}

.lemonade-exercises .lemo-editable-text:focus, .lemonade-exercises .lemo-editable-text.lemo-is-empty:focus {
  border-color: var(--lemo-box-border-color-active);
  outline: none;
}

.lemonade-exercises .lemo-editable-text[contenteditable="false"], .lemonade-exercises .lemo-editable-text.lemo-is-empty {
  border-color: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-editable-text.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-editable-text.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .text-blank-wrapper {
  display: inline-flex;
  position: relative;
}

.lemonade-exercises .text-blank-wrapper .react-tooltip {
  margin-top: 10px !important;
}

.lemonade-exercises .text-blank-wrapper .text-metrics {
  white-space: nowrap;
  visibility: hidden;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
}

.lemonade-exercises .text-blank-wrapper .lemo-alternative-response-wrapper {
  align-items: center;
  width: 20px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: -6px;
}

.lemonade-exercises .text-blank-wrapper.lemo-with-plus-icon {
  padding-right: .2em;
}

.lemonade-exercises .text-blank-wrapper.lemo-with-plus-icon .lemo-text-blank {
  padding-right: .8em;
}

.lemonade-exercises .text-blank-wrapper.lemo-selected .lemo-text-blank {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .text-blank-wrapper .lemo-base-feedback-pin__option {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .text-blank-wrapper .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .text-blank-wrapper .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .text-blank-wrapper .lemo-feedback-icon__wrapper {
  position: relative;
}

.lemonade-exercises .text-blank-wrapper .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-cloze-text {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-cloze-text.lemo-disabled {
  pointer-events: none;
}

.lemo-template-markup-add-blank {
  margin-top: 10px !important;
}

.lemo-template-markup-add-blank__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .lemo-accordion__head-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-accordion__head {
  cursor: pointer;
  background: var(--lemo-color-base-background);
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
}

.lemonade-exercises .lemo-accordion__head--open {
  border-radius: 6px 6px 0 0;
}

.lemonade-exercises .lemo-accordion__head-title {
  width: 100%;
  display: inline-block;
}

.lemonade-exercises .lemo-accordion__head-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.lemonade-exercises .lemo-accordion__head-icon--open {
  transform: rotate(180deg);
}

.lemonade-exercises .lemo-accordion__children {
  background: var(--lemo-color-base-white);
  border: 2px solid var(--lemo-color-base-background);
  box-sizing: border-box;
  border-radius: 0 0 6px 6px;
  padding: 32px 18px;
}

.lemonade-exercises .lemo-cloze-editor-box {
  background-color: var(--lemo-color-base-white);
  border: none;
  border-radius: .4em;
  margin: 1.8em auto;
  padding: 1em 1.1em;
  box-shadow: 0 .2em .3em rgba(14, 59, 95, .1);
}

.lemonade-exercises .lemo-cloze-editor-wrapper {
  align-items: center;
  height: 4.5em;
  display: flex;
}

.lemonade-exercises .lemo-cloze-editor-drag-indicator {
  fill: gray;
  pointer-events: none;
  width: 24px;
  height: 24px;
  position: relative;
  top: .2em;
}

.lemonade-exercises .lemo-cloze-editor-input {
  flex-grow: 1;
  width: 100%;
}

.lemo-editor-horizontal-content.lemo-cloze-editor-space-between {
  justify-content: space-between;
}

.lemonade-exercises .lemo-start-controls.lemo-duplicate-controls {
  cursor: pointer;
  margin: 0 .5em;
}

.lemonade-exercises .lemo-start-controls.lemo-duplicate-controls .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-start-controls.lemo-duplicate-controls:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-response-input__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .popover-wrapper {
  z-index: 1000;
}

.lemonade-exercises .lemo-grouped-response-item {
  align-items: center;
  margin: .5em 0;
  display: flex;
}

.lemonade-exercises .lemo-grouped-response-item .lemo-base-input {
  flex-grow: 1;
  height: 48px;
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon {
  cursor: pointer;
  width: 28px;
  margin-left: 8px;
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon path:first-child {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon:hover path:first-child {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon:disabled {
  cursor: not-allowed;
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon:disabled path:first-child {
  fill: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-grouped-response-item .lemo-input-keyboard {
  width: 100%;
}

.lemonade-exercises .lemo-grouped-response-panel {
  border-radius: var(--lemo-radii-03);
  border: 1px solid var(--lemo-color-gray-02);
  background-color: #fff;
  width: 351px;
}

.lemonade-exercises .lemo-grouped-response-panel .lemo-grouped-response-panel__header {
  align-items: center;
  padding: 1em 1.3em .4em;
  display: flex;
}

.lemonade-exercises .lemo-grouped-response-panel .lemo-base-block-editor__title {
  flex-grow: 1;
}

.lemonade-exercises .lemo-grouped-response-panel .lemo-hline {
  background-color: var(--lemo-color-gray-01);
  border: none;
  height: 1px;
}

.lemonade-exercises .lemo-grouped-response-panel .lemo-response-list {
  padding: .3em 1.3em;
}

.lemonade-exercises .lemo-classification-drop {
  vertical-align: middle;
  background-color: var(--lemo-color-corporate-lighter);
  border-radius: var(--lemo-radii-02);
  cursor: pointer;
  border: 2px solid #fff;
  min-width: 1.5em;
  height: 0;
  position: relative;
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container .lemo-drag-option.lemo-is-highlighted {
  border-color: var(--lemo-color-corporate);
  background-color: #fff;
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container .lemo-drag-option.lemo-is-highlighted .html-content {
  color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container.lemo-without-box .lemo-drag-option {
  background: none;
  border: none;
}

.lemonade-exercises .lemo-classification-drop.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-classification-drop.lemo-selected {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-classification-drop.lemo-is-dragging-over {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classification-drop.lemo-is-highlighted {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-classification-drop.lemo-is-highlighted:hover {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classification-drop.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classification-drop.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container.lemo-success .lemo-drag-option {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container.lemo-error .lemo-drag-option {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container {
  position: relative;
}

.lemonade-exercises .lemo-classification-drop .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-base-drag-and-drop__drag {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  border: 2px solid var(--lemo-color-gray-02);
  border-bottom: 4px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-base-white);
  cursor: grab;
  margin: .3em .4em;
  padding: .75em;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-drag-and-drop__drag:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-base-drag-and-drop__drag .html-content {
  color: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-base-drag-and-drop__drag:hover, .lemonade-exercises .lemo-base-drag-and-drop__drag--selected {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-base-drag-and-drop__drag:focus {
  outline: 2px solid var(--lemo-color-corporate);
  outline-offset: 4px;
}

.lemonade-exercises .lemo-classify-classification {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-classify-classification *, .lemonade-exercises .lemo-classify-classification :before, .lemonade-exercises .lemo-classify-classification :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-classify-classification .lemo-table-wrapper {
  width: 100%;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-table {
  border-spacing: .8em;
  border-collapse: separate;
  width: 100%;
  margin: 1em 0;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-th {
  text-align: left;
  padding: .8em 0;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-th-content {
  font-weight: normal;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-th-content img {
  max-width: 400px;
  max-height: 400px;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-tr {
  transition: height .3s;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-rows-header {
  min-width: 6em;
  padding: .8em 0;
  font-weight: normal;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-rows-header-content img {
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-dropped-item-container {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-width: 150px;
  min-height: 3.5em;
  padding: .8em;
  display: flex;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-dropped-item-container > * {
  margin: .2em;
}

.lemonade-exercises .lemo-classify-classification .lemo-question-body {
  overflow-x: auto;
  overflow-y: hidden;
}

.lemonade-exercises .lemo-print-view .lemo-classify-classification .lemo-question-body {
  overflow: unset;
}

.lemonade-exercises .lemo-print-view .lemo-classify-classification .lemo-table-wrapper {
  padding-bottom: 10px;
}

.lemonade-exercises .lemo-print-view .lemo-classify-classification .lemo-table-wrapper img {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option .lemo-base-feedback-pin__option {
  margin: 0 10px 0 2px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  position: relative;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper img {
  pointer-events: none;
  width: 100%;
  max-width: 400px;
  height: auto;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-horizontal-left {
  padding-right: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-horizontal-right {
  padding-left: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-vertical-top {
  padding-bottom: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-vertical-bottom {
  padding-top: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content {
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: .5em auto;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content img {
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option:hover:not(.lemo-disabled) .lemo-option-content {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
  background: var(--lemo-color-corporate-lighter);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option:hover:not(.lemo-disabled) .lemo-option-content.lemo-is-waiting-for-match {
  cursor: copy;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-is-matched {
  border: 2px solid var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-selected, .lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-is-matched.lemo-selected, .lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-is-waiting-for-match {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-success {
  pointer-events: none;
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-error {
  pointer-events: none;
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -6px;
  right: -12px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-horizontal-left .lemo-feedback-icon-position {
  right: 20px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-vertical-bottom .lemo-feedback-icon-position {
  top: 28px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-dot {
  fill: var(--lemo-color-gray-04);
  z-index: 2;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-dot-highlight {
  fill: none;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-dot.lemo-selected {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-dot-highlight.lemo-selected {
  fill: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-visible-line {
  pointer-events: none;
  stroke: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-hidden-line {
  pointer-events: all;
  visibility: hidden;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-line-progress {
  stroke: var(--lemo-color-corporate);
  stroke-linecap: round;
  stroke-dasharray: 10 14;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-options-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-options-wrapper.lemo-horizontal-direction {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-options-wrapper.lemo-horizontal-direction > :first-child {
  pointer-events: none;
  align-items: flex-end;
  padding-bottom: 110px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-options-wrapper.lemo-horizontal-direction > :last-child {
  align-items: flex-start;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-list {
  z-index: 5;
  flex-direction: column;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 30%;
  padding: .5em;
  display: flex;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-question-list {
  align-items: flex-end;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-answer-list {
  align-items: flex-start;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-list {
  flex-direction: row;
  width: 100%;
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option {
  justify-content: center;
  margin: 0 .2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option .lemo-option-wrapper {
  width: auto;
  padding-bottom: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option .lemo-base-feedback-pin__option {
  position: relative;
  top: -1em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-2 {
  width: 50%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-3 {
  width: 33.3333%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-4 {
  width: 25%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-5 {
  width: 20%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-6 {
  width: 16.6667%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-stage {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-stage:hover.lemo-is-dragging {
  cursor: pointer;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area-wrapper {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area-wrapper .lemo-base-feedback-pin__option {
  margin: 0 0 0 10px;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area {
  text-align: center;
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: pointer;
  border: 2px solid #fff;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  min-width: 9em;
  min-height: 2.8em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area img {
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-empty:hover {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area:not(.lemo-is-empty) {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-selected.lemo-is-empty {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-dragging-over.lemo-is-empty, .lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-dragging-over {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-empty.lemo-is-highlighted {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-highlighted .lemo-drag-option {
  cursor: copy;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-highlighted.lemo-selected .lemo-drag-option {
  cursor: grab;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-success .lemo-is-empty .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  border: solid 2px var(--lemo-color-success);
  box-shadow: 0 0 0 var(--lemo-color-success-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-error.lemo-is-empty .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  border: solid 2px var(--lemo-color-error);
  box-shadow: 0 0 0 var(--lemo-color-error-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-classify-match-list .lemo-base-feedback-pin {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-pin-wrapper {
  justify-content: center;
  align-items: center;
  width: 0;
  display: flex;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-pin-wrapper.lemo-has-pin-visible {
  width: 35px;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-match-list-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1em .8em;
  display: flex;
}

.lemonade-exercises .lemo-match-list-row:nth-child(2n) {
  background: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-match-list-row:nth-child(odd) {
  background: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-match-list-row .lemo-steam-wrapper {
  line-height: var(--lemo-line-height);
  min-width: 50%;
}

.lemonade-exercises .lemo-match-list-row .lemo-steam img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.lemonade-exercises .lemo-match-list-row .lemo-arrow-icon-wrapper {
  text-align: right;
  flex-grow: 0;
  min-width: 40px;
  margin: 0 .8em;
}

.lemonade-exercises .lemo-match-list-row .lemo-arrow-icon {
  fill: var(--lemo-color-gray-06);
  height: 2em;
}

.lemonade-exercises .lemo-classify-match-list {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-classify-match-list *, .lemonade-exercises .lemo-classify-match-list :before, .lemonade-exercises .lemo-classify-match-list :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-classify-match-list .fr-element {
  z-index: unset;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item {
  border: 2px solid var(--lemo-color-gray-01);
  border-radius: var(--lemo-radii-02);
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  box-shadow: 0 2px 0 var(--lemo-color-gray-02);
  background: #fff;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  padding: 1em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-text {
  text-align: left;
  z-index: 1;
  width: -webkit-fit-content;
  width: fit-content;
  position: relative;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item .html-content {
  -webkit-hyphens: none;
  hyphens: none;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-selected {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-background {
  opacity: .25;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-0:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-light-orange-out);
  box-shadow: 0 2px 0 var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-0:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-light-orange-out);
  box-shadow: 0 2px 0 var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-0 .lemo-background {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-1:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-green-out);
  box-shadow: 0 2px 0 var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-1:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-green-out);
  box-shadow: 0 2px 0 var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-1 .lemo-background {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-2:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-light-blue-out);
  box-shadow: 0 2px 0 var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-2:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-light-blue-out);
  box-shadow: 0 2px 0 var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-2 .lemo-background {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-3:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-bordeaux-out);
  box-shadow: 0 2px 0 var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-3:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-bordeaux-out);
  box-shadow: 0 2px 0 var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-3 .lemo-background {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-4:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-violet-out);
  box-shadow: 0 2px 0 var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-4:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-violet-out);
  box-shadow: 0 2px 0 var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-4 .lemo-background {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-5:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-dark-orange-out);
  box-shadow: 0 2px 0 var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-5:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-dark-orange-out);
  box-shadow: 0 2px 0 var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-5 .lemo-background {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-6:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-dark-blue-out);
  box-shadow: 0 2px 0 var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-6:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-dark-blue-out);
  box-shadow: 0 2px 0 var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-6 .lemo-background {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-7:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-turquoise-out);
  box-shadow: 0 2px 0 var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-7:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-turquoise-out);
  box-shadow: 0 2px 0 var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-7 .lemo-background {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-success {
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-error {
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-feedback-pin-wrapper {
  z-index: 3;
  position: absolute;
  top: -9px;
  right: -24px;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-feedback-pin-wrapper .lemo-feedback-pin-tooltip {
  margin: 0;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-feedback-pin-wrapper .lemo-feedback-pin-number {
  position: relative;
  top: 32px;
  right: 10px;
}

.lemo-question-body .lemo-question-body.lemo-match-list-mobile-question {
  overflow-x: hidden;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-container {
  flex-direction: row;
  width: 100%;
  padding-top: 4px;
  display: flex;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-container > * {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  margin: 0 10px;
  padding: .4em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance, .lemonade-drag-portal .lemo-drag-instance {
  word-break: keep-all;
  margin: 6px 0;
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance:active:hover, .lemonade-drag-portal .lemo-drag-instance:active:hover {
  cursor: grab;
  border-style: solid;
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance.lemo-error, .lemonade-drag-portal .lemo-drag-instance.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance.lemo-success, .lemonade-drag-portal .lemo-drag-instance.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance .lemo-drag-instance-content, .lemonade-drag-portal .lemo-drag-instance .lemo-drag-instance-content {
  text-align: center;
  margin: 0;
  display: inline-block;
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance .lemo-drag-instance-content.lemo-has-image, .lemonade-drag-portal .lemo-drag-instance .lemo-drag-instance-content.lemo-has-image {
  width: -webkit-max-content;
  width: max-content;
}

.lemonade-exercises .lemo-drag-wrapper {
  align-items: stretch;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-drag-wrapper .lemo-feedback-pin-wrapper {
  margin: 5px 0;
  position: relative;
}

.lemonade-exercises .lemo-drag-wrapper .lemo-feedback-pin-position {
  height: 26px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-drag-wrapper .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  right: -8px;
}

.lemonade-exercises .lemo-classify-order-list .lemo-horizontal-list .lemo-feedback-pin-wrapper.lemo-with-feedback-pin {
  margin-right: 50px;
  position: relative;
  left: -8px;
}

.lemonade-exercises .lemo-classify-order-list-question .lemo-base-drag-and-drop__drag {
  pointer-events: auto;
}

.lemonade-exercises .lemo-base-drag-and-drop__drag.lemo-dragging {
  border-style: solid;
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-classify-order-list {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-classify-order-list *, .lemonade-exercises .lemo-classify-order-list :before, .lemonade-exercises .lemo-classify-order-list :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-classify-order-list.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-classify-order-list .lemo-question-body {
  text-align: center;
  overflow: auto;
}

.lemonade-exercises .lemo-classify-order-list .lemo-option-list {
  padding: 1em;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list .lemo-horizontal-list {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
}

.lemonade-exercises .lemo-classify-order-list .lemo-horizontal-list .lemo-drag-instance {
  margin-left: .3em;
  margin-right: .3em;
}

.lemonade-exercises .lemo-column-left {
  padding-right: .4em;
}

.lemonade-exercises .lemo-column-right {
  padding-left: .4em;
}

.lemonade-exercises .lemo-column-label {
  color: gray;
  margin: 0 0 .3em .2em;
  font-size: .9em;
  display: inline-block;
}

.lemonade-exercises .lemo-table-config .lemo-table-config__icon-plus {
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list {
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list.lemo-selected {
  background-color: var(--lemo-color-corporate-light);
  border: 2px solid var(--lemo-color-corporate);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drop-area {
  z-index: 2;
  background: pink;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drop-area.lemo-is-dragging-over, .lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drop-area.lemo-selected.lemo-is-dragging-over, .lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drop-area.lemo-drop-area--can-selected {
  border: 2px dashed var(--lemo-color-corporate);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drag-list-container > * {
  margin-bottom: 1em;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drag-list-container > :last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop {
  line-height: var(--lemo-line-height);
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 2.8em;
  margin: .3em 0;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop img {
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop-index {
  pointer-events: none;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-empty:hover {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-empty {
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  text-align: center;
  color: var(--lemo-color-gray-04);
  cursor: pointer;
  flex-grow: 1;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-empty.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop .lemo-drag-option {
  width: 100%;
  margin: 0;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-selected, .lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-empty.lemo-is-dragging-over {
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-highlighted {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-success .lemo-drag-option {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-error .lemo-drag-option {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop:not(.lemo-is-empty) {
  background: none;
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-feedback-pin-wrapper {
  z-index: 10;
  position: absolute;
  top: -6px;
  right: -36px;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-feedback-pin-number {
  position: relative;
  left: -10px;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop-list {
  flex-direction: column;
  padding: .2em .4em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list-mobile .fr-element {
  z-index: unset;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-column-container {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-column-container > * {
  background-color: var(--lemo-color-base-background);
  border-radius: var(--lemo-radii-03);
  border: 2px solid rgba(0, 0, 0, 0);
  width: 50%;
  margin: 0 10px;
  padding: .4em;
}

.lemonade-exercises .lemo-sticker-drag-feedback {
  border-radius: var(--lemo-radii-03);
  background-color: rgba(255, 255, 255, .6);
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-sticker-drag-feedback .lemo-sticker-drag-feedback-border {
  border-radius: var(--lemo-radii-03);
  border: 3px solid;
  height: 100%;
}

.lemonade-exercises .lemo-sticker-drag-feedback .lemo-icon {
  --icon-size: 24px;
  --x-shift: -6px;
  top: 0;
  right: var(--x-shift);
  width: var(--icon-size);
  height: var(--icon-size);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-sticker-drag-feedback .lemo-error-icon {
  padding: 1px;
}

.lemonade-exercises .lemo-sticker-drag-feedback .lemo-icon svg {
  fill: var(--lemo-color-base-white);
  width: 14px;
  overflow: visible;
}

.lemonade-exercises .lemo-sticker-drag-feedback.lemo-success .lemo-icon {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-sticker-drag-feedback.lemo-success .lemo-sticker-drag-feedback-border {
  border-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-sticker-drag-feedback.lemo-error .lemo-icon {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-sticker-drag-feedback.lemo-error .lemo-sticker-drag-feedback-border {
  border-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-sticker-drag-content {
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
  position: relative;
}

.lemonade-exercises .lemo-sticker-drag {
  cursor: pointer;
  border-radius: var(--lemo-radii-02);
  border: 2px solid rgba(0, 0, 0, 0);
  width: -webkit-fit-content;
  width: fit-content;
  padding: .5em;
  position: relative;
}

.lemonade-exercises .lemo-sticker-drag:hover, .lemonade-exercises .lemo-sticker-drag.lemo-dragging {
  z-index: 5;
  border-color: var(--lemo-color-corporate);
  background: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children {
  margin-bottom: 24px;
  position: relative;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-drag {
  z-index: 2;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children:has(.lemo-sticker-drag.lemo-dragging) {
  z-index: 5;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-second-drag-duplicate, .lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-first-drag-duplicate {
  padding: .5em;
  position: absolute;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-first-drag-duplicate {
  top: 12px;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-second-drag-duplicate {
  top: 24px;
}

.lemonade-exercises .lemo-arrow {
  opacity: 0;
  overflow: visible;
}

.lemonade-exercises .lemo-arrow.lemo-visible {
  opacity: 1;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-background {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drops {
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drop-area {
  position: absolute;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-sticker-drag {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drop-container {
  align-items: center;
  padding: 0 10px;
  display: flex;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drag-dropped-list {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drag-dropped-container:not(.lemo-description) {
  cursor: pointer;
  position: relative;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drag-dropped-container:hover:not(.lemo-description):before {
  --margin-size: -5px;
  left: var(--margin-size);
  top: var(--margin-size);
  bottom: var(--margin-size);
  right: var(--margin-size);
  content: "";
  border-radius: var(--lemo-radii-02);
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-light-alpha);
  position: absolute;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drag-dropped-container img {
  z-index: 2;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-arrow {
  z-index: 6;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 20px;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-sticker-drag-feedback {
  top: -10%;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%);
}

.lemonade-exercises .lemo-arrow {
  opacity: 0;
  display: none;
  overflow: visible;
}

.lemonade-exercises .lemo-arrow.lemo-visible {
  opacity: 1;
  display: block;
}

.lemonade-exercises .lemo-arrow.lemo-visible path {
  animation: 1s infinite bounce;
}

.lemonade-exercises .lemo-classify-stickers .lemo-polygon-area {
  fill: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-classify-stickers .lemo-polygon-area.lemo-show-area {
  stroke: var(--lemo-color-corporate);
  stroke-width: 2px;
  fill: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-background {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-drops {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-sticker-drag, .lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-drag-dropped-list {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-drag-dropped-list .lemo-sticker-drag.lemo-dragging {
  z-index: 5;
}

.lemonade-exercises .lemo-classify-stickers {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-classify-stickers *, .lemonade-exercises .lemo-classify-stickers :before, .lemonade-exercises .lemo-classify-stickers :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-classify-stickers .fr-element {
  z-index: unset;
}

.lemonade-exercises .lemo-classify-stickers .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-tabs {
  background-color: var(--lemo-color-base-white);
  border: none;
  border-radius: .5em;
  padding: 0;
  position: relative;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__box {
  flex-wrap: wrap;
  padding: 0;
  display: flex;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__box > * {
  margin: 0 .4em 0 0;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__box > :first-child {
  margin-left: 0;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__button {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  letter-spacing: normal;
  text-align: left;
  color: var(--lemo-color-gray-03);
  background: var(--lemo-color-gray-01);
  text-transform: capitalize;
  cursor: pointer;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  flex-grow: 0;
  gap: 10px;
  margin: 0 6px;
  padding: 12px 16px;
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.5;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__button.lemo-tabs__button--selected {
  background: var(--lemo-color-gray-04);
  color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-tabs-options {
  background: var(--lemo-color-gray-04);
  border-radius: 0 8px 8px;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 12px;
  display: flex;
}

.lemonade-exercises .hotspots-painter-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__left-container, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__right-container {
  flex-wrap: nowrap;
  flex: auto;
  display: flex;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__left-container {
  gap: 12px;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__right-container {
  justify-content: flex-end;
  gap: 12px;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select {
  color: var(--lemo-color-base-white) !important;
  border-color: var(--lemo-color-base-white) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  height: 36px !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select .lemo-icon {
  fill: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select:hover, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select:active {
  background-color: var(--lemo-color-base-white) !important;
  color: var(--lemo-color-gray-04) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select:hover .lemo-icon, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select:active .lemo-icon {
  fill: var(--lemo-color-gray-04) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--disabled {
  cursor: not-allowed;
  color: var(--lemo-color-gray-03) !important;
  border-color: var(--lemo-color-gray-03) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--disabled .lemo-icon {
  fill: var(--lemo-color-gray-03) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active {
  background-color: var(--lemo-color-base-white) !important;
  color: var(--lemo-color-gray-04) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active .lemo-icon {
  fill: var(--lemo-color-gray-04) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active:hover, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active:active {
  color: var(--lemo-color-base-white) !important;
  border-color: var(--lemo-color-base-white) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  height: 36px !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active:hover .lemo-icon, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active:active .lemo-icon {
  fill: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo {
  margin-left: 8px;
  height: 36px !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo .lemo-editor-inline-button__text {
  color: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo .lemo-editor-inline-button__icon svg {
  fill: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo:hover .lemo-editor-inline-button__text, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo:active .lemo-editor-inline-button__text {
  color: var(--lemo-color-gray-06) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo:hover .lemo-editor-inline-button__icon svg, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo:active .lemo-editor-inline-button__icon svg {
  fill: var(--lemo-color-gray-06) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo.hotspots-painter-toolbar__button--disabled {
  cursor: not-allowed;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo.hotspots-painter-toolbar__button--disabled .lemo-editor-inline-button__text {
  color: var(--lemo-color-gray-03) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo.hotspots-painter-toolbar__button--disabled .lemo-editor-inline-button__icon svg {
  fill: var(--lemo-color-gray-03) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete {
  border: 2px solid var(--lemo-color-base-white);
  border-radius: 36px;
  align-items: center;
  gap: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  background-color: rgba(0, 0, 0, 0) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete .lemo-icon {
  fill: var(--lemo-color-base-white);
  margin: 0;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete:hover, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete:active {
  border: 2px solid var(--lemo-color-base-white);
  background-color: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete:hover .lemo-icon, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete:active .lemo-icon {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete.hotspots-painter-toolbar__button--disabled {
  border: 2px solid var(--lemo-color-gray-03);
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete.hotspots-painter-toolbar__button--disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
  margin: 0;
}

.lemonade-exercises .hotspots-painter-drop-info {
  width: -webkit-max-content;
  width: max-content;
}

.lemonade-exercises .hotspots-painter-drop-info .hotspots-painter-drop-info__text {
  font-size: var(--lemo-text-body-l);
  font-weight: var(--lemo-text-regular);
  background: var(--lemo-color-gray-01);
  color: var(--lemo-color-gray-05);
  line-height: 24px;
  border-radius: 4px 0 0 4px !important;
  padding: 2px 8px 3px !important;
  display: inline-block !important;
}

.lemonade-exercises .hotspots-painter-drop-info .hotspots-painter-drop-info__number {
  font-size: var(--lemo-text-body-l);
  font-weight: var(--lemo-text-regular);
  background: var(--lemo-color-gray-05);
  color: var(--lemo-color-base-white);
  align-items: center;
  line-height: 24px;
  border: none !important;
  border-radius: 0 4px 4px 0 !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  display: inline-block !important;
}

.lemonade-exercises .hotspots-painter .hotspots-painter__tab-content {
  width: 100%;
}

.lemonade-exercises .hotspots-painter .hotspots-painter__first-vertex {
  pointer-events: all;
  cursor: pointer;
}

.lemonade-exercises .hotspots-painter .hotspots-painter__selected-hotspot-vertex {
  cursor: move;
}

.lemonade-exercises .lemo-input-text-title-subtitle .lemo-editor-input-text {
  width: 18em;
}

.lemonade-exercises .lemo-input-text-title-subtitle.lemo-small-input .lemo-editor-input-text {
  width: 10em;
}

.lemonade-exercises .lemo-input-text-title-subtitle.lemo-autosize .lemo-editor-input-text {
  width: 100%;
}

.lemonade-exercises .lemo-label-image-pointer-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin: 10px;
  display: flex;
  position: relative;
  transform: translate(-15px, -15px);
}

.lemonade-exercises .lemo-label-image-pointer-wrapper .lemo-label-image-pointer {
  background-color: var(--lemo-color-corporate);
  border: 1px solid var(--lemo-color-base-white);
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(79, 79, 255, .07);
}

.lemonade-exercises .lemo-drop-editor-item {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-draggable-position {
  display: inline-block;
  position: absolute;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-draggable-content {
  background-color: var(--lemo-color-base-background);
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-draggable-text {
  text-align: center;
  color: var(--lemo-color-gray-05);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  margin: 0 5px;
  padding: 0;
  font-size: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-draggable-text.lemo-disabled {
  color: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-drop-editor-item .lemo-pointer-wrapper {
  pointer-events: none;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box {
  text-align: center;
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: pointer;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: visible;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box.lemo-selected {
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box.lemo-resizable-box {
  border-radius: 8px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box.lemo-overlap {
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box.lemo-selected.lemo-overlap {
  border-color: var(--lemo-color-error);
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller {
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
  z-index: 1;
  width: 10px;
  height: 10px;
  position: absolute;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller.lemo-vertex-controller__top-left {
  cursor: nwse-resize;
  top: -5px;
  left: -5px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller.lemo-vertex-controller__top-right {
  cursor: nesw-resize;
  top: -5px;
  right: -5px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller.lemo-vertex-controller__bottom-left {
  cursor: nesw-resize;
  bottom: -5px;
  left: -5px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller.lemo-vertex-controller__bottom-right {
  cursor: nwse-resize;
  bottom: -5px;
  right: -5px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller {
  background-color: var(--lemo-color-corporate);
  position: absolute;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller.lemo-edge-controller__left-edge {
  cursor: ew-resize;
  width: 2px;
  height: 100%;
  top: 0;
  left: -1px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller.lemo-edge-controller__right-edge {
  cursor: ew-resize;
  width: 2px;
  height: 100%;
  top: 0;
  right: -1px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller.lemo-edge-controller__top-edge {
  cursor: ns-resize;
  width: 100%;
  height: 2px;
  top: -1px;
  left: 0;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller.lemo-edge-controller__bottom-edge {
  cursor: ns-resize;
  width: 100%;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-icon, .lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__left-text {
  margin-right: .1em;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__left-text {
  color: var(--lemo-color-gray-04);
  cursor: default;
  padding: 2px;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input {
  text-align: center;
  color: var(--lemo-color-base-white);
  border-radius: var(--lemo-radii-01);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 2.4em;
  padding: .2em 0;
  font-size: 1em;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--hide-number-controls::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--hide-number-controls::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--hide-number-controls[type="number"] {
  -moz-appearance: textfield;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--show-number-controls {
  cursor: default;
  width: 3.8em;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--show-number-controls::-webkit-inner-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--show-number-controls::-webkit-outer-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input:focus {
  background-color: var(--lemo-color-gray-05);
  outline: none;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__input-wrapper--disabled-key-down {
  position: relative;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__input-wrapper--disabled-key-down .lemo-input {
  caret-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__input-wrapper--disabled-key-down:after {
  content: "";
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-pointer-editor {
  align-items: center;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown {
  margin: .2em 0 .2em .2em;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-control {
  background-color: var(--lemo-color-gray-06);
  color: var(--lemo-color-base-white);
  border: none;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-icon {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-content {
  background-color: var(--lemo-color-gray-05);
  border: none;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-content-item {
  color: var(--lemo-color-gray-02);
  background-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-pointer-editor .lemo-base-dropdown--open {
  background-color: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-content-item.lemo-selected {
  background-color: var(--lemo-color-gray-04);
  color: var(--lemo-color-base-white);
  font-weight: bold;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-control svg {
  width: 26px;
  height: 26px;
}

.lemonade-exercises .lemo-pointer-editor .lemo-label {
  margin-right: 10px;
}

.lemonade-exercises .lemo-drops-editor-item-props {
  pointer-events: auto;
  font-size: .85em;
  display: inline-block;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-config-wrapper {
  background-color: var(--lemo-color-gray-06);
  color: var(--lemo-color-base-white);
  border-radius: var(--lemo-radii-01);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: .2em .3em;
  display: flex;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-controls-wrapper {
  align-items: center;
  gap: 10px;
  display: flex;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-buttons-wrapper {
  align-items: center;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-divider {
  background-color: var(--lemo-color-gray-05);
  width: 1px;
  height: 1.8em;
  margin: 0 .4em;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-trash-button, .lemonade-exercises .lemo-drops-editor-item-props .lemo-copy-button {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0 .2em;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-trash-button > svg, .lemonade-exercises .lemo-drops-editor-item-props .lemo-copy-button > svg {
  fill: var(--lemo-color-base-white);
  width: 18px;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-editor-item-props__icon-width path:first-child, .lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-editor-item-props__icon-height path:first-child {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-editor-item-props__icon-width path:last-child, .lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-editor-item-props__icon-height path:last-child {
  stroke: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-drops-editor {
  max-width: 100%;
  font-size: 1em;
  position: relative;
}

.lemonade-exercises .lemo-drops-editor .lemo-scalable-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lemonade-exercises .lemo-drops-editor .lemo-scalable-content-wrapper {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-drops-editor .lemo-scalable-content-background {
  -webkit-user-select: none;
  user-select: none;
  height: auto;
  margin: 0;
  padding: 0;
}

.lemonade-exercises .lemo-drops-editor .lemo-drops-editor-background {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-drops-editor .lemo-item-props-wrapper {
  z-index: 100;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: top .5s;
  display: flex;
  position: absolute;
  top: -25px;
}

.lemonade-exercises .lemo-editor-exercise-label .lemo-editor-slider__max {
  min-width: 6ch;
}

.lemonade-exercises .lemo-editor-exercise-label__icon {
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-editor-exercise-label__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .lemo-editor-exercise-stickers-series .lemo-drag-box {
  background-color: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-editor-exercise-stickers-series .lemo-drag-box.lemo-selected {
  background-color: var(--lemo-color-corporate-light-alpha);
  border-style: inset;
}

.lemonade-exercises .lemo-editor-exercise-stickers-series .lemo-drag-box:not(.lemo-selected) {
  border-style: hidden;
}

.lemonade-exercises .lemo-onLoadShow {
  opacity: 0;
  transition: all .4s;
}

.lemonade-exercises .lemo-onLoadShow.lemo-ready, .lemonade-exercises .lemo-print-view .lemo-onLoadShow {
  opacity: 1;
}

.lemonade-exercises .lemo-label-blank-item {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-label-blank-item-wrapper {
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-pointer-wrapper {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area {
  text-align: center;
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: pointer;
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-empty:hover {
  border-color: var(--lemo-color-corporate);
  cursor: pointer;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-empty.lemo-is-highlighted:hover {
  cursor: copy;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-selected.lemo-is-empty {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-selected + .lemo-drag-option, .lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-dragging-over.lemo-is-empty, .lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-dragging-over + .lemo-drag-option {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-highlighted {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-success + .lemo-drag-option {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-error + .lemo-drag-option {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list .lemo-drag-option {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: visible;
}

.lemonade-exercises .lemo-label-image-drag .lemo-base-feedback-pin__option {
  z-index: 2;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -35px;
}

.lemonade-exercises .lemo-label-image-drag .lemo-base-feedback-pin__option svg {
  position: relative;
  right: -10px;
  width: 30px !important;
  height: 30px !important;
}

.lemonade-exercises .lemo-label-image-drag .lemo-right .lemo-base-feedback-pin__option {
  right: unset;
  left: -35px;
}

.lemonade-exercises .lemo-label-image-drag .lemo-right .lemo-base-feedback-pin__option .lemo-tooltip-wrapper__icon {
  position: relative;
  left: -15px;
}

.lemonade-exercises .lemo-label-image-drag .lemo-scalable-content-wrapper {
  text-align: center;
}

.lemonade-exercises .lemo-label-image-drag .lemo-scalable-content-center {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-scene {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-background-img {
  width: 100%;
  height: auto;
  position: relative;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drag-item-container {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list .lemo-label-box.lemo-drop-area.lemo-selected.lemo-drop-area--can-selected {
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-label-image-drag .lemo-drag-option {
  z-index: 1;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drag-duplicate.lemo-drag-option {
  z-index: unset;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list .lemo-drag-option {
  margin: 0;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list .lemo-drag-option.lemo-dragging, .lemonade-exercises .lemo-label-image-drag .lemo-drag-option.lemo-dragging {
  z-index: 3;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-blank-item-container {
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-blank {
  z-index: 3;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-blank.lemo-lock {
  pointer-events: none;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-dropdown-control--disabled {
  opacity: 1;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-base-feedback-pin__option {
  z-index: 2;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -35px;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-base-feedback-pin__option svg {
  position: relative;
  right: -10px;
  width: 30px !important;
  height: 30px !important;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-right .lemo-base-feedback-pin__option {
  right: unset;
  left: -35px;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-right .lemo-base-feedback-pin__option .lemo-tooltip-wrapper__icon {
  position: relative;
  left: -15px;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-scalable-content-wrapper {
  text-align: center;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-scalable-content-center {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-image-scene {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-image-background-img {
  width: 100%;
  height: auto;
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper {
  justify-content: center;
  align-items: center;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper.lemo-left {
  justify-content: flex-start;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper.lemo-right {
  justify-content: flex-end;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper.lemo-top {
  align-items: flex-start;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper.lemo-bottom {
  align-items: flex-end;
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input {
  text-align: center;
  background: var(--lemo-color-base-background);
  border: 2px solid var(--lemo-color-gray-03);
  border-radius: var(--lemo-radii-01);
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 .1em;
  font-size: 1em;
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input:hover, .lemonade-exercises .lemo-label-image-text .lemo-label-text-input:focus {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-selected {
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-is-safari {
  height: auto;
  min-height: 100%;
}

.lemonade-exercises .lemo-label-image-text .lemo-blank-item-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.lemonade-exercises .lemo-label-image-text .lemo-grouped-response-counter-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-label-image-text .lemo-alternative-response-wrapper {
  align-items: center;
  width: 20px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: -8px;
}

.lemonade-exercises .lemo-label-image-text .lemo-base-feedback-pin__option {
  z-index: 2;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -35px;
}

.lemonade-exercises .lemo-label-image-text .lemo-base-feedback-pin__option svg {
  position: relative;
  right: -10px;
  width: 30px !important;
  height: 30px !important;
}

.lemonade-exercises .lemo-label-image-text .lemo-right .lemo-base-feedback-pin__option {
  right: unset;
  left: -35px;
}

.lemonade-exercises .lemo-label-image-text .lemo-right .lemo-base-feedback-pin__option .lemo-tooltip-wrapper__icon {
  position: relative;
  left: -15px;
}

.lemonade-exercises .lemo-label-image-text .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-label-image-text .lemo-scalable-content-wrapper {
  text-align: center;
}

.lemonade-exercises .lemo-label-image-text .lemo-scalable-content-center {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-text .lemo-label-image-scene {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-text .lemo-label-image-background-img {
  width: 100%;
  height: auto;
  position: relative;
}

.lemonade-exercises .lemo-editor-answer-options-multiple__photograph-icon {
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-mathField {
  align-items: center;
  line-height: 1;
  transition: height .2s;
  display: flex;
}

.lemonade-exercises .lemo-mathField.lemo-selected {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-mathField.lemo-selected .lemo-calc-button {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-mathField-background {
  border-radius: var(--lemo-radii-01);
  background-color: #fff;
  flex-direction: row-reverse;
  display: flex;
}

.lemonade-exercises .lemo-mathField math-field {
  border: none;
  min-width: 3em;
  margin-left: .6em;
  padding: 0;
}

.lemonade-exercises .lemo-mathField:not(.lemo-with-focus) math-field {
  width: 100%;
}

.lemonade-exercises .lemo-mathField.lemo-disabled math-field > span {
  pointer-events: none;
}

.lemonade-exercises .lemo-mathField.lemo-with-focus {
  background-color: var(--lemo-color-background-overlay);
  opacity: 1;
  z-index: 10000;
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 210px);
  font-size: 1.4em;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-mathField.lemo-with-focus .lemo-mathField-background {
  outline: 2px solid var(--lemo-color-corporate);
  padding: .3em;
}

.lemonade-exercises .lemo-mathField.lemo-with-focus math-field {
  border: none;
}

@-moz-document url-prefix() {
  .lemonade-exercises .lemo-mathField.lemo-with-focus math-field {
    outline: none;
  }
}

.lemonade-exercises .lemo-calc-button {
  cursor: pointer;
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-calc-button:hover {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-text-blank.lemo-error .lemo-calc-button, .lemonade-exercises .lemo-text-blank.lemo-success .lemo-calc-button {
  cursor: default;
  fill: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-mathField.lemo-mathField--hide-keyboard-toggle .lemo-calc-button {
  display: none;
}

.lemonade-exercises math-field::part(virtual-keyboard-toggle) {
  display: none;
}

.lemonade-exercises math-field::part(virtual-keyboard-toggle):after {
  display: none;
}

.lemonade-exercises .lemo-mathField__tooltip .react-tooltip {
  margin-top: 4px !important;
}

body .ML__keyboard {
  z-index: 10001;
  --keyboard-zindex: 10001;
  position: fixed;
}

body .ML__keyboard .ML__keyboard--plate .rows ul:last-child li.action:last-child {
  background-color: var(--lemo-color-corporate);
}

body .ML__keyboard .MLK__rows .row .MLK__keycap {
  min-width: 28px;
}

@supports (-webkit-touch-callout: none) {
  body .ML__keyboard .MLK__backdrop {
    height: calc(30px + var(--_keyboard-height));
  }
}

@media (pointer: coarse) {
  .ML__keyboard .MLK__rows .row .MLK__keycap {
    min-width: 28px;
  }
}

@media (min-width: 560px) and (pointer: coarse) {
  .ML__keyboard .MLK__rows .row .MLK__keycap {
    min-width: 50px;
  }
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank {
  visibility: hidden;
  display: inline-block;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank > div {
  visibility: visible;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank .lemo-feedback-pin {
  z-index: 5;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank .lemo-feedback-icon__wrapper {
  position: relative;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank {
  background: none;
  border: none;
  min-width: 4em;
  margin: 2px 0;
  padding: 0;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank.lemo-text-blank--is-floating .react-tooltip {
  margin-top: 10px !important;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank.lemo-error > .lemo-mathField {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank.lemo-success > .lemo-mathField {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank .lemo-base-feedback-pin__option {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon, .lemonade-exercises .lemo-math-cloze-math .lemo-input-keyboard {
  margin: 0;
}

.lemonade-exercises .lemo-math-cloze-math.lemo-with-keyboard {
  z-index: 10;
  position: relative;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-cloze-question-template.html-content.fr-element {
  line-height: 3;
}

.lemonade-exercises .lemo-editor-math-field-wrapper {
  min-height: 43px;
}

.lemonade-exercises .lemo-editor-math-field-wrapper .lemo-mathField:not(.lemo-with-focus) .lemo-mathField-background {
  width: 100%;
}

.lemonade-exercises .lemo-editor-math-field-wrapper math-field {
  width: 100%;
  line-height: 3;
}

.lemonade-exercises .lemo-editor-responses__response {
  margin-top: 12px;
}

.lemonade-exercises .lemo-editor-responses__response .lemo-input-keyboard {
  width: 100%;
}

.lemonade-exercises .lemo-decoration-icon {
  position: absolute;
}

.lemonade-exercises .lemo-decoration-icon.lemo-svg-circle-icon {
  fill: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-decoration-icon.lemo-svg-circle-icon circle:last-child {
  stroke: var(--lemo-color-corporate);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-decoration-icon.lemo-svg-slash-icon {
  fill: none;
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
}

.lemonade-exercises .lemo-decoration-icon.lemo-svg-slash-icon path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-counting-item {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: .6em;
  padding: .8em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-counting-item img {
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  height: 100%;
}

.lemonade-exercises .lemo-operation-subtract.lemo-selected img {
  opacity: .4;
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item.lemo-success .lemo-svg-circle-icon circle:first-child {
  stroke-width: 6px;
  stroke: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item.lemo-success .lemo-svg-circle-icon circle:last-child {
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item.lemo-error .lemo-svg-circle-icon circle:first-child {
  stroke-width: 6px;
  stroke: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item.lemo-error .lemo-svg-circle-icon circle:last-child {
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-counting-group {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20em;
  display: flex;
}

.lemonade-exercises .lemo-single-group.lemo-counting-group {
  width: 100%;
}

.lemonade-exercises .lemo-term, .lemonade-exercises .lemo-sign {
  text-align: center;
  color: var(--lemo-color-gray-05);
  border-radius: .2em;
  min-width: 1.3em;
  padding: .15em .3em;
  font-size: 2.5em;
  font-weight: 600;
  position: relative;
}

.lemonade-exercises .lemo-term.lemo-is-empty {
  background-color: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-term.lemo-is-empty:not(.lemo-show-zero) .lemo-term-value {
  visibility: hidden;
}

.lemonade-exercises .lemo-term.lemo-is-empty:not(.lemo-show-zero) .lemo-term-value:before {
  content: "";
  background-color: var(--lemo-color-gray-04);
  visibility: initial;
  z-index: 1;
  width: 70%;
  height: 3px;
  position: absolute;
  bottom: 14%;
  left: 15%;
}

.lemonade-exercises .lemo-term.lemo-success {
  background-color: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-term.lemo-error {
  background-color: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-math-counting .lemo-counting-add-question .lemo-counting-groups {
  max-width: 45em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-add-question .lemo-counting-groups > * {
  margin: 0 1em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-add-question .lemo-counting-groups .lemo-counting-group {
  margin: 1em;
}

.lemonade-exercises .lemo-counting-subtract-question .lemo-counting-groups {
  max-width: 55em;
}

.lemonade-exercises .lemo-counting-subtract-question .lemo-counting-groups > * {
  margin: 0 1em;
}

.lemonade-exercises .lemo-counting-subtract-question .lemo-counting-groups .lemo-counting-group {
  margin: 1em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-counting-groups {
  max-width: 45em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-counting-groups > * {
  margin: 0 1em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-counting-groups .lemo-counting-group {
  margin: 1em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-svg-circle-icon {
  overflow: visible;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-svg-circle-icon circle:first-child {
  stroke: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-math-counting.lemo-error-result .lemo-counting-count-question .lemo-counting-group {
  border: 2px solid var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-counting.lemo-success-result .lemo-counting-count-question .lemo-counting-group {
  border: 2px solid var(--lemo-color-success);
}

.lemonade-exercises .lemo-math-counting .lemo-operation-container {
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-groups {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-groups.lemo-single-group {
  max-width: 120em;
}

.lemonade-exercises .lemo-math-counting .lemo-term, .lemonade-exercises .lemo-math-counting .lemo-sign {
  margin: 0;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-item img {
  --image-size: 48px;
  width: var(--image-size);
  height: var(--image-size);
  -o-object-fit: contain;
  object-fit: contain;
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item img {
  --image-size: 65px;
}

@media screen and (min-width: 730px) {
  .lemonade-exercises .lemo-math-counting .lemo-operation-container {
    font-size: 16px;
  }

  .lemonade-exercises .lemo-math-counting .lemo-term, .lemonade-exercises .lemo-math-counting .lemo-sign {
    margin: 0 .4em;
  }

  .lemonade-exercises .lemo-math-counting .lemo-counting-item img {
    --image-size: 56px;
  }

  .lemonade-exercises .lemo-counting-count-question .lemo-counting-item img {
    --image-size: 65px;
  }
}

@media screen and (min-width: 1100px) {
  .lemonade-exercises .lemo-math-counting .lemo-operation-container {
    font-size: 20px;
  }

  .lemonade-exercises .lemo-math-counting .lemo-term, .lemonade-exercises .lemo-math-counting .lemo-sign {
    margin: 0 .4em;
  }

  .lemonade-exercises .lemo-math-counting .lemo-counting-item img, .lemonade-exercises .lemo-counting-count-question .lemo-counting-item img {
    --image-size: 70px;
  }
}

.lemonade-exercises .lemo-operation {
  justify-content: center;
  align-items: center;
  margin: 1em auto;
  padding: 2em;
  display: inline-flex;
}

.lemonade-exercises .lemo-operation.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-operation.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-render-fraction {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 2px;
  display: flex;
}

.lemonade-exercises .lemo-render-fraction .lemo-fraction-line {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.lemonade-exercises .lemo-number-line-label {
  color: var(--lemo-color-gray-04);
  position: relative;
}

.lemonade-exercises .lemo-number-line-label .lemo-label {
  white-space: nowrap;
}

.lemonade-exercises .lemo-number-line-label .lemo-label, .lemonade-exercises .lemo-number-line-label .lemo-render-fraction {
  visibility: hidden;
}

.lemonade-exercises .lemo-number-line-label.lemo-show .lemo-label, .lemonade-exercises .lemo-number-line-label.lemo-show .lemo-render-fraction, .lemonade-exercises .lemo-number-line-label.lemo-is-first .lemo-label, .lemonade-exercises .lemo-number-line-label.lemo-is-first .lemo-render-fraction, .lemonade-exercises .lemo-number-line-label.lemo-is-last .lemo-label, .lemonade-exercises .lemo-number-line-label.lemo-is-last .lemo-render-fraction {
  visibility: visible;
}

.lemonade-exercises .lemo-number-line-label .lemo-label img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-height: 160px;
}

.lemonade-exercises .lemo-number-line-label.lemo-is-first {
  align-self: flex-start;
}

.lemonade-exercises .lemo-number-line-label.lemo-is-last {
  align-self: flex-end;
}

.lemonade-exercises .lemo-simple-tooltip-wrapper .react-tooltip {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  white-space: normal;
  z-index: 2;
  max-width: 400px;
  padding: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5;
}

.lemonade-exercises .lemo-number-line-labels {
  text-align: center;
  background-color: var(--lemo-color-gray-01);
  border-radius: var(--lemo-radii-02);
  width: -webkit-fit-content;
  width: fit-content;
  margin: 4em auto 5em;
}

.lemonade-exercises .lemo-number-line-labels .lemo-number-line-label > * {
  text-align: center;
  color: var(--lemo-color-text-02);
  width: auto;
  margin: 0 .3em;
  padding: 0 .2em;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 5em;
  display: flex;
  position: relative;
  top: -47px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment .lemo-label {
  margin-bottom: 5px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment .lemo-vertical-line {
  background-color: var(--lemo-color-gray-04);
  width: 2px;
  height: 24px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment .lemo-vertical-line.lemo-with-label {
  width: 4px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selecting {
  cursor: pointer;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selecting.lemo-dragging {
  cursor: grabbing;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selecting:hover .lemo-vertical-line {
  background-color: var(--lemo-color-corporate);
  width: 4px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selecting:hover .lemo-label {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selected:not(.lemo-success):not(.lemo-error) .lemo-vertical-line {
  background-color: var(--lemo-color-corporate);
  width: 4px;
  height: 32px;
  transform: translate(0, -4px);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selected:not(.lemo-success):not(.lemo-error) .lemo-label {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-is-used .lemo-vertical-line {
  background-color: var(--lemo-color-gray-06);
  width: 4px;
  height: 26px;
  transform: translate(0, -2px);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-is-used .lemo-number-line-label {
  color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-success .lemo-vertical-line {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-success .lemo-number-line-label {
  color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-error .lemo-vertical-line {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-error .lemo-number-line-label {
  color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-number-line__line .lemo-horizontal-line {
  background-color: var(--lemo-color-gray-04);
  width: 100%;
  height: 1px;
  margin: 0;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment-list {
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  width: 100%;
  display: flex;
  position: relative;
  top: -2em;
  left: 2%;
}

.lemonade-exercises .lemo-number-line__line .lemo-label {
  -webkit-user-select: none;
  user-select: none;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  margin-top: .3em;
}

.lemonade-exercises .lemo-hand-animation {
  pointer-events: none;
  z-index: 10;
  width: 140px;
  height: auto;
  position: absolute;
  top: 10px;
  left: -10px;
}

.lemonade-exercises .lemo-hand-animation img {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-number-line__bullet {
  z-index: 2;
  position: absolute;
  top: 25px;
  left: 2%;
}

.lemonade-exercises .lemo-number-line__bullet .lemo-bullet {
  width: 37px;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-disabled .lemo-bullet {
  pointer-events: none;
}

.lemonade-exercises .lemo-number-line__bullet .lemo-bullet {
  transform-origin: 50% 0;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-number-line__bullet .lemo-tracker {
  fill: var(--lemo-color-gray-02);
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-first-interaction-done .lemo-tracker {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-number-line__bullet.lemo-grouped-position_2 .lemo-tracker, .lemonade-exercises .lemo-number-line__bullet.lemo-grouped-position_3 .lemo-tracker {
  fill: var(--lemo-color-gray-02);
  filter: drop-shadow(0 3px .5px rgba(0, 0, 0, .15));
}

.lemonade-exercises .lemo-number-line__bullet.lemo-grouped-position_2:not(.lemo-selected) {
  top: 30px;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-grouped-position_3:not(.lemo-selected) {
  top: 38px;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-selected {
  z-index: 3;
  cursor: grabbing;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-selected .lemo-tracker {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line__bullet.lemo-disabled-while-dragging {
  pointer-events: none;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-success .lemo-tracker {
  fill: var(--lemo-color-success);
  stroke: var(--lemo-color-success-light-alpha);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-error .lemo-tracker {
  fill: var(--lemo-color-error);
  stroke: var(--lemo-color-error-light-alpha);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-math-number-line .lemo-question-body:not(.lemo-dragging) .lemo-bullet:hover {
  cursor: grab;
}

.lemonade-exercises .lemo-math-number-line .lemo-question-body {
  overflow: hidden;
}

.lemonade-exercises .lemo-math-number-line .lemo-number-line-wrapper {
  touch-action: none;
  height: 135px;
  position: relative;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-vertical-labels {
  text-anchor: end;
  transform: translate(27px, 15px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-vertical-labels {
  text-anchor: start;
  transform: translate(320px, 15px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_right .lemo-quadrant-vertical-labels {
  text-anchor: end;
  transform: translate(30px, 45px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-vertical-labels {
  text-anchor: end;
  transform: translate(330px, 45px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-vertical-labels {
    text-anchor: start;
    transform: translate(458px, 15px);
  }

  .lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-vertical-labels {
    text-anchor: end;
    transform: translate(471px, 45px);
  }
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-line {
  stroke: var(--lemo-color-gray-04);
  stroke-width: .5px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-axis-line {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 1.5px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-line.lemo-selected, .lemonade-exercises .lemo-quadrant-container .lemo-quadrant-axis-line.lemo-selected {
  stroke: var(--lemo-color-corporate);
  stroke-width: 1.5px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_right .lemo-quadrant-grid {
  transform: translate(40px, 10px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-quadrant-grid {
  transform: translate(20px, 10px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-quadrant-grid .lemo-vertical-line {
  transform: translateX(286px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-quadrant-grid .lemo-horizontal-line {
  transform: translateX(-9px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-quadrant-grid {
  transform: translate(40px, 40px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-quadrant-grid .lemo-vertical-line {
  transform: translateY(10px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-quadrant-grid .lemo-horizontal-line {
  transform: translateY(-286px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid {
  transform: translate(20px, 40px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid .lemo-vertical-line {
  transform: translate(286px, 10px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid .lemo-horizontal-line {
  transform: translate(-10px, -286px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid {
  transform: translate(28px, 18px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid .lemo-vertical-line {
  transform: translate(144px, 5px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid .lemo-horizontal-line {
  transform: translate(-5px, -144px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-quadrant-grid .lemo-vertical-line {
    transform: translateX(430px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-quadrant-grid .lemo-horizontal-line {
    transform: translateY(-430px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid .lemo-vertical-line {
    transform: translate(430px, 10px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid .lemo-horizontal-line {
    transform: translate(-10px, -430px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid .lemo-vertical-line {
    transform: translate(215px, 5px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid .lemo-horizontal-line {
    transform: translate(-5px, -215px);
  }
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-horizontal-labels {
  text-anchor: end;
  transform: translate(44px, 320px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-horizontal-labels {
  text-anchor: start;
  transform: translate(10px, 318px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_right .lemo-quadrant-horizontal-labels {
  text-anchor: end;
  transform: translate(44px, 30px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-horizontal-labels {
  text-anchor: end;
  transform: translate(26px, 30px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-horizontal-labels {
    transform: translate(44px, 464px);
  }

  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-horizontal-labels {
    transform: translate(7px, 464px);
  }
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-origin-label {
  text-anchor: end;
  transform: translate(30px, 320px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-origin-label {
  text-anchor: end;
  transform: translate(324px, 316px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_right .lemo-quadrant-origin-label {
  text-anchor: end;
  transform: translate(30px, 30px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-origin-label {
  text-anchor: end;
  transform: translate(324px, 25px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-origin-label {
    transform: translate(27px, 464px);
  }

  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-origin-label {
    transform: translate(463px, 464px);
  }

  .lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-origin-label {
    transform: translate(471px, 25px);
  }
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-single-quadrant {
  fill: none;
  margin: 0 auto;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-single-quadrant-bounds {
  fill: none;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-test-mode .lemo-single-quadrant-bounds {
  fill: var(--lemo-color-corporate-light);
  opacity: .5;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-quadrant-label {
  fill: var(--lemo-color-gray-06);
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  pointer-events: none;
  font-size: .8em;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-quadrant-label.lemo-selected {
  fill: #fff;
}

.lemonade-exercises .lemo-dot-atom .lemo-dot, .lemonade-exercises .lemo-dot-atom .lemo-dot-atom {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom .lemo-line {
  stroke: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-dot-atom {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-line {
  stroke: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-dot-atom {
  fill: var(--lemo-theme-dark-orange-out);
  stroke: var(--lemo-theme-dark-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-dark-orange-over);
  stroke: var(--lemo-theme-dark-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-line {
  stroke: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-dot-atom {
  fill: var(--lemo-theme-light-blue-out);
  stroke: var(--lemo-theme-light-blue-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-blue-over);
  stroke: var(--lemo-theme-light-blue-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-line {
  stroke: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-dot-atom {
  fill: var(--lemo-theme-dark-blue-out);
  stroke: var(--lemo-theme-dark-blue-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-dark-blue-over);
  stroke: var(--lemo-theme-dark-blue-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-line {
  stroke: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-dot-atom {
  fill: var(--lemo-theme-turquoise-out);
  stroke: var(--lemo-theme-turquoise-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-turquoise-over);
  stroke: var(--lemo-theme-turquoise-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-line {
  stroke: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-dot-atom.theme-violet .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-violet .lemo-dot-atom {
  fill: var(--lemo-theme-violet-out);
  stroke: var(--lemo-theme-violet-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-violet .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-violet .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-violet-over);
  stroke: var(--lemo-theme-violet-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-violet .lemo-line {
  stroke: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-dot-atom {
  fill: var(--lemo-theme-bordeaux-out);
  stroke: var(--lemo-theme-bordeaux-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-bordeaux-over);
  stroke: var(--lemo-theme-bordeaux-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-line {
  stroke: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-dot-atom.theme-green .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-green .lemo-dot-atom {
  fill: var(--lemo-theme-green-out);
  stroke: var(--lemo-theme-green-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-green .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-green .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-green-over);
  stroke: var(--lemo-theme-green-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-green .lemo-line {
  stroke: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-dot-handler {
  stroke: none;
  fill: rgba(0, 0, 0, 0);
  cursor: grab;
}

.lemonade-exercises .lemo-dot-handler:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-dot {
  fill: #1e67e9;
  stroke: none;
  pointer-events: none;
}

.lemonade-exercises .lemo-dot-atom.lemo-success .lemo-dot {
  fill: #fff;
  stroke: var(--lemo-color-success);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-dot-atom.lemo-success .lemo-dot-handler {
  fill: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-dot-atom.lemo-error .lemo-dot {
  fill: #fff;
  stroke: var(--lemo-color-error);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-dot-atom.lemo-error .lemo-dot-handler {
  fill: var(--lemo-color-error-light-alpha);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-quadrant-container .lemo-dot-atom.lemo-success .lemo-dot, .lemonade-exercises .lemo-quadrant-container .lemo-dot-atom.lemo-error .lemo-dot {
    stroke-width: 2px;
  }
}

.lemonade-exercises .lemo-quadrant-container .lemo-dot-list {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_right .lemo-dot-list {
  top: -2px;
  left: 28px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-dot-list {
  top: -2px;
  left: 8px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-dot-list {
  top: 28px;
  left: 28px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-dot-list {
  top: 28px;
  left: 8px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-dot-list {
  top: 6px;
  left: 16px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-dot-list-bounds {
  fill: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-quadrant-container .lemo-test-mode .lemo-dot-list-bounds {
  fill: #ff0;
  opacity: .6;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item {
  justify-content: center;
  align-items: center;
  margin: .5em;
  display: flex;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle {
  background-color: var(--lemo-color-gray-03);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-light-orange {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-dark-orange {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-light-blue {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-dark-blue {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-turquoise {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-violet {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-bordeaux {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-green {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-text {
  margin-left: .2em;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item__delete {
  fill: var(--lemo-color-gray-03);
  cursor: pointer;
  margin-left: 2px;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item__delete:hover {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend {
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-gray-01);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 1.5em auto;
  display: flex;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-question-body {
  text-align: center;
  display: block;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-center-container {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-all-vertical-labels {
  text-anchor: end;
  transform: translate(168px, 22px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-quadrant-container .lemo-quadrant-all-vertical-labels {
    text-anchor: end;
    transform: translate(233px, 29px);
  }
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-all-horizontal-labels {
  text-anchor: middle;
  transform: translate(25px, 175px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-quadrant-container .lemo-quadrant-all-horizontal-labels {
    text-anchor: middle;
    transform: translate(25px, 256px);
  }
}

.lemonade-exercises .lemo-quadrant-container .lemo-four-quadrant {
  fill: none;
  margin: 0 auto;
}

.lemonade-exercises .lemo-quadrant-container .lemo-four-quadrant-bounds {
  fill: none;
}

.lemonade-exercises .lemo-quadrant-container .lemo-test-mode .lemo-four-quadrant-bounds {
  fill: var(--lemo-color-corporate-light);
  opacity: .5;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-label {
  fill: var(--lemo-color-gray-06);
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  pointer-events: none;
  font-size: .8em;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-label.lemo-selected {
  fill: #fff;
}

.lemonade-exercises .lemo-fraction-figure {
  justify-content: center;
  align-items: center;
  margin: 2em auto;
  display: flex;
}

.lemonade-exercises .lemo-fraction-figure .fractional-shape {
  pointer-events: all;
  width: 400px;
}

.lemonade-exercises .lemo-fraction-figure .fractional-shape-slice {
  cursor: pointer;
  display: block;
}

.lemonade-exercises .lemo-fraction-figure.lemo-error .fractional-shape-slice.filled, .lemonade-exercises .lemo-fraction-figure.lemo-success .fractional-shape-slice.filled {
  stroke-width: 2px;
  stroke-dasharray: 5;
  z-index: 1;
  position: absolute;
}

.lemonade-exercises .lemo-fraction-figure.lemo-error .fractional-shape-slice.filled {
  fill: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-fraction-figure.lemo-error .fractional-shape-feedback-class {
  stroke: var(--lemo-color-error);
  stroke-width: 2px;
  stroke-dasharray: 4;
}

.lemonade-exercises .lemo-fraction-figure.lemo-success .fractional-shape-slice.filled {
  fill: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-fraction-figure.lemo-success .fractional-shape-feedback-class {
  stroke: var(--lemo-color-success);
  stroke-width: 2px;
  stroke-dasharray: 4;
}

.lemonade-exercises .lemo-disabled .lemo-fraction-figure .fractional-shape-slice {
  cursor: auto;
}

.lemonade-exercises .lemo-fraction .lemo-question-body {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-boxplot-labels {
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-gray-01);
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: .2em .4em;
  display: flex;
}

.lemonade-exercises .lemo-boxplot-labels .lemo-label {
  color: var(--lemo-color-gray-06);
  margin: 0 .3em;
  padding: .4em 0;
  font-size: 1em;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet {
  pointer-events: none;
  fill: var(--lemo-color-gray-06);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-handler {
  fill: rgba(0, 0, 0, 0);
  cursor: grab;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-handler:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-modified .lemo-bullet {
  fill: #fff;
  stroke: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-selected .lemo-bullet {
  fill: #fff;
  stroke: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-success .lemo-bullet {
  fill: #fff;
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-success .lemo-bullet-handler {
  fill: var(--lemo-color-success-light);
  opacity: .5;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-error .lemo-bullet {
  fill: #fff;
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-error .lemo-bullet-handler {
  fill: var(--lemo-color-error-light-alpha);
  opacity: .5;
}

.lemonade-exercises .lemo-math-boxplot .lemo-horizontal-union {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-math-boxplot .lemo-box {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 1px;
  fill: none;
}

.lemonade-exercises .lemo-math-boxplot .lemo-question-body > * {
  margin-bottom: 2em;
}

.lemonade-exercises .lemo-editor-fraction-shape .lemo-color-pattern-icon {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  border-radius: var(--lemo-radii-01);
}

.lemonade-exercises .lemo-editor-fraction-shape .lemo-color-selector-dropdown .lemo-dropdown-selected-label {
  width: 110px;
}

.lemonade-exercises .lemo-icon-image-picker {
  padding-right: 17px;
  position: relative;
}

.lemonade-exercises .lemo-icon-image-picker .lemo-add-image-button {
  z-index: 1;
  position: absolute;
  top: 6px;
  right: 0;
}

.lemonade-exercises .lemo-icon-image-picker .lemo-image-preview {
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .5;
  width: 57px;
  height: 52px;
}

.lemonade-exercises .lemo-error-message {
  color: var(--lemo-color-error);
  margin-bottom: 1em;
  font-size: .85em;
  font-weight: 500;
}

.lemonade-exercises .lemo-draggable-list-item .lemo-item-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-draggable-list-item .lemo-editor-input-text {
  margin: .4em;
  padding: .8em;
}

.lemonade-exercises .lemo-draggable-list-item .lemo-delete-button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}

.lemonade-exercises .lemo-draggable-list-item .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-draggable-list-item .lemo-delete-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-draggable-list-item .lemo-draggable-item-list-error {
  margin-left: 2.4em;
}

.lemonade-exercises .lemo-editor-item-list .lemo-item-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-item-list .lemo-item-wrapper .lemo-editor-input-text {
  margin: .4em;
  padding: .8em;
}

.lemonade-exercises .lemo-answer-options-editor .lemo-label-wrapper {
  flex-grow: 1;
  margin: .4em 0;
}

.lemonade-exercises .lemo-answer-options-editor .lemo-editor-item-list .lemo-editor-horizontal-content:last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-light-orange {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-dark-orange {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-light-blue {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-dark-blue {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-turquoise {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-violet {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-bordeaux {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-green {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation-cell {
  border: 1px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-cell-input {
  text-align: center;
}

.lemonade-exercises .lemo-cell-input:focus {
  color: var(--lemo-color-corporate);
  outline: 1px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cell-input:disabled {
  cursor: not-allowed;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button {
  background-color: var(--lemo-color-white);
  border: 2px solid var(--lemo-color-corporate-light);
  border-radius: var(--lemo-radii-03);
  cursor: pointer;
  border-bottom-width: 4px;
  width: 36px;
  height: 38px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button .lemo-icon {
  fill: var(--lemo-color-corporate-light);
  position: relative;
  top: 2px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button.lemo-focus {
  border-bottom-width: 4px;
  border-color: var(--lemo-color-corporate-light);
  box-shadow: none;
  height: 38px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button.lemo-focus .lemo-icon {
  fill: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:hover, .lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:active {
  border-color: var(--lemo-color-corporate-light);
  background-color: var(--lemo-color-corporate-lighter);
  box-shadow: inset 0 4px 0px var(--lemo-color-corporate-light-alpha);
  border-bottom-width: 2px;
  height: 38px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:hover .lemo-icon, .lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:active .lemo-icon {
  fill: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-disabled .lemo-flag-button, .lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:disabled {
  border: 2px solid var(--lemo-color-gray-01);
  background-color: var(--lemo-color-white);
  border-radius: var(--lemo-radii-03);
  box-shadow: 0 2px 0px var(--lemo-color-gray-02);
  cursor: not-allowed;
  width: 36px;
  height: 36px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-disabled .lemo-flag-button .lemo-icon, .lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
  position: relative;
  top: 2px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-annotation-cell.lemo-is-active {
  z-index: 2;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell {
  background-color: var(--lemo-color-white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell .lemo-icon {
  background-color: var(--lemo-color-corporate);
  width: 74%;
  height: 3px;
  position: absolute;
  bottom: 6px;
  left: 13%;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell.lemo-disabled {
  background-color: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell.lemo-disabled .lemo-icon {
  background-color: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell.lemo-success {
  border: 2px solid var(--lemo-color-success);
  background-color: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell.lemo-error {
  border: 2px solid var(--lemo-color-error);
  background-color: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-operand-row .lemo-cross-out {
  stroke: var(--lemo-color-gray-03);
  stroke-width: 3px;
  stroke-linecap: round;
  position: absolute;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-grid {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-grid .lemo-grid-line {
  stroke: var(--lemo-color-gray-02);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-grid .lemo-grid-line.lemo-operation-line {
  stroke: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-visual-help {
  border: 2px dashed var(--lemo-color-gray-05);
  pointer-events: none;
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation-sign {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation-wrapper {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation {
  margin: 0;
  padding: 0;
  display: block;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation > div {
  flex-direction: row;
  display: flex;
}

.lemonade-exercises .lemo-subtraction .lemo-operation-wrapper {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-subtraction .lemo-operation {
  margin: 0;
  padding: 0;
  display: block;
}

.lemonade-exercises .lemo-subtraction .lemo-operation > div {
  flex-direction: row;
  display: flex;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-grid {
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-grid-line {
  stroke: var(--lemo-color-gray-02);
  stroke-width: .5px;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-grid-line-symmetry {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 1px;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-feedback-border {
  fill: none;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-feedback-border.lemo-error {
  stroke: var(--lemo-color-error);
  stroke-width: 4px;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-feedback-border.lemo-success {
  stroke: var(--lemo-color-success);
  stroke-width: 4px;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-polygon {
  opacity: .6;
}

.lemonade-exercises .lemo-transformations-in-plane.lemo-success-result .lemo-user-element, .lemonade-exercises .lemo-transformations-in-plane.lemo-error-result .lemo-user-element {
  opacity: 1;
  stroke-width: 2px;
  stroke-dasharray: 4;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-polygon.lemo-user-element.lemo-error {
  fill: var(--lemo-color-error-light);
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-polygon.lemo-user-element.lemo-success {
  fill: var(--lemo-color-success-light);
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-figure-pivot circle {
  fill: var(--lemo-color-text-02);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-figure-pivot text {
  text-anchor: middle;
  fill: var(--lemo-color-text-01);
  font-weight: bold;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-figure-container {
  overflow: visible;
}

.lemonade-exercises .lemo-key-button {
  border-radius: var(--lemo-button-border-radius);
  border: 2px solid var(--lemo-button-color-primary);
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.lemonade-exercises .lemo-key-button .lemo-icon {
  fill: var(--lemo-button-color-primary);
  width: 32px;
  height: 32px;
  position: relative;
}

.lemonade-exercises .lemo-key-button:hover, .lemonade-exercises .lemo-key-button:active {
  background-color: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-key-button:hover .lemo-icon, .lemonade-exercises .lemo-key-button:active .lemo-icon {
  fill: var(--lemo-button-color-white);
}

.lemonade-exercises .lemo-key-button:disabled {
  border-color: var(--lemo-button-color-disabled-03);
  background: var(--lemo-button-color-white);
  cursor: not-allowed;
}

.lemonade-exercises .lemo-key-button:disabled .lemo-icon {
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-figure-controls {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 250px;
  height: -webkit-fit-content;
  height: fit-content;
  margin-top: 20px;
  display: flex;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-up {
  order: -5;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-left, .lemonade-exercises .lemo-transformations-in-plane .lemo-down {
  order: -3;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-right {
  order: -2;
}

@media screen and (min-width: 600px) {
  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-figure-controls {
    flex-wrap: nowrap;
    width: 100%;
  }

  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-up {
    order: unset;
    margin: 0;
  }

  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-left, .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-down, .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-right {
    order: unset;
  }
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-rotation-reference {
  --size: 10px;
  width: var(--size);
  height: var(--size);
  background-color: var(--lemo-color-gray-05);
  border-radius: 50%;
  position: relative;
  transform: translate(-5px, -5px);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector {
  overflow: auto;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector line, .lemonade-exercises .lemo-transformations-in-plane .lemo-vector path {
  stroke: var(--lemo-color-gray-05);
  stroke-width: 2px;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
  animation: 1s ease-in-out 3 colorTransition;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector rect.lemo-bounds:hover {
  cursor: grab;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector.lemo-dragging rect.lemo-bounds:hover {
  cursor: grabbing;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector.lemo-hover line, .lemonade-exercises .lemo-transformations-in-plane .lemo-vector.lemo-hover path {
  stroke: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector path {
  fill: none;
  transform: scale(.5);
}

@keyframes colorTransition {
  0% {
    stroke: var(--lemo-color-gray-05);
  }

  50% {
    stroke: var(--lemo-color-corporate);
  }

  100% {
    stroke: var(--lemo-color-gray-05);
  }
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout {
  flex-flow: column wrap;
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
  display: flex;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-controls-block {
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-canvas {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-canvas .lemo-feedback-icon-position {
  left: unset;
  top: -10px;
  right: 20px;
}

@media screen and (min-width: 600px) {
  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout.lemo-position-left, .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout.lemo-position-right {
    justify-content: space-around;
  }

  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout.lemo-position-left {
    flex-direction: row-reverse;
  }

  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout.lemo-position-right {
    flex-direction: row;
  }
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls {
  border-radius: var(--lemo-radii-03) var(--lemo-radii-03) 0 0;
  background: var(--lemo-color-gray-01);
  justify-content: flex-start;
  align-items: center;
  padding: .4em 0;
  display: flex;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button {
  cursor: pointer;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 1em;
  display: flex;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-right-align-controls {
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-right-align-controls > * {
  margin-right: .6em;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button.lemo-circular-button {
  background: var(--lemo-color-base-white);
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button .lemo-label {
  width: -webkit-fit-content;
  width: fit-content;
  margin-left: .3em;
  display: block;
  position: relative;
  top: 3px;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button .lemo-icon {
  fill: var(--lemo-color-text-02);
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button:disabled {
  cursor: not-allowed;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button:disabled .lemo-label {
  color: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button:disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button.lemo-circular-button:disabled {
  border: 2px solid var(--lemo-color-gray-03);
  background: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-math-functions .lemo-grid {
  cursor: pointer;
  margin: 1em auto;
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-math-functions .lemo-grid .lemo-grid-line {
  stroke: var(--lemo-color-gray-03);
  stroke-width: .5px;
}

.lemonade-exercises .lemo-math-functions .lemo-grid .lemo-grid-line.lemo-grid-line-symmetry {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 1px;
}

.lemonade-exercises .lemo-math-functions .lemo-grid .lemo-axis-label {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-math-functions .lemo-grid.lemo-show-highlight .lemo-grid-line.lemo-highlighted {
  stroke: #00f;
}

.lemonade-exercises .lemo-math-functions .lemo-grid.lemo-show-highlight .lemo-axis-label.lemo-highlighted {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-line-connector .lemo-dot, .lemonade-exercises .lemo-line-connector .lemo-dot-atom {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector .lemo-line {
  stroke: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-dot-atom {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-line {
  stroke: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-dot-atom {
  fill: var(--lemo-theme-dark-orange-out);
  stroke: var(--lemo-theme-dark-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-dark-orange-over);
  stroke: var(--lemo-theme-dark-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-line {
  stroke: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-dot-atom {
  fill: var(--lemo-theme-light-blue-out);
  stroke: var(--lemo-theme-light-blue-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-blue-over);
  stroke: var(--lemo-theme-light-blue-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-line {
  stroke: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-dot-atom {
  fill: var(--lemo-theme-dark-blue-out);
  stroke: var(--lemo-theme-dark-blue-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-dark-blue-over);
  stroke: var(--lemo-theme-dark-blue-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-line {
  stroke: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-dot-atom {
  fill: var(--lemo-theme-turquoise-out);
  stroke: var(--lemo-theme-turquoise-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-turquoise-over);
  stroke: var(--lemo-theme-turquoise-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-line {
  stroke: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-line-connector.theme-violet .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-violet .lemo-dot-atom {
  fill: var(--lemo-theme-violet-out);
  stroke: var(--lemo-theme-violet-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-violet .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-violet .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-violet-over);
  stroke: var(--lemo-theme-violet-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-violet .lemo-line {
  stroke: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-dot-atom {
  fill: var(--lemo-theme-bordeaux-out);
  stroke: var(--lemo-theme-bordeaux-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-bordeaux-over);
  stroke: var(--lemo-theme-bordeaux-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-line {
  stroke: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-line-connector.theme-green .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-green .lemo-dot-atom {
  fill: var(--lemo-theme-green-out);
  stroke: var(--lemo-theme-green-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-green .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-green .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-green-over);
  stroke: var(--lemo-theme-green-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-green .lemo-line {
  stroke: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-line-connector .lemo-line {
  stroke-width: 2px;
  fill: none;
}

.lemonade-exercises .lemo-line-connector.lemo-is-preview .lemo-line {
  stroke-dasharray: 4 4;
}

.lemonade-exercises .lemo-line-connector.lemo-success .lemo-line {
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-line-connector.lemo-error .lemo-line {
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-functions .lemo-question-body {
  margin: auto;
}

.lemonade-exercises .lemo-math-functions .lemo-grid-container {
  margin-top: 2.5em;
  position: relative;
}

.lemonade-exercises .lemo-math-functions .lemo-grid-container:before, .lemonade-exercises .lemo-math-functions .lemo-grid-container:after {
  color: var(--lemo-color-gray-06);
  font-family: sans-serif;
  font-weight: var(--lemo-text-bold);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-math-functions .lemo-grid-container:before {
  content: "y";
  width: 100%;
  top: -1em;
  transform: translateY(-16px);
}

.lemonade-exercises .lemo-math-functions .lemo-grid-container:after {
  content: "x";
  top: 0;
  bottom: 0;
  right: -4%;
}

.lemonade-exercises .lemo-math-functions .lemo-entry {
  margin: .4em 0;
}

.lemonade-exercises .lemo-math-functions .lemo-entry.lemo-selected {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-quotient-list {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-quotient {
  width: -webkit-fit-content;
  width: fit-content;
}

.lemonade-exercises .lemo-basic-input-keyboard {
  text-align: center;
  box-sizing: content-box;
  outline: none;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 1em;
}

.lemonade-exercises .lemo-basic-input-keyboard:focus {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-basic-input-keyboard:disabled {
  cursor: not-allowed;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-middle-line {
  background-color: var(--lemo-color-gray-06);
  border-radius: 50px;
  align-self: stretch;
  width: 2px;
  min-height: 20px;
  margin: 0 1.5em;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-operation-layout {
  justify-content: center;
  align-items: flex-start;
  min-height: 160px;
  margin: 2em 0;
  display: flex;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-operation-layout > :first-child, .lemonade-exercises .lemo-math-prime-number-decomposition .lemo-operation-layout > :last-child {
  width: 40%;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor, .lemonade-exercises .lemo-math-prime-number-decomposition .lemo-quotient {
  border: 2px solid;
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 1em;
  padding: 6px;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor {
  border-color: var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-02);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor.lemo-selected {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor.lemo-success {
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor.lemo-error {
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-quotient {
  border-color: rgba(0, 0, 0, 0);
  line-height: 1.2;
}

@media only screen and (min-width: 560px) {
  .lemonade-exercises .lemo-math-prime-number-decomposition .lemo-operation-layout {
    min-height: 240px;
  }
}

.lemonade-exercises .lemo-find-closest-value__line {
  position: relative;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment .lemo-label {
  margin-bottom: 5px;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment .lemo-vertical-line {
  background-color: var(--lemo-color-gray-04);
  width: 2px;
  height: 24px;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment .lemo-vertical-line.lemo-with-label {
  width: 3px;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selecting {
  cursor: pointer;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selecting.lemo-dragging {
  cursor: grabbing;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selecting:hover .lemo-vertical-line {
  background-color: var(--lemo-color-corporate);
  width: 3px;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selecting:hover .lemo-label {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selected:not(.lemo-success):not(.lemo-error) .lemo-vertical-line {
  background-color: var(--lemo-color-corporate);
  width: 4px;
  height: 32px;
  transform: translate(0, -4px);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selected:not(.lemo-success):not(.lemo-error) .lemo-label {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-is-used .lemo-vertical-line {
  background-color: var(--lemo-color-gray-06);
  width: 3px;
  height: 26px;
  transform: translate(0, -2px);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-is-used .lemo-number-line-label {
  color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-success .lemo-vertical-line {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-success .lemo-number-line-label {
  color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-error .lemo-vertical-line {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-error .lemo-number-line-label {
  color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-find-closest-value__line {
  overflow: hidden;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-find-closest-value__line .lemo-horizontal-line {
  background-color: var(--lemo-color-gray-04);
  width: 100%;
  height: 1px;
  margin: 0;
  position: absolute;
  top: 47px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-find-closest-value__line .lemo-segment-list {
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  width: 100%;
  display: flex;
  position: relative;
  left: 2%;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-find-closest-value__line .lemo-label {
  -webkit-user-select: none;
  user-select: none;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  margin-top: .3em;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-range-pointer {
  background-color: var(--lemo-color-corporate-light-alpha);
  border-radius: 4px;
  width: 8px;
  height: 40px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-range-pointer .lemo-range-pointer-inner {
  width: 4px;
  height: 32px;
  margin: 4px 2px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider {
  z-index: 2;
  margin: 1em auto 2em;
  position: relative;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-bullet {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-bullet-head-wrapper {
  position: absolute;
  transform: translateX(-50%);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-disabled .lemo-bullet {
  pointer-events: none;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-bullet {
  transform-origin: 50% 0;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-bullet-head-wrapper {
  pointer-events: none;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-tracker {
  fill: var(--lemo-color-gray-02);
  pointer-events: none;
  opacity: 1;
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range:hover {
  cursor: grab;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range-pointer {
  position: absolute;
  top: -49px;
  left: 15px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range {
  cursor: grab;
  z-index: 1;
  opacity: 0;
  width: calc(100% + 37px);
  height: 120px;
  margin-left: -18.5px;
  position: relative;
  top: -60px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range::-webkit-slider-thumb {
  cursor: grab;
  width: 37px;
  height: 37px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range::-moz-range-thumb {
  cursor: grab;
  width: 37px;
  height: 37px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-first-interaction-done .lemo-tracker {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-first-interaction-done .lemo-range-pointer-inner {
  background-color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-tracker {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-range-pointer-inner {
  background-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-range {
  cursor: grabbing;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-range::-webkit-slider-thumb {
  cursor: grabbing;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-range::-moz-range-thumb {
  cursor: grabbing;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-success .lemo-tracker {
  fill: var(--lemo-color-success);
  stroke: var(--lemo-color-success-light);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-success .lemo-range-pointer {
  background-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-success .lemo-range-pointer-inner {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-error .lemo-tracker {
  fill: var(--lemo-color-error);
  stroke: var(--lemo-color-error-light);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-error .lemo-range-pointer {
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-error .lemo-range-pointer-inner {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-exact-position {
  --custom-green-success: #93e2ce;
  z-index: 100;
  position: absolute;
  top: 35px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-exact-position .lemo-exact-position-line {
  background-color: var(--custom-green-success);
  width: 3px;
  height: 25px;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-number-line-wrapper {
  position: relative;
}

.lemonade-exercises .lemo-math-find-closest-value.lemo-success-result .lemo-horizontal-line, .lemonade-exercises .lemo-math-find-closest-value.lemo-error-result .lemo-horizontal-line, .lemonade-exercises .lemo-math-find-closest-value.lemo-success-result .lemo-find-closest-value__line .lemo-segment .lemo-vertical-line, .lemonade-exercises .lemo-math-find-closest-value.lemo-error-result .lemo-find-closest-value__line .lemo-segment .lemo-vertical-line {
  background-color: var(--lemo-color-text-04);
}

.lemonade-exercises .lemo-math-find-closest-value.lemo-success-result .lemo-find-closest-value__line .lemo-segment .lemo-number-line-label, .lemonade-exercises .lemo-math-find-closest-value.lemo-error-result .lemo-find-closest-value__line .lemo-segment .lemo-number-line-label {
  color: var(--lemo-color-text-04);
}

.lemonade-exercises .lemo-numeric-input {
  min-width: 2em;
  margin: 0 .2em;
  display: inline-block;
}

.lemonade-exercises .lemo-numeric-input.lemo-full-width {
  width: 100%;
}

.lemonade-exercises .lemo-numeric-input.lemo-error {
  border-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-function-list .lemo-function-item-container {
  margin-bottom: .5em;
  padding: .5em;
  display: flex;
}

.lemonade-exercises .lemo-function-list .lemo-function-item-container > :first-child {
  flex-grow: 1;
}

.lemonade-exercises .lemo-function-list .lemo-function-list-solution {
  justify-content: flex-start;
  align-items: center;
  padding: .5em;
  display: flex;
}

.lemonade-exercises .lemo-function-list .lemo-delete-button {
  cursor: pointer;
  margin-left: .5em;
}

.lemonade-exercises .lemo-checkbox-square-label {
  gap: var(--lemo-box-paddings-s);
  cursor: pointer;
  display: flex;
}

.lemonade-exercises .lemo-editor-prime-number-list {
  justify-content: space-around;
  align-items: center;
  margin: 1.4em 0;
  display: flex;
}

.lemonade-exercises .lemo-audio-player-slider {
  position: relative;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-slider-progress-bar {
  background-color: var(--lemo-color-corporate);
  pointer-events: none;
  border-radius: 50px;
  height: 7px;
  position: absolute;
  bottom: 2px;
  left: 0;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider {
  -webkit-appearance: none;
  background: var(--lemo-color-corporate-light);
  border-radius: 5px;
  width: 100%;
  height: 7px;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  visibility: hidden;
  cursor: ew-resize;
  width: 7px;
  height: 7px;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-moz-range-thumb {
  -webkit-appearance: none;
  visibility: hidden;
  cursor: ew-resize;
  width: 7px;
  height: 7px;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-ms-thumb {
  -webkit-appearance: none;
  visibility: hidden;
  cursor: ew-resize;
  width: 7px;
  height: 7px;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-audio-player {
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: .6em;
  padding: 1em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-audio-player .lemo-play-icon, .lemonade-exercises .lemo-audio-player .lemo-pause-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-audio-player .lemo-play-icon:hover, .lemonade-exercises .lemo-audio-player .lemo-pause-icon:hover {
  fill: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-middle {
  flex-direction: column;
  flex-grow: 1;
  padding: 0 1em;
  display: flex;
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-middle input {
  width: 100%;
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-middle-top {
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-right {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-right .lemo-trash-audio {
  cursor: pointer;
}

.lemonade-exercises .lemo-audio-player .lemo-trash-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-circular-button {
  background-color: var(--lemo-button-color-primary);
  color: var(--lemo-button-color-white);
  fill: var(--lemo-button-color-white);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-circular-button:hover {
  background-color: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-no-mic-available-message {
  border: 2px solid var(--lemo-color-error);
  border-radius: var(--lemo-radii-01);
  align-items: center;
  max-width: 560px;
  padding: .6em;
  display: inline-flex;
}

.lemonade-exercises .lemo-no-mic-available-message .lemo-icon-wrapper {
  align-items: center;
  height: 40px;
  display: flex;
}

.lemonade-exercises .lemo-no-mic-available-message .lemo-no-mic-icon {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-no-mic-available-message .lemo-text {
  padding-left: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-no-mic-controls .lemo-mic-no-available-button {
  margin: 1.5em auto;
}

.lemonade-exercises .lemo-no-mic-controls .lemo-no-mic-available-message {
  margin: 2em auto 0;
}

.lemonade-exercises .lemo-no-mic-controls .lemo-mic-no-available-button {
  background-color: var(--lemo-color-gray-02);
  cursor: not-allowed;
}

.lemonade-exercises .lemo-no-mic-controls .lemo-mic-off-icon path, .lemonade-exercises .lemo-no-mic-controls .lemo-mic-off-icon rect {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-no-mic-controls .lemo-mic-off-icon rect {
  stroke: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-cancel-audio-button {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-icon {
  fill: var(--lemo-color-gray-01);
  z-index: 1;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-cancel-audio-button:hover {
  opacity: .6;
  transform: scale(1.1);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-cancel-audio-button:after {
  content: "";
  background-color: var(--lemo-color-gray-06);
  z-index: 0;
  width: 18px;
  height: 18px;
  position: absolute;
}

@keyframes pulse {
  from {
    transform: scale(1.2);
  }

  to {
    transform: scale(.8);
  }
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer .lemo-red-circle-icon {
  animation: 1s linear infinite alternate pulse;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer {
  background-color: var(--lemo-color-gray-01);
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  padding: .3em .6em;
  display: flex;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer .lemo-red-circle-icon {
  margin-right: .3em;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer .lemo-current-time {
  color: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer .lemo-max-time {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-controls-button-wrapper {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-cancel-audio-button {
  position: absolute;
  top: -7px;
  right: -32px;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer {
  opacity: 0;
  z-index: 4;
  width: -webkit-max-content;
  width: max-content;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(20px);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer.active {
  opacity: 1;
  transition: all .3s ease-out;
  transform: translateY(15px);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-circular-button {
  z-index: 3;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:after, .lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:before {
  background: var(--lemo-color-corporate);
  opacity: .3;
  content: "";
  z-index: 2;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:hover {
  cursor: pointer;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:hover .lemo-stop-button-circles:after, .lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:hover .lemo-stop-button-circles:before {
  opacity: 1;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:after {
  animation: 10s .1s infinite a01;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:before {
  animation: 10s .1s infinite a02;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-recording {
  z-index: 3;
  position: relative;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-recording svg {
  fill: var(--lemo-color-corporate);
}

@keyframes a01 {
  0% {
    border-radius: 95%;
    transform: skew(0deg);
  }

  10% {
    border-radius: 70%;
    transform: skew(2deg, 4deg)rotate(30deg);
  }

  20% {
    border-radius: 95%;
    transform: skew(4deg, 8deg);
  }

  30% {
    border-radius: 40%;
    transform: skew(38deg, -24deg);
  }

  40% {
    border-radius: 95%;
    transform: skew(0deg);
  }

  50% {
    border-radius: 40%;
    transform: skew(4deg, -14deg)rotate(25deg);
  }

  75% {
    border-radius: 40%;
    transform: skew(8deg, -8deg);
  }

  100% {
    border-radius: 95%;
    transform: skew(0deg);
  }
}

@keyframes a02 {
  0% {
    border-radius: 70%;
    transform: skew(0deg);
  }

  15% {
    border-radius: 80%;
    transform: skew(-14deg, 24deg);
  }

  25% {
    border-radius: 95%;
    transform: skew(0deg, -12deg);
  }

  50% {
    border-radius: 75%;
    transform: skew(12deg, -22deg);
  }

  75% {
    border-radius: 80%;
    transform: skew(-8deg, -12deg);
  }

  100% {
    border-radius: 90%;
    transform: skew(0deg);
  }
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-audio-recorder-controls {
  margin: 2em auto;
  position: relative;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-circular-button {
  margin: 0 auto;
}

.lemonade-exercises .lemo-audio-recorder-widget {
  text-align: center;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-no-mic-button {
  margin: 0 auto 1em;
  display: none;
}

.lemonade-exercises .lemo-question-context-empty-response {
  border: 2px dashed var(--lemo-color-gray-03);
  border-radius: .6em;
  align-items: center;
  width: 100%;
  padding: .8em;
  display: flex;
}

.lemonade-exercises .lemo-question-context-empty-response .lemo-icon-wrapper {
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-gray-02);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 1em;
  display: flex;
}

.lemonade-exercises .lemo-question-context-empty-response .lemo-icon-wrapper > svg {
  fill: #fff;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-controls {
  background-color: var(--lemo-color-gray-05);
  z-index: 101;
  border-radius: 2em;
  justify-content: space-between;
  padding: .4em;
  transition: all .2s;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-button {
  background-color: var(--lemo-color-gray-04);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-button svg {
  fill: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-button.lemo-selected {
  background-color: #fff;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box {
  border-radius: var(--lemo-radii-01);
  pointer-events: none;
  z-index: 101;
  position: absolute;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-solutions-mode .lemo-evaluation-box, .lemonade-exercises .lemo-other-click-to-find .feedback-with-border .lemo-evaluation-box, .lemonade-exercises .lemo-other-click-to-find .feedback-with-tick .lemo-evaluation-box {
  border: 2px dashed;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box:before {
  content: "";
  z-index: 100;
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box.lemo-error {
  color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box.lemo-success {
  color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-other-click-to-find .lemo-solutions-mode .lemo-evaluation-box.lemo-error:before, .lemonade-exercises .lemo-other-click-to-find .feedback-with-tick .lemo-evaluation-box.lemo-error:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kd8rg1EYxz/brImJUFy4WBpXJqYWN8qWRi2tmTLcbK/9UNu8ve+WllvldkWJG78u+Au4Va6VIlJyp1wTN+j1vKYm2XN6zvM533Oep3OeA9ZoVsnpdQOQyxe0SNDvmo3NuRyP2Gmlg2Fa44qujoXDIWra2w0WM155zFq1z/1rjYtJXQFLvfCoomoF4Qnh0EpBNXlTuF3JxBeFj4X7NLmg8LWpJyr8ZHK6wh8ma9FIAKwtwq70L078YiWj5YTl5bhz2aLycx/zJc5kfmZaYrd4FzoRgvhxMck4AXwMMiKzDw9e+mVFjfyB7/wpliVXkVmlhMYSaTIU6BO1KNWTElOiJ2VkKZn9/9tXPTXkrVR3+sH+YBgvPeDYgM+yYbzvG8bnAdju4SxfzV/eg+FX0ctVzb0LzWtwcl7VEltwug6dd2pci39LNnFrKgXPR9AUg7ZLaJiv9Oxnn8NbiK7KV13A9g70yvnmhS99w2fw1aJmCQAAAAlwSFlzAAALEwAACxMBAJqcGAAABVlJREFUaIHNmk9oFHcUxz/zZ8265k8LWdEESdWDbTWHFoPGg4mYCNFiIojTtKBgQA8q5lBsxWulxVxFEL2oScwkUTQxiWCDJJeKtIJCzEEwguAhA0Wb7K667E4PM7Nu3J3fzOwa7Rf2ML/fe/s+/Gb2N++930oUKUPTQkAD0AysAqqyPgAvsj7PgTvARFTXk8XElQqELQF2A23ALqAi4Fe8BEaBG8BQVNffBGUIBG5omgy0A78CXwQN5qJnwCmgL6rrab9OvsENTWsCzgDfBEbzpwfAz1Fd/8OPsSe4oWkK8DvwU5FgftUFnIzqekpkJAQ3NK0C6AV2fkAwPxoF2qO6/q+bgSu4oWmrgRHgq0UA86NpYFdU12fyTeYFt1f6HvDlIoL50TRQH9X1V+9PyO8P2M/0VT49NFh3u9dmWqAccKwfYovo26RIhCV1dZRs2YJSXR2YRlm5klBtLeratSDnQ1igncBvOQzZF/aWd8edWCLS1kZk715Q7EUwTRJjY8S6uyHtsQ2rKqUdHYS3bcsMmXNzxHSd1+PjYJoi76aoro/ngNsvl79w26clibLOTko2bco7/Xpigvnz593hVZXyzk6WbNyY3398nPmLF0XwD4A65yWVfZ++d4UGlra0uEIDhBsaKD18OP+tV1XKjx93hQYIb99OuLHRdR74FtCcCxkyucdpVxdZZumePaIvtYI3NFB66BBIWU+gA11X5+kfaW9f6Jur0zZrZsV3I8g91DVrkMvKPAMDhBsbrZWXJFAU39AAcnk5ak2NyGS1zYpqD7SJrCVVFU3nyLnl8rJlvqEz8t5lWoEByc6nDQSpqVxRwednzyKFQsEgAspMJPjnyBHMeFxk9hJYLmMVAcJ8Ov3qFfGBgQ+ImF+x7m4vaIDPgK0yVuXiqcTwMImhoWLZXBXr7bX2cn9qlrHKLW+ZJrGrV0kMDxfK5qpYb2/QRVkl86429JZpWkE+IHwB0ABVwcDhHfytW0GD5ahAaCgIHCz4np6i4GN9fcX8Zqo8N01XyTJyZWXB7kplpddbUhweq98RMKpC2bFjlGzeXHDgcFMTpR0dhcK/CA6uKJQdPVoUtKNwUxOlBw8WAh8Q3IGurw8ayFXh5uZC4F/IWG0xby0CtKMC4J/LiCqeLJUeOLAo0I7Czc1E9u3za35HBiaAnCo6W2pNDeEdO4pl81SktRWlynN3fglMynbXdERkqaxYERgi3t9PYnQ0mJMso67yzEBGorqedBLtG8APbpZp74xtgeL9/cSvX7eeWUliaYuwabAwViLhZXIT3lVAQ1hd07xKPn5Mem7OV+D4wIAFDdYb9vJlEmNjvnzTc3Mkp6ZEJjM2qwVu96dPuZqnUsSuXPGGHhwkfu3awkEH/vZtT//5CxcgJex1nnJ66dmv/D6sFkBevZmcFOYm8cFB4oOD+SdNk9ilS0L4eF8fb+/fF0H/DejORaa11TU1ZZ7YsOEpsN/NM/noEWnDILR+faaMM5NJ4j09JG7eFAW1/B8+BCC0bl2mtkwZBvPnzvH67l0v9/1RXX/qXOTs+IamdeHRC5dCIUK1taCqpGZmSBmGJ3S2lOXLUaqrMWMxkk+eeHWwALqiun4ieyBf+f4L8DWCnriZTPL2getT5anU7Cyp2Vm/5iPAyfcHRW3mP/l0vXFH08DmfA3+vPm43Y/eZTt+Kk0DO91OJVwLCfskoB7rWONjawRrpZ+5GQgrIHvld2MdKH0snQFaRec/8P87LjyR3QMXyXfNaZ8/bgR+RJAeFKAZrDypzi80FH8k3gp8R2FH4iNYCdPiH4nnk9003UqwPyFMFvsnhP8AR4PLtcYsUNUAAAAASUVORK5CYII=) 0 0 / contain no-repeat;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-solutions-mode .lemo-evaluation-box.lemo-success:before, .lemonade-exercises .lemo-other-click-to-find .feedback-with-tick .lemo-evaluation-box.lemo-success:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kd8rg1EYxz/brImJUFy4WBpXJqYWN8qWRi2tmTLcbK/9UNu8ve+WllvldkWJG78u+Au4Va6VIlJyp1wTN+j1vKYm2XN6zvM533Oep3OeA9ZoVsnpdQOQyxe0SNDvmo3NuRyP2Gmlg2Fa44qujoXDIWra2w0WM155zFq1z/1rjYtJXQFLvfCoomoF4Qnh0EpBNXlTuF3JxBeFj4X7NLmg8LWpJyr8ZHK6wh8ma9FIAKwtwq70L078YiWj5YTl5bhz2aLycx/zJc5kfmZaYrd4FzoRgvhxMck4AXwMMiKzDw9e+mVFjfyB7/wpliVXkVmlhMYSaTIU6BO1KNWTElOiJ2VkKZn9/9tXPTXkrVR3+sH+YBgvPeDYgM+yYbzvG8bnAdju4SxfzV/eg+FX0ctVzb0LzWtwcl7VEltwug6dd2pci39LNnFrKgXPR9AUg7ZLaJiv9Oxnn8NbiK7KV13A9g70yvnmhS99w2fw1aJmCQAAAAlwSFlzAAALEwAACxMBAJqcGAAABYlJREFUaIHNmm1sU1UYx3/tWsoGuFVhkyEvDThgimbjJbKwDeQlcUVGUhNeNMSIYKgvH4xOFzASZQFZREhwHwB1xgRBU8MgHYEBBnxDQN0kWDNhd2HQZYNIt/G2jbZ+uG1p13vbc9sN/CX9cM95nnP+PX3uved5TnUkiaXKZgSKgfnAaCA77APgDvu0AHXAccnu6E1mXl2CYk3AImAxYAXSNQ7hAWqBfcB+ye7o1qpBk3BLlU0PLAM2AOO0TqZCM7AW2CPZHT5RJ2HhlirbPGAzkKdZmhi/A+9IdscREeO4wi1VthRgE/BWksJEqQTKJbvDG8sopnBLlS0d2A2U9KMwEWqBZZLd0almoCrcUmWzAE5g8gAIE8EFWCW7Q1LqVBQeWOmTwKQBFCaCC5gp2R0dfTv0fRsCMf019180yL/27oCmCKKEI9+Izwy0okEpRvKzcrBNnM2TmRMw6KO0BSkBNvZtjAiVwCOvrv9lRmIePIydJeXkZ+WE2q733OKjk1+x+1wdfvxKbvMku+No8CL0NQMvl2+BkQOoGR06ti94k4JRUyLaB6UYeXrsVEYNG8GR5jNKro+brbm7PE6XHyJDZSkD93IJsTiniDljp6r2PzdpDrZJs5W68oElwQs9hPYeFf0rMZrMNDPvz3oprt3y3AVqXRUBraEVX0T/7T0U0aGjovgVHjANiWs73jxKrcuCrDUkfHG/qItBaU4hc8dNE7Ktb/sn5lAAusB++grat6bCZKaZObR0K+kCq+3z+7F9V05D+3k1Ew+QaUBOAoRE52XlUPDIFHLMo2nqcFPT+APNHa0xfXTo2FC8Wkg0wI76mliiATKAIgNy5hKTh1LTWV+4Euv4goj2F6dYWXVwI2da/1b1ffbRWcwbN11I9Plrl9h2eq+I6Xw9crqlilFvoHrhuijRAOmmIVRb32P6SOV92Ii0DNYXrhQRgs/vp+z7T+n2CmV0o/XczQ0VWZ1XymPDLar9aUYTX1jXMSM7N6Jdh44Pi1aTYRoqIoSd9TXxbspwsuMKLxk/M+4oaUYTn5esjRC/cEIBCywzhFRc8Fxmq1iIBIkvPCvtQaGR5JWXxQ9PzWB94ctCfj6/n7ePbRcNkSDZhngWdc2nWTJ5rtBoqQZZvOtqM+bBw4R8NIZICD1yvUOVDT9V0/jvReEBUw0m8h+eKGSbQIgEcccVfqP3FqsObuLa7a5EJlDF5/dTdkz4KdKX+MIBWjrbWXOoEq8vZuKtiV0N+/mjrTFRd7ceuSwWl1Puv1h3YkeiE0VwwXOZT07tSWaIFj0aMp69rqNUn61NZsJkQyRInR44DkRl0WpU/PwlP15qSHjGJEME5E3WCX2gauoU9fL6vLx+eAuSJ+6tEUWTx53oUyQcp2R39Ab34/u0eHZ032DVwU109dwU9gm+aG7f6dEylRI1cDeR2I9cNRWmyePmtcMf4/MrZuRRfNZwINkQAZCQtcpZvsfp8pqtuVcAm5ZRLna20dVzk+IxsXPsJo+bN+q2cCf5x+mrkt1RD5FZ/h7kUq8mqv+sZduZb1T7W69fZc2hyv4Ikd+A0A0Sqqt4nC6/2ZrbBKzQOuKv7nNc6mpn9pg8UsIqUmevXOCFAx9wsbMtSc0ArJDsjqbgRVTR01JlqyTBWrgpxcgTmRMYOXQ49W2NtHS2q1WltFIp2R1l4Q1Ku8N3gVwSqIl3e3s53epKUJsqTqC8b2OsMvMv3L/aeBAX8JRSgV+pWkugHm0NON4vXECJ2qmEonCAwEnATORjjXuNE3mlm9UMVIVDaOUXIR8o3Ss2A6Wxzn/g/3dcWBZeA49FzBUPJ3D+OA14Ho3bg3hDA8uB6aKiIfkj8VJgIYkdiTuRN0wDfySuRKBoWoS2PyGcSPZPCP8Ba43YUdDfn8MAAAAASUVORK5CYII=) 0 0 / contain no-repeat;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box.lemo-hide-feedback {
  display: none;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option img {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-question-body {
  text-align: center;
}

.lemonade-exercises .lemo-other-click-to-find .stage {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-background {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option-list-base {
  width: 100%;
  height: 100%;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option-list--show-selection .lemo-option.lemo-selected {
  outline: 2px dashed var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-other-click-to-find.lemo-click-to-find-box-no-padding .lemo-option {
  outline-offset: 0;
}

.lemonade-exercises .lemo-other-clock .lemo-clock {
  touch-action: none;
}

.lemonade-exercises .lemo-other-clock .lemo-clock svg {
  max-height: 336px;
}

.lemonade-exercises .lemo-other-clock .lemo-other-clock__time-inputs {
  justify-content: center;
  padding-bottom: 12px;
  display: flex;
}

.lemo-clock svg {
  margin: 0 auto;
  display: block;
}

.lemo-clock .lemo-clock__frame {
  stroke: #e0e0e0;
  fill: #333;
  stroke-width: 10px;
}

.lemo-clock .lemo-clock__frame-status {
  stroke: #e0e0e0;
  fill: rgba(0, 0, 0, 0);
  stroke-width: 3px;
}

.lemo-clock .lemo-clock__hand-seconds {
  stroke: red;
}

.lemo-clock .lemo-clock__hand-hours {
  stroke: var(--lemo-color-corporate);
  fill: var(--lemo-color-corporate);
}

.lemo-clock .lemo-clock__hand-minutes {
  stroke: #828282;
  fill: #828282;
}

.lemo-clock .lemo-clock__center {
  fill: var(--lemo-color-corporate);
}

.lemo-clock .lemo-clock__text {
  -webkit-user-select: none;
  user-select: none;
  fill: #fff;
  font-size: 1.5em;
  font-weight: bold;
}

.lemo-clock .lemo-clock__min-marker, .lemo-clock .lemo-clock__five-min-marker {
  stroke: #fff;
}

.lemo-clock .lemo-clock__hand-hours:hover, .lemo-clock .lemo-clock__hand-minutes:hover, .lemo-clock--active svg {
  cursor: grab;
}

.lemo-clock.lemo-error .lemo-clock__frame {
  stroke: var(--lemo-color-error-light);
}

.lemo-clock.lemo-error .lemo-clock__frame-status {
  stroke: var(--lemo-color-error);
}

.lemo-clock.lemo-success .lemo-clock__frame {
  stroke: var(--lemo-color-success-light);
}

.lemo-clock.lemo-success .lemo-clock__frame-status {
  stroke: var(--lemo-color-success);
}

.lemo-clock--dark .lemo-clock__frame {
  fill: #333;
}

.lemo-clock--dark .lemo-clock__text {
  fill: #fff;
}

.lemo-clock--dark .lemo-clock__min-marker, .lemo-clock--dark .lemo-clock__five-min-marker {
  stroke: #fff;
}

.lemo-clock--dark.lemo-clock--active .lemo-clock__five-min-marker, .lemo-clock--dark.lemo-clock--active .lemo-clock__min-marker {
  stroke: #7a7a7a;
}

.lemo-clock--dark.lemo-clock--active .lemo-clock__text {
  fill: #7a7a7a;
}

.lemo-clock--dark.lemo-clock--active .lemo-clock__five-min-marker--active, .lemo-clock--dark.lemo-clock--active .lemo-clock__min-marker--active, .lemo-clock--dark.lemo-clock--active .lemo-clock__hand-hours--active, .lemo-clock--dark.lemo-clock--active .lemo-clock__hand-minutes--active {
  stroke: #fff;
  fill: #fff;
}

.lemo-clock--dark.lemo-clock--active .lemo-clock__text--active, .lemo-clock--dark.lemo-clock--active .lemo-clock__center, .lemo-clock--light .lemo-clock__frame {
  fill: #fff;
}

.lemo-clock--light .lemo-clock__text {
  fill: #333;
}

.lemo-clock--light .lemo-clock__min-marker, .lemo-clock--light .lemo-clock__five-min-marker {
  stroke: #333;
}

.lemo-clock--light.lemo-clock--active .lemo-clock__five-min-marker, .lemo-clock--light.lemo-clock--active .lemo-clock__min-marker {
  stroke: #d8d8d8;
}

.lemo-clock--light.lemo-clock--active .lemo-clock__text {
  fill: #d8d8d8;
}

.lemo-clock--light.lemo-clock--active .lemo-clock__five-min-marker--active, .lemo-clock--light.lemo-clock--active .lemo-clock__min-marker--active, .lemo-clock--light.lemo-clock--active .lemo-clock__hand-hours--active, .lemo-clock--light.lemo-clock--active .lemo-clock__hand-minutes--active {
  stroke: #333;
  fill: #333;
}

.lemo-clock--light.lemo-clock--active .lemo-clock__text--active, .lemo-clock--light.lemo-clock--active .lemo-clock__center {
  fill: #333;
}

.lemonade-exercises .lemo-clock-digital-digits {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__arrow {
  opacity: .25;
  cursor: pointer;
  flex-grow: 0;
  justify-content: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__arrow svg {
  pointer-events: none;
  fill: var(--lemo-color-digital-clock);
  width: 49px;
  height: 48px;
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__arrow:hover {
  opacity: 1;
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__arrow-down {
  transform: rotate(-180deg);
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__digits {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-digital-clock);
  pointer-events: none;
  font-family: DS-Digital, sans-serif;
  font-size: 8.125em;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: .7;
}

@media screen and (min-width: 760px) {
  .lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__digits {
    font-size: 11.5em;
  }
}

.lemonade-exercises .lemo-clock-digital {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 24px;
}

.lemonade-exercises .lemo-clock-digital .lemo-clock-digital__wrapper {
  background-color: #333;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 24px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}

.lemonade-exercises .lemo-clock-digital .lemo-clock-digital-digits__arrow {
  visibility: hidden;
}

.lemonade-exercises .lemo-clock-digital:hover .lemo-clock-digital-digits__arrow {
  visibility: visible;
}

.lemonade-exercises .lemo-clock-digital .lemo-clock-digital__two_points {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-digital-clock);
  margin: 0 10px;
  font-family: DS-Digital, sans-serif;
  font-size: 8.125em;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: .82;
}

@media screen and (min-width: 760px) {
  .lemonade-exercises .lemo-clock-digital .lemo-clock-digital__two_points {
    font-size: 11.5em;
  }
}

.lemonade-exercises .lemo-clock-digital.lemo-error .lemo-clock-digital__wrapper {
  border: solid 4px var(--lemo-color-error);
  outline: solid 4px var(--lemo-color-error-light-alpha);
  outline-offset: 0px;
}

.lemonade-exercises .lemo-clock-digital.lemo-success .lemo-clock-digital__wrapper {
  border: solid 4px var(--lemo-color-success);
  outline: solid 4px var(--lemo-color-success-light);
  outline-offset: 0px;
}

@media (hover: none) {
  .lemonade-exercises .lemo-clock-digital .lemo-clock-digital-digits__arrow {
    visibility: visible;
  }
}

@media screen and (min-width: 760px) {
  .lemonade-exercises .lemo-clock-digital .lemo-clock-digital__wrapper {
    max-width: 550px;
  }
}

.lemonade-exercises .lemo-time-input {
  background: var(--lemo-color-gray-01);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 5.5px 3px;
}

.lemonade-exercises .lemo-time-input .lemo-editor-input-text {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  background: none;
  border: none;
  padding: 10px;
  font-size: 1.5em;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 0;
}

.lemonade-exercises .lemo-time-input.lemo-time-input--focused {
  background: var(--lemo-color-corporate-lighter);
}

.lemonade-exercises .lemo-time-input.lemo-time-input--focused .lemo-editor-input-text {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-clock-time-inputs {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.lemonade-exercises .lemo-clock-time-inputs .lemo-clock-time-inputs__separator {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  background: none;
  border: none;
  align-self: center;
  padding: 10px;
  font-size: 1.5em;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 0;
}

.lemonade-exercises #drawing-canvas-holder {
  z-index: 98;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.lemonade-exercises #drawing-app-overlay {
  z-index: 97;
  pointer-events: all;
  touch-action: none;
}

.lemonade-exercises #drawing-app-background {
  z-index: 96;
  touch-action: none;
}

.lemonade-exercises .lemo-drawing-app-canvas {
  position: absolute;
}

.lemonade-exercises .lemo-drawing-app-canvas:not(.lemo-disabled) {
  cursor: pointer;
}

.lemonade-exercises .lemo-drawing-app-canvas:active:not(.lemo-disabled) {
  cursor: crosshair;
}

.lemonade-exercises .lemo-drawing-canvas-loading {
  opacity: .5;
  color: #000;
  background: #fff;
  width: 100%;
  font-size: 3em;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-drawing-canvas-loading.lemo-is-loading {
  z-index: 1000;
  pointer-events: all;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-print-view .lemo-drawing-canvas-loading.lemo-is-loading {
  display: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper {
  z-index: 100;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-drawing-tools-wrapper.lemo-isPressing {
  opacity: .2;
  pointer-events: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-drawing-tools {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-drawing-tool-panel {
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  background: #fff;
  margin: 0 .3em 0 0;
  padding: .4em;
  list-style: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper li {
  text-align: center;
  margin: .8em auto;
}

.lemonade-exercises .lemo-drawing-tools-wrapper li:first-child {
  margin-top: 0;
}

.lemonade-exercises .lemo-drawing-tools-wrapper li:last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-button {
  border-radius: var(--lemo-radii-02);
  cursor: pointer;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  padding: 4px;
  display: block;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-icon {
  fill: var(--lemo-color-gray-04);
  stroke: var(--lemo-color-gray-04);
  width: 32px;
  height: 32px;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-eraser-icon .lemo-tool-icon {
  stroke: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-icon.lemo-light {
  opacity: .5;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-button.lemo-selected {
  background: var(--lemo-color-corporate-light-alpha);
  cursor: default;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-button.lemo-selected .lemo-tool-icon {
  fill: var(--lemo-color-corporate);
  stroke: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-eraser-icon.lemo-tool-button.lemo-selected .lemo-tool-icon {
  fill: none;
  stroke: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-eraser-icon.lemo-tool-button.lemo-selected .lemo-tool-icon path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-color-swatch {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  outline: none;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  transition: height .6s ease-out;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-color-swatch.lemo-with-border {
  border: 1px solid var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-color-swatch.selected, .lemonade-exercises .lemo-drawing-tools-wrapper .lemo-color-swatch.lemo-with-border.lemo-selected {
  border: 2px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-optional-item {
  width: 34px;
  height: 34px;
  transition: height .22s ease-in-out;
  overflow: hidden;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-hide {
  height: 0;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-show {
  height: 32px;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-separator {
  background: var(--lemo-color-gray-02);
  width: 90%;
  height: 1px;
  margin: .5em auto;
}

.lemonade-exercises .lemo-other-pencil .lemo-question-body {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-other-pencil .background-wrapper {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-other-pencil .lemo-canvas-wrapper {
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-other-pencil .lemo-background-image {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.lemonade-exercises .lemo-other-pencil .lemo-thickness-panel, .lemonade-exercises .lemo-other-pencil .lemo-color-panel {
  position: absolute;
  left: 53px;
}

.lemonade-exercises .lemo-other-statement .lemo-statement-image {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-word-search-cell {
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
}

.lemonade-exercises .lemo-is-hovered {
  color: #fff;
}

.lemonade-exercises .lemo-word-search-cell__text {
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  pointer-events: none;
}

.lemonade-exercises .lemo-word-search-board {
  z-index: 1;
  display: grid;
  position: relative;
}

.lemonade-exercises .lemo-word-search-selection {
  stroke-width: 1.6em;
}

.lemonade-exercises .lemo-size-S .lemo-word-search-selection {
  transform: translate(1em, 1em);
}

.lemonade-exercises .lemo-size-M .lemo-word-search-selection {
  transform: translate(.95em, .95em);
}

.lemonade-exercises .lemo-size-L .lemo-word-search-selection {
  transform: translate(.8em, .75em);
}

.lemonade-exercises .lemo-word-search-selection.lemo-show-solution {
  filter: drop-shadow(0 0 2px var(--lemo-color-success));
}

@media screen and (min-width: 480px) {
  .lemonade-exercises .lemo-other-word-search .lemo-size-S .lemo-word-search-selection {
    transform: translate(1em, 1em);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-selection {
    transform: translate(1.125em, 1.14em);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-selection {
    transform: translate(.9em, .95em);
  }
}

@media screen and (min-width: 1024px) {
  .lemonade-exercises .lemo-other-word-search .lemo-size-S .lemo-word-search-selection {
    transform: translate(1.25em, 1.25em);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-selection {
    transform: translate(1.41em, 1.4em);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-selection {
    transform: translate(1.2em, 1.2em);
  }
}

.lemonade-exercises .lemo-word-search-selection-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-other-word-search .lemo-question-body {
  touch-action: none;
  overflow-x: auto;
}

.lemonade-exercises .lemo-other-word-search .lemo-word-search-board-wrapper {
  font-weight: var(--lemo-text-medium);
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-other-word-search .lemo-size-S {
  font-size: var(--lemo-word-search-font--tablet-small);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-S .lemo-word-search-cell {
  width: var(--lemo-word-search-cell--tablet-small);
  height: var(--lemo-word-search-cell--tablet-small);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-M {
  font-size: var(--lemo-word-search-font--cellular-medium);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-cell {
  width: var(--lemo-word-search-cell--cellular-medium);
  height: var(--lemo-word-search-cell--cellular-medium);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-L {
  font-size: var(--lemo-word-search-font--cellular-large);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-board-wrapper {
  font-weight: var(--lemo-text-bold);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-cell {
  width: var(--lemo-word-search-cell--cellular-large);
  height: var(--lemo-word-search-cell--cellular-large);
}

@media screen and (min-width: 480px) {
  .lemonade-exercises .lemo-other-word-search .lemo-size-M {
    font-size: var(--lemo-word-search-font--tablet-medium);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--tablet-medium);
    height: var(--lemo-word-search-cell--tablet-medium);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L {
    font-size: var(--lemo-word-search-font--tablet-large);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--tablet-large);
    height: var(--lemo-word-search-cell--tablet-large);
  }
}

@media screen and (min-width: 1024px) {
  .lemonade-exercises .lemo-other-word-search .lemo-size-S {
    font-size: var(--lemo-word-search-font--desktop-small);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-S .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--desktop-small);
    height: var(--lemo-word-search-cell--desktop-small);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M {
    font-size: var(--lemo-word-search-font--desktop-medium);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--desktop-medium);
    height: var(--lemo-word-search-cell--desktop-medium);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L {
    font-size: var(--lemo-word-search-font--desktop-large);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--desktop-large);
    height: var(--lemo-word-search-cell--desktop-large);
  }
}

.lemonade-exercises.lemo-word-search-tokens {
  --lemo-word-search-cell--tablet-small: 50px;
  --lemo-word-search-font--tablet-small: var(--lemo-text-h3);
  --lemo-word-search-cell--desktop-small: 60px;
  --lemo-word-search-font--desktop-small: var(--lemo-text-h3);
  --lemo-word-search-cell--cellular-medium: 34px;
  --lemo-word-search-font--cellular-medium: var(--lemo-text-body-l);
  --lemo-word-search-cell--tablet-medium: 40px;
  --lemo-word-search-font--tablet-medium: var(--lemo-text-body-l);
  --lemo-word-search-cell--desktop-medium: 50px;
  --lemo-word-search-font--desktop-medium: var(--lemo-text-body-l);
  --lemo-word-search-cell--cellular-large: 22px;
  --lemo-word-search-font--cellular-large: var(--lemo-text-body-s);
  --lemo-word-search-cell--tablet-large: 30px;
  --lemo-word-search-font--tablet-large: var(--lemo-text-body-m);
  --lemo-word-search-cell--desktop-large: 38px;
  --lemo-word-search-font--desktop-large: var(--lemo-text-body-m);
}

.lemonade-exercises .lemo-editor-exercise-click-to-find .lemo-image-preview .lemo-image-preview__image {
  text-align: center;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map__input--hide {
  display: none;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map__uploading {
  position: absolute;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspot-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__img {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable:after {
  content: "";
  outline: 3px dashed var(--lemo-color-gray-05);
  outline-offset: 6px;
  pointer-events: none;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable.lemo-no-box-padding:after {
  outline-offset: 0;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable--selected:after, .lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable:hover:after {
  outline: 3px dashed var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable-img {
  pointer-events: none;
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-control {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-control .lemo-text {
  margin-bottom: 1px;
  margin-right: .4em;
}

.lemonade-exercises .lemo-control .lemo-input {
  color: var(--lemo-color-base-white);
  border-color: var(--lemo-color-gray-05);
  border-radius: var(--lemo-radii-01);
  width: 5em;
  height: 24px;
  padding: .2em;
  font-size: 1em;
}

.lemonade-exercises .lemo-control .lemo-input--hide-number-controls::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-control .lemo-input--hide-number-controls::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-control .lemo-input--hide-number-controls[type="number"] {
  -moz-appearance: textfield;
}

.lemonade-exercises .lemo-control .lemo-input--show-number-controls {
  cursor: default;
}

.lemonade-exercises .lemo-control .lemo-input--show-number-controls::-webkit-inner-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-control .lemo-input--show-number-controls::-webkit-outer-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-control .lemo-input:focus {
  outline: none;
}

.lemonade-exercises .lemo-control--disabled-key-down {
  position: relative;
}

.lemonade-exercises .lemo-control--disabled-key-down .lemo-input {
  caret-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-control--disabled-key-down:after {
  content: "";
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-popover-hotspot {
  width: 100%;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-popover-hotspot__content {
  box-sizing: border-box;
  background: var(--lemo-color-gray-06);
  border: 1px solid var(--lemo-color-gray-06);
  z-index: 2;
  border-radius: .3em;
  align-items: center;
  gap: 7px;
  max-height: 9em;
  margin-top: 2px;
  padding: 4px 8px;
  display: flex;
  position: absolute;
  overflow-y: auto;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-editor-slider__slider input {
  min-width: 150px;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-editor-title-subtitle-component__title-subtitle {
  white-space: nowrap;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: -webkit-max-content;
  width: max-content;
  display: flex;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls .lemo-text {
  color: var(--lemo-color-gray-04);
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-separator {
  background-color: var(--lemo-color-gray-05);
  flex-grow: 0;
  width: 1px;
  height: 24px;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-xy {
  display: flex;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-xy > div:first-child {
  margin-right: .6em;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-button {
  text-align: center;
  align-items: center;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-button .lemo-editor-inline-button {
  height: auto;
  margin-bottom: 1px;
  display: inline-block;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-button .lemo-editor-inline-button .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-button .lemo-editor-inline-button svg {
  width: 25px;
}

.lemonade-exercises .lemo-editor-word-search-preview .lemo-solutions-preview .lemo-word-search-board-wrapper {
  pointer-events: none;
}

.lemonade-exercises .lemo-editor-word-search-preview__button .lemo-simple-button {
  width: 100%;
}

.lemonade-exercises .lemo-editor-word-search-preview__button .lemo-editor-word-search-preview__button-progress-icon-spinner {
  border: 3px solid var(--lemo-color-corporate);
  border-left-color: var(--lemo-color-base-white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 auto;
  animation: 1s linear infinite lemo-upload-icon-animation;
}

.lemonade-exercises .lemo-editor-simple-list {
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  gap: 12px;
  padding: 12px 0 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-simple-list .lemo-editor-simple-list__footer {
  width: 100%;
}

.lemonade-exercises .lemo-editor-simple-list .lemo-editor-simple-list__footer-add {
  flex-grow: 1;
}

.lemonade-exercises .lemo-editor-simple-list .lemo-editor-simple-list__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .lemo-base-button {
  border-radius: var(--lemo-button-border-radius);
  height: var(--lemo-button-height);
  color: var(--button-color);
  border: 2px solid var(--button-border-color);
  background-color: var(--button-bg-color);
}

.lemonade-exercises .lemo-base-button .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button:hover {
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-bg-color-hover);
}

.lemonade-exercises .lemo-base-button:hover .lemo-icon {
  fill: var(--button-icon-color-hover);
}

.lemonade-exercises .lemo-base-button:disabled {
  pointer-events: none;
  color: var(--button-color-disabled);
  border-color: var(--button-border-color-disabled);
  background-color: var(--button-bg-color-disabled);
}

.lemonade-exercises .lemo-base-button:disabled .lemo-icon {
  fill: var(--button-icon-color-disabled);
}

.lemonade-exercises .lemo-base-button--primary {
  --button-color: var(--lemo-button-color-white);
  --button-border-color: var(--lemo-button-color-primary);
  --button-bg-color: var(--lemo-button-color-primary);
  --button-icon-color: var(--lemo-button-color-white);
  --button-color-hover: var(--lemo-button-color-white);
  --button-border-color-hover: var(--lemo-button-color-primary-hover);
  --button-bg-color-hover: var(--lemo-button-color-primary-hover);
  --button-icon-color-hover: var(--lemo-button-color-white);
  --button-color-disabled: var(--lemo-button-color-disabled-03);
  --button-border-color-disabled: var(--lemo-button-color-disabled-01);
  --button-bg-color-disabled: var(--lemo-button-color-disabled-01);
  --button-icon-color-disabled: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-base-button--secondary {
  --button-color: var(--lemo-button-color-primary);
  --button-icon-color: var(--lemo-button-color-primary);
  --button-border-color: var(--lemo-button-color-primary);
  --button-bg-color: var(--lemo-button-color-white);
  --button-color-hover: var(--lemo-button-color-primary-hover);
  --button-border-color-hover: var(--lemo-button-color-primary-hover);
  --button-icon-color-hover: var(--lemo-button-color-primary-hover);
  --button-bg-color-hover: var(--lemo-button-color-white);
  --button-color-disabled: var(--lemo-button-color-disabled-03);
  --button-border-color-disabled: var(--lemo-button-color-disabled-03);
  --button-bg-color-disabled: var(--lemo-button-color-white);
  --button-icon-color-disabled: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-base-button--text {
  color: var(--lemo-button-color-primary);
  fill: var(--lemo-button-color-primary);
  padding: .5em;
}

.lemonade-exercises .lemo-base-button--text .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button--text:hover {
  color: var(--lemo-button-color-primary-hover);
  fill: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-base-button--text:hover .lemo-icon {
  fill: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-base-button--text:disabled {
  pointer-events: none;
  color: var(--lemo-button-color-disabled-03);
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-base-button--text:disabled .lemo-icon {
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-base-button--text-red {
  color: var(--lemo-color-error);
  fill: var(--lemo-color-error);
  padding: .5em;
}

.lemonade-exercises .lemo-base-button--text-red .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button--text-red:hover {
  color: var(--lemo-color-error-light);
  fill: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-base-button--text-red:hover .lemo-icon {
  fill: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-base-button--text-red:disabled {
  pointer-events: none;
  color: var(--lemo-color-gray-03);
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-red:disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove {
  color: var(--lemo-color-gray-02);
  fill: var(--lemo-color-gray-02);
  padding: .5em;
}

.lemonade-exercises .lemo-base-button--text-gray .lemo-icon, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button--text-gray:hover, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove:hover {
  color: var(--lemo-color-gray-03);
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray:hover .lemo-icon, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove:hover .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray:disabled, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove:disabled {
  pointer-events: none;
  color: var(--lemo-color-gray-01);
  fill: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-base-button--text-gray:disabled .lemo-icon, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove:disabled .lemo-icon {
  fill: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-editor-simple-list-item {
  flex-direction: column;
  display: flex;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__input {
  flex: 1;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__input input {
  flex: 1;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__text-counter {
  color: var(--lemo-color-gray-03);
  margin-right: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove {
  padding: 0;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove .lemo-icon {
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-base-input.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

@media only screen and (max-width: 480px) {
  .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__text-counter {
    align-self: center;
    margin-left: 5px;
    margin-right: 0;
    position: relative;
    top: auto;
    transform: none;
  }
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__error {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-error);
  margin-top: 6px;
  margin-left: 6px;
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__number {
  background-color: var(--lemo-color-gray-01);
  border-radius: 5px;
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 48px;
  height: 48px;
  padding: 12px;
  display: flex;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__number .lemo-editor-simple-list-item__number-number {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  color: var(--lemo-color-gray-04);
  flex-grow: 0;
  width: 24px;
  height: 24px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__remove--disabled {
  pointer-events: none;
  opacity: .5;
}

.lemonade-exercises .lemo-pathway-instructions {
  text-align: center;
  min-height: 2.8em;
  margin: 1em auto;
  padding: 0;
}

.lemonade-exercises .lemo-pathway-instructions .lemo-instruction {
  text-align: left;
  border-radius: var(--lemo-radii-02);
  color: var(--lemo-color-gray-05);
  background-color: var(--lemo-color-gray-01);
  width: -webkit-fit-content;
  width: fit-content;
  margin: .3em;
  padding: .5em;
  list-style: none;
  display: inline-block;
}

.lemonade-exercises .lemo-layout-orientation-bottom .lemo-pathway-instructions, .lemonade-exercises .lemo-layout-orientation-top .lemo-pathway-instructions {
  margin: 1em auto;
}

.lemonade-exercises .lemo-layout-orientation-bottom .lemo-pathway-instructions .lemo-instruction, .lemonade-exercises .lemo-layout-orientation-top .lemo-pathway-instructions .lemo-instruction {
  display: inline-block;
}

@media screen and (min-width: 769px) {
  .lemonade-exercises .lemo-pathway-instructions {
    margin: 0 1em;
  }

  .lemonade-exercises .lemo-pathway-instructions .lemo-instruction {
    display: block;
  }
}

.lemo-pathway-player {
  z-index: 1;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.lemo-pathway-player__img {
  width: 55%;
  height: auto;
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction {
  border-radius: 0 var(--lemo-radii-01) var(--lemo-radii-01) 0;
  transform-origin: -50%;
  background-color: rgba(0, 0, 0, .3);
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 92%;
  display: flex;
  position: absolute;
  top: 4%;
  right: 4%;
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction .lemo-icon {
  fill: #fff;
  width: 32px;
  height: 32px;
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction-top {
  transform: rotate(-90deg);
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction-left {
  transform: rotate(-180deg);
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction-bottom {
  transform: rotate(90deg);
}

.lemonade-exercises .lemo-pathway-cell {
  border: 1px solid var(--lemo-color-gray-01);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-pathway-cell__bg {
  border-radius: var(--lemo-radii-01);
  width: 92%;
  height: 92%;
}

.lemonade-exercises .lemo-pathway-cell.lemo-player-position .lemo-pathway-cell__bg {
  cursor: auto;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .15);
}

.lemonade-exercises .lemo-pathway-cell.lemo-is-action-button .lemo-pathway-cell__bg {
  cursor: pointer;
  pointer-events: auto;
}

.lemonade-exercises .lemo-pathway-cell.lemo-is-action-button:not(.lemo-hide-buttons) .lemo-pathway-cell__bg {
  background-color: rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-pathway-cell.lemo-cell-visited .lemo-pathway-cell__bg {
  background-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-pathway-cell.lemo-cell-visited.lemo-is-back-button:not(.lemo-hide-buttons) .lemo-pathway-cell__bg {
  background-color: var(--lemo-color-corporate);
  opacity: .6;
}

.lemonade-exercises .lemo-pathway-cell.lemo-preview-first-cell .lemo-pathway-cell__bg {
  background-color: rgba(0, 0, 0, .15);
}

.lemonade-exercises .lemo-pathway-cell.lemo-user-path-feedback {
  outline: 2px solid var(--lemo-color-error);
  outline-offset: -2px;
}

.lemonade-exercises .lemo-pathway-cell.lemo-user-path-feedback.lemo-cell-visited {
  outline-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-question-body.lemo-success .lemo-pathway-cell.lemo-is-action-button .lemo-pathway-cell__bg, .lemonade-exercises .lemo-question-body.lemo-error .lemo-pathway-cell.lemo-is-action-button .lemo-pathway-cell__bg {
  background-color: unset;
}

.lemonade-exercises .lemo-question-body.lemo-success .lemo-pathway-board:not(.lemo-preview-mode) .lemo-pathway-cell.lemo-cell-visited .lemo-pathway-cell__bg, .lemonade-exercises .lemo-question-body.lemo-success .lemo-pathway-board:not(.lemo-preview-mode) .lemo-pathway-cell.lemo-cell-visited.lemo-is-back-button .lemo-pathway-cell__bg {
  background-color: var(--lemo-color-success);
  opacity: 1;
}

.lemonade-exercises .lemo-question-body.lemo-error .lemo-pathway-board:not(.lemo-preview-mode) .lemo-pathway-cell.lemo-cell-visited .lemo-pathway-cell__bg, .lemonade-exercises .lemo-question-body.lemo-error .lemo-pathway-board:not(.lemo-preview-mode) .lemo-pathway-cell.lemo-cell-visited.lemo-is-back-button .lemo-pathway-cell__bg {
  background-color: var(--lemo-color-error);
  opacity: 1;
}

.lemonade-exercises .lemo-disabled .lemo-pathway-cell.lemo-is-action-button .lemo-pathway-cell__bg {
  cursor: auto;
}

.lemonade-exercises .lemo-pathway-board {
  background-color: var(--lemo-color-base-background);
  width: -webkit-fit-content;
  width: fit-content;
  display: grid;
}

.lemonade-exercises .lemo-pathway-board:focus {
  outline: 2px solid var(--lemo-color-corporate);
  outline-offset: 3px;
}

.lemonade-exercises .lemo-disabled .lemo-pathway-board:focus {
  outline: none;
}

.lemonade-exercises .lemo-pathway-board-wrapper {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 5px 0;
  position: relative;
}

@media only screen and (min-width: 560px) {
  .lemonade-exercises .lemo-pathway-board-wrapper {
    padding: 5px;
  }
}

.lemonade-exercises .lemo-refresh-button {
  width: 100%;
  max-width: 600px;
  margin: 1em auto 0;
  display: flex;
}

.lemonade-exercises .lemo-refresh-button svg {
  fill: #fff;
  width: 24px;
  margin-right: .3em;
}

.lemonade-exercises .lemo-other-pathway .lemo-question-body {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-top, .lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-left, .lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-right {
  flex-direction: column;
}

.lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-bottom {
  flex-direction: column-reverse;
}

@media screen and (min-width: 769px) {
  .lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-left {
    flex-direction: row;
  }

  .lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-right {
    flex-direction: row-reverse;
  }
}

.lemonade-exercises .lemo-single-image-uploader .lemo-close-button {
  cursor: pointer;
}

.lemonade-exercises .lemo-single-image-uploader .lemo-close-button .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-single-image-uploader .lemo-close-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cross-word-cell {
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-cross-word-cell__text {
  border: 1px solid var(--lemo-color-gray-02);
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-base-background);
  text-align: center;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  font-size: 2em;
  font-weight: 500;
}

.lemonade-exercises .lemo-success .lemo-cross-word-cell__text {
  border-color: var(--lemo-color-success);
  background-color: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-error .lemo-cross-word-cell__text {
  border-color: var(--lemo-color-error);
  background-color: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-cross-word-cell__text:disabled {
  color: var(--lemo-color-gray-06);
  cursor: not-allowed;
}

.lemonade-exercises .lemo-cross-word-cell__text:hover {
  background-color: #f6f8fe;
}

.lemonade-exercises .lemo-cross-word-cell__text:focus {
  outline-color: var(--lemo-color-corporate);
  background-color: #f6f8fe;
}

.lemonade-exercises .lemo-is-word-selected .lemo-cross-word-cell__text {
  outline: 1px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cross-word-cell__first-word-index, .lemonade-exercises .lemo-cross-word-cell__second-word-index {
  color: var(--lemo-color-text-03);
  font-size: .75em;
  font-weight: 700;
  position: absolute;
}

.lemonade-exercises .lemo-cross-word-cell__first-word-index {
  top: 5px;
  left: 5px;
}

.lemonade-exercises .lemo-cross-word-cell__second-word-index {
  bottom: 5px;
  left: 5px;
}

.lemonade-exercises .lemo-cross-word-board {
  margin: 1em auto;
  position: relative;
}

.lemonade-exercises .lemo-other-crossword .lemo-question-body {
  overflow-x: auto;
}

.lemonade-exercises .lemo-other-crossword .lemo-cross-word-board-wrapper {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-generation-error {
  text-align: center;
  padding: 2.2em 0;
}

.lemonade-exercises .lemo-generation-error > * {
  margin: 1.2em 0;
}

.lemonade-exercises .lemo-generation-error .lemo-generation-error__icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .response-feedback {
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-03);
  background-color: var(--lemo-color-base-background);
  border-radius: var(--lemo-radii-01);
  flex-flow: column wrap;
  width: 98%;
  padding: .75em;
  display: flex;
}

.lemonade-exercises .response-feedback__item {
  justify-content: left;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lemonade-exercises .response-feedback__number {
  color: var(--lemo-color-text-01);
  font-weight: 600;
}

.lemonade-exercises .response-feedback__answer {
  color: var(--lemo-color-text-01);
}

.lemonade-exercises .response-feedback__icon {
  width: 30px;
  height: 30px;
}

.lemonade-exercises .lemo-editor-crossword-preview__button .lemo-simple-button {
  width: 100%;
}

.lemonade-exercises .lemo-word-serach-solution-letters .lemo-word-serach-solution-letters__error_footer {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-gray-04);
  background: #fafafa;
  border-radius: 4px;
  gap: 10px;
  padding: 4px;
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-top .lemo-icon {
  transform: rotate(-90deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-left .lemo-icon {
  transform: rotate(-180deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-bottom .lemo-icon {
  transform: rotate(90deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-controls {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin: .5em auto;
  display: flex;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-controls .lemo-key-button {
  margin: 5px;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-top, .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-right {
  order: 1;
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-controls {
    width: 200px;
    margin: 1em auto;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-controls .lemo-key-button:first-child {
    margin: 5px 50px;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-top, .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-right {
    order: 0;
  }
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-counter {
  text-align: right;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response-counter {
    top: 6px;
  }
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-button-color-primary);
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response.lemo-selected {
  background-color: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response.lemo-success {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response.lemo-error {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-close-button {
  background: var(--lemo-button-color-primary-hover);
  cursor: pointer;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -11px;
  right: -11px;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-close-button .lemo-icon {
  fill: #fff;
  width: 100%;
  height: 100%;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-icon {
  fill: #fff;
  width: 80%;
  height: 80%;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-close-button:hover {
  background: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-top .lemo-icon {
  transform: rotate(-90deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-left .lemo-icon {
  transform: rotate(-180deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-bottom .lemo-icon {
  transform: rotate(90deg);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response {
    width: 52px;
    height: 52px;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-close-button {
    width: 24px;
    height: 24px;
    top: -6px;
    right: -6px;
  }
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list {
  border: 2px solid var(--lemo-box-border-color-default);
  border-radius: var(--lemo-radii-02);
  flex-wrap: wrap;
  align-items: center;
  min-height: 60px;
  margin: .5em 0;
  padding: .5em;
  display: flex;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list.lemo-success {
  border: 2px solid var(--lemo-color-success);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list.lemo-error {
  border: 2px solid var(--lemo-color-error);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list .lemo-response {
  margin: .35em;
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list {
    min-height: 90px;
    margin: 1em 0;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list .lemo-response {
    margin: .5em;
  }
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body {
  flex-direction: column;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-above {
  flex-direction: column-reverse;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-user-controls {
  flex-grow: 1;
  width: 100%;
  min-width: 300px;
}

@media screen and (min-width: 960px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-left {
    flex-direction: row-reverse;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-left .lemo-pathway-board-wrapper {
    margin: 0 1em;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-right {
    flex-direction: row;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-right .lemo-pathway-board-wrapper {
    margin: 0 1em;
  }
}

.lemonade-exercises .lemo-other-rating .lemo-rating-container {
  text-align: center;
  gap: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-options-container {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-description-container {
  justify-content: center;
  display: flex;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-description {
  color: var(--lemo-color-gray-04);
  text-align: center;
  max-width: 400px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  padding: 8px;
  transition: all .2s;
  display: flex;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button:hover {
  transform: scale(1.1);
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-text-button {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 8px;
  min-width: 80px;
  min-height: 50px;
  padding: 8px 12px;
  font-weight: 500;
  overflow: hidden;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button__content {
  font-size: 32px;
  line-height: 1;
  transition: all .2s;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button__content svg {
  fill: var(--lemo-color-gray-05);
  transition: all .2s;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button:not(.lemo-rating-option-button--selected) .lemo-rating-option-button__content {
  color: var(--lemo-color-gray-05);
  font-size: 28px;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button:not(.lemo-rating-option-button--selected) .lemo-rating-option-button__content svg {
  fill: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-rating-option-button--selected .lemo-rating-option-button__content {
  color: var(--lemo-color-corporate);
  font-size: 32px;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-rating-option-button--selected .lemo-rating-option-button__content svg {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-rating-option-button--selected.lemo-text-button {
  outline: 2px solid var(--lemo-color-corporate);
  outline-offset: 2px;
}

.lemonade-exercises .lemo-other-rating .lemo-text-button .lemo-rating-option-button__content {
  font-size: 32px;
}

.lemonade-exercises .lemo-other-rating .lemo-text-button .lemo-rating-option-button__content svg {
  width: 32px;
  height: 32px;
}

@media (max-width: 480px) {
  .lemonade-exercises .lemo-other-rating .lemo-rating-container {
    max-width: 100%;
    margin: 0 8px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-options-container {
    gap: 8px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-description {
    max-width: 300px;
    font-size: 12px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-option-button__content {
    font-size: 28px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-option-button {
    min-width: 40px;
    min-height: 40px;
    padding: 6px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-text-button {
    min-width: 70px;
    min-height: 45px;
    font-size: 12px;
  }
}

.lemo-adaptative-choice .lemo-adaptative-choice__container {
  width: 100%;
  margin: 0 auto;
}

.lemo-adaptative-choice .lemo-adaptative-choice__options-container {
  margin-bottom: 30px;
}

.lemo-adaptative-choice .lemo-adaptative-choice__grid {
  -moz-column-gap: 16px;
  grid-template-rows: repeat(auto-fit, minmax(120px, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 8px 16px;
  display: grid;
}

.lemo-adaptative-choice .lemo-adaptative-choice__option, .lemo-adaptative-choice .lemo-adaptative-choice__option.lemo-adaptative-choice__option {
  border: 2px solid var(--lemo-color-corporate);
  background: var(--lemo-color-base-white);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 120px;
  padding: 12px;
  transition: all .3s;
  display: flex;
}

.lemo-adaptative-choice .lemo-adaptative-choice__option .lemo-adaptative-choice__option-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  display: flex;
}

.lemo-adaptative-choice .lemo-adaptative-choice__option:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 123, 255, .2);
}

.lemo-adaptative-choice .lemo-adaptative-choice__option.lemo-adaptative-choice__option--selected {
  background-color: var(--lemo-color-corporate);
}

.lemo-adaptative-choice .lemo-adaptative-choice__option.lemo-adaptative-choice__option.lemo-adaptative-choice__option--selected {
  background-color: var(--lemo-color-corporate-light);
}

.lemo-adaptative-choice .lemo-adaptative-choice-option-icon {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.lemo-adaptative-choice .lemo-adaptative-choice-option-icon img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.lemo-adaptative-choice .lemo-adaptative-choice-option-icon .lemo-adaptative-choice-option-emoji {
  font-size: 32px;
  line-height: 1;
}

.lemo-adaptative-choice .lemo-adaptative-choice-option-text {
  color: inherit;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.lemo-adaptative-choice .lemo-adaptative-choice__no-options {
  text-align: center;
  color: #666;
  padding: 40px;
  font-style: italic;
}

.lemo-adaptative-choice .lemo-adaptative-choice__navigation {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.lemo-adaptative-choice .lemo-adaptative-choice__navigation-left {
  flex: 1;
}

.lemo-adaptative-choice .lemo-adaptative-choice__navigation-right {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.lemo-adaptative-choice .lemo-disabled .lemo-adaptative-choice__navigation, .lemo-adaptative-choice .lemo-disabled .lemo-adaptative-choice__navigation button {
  pointer-events: auto;
}

.lemo-adaptative-choice .lemo-adaptative-choice__progress {
  color: #666;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .lemo-adaptative-choice .lemo-adaptative-choice__grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
  }

  .lemo-adaptative-choice .lemo-adaptative-choice__option, .lemo-adaptative-choice .lemo-adaptative-choice__option.lemo-adaptative-choice__option {
    padding: 15px;
  }

  .lemo-adaptative-choice .lemo-adaptative-choice__navigation {
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
  }

  .lemo-adaptative-choice .lemo-adaptative-choice__navigation-left, .lemo-adaptative-choice .lemo-adaptative-choice__navigation-right {
    flex: none;
    justify-content: center;
  }
}

.lemo-levels-config__container {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.lemo-levels-config__level-container {
  flex-direction: column;
  align-self: stretch;
  gap: 8px;
  display: flex;
}

.lemo-levels-config__level-title {
  color: var(--lemo-color-text-02);
  font-weight: var(--lemo-text-bold);
  font-size: var(--lemo-text-body-m);
  margin-bottom: 8px !important;
}

.lemo-levels-config__field-container {
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.lemo-levels-config__field-label {
  font-size: var(--lemo-text-body-m);
  font-style: normal;
  font-weight: var(--lemo-text-regular);
  color: var(--lemo-color-black);
  margin-bottom: 4px;
  line-height: 24px;
  display: block;
}

.lemo-levels-config__field-input {
  min-height: 100px;
}

.lemo-levels-config__options-container {
  flex-direction: column;
  gap: 20px;
  display: flex;
  margin-top: 12px !important;
  margin-left: 24px !important;
}

.lemo-levels-config__option-container {
  flex: 1;
  margin-bottom: 10px;
}

.lemo-levels-config__option-content {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.lemo-levels-config__option-content .lemo-levels-config__option-content-input {
  flex: 1;
}

.lemo-levels-config__option-input {
  flex: 1;
  min-height: 60px;
}

.lemo-levels-config__visibility-controls {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lemo-levels-config__visibility-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.lemo-levels-config__visibility-button:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, .05);
}

.lemo-levels-config__visibility-button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.lemo-levels-config__visibility-button svg {
  width: 24px;
  height: 24px;
}

.lemo-levels-config__visibility-button--disabled {
  cursor: not-allowed;
  opacity: .5;
}

.lemo-levels-config__input .fr-element {
  pointer-events: none !important;
}

.lemo-levels-config__input .fr-wrapper {
  cursor: not-allowed !important;
}

.lemo-levels-config__input .fr-toolbar {
  display: none !important;
}

.lemo-levels-config__input--hidden .fr-element, .lemo-levels-config__input--disabled .fr-element {
  color: var(--lemo-color-text-03) !important;
  background-color: var(--lemo-color-gray-01) !important;
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-03) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.lemo-levels-config__input--hidden .fr-wrapper, .lemo-levels-config__input--disabled .fr-wrapper {
  cursor: not-allowed !important;
}

.lemo-levels-config__input--hidden .fr-toolbar, .lemo-levels-config__input--disabled .fr-toolbar {
  display: none !important;
}

.lemo-levels-config__input--disabled .fr-element {
  color: var(--lemo-color-text-04) !important;
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-02) !important;
}

.lemo-levels-config__dependencies-container {
  flex-direction: column;
  gap: 20px;
  display: flex;
  margin-top: 12px !important;
  margin-left: 24px !important;
}

.lemo-levels-config__dependency-group {
  flex: 1;
  margin-bottom: 10px;
}

.lemo-levels-config__dependency-options-container {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.lemo-levels-config__dependency-title {
  font-weight: var(--lemo-text-medium);
  color: var(--lemo-color-text-02);
  font-size: var(--lemo-text-body-m);
  margin-bottom: 12px !important;
}

.lemonade-exercises .lemo-vertical-label {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: center;
  width: 1.3em;
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-vertical-label {
    width: 1.5em;
  }
}

.lemonade-exercises .lemo-chart-y-values-container {
  margin-left: 10px;
  position: relative;
}

.lemonade-exercises .lemo-chart-y-values {
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-chart-initial-y-value {
  position: absolute;
  bottom: -.5em;
}

.lemonade-exercises .lemo-chart-y-label-container {
  position: relative;
}

.lemonade-exercises .lemo-highligted-label {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-corporate);
  width: -webkit-max-content;
  width: max-content;
  padding: 6px;
  display: none;
  position: absolute;
  top: -2px;
  right: 0;
}

.lemonade-exercises .lemo-chart-y-label-container.lemo-selected .lemo-default-label {
  visibility: hidden;
}

.lemonade-exercises .lemo-chart-y-label-container.lemo-selected .lemo-highligted-label {
  display: block;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-content, .lemonade-exercises .lemo-charts-histograms .lemo-chart-content {
  border-bottom: 1px solid var(--lemo-color-gray-04);
  flex-direction: column-reverse;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-line, .lemonade-exercises .lemo-charts-histograms .lemo-chart-line {
  background-color: var(--lemo-color-gray-03);
  width: 100%;
  height: 1px;
  transition: background-color .2s;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-line.lemo-selected, .lemonade-exercises .lemo-charts-histograms .lemo-chart-line.lemo-selected {
  background-color: var(--lemo-color-corporate);
  z-index: 10;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-line.lemo-first-line, .lemonade-exercises .lemo-charts-histograms .lemo-chart-line.lemo-first-line {
  opacity: 0;
}

.lemonade-exercises .lemo-vertical-slider {
  writing-mode: bt-lr;
  -moz-orient: vertical;
  -webkit-appearance: slider-vertical;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar-value, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar-value {
  width: 70px;
  height: 100%;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-bar-handler, .lemonade-exercises .lemo-charts-histograms .lemo-bar-handler {
  width: 100%;
  position: absolute;
}

.lemonade-exercises .lemo-charts-barchart .lemo-bar-handler-dot, .lemonade-exercises .lemo-charts-histograms .lemo-bar-handler-dot {
  background: var(--lemo-color-corporate);
  border: 5px solid #fff;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  margin: 0 auto;
  position: relative;
  top: .75em;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-charts-barchart .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-bar-shape {
  border-radius: var(--lemo-radii-01) var(--lemo-radii-01) 0 0;
  background-color: green;
  width: 86%;
  position: absolute;
  bottom: 0;
  left: 7%;
}

.lemonade-exercises .lemo-charts-barchart .lemo-feedback-icon, .lemonade-exercises .lemo-charts-histograms .lemo-feedback-icon {
  width: 26px;
  height: 26px;
  position: absolute;
  top: -17px;
  right: -11px;
}

.lemonade-exercises .lemo-charts-barchart .lemo-bar-slider, .lemonade-exercises .lemo-charts-histograms .lemo-bar-slider {
  bottom: 10px;
}

.lemonade-exercises .lemo-charts-barchart .lemo-success .lemo-bar-shape, .lemonade-exercises .lemo-charts-barchart .lemo-error .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-success .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-error .lemo-bar-shape {
  bottom: 4px;
}

.lemonade-exercises .lemo-charts-barchart .lemo-success .lemo-bar-handler, .lemonade-exercises .lemo-charts-barchart .lemo-error .lemo-bar-handler, .lemonade-exercises .lemo-charts-histograms .lemo-success .lemo-bar-handler, .lemonade-exercises .lemo-charts-histograms .lemo-error .lemo-bar-handler {
  display: none;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar-value .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar-value .lemo-bar-shape {
  background-color: var(--lemo-theme-light-orange-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar-value:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar-value:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-light-orange .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-light-orange .lemo-bar-shape {
  background-color: var(--lemo-theme-light-orange-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-light-orange:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-light-orange:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-dark-orange .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-dark-orange .lemo-bar-shape {
  background-color: var(--lemo-theme-dark-orange-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-dark-orange:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-dark-orange:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-light-blue .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-light-blue .lemo-bar-shape {
  background-color: var(--lemo-theme-light-blue-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-light-blue:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-light-blue:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-dark-blue .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-dark-blue .lemo-bar-shape {
  background-color: var(--lemo-theme-dark-blue-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-dark-blue:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-dark-blue:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-turquoise .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-turquoise .lemo-bar-shape {
  background-color: var(--lemo-theme-turquoise-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-turquoise:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-turquoise:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-violet .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-violet .lemo-bar-shape {
  background-color: var(--lemo-theme-violet-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-violet:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-violet:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-bordeaux .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-bordeaux .lemo-bar-shape {
  background-color: var(--lemo-theme-bordeaux-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-bordeaux:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-bordeaux:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-green .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-green .lemo-bar-shape {
  background-color: var(--lemo-theme-green-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-green:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-green:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-charts-barchart .lemo-success .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-success .lemo-bar-shape {
  border: 2px solid var(--lemo-color-success);
  outline: 4px solid var(--lemo-color-success-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-charts-barchart .lemo-error .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-error .lemo-bar-shape {
  border: 2px solid var(--lemo-color-error);
  outline: 4px solid var(--lemo-color-error-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar.lemo-is-multiple-bar, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar.lemo-is-multiple-bar {
  margin: 0 .2em;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar.lemo-is-multiple-bar .lemo-chart-x-bar-value, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar.lemo-is-multiple-bar .lemo-chart-x-bar-value {
  width: 65px;
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar-value, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar-value {
    width: 85px;
  }
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar {
  flex-grow: 1;
  justify-content: center;
  height: 100%;
  margin: 0 .5em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-values, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-values {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-chart-label {
  text-align: center;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding: 1em .5em 0;
  display: inline-block;
}

.lemonade-exercises .lemo-chart-label-image {
  -o-object-fit: contain;
  object-fit: contain;
  width: 45px;
  height: 30px;
  display: inline-block;
}

.lemonade-exercises .lemo-chart-label-text {
  text-align: center;
  display: inline-block;
  position: relative;
}

@media screen and (min-width: 760px) {
  .lemonade-exercises .lemo-chart-label-text {
    text-align: center;
    align-items: center;
  }
}

.lemonade-exercises .lemo-chart-x-labels {
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-horizontal-label {
  text-align: center;
  margin-top: 1em;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart, .lemonade-exercises .lemo-charts-histograms .lemo-chart {
  width: 100%;
  height: 380px;
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding: 1em 0 0;
  transition: margin-bottom .4s ease-in-out;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart.lemo-chart-with-image-labels, .lemonade-exercises .lemo-charts-histograms .lemo-chart.lemo-chart-with-image-labels {
  margin-bottom: 3em;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart .lemo-chart-left-side, .lemonade-exercises .lemo-charts-histograms .lemo-chart .lemo-chart-left-side {
  padding-right: .3em;
  display: flex;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart .lemo-chart-right-side, .lemonade-exercises .lemo-charts-histograms .lemo-chart .lemo-chart-right-side {
  flex-grow: 1;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart .lemo-chart-area, .lemonade-exercises .lemo-charts-histograms .lemo-chart .lemo-chart-area {
  width: 100%;
  height: calc(100% - 1em);
  margin-top: .5em;
  position: relative;
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-charts-barchart .lemo-chart, .lemonade-exercises .lemo-charts-histograms .lemo-chart {
    padding: 1em 1em 0;
  }
}

.lemonade-exercises .lemo-chart-area .lemo-chart-vertical-line {
  background-color: var(--lemo-color-gray-04);
  z-index: 1;
  width: 1px;
  height: calc(100% + 12px);
  position: absolute;
  bottom: 0;
  left: 0;
}

.lemonade-exercises .lemo-chart-table {
  width: 100%;
  max-width: 100%;
}

.lemonade-exercises .lemo-chart-table table {
  width: 100%;
}

.lemonade-exercises .lemo-chart-table th, .lemonade-exercises .lemo-chart-table td {
  vertical-align: middle;
  height: 0;
}

.lemonade-exercises .lemo-chart-table .lemo-item-header, .lemonade-exercises .lemo-chart-table .lemo-item-body {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-chart-table thead th .lemo-item-header {
  word-break: keep-all;
  border-top: 1px solid var(--lemo-color-corporate);
  border-bottom: 1px solid var(--lemo-color-corporate);
  background: var(--lemo-color-corporate-lighter);
  padding: .7em .2em;
}

.lemonade-exercises .lemo-chart-table thead th:first-child .lemo-item-header {
  border-left: 1px solid var(--lemo-color-corporate);
  border-radius: var(--lemo-radii-01) 0 0 0;
}

.lemonade-exercises .lemo-chart-table thead th:last-child .lemo-item-header {
  border-right: 1px solid var(--lemo-color-corporate);
  border-radius: 0 var(--lemo-radii-01) 0 0;
}

.lemonade-exercises .lemo-chart-table tbody td .lemo-item-body {
  text-align: center;
  border-color: var(--lemo-color-gray-02);
  border-bottom: 1px solid var(--lemo-color-gray-02);
  background: #fff;
  padding: .8em;
}

.lemonade-exercises .lemo-chart-table tbody td:first-child .lemo-item-body {
  border-left: 1px solid var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-chart-table tbody td:last-child .lemo-item-body {
  border-right: 1px solid var(--lemo-color-gray-02);
}

@-moz-document url-prefix() {
  .lemonade-exercises .lemo-chart-table .lemo-item-header, .lemonade-exercises .lemo-chart-table .lemo-item-body {
    height: unset;
  }

  .lemonade-exercises .lemo-chart-table th {
    background: var(--lemo-color-corporate-lighter);
    border: 1px solid var(--lemo-color-corporate);
    border-left: none;
    border-right: none;
  }

  .lemonade-exercises .lemo-chart-table th:first-child {
    border-left: 1px solid var(--lemo-color-corporate);
  }

  .lemonade-exercises .lemo-chart-table th:last-child {
    border-right: 1px solid var(--lemo-color-corporate);
  }

  .lemonade-exercises .lemo-chart-table thead th .lemo-item-header {
    background: none;
    border: none;
  }

  .lemonade-exercises .lemo-chart-table thead th:first-child .lemo-item-header {
    border-left: none;
  }

  .lemonade-exercises .lemo-chart-table thead th:last-child .lemo-item-header {
    border-right: none;
  }

  .lemonade-exercises .lemo-chart-table tbody td .lemo-item-body {
    border: none;
  }

  .lemonade-exercises .lemo-chart-table tbody td:first-child .lemo-item-body {
    border-left: none;
  }

  .lemonade-exercises .lemo-chart-table tbody td:last-child .lemo-item-body {
    border-right: none;
  }

  .lemonade-exercises .lemo-chart-table tbody td {
    border: none;
    border-bottom: 1px solid var(--lemo-color-gray-02);
  }

  .lemonade-exercises .lemo-chart-table tbody td:first-child {
    border-left: 1px solid var(--lemo-color-gray-02);
  }

  .lemonade-exercises .lemo-chart-table tbody td:last-child {
    border-right: 1px solid var(--lemo-color-gray-02);
  }
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-chart-table {
    width: auto;
  }

  .lemonade-exercises .lemo-chart-table th, .lemonade-exercises .lemo-chart-table td {
    min-width: 10em;
  }

  .lemonade-exercises .lemo-chart-table thead th .lemo-item-header {
    padding: .9em 1.5em;
  }
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item {
  align-items: center;
  margin: 0 .5em;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .lemo-color-swatch {
  background: var(--lemo-theme-light-orange-out);
  border-radius: 3px;
  width: 2em;
  height: 1em;
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .lemo-text {
  margin-left: .3em;
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .lemo-legend-item:last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-light-orange {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-dark-orange {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-light-blue {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-dark-blue {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-turquoise {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-violet {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-bordeaux {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-green {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend {
  justify-content: flex-end;
  width: 100%;
  margin: 1em 0 0;
  padding-right: 1em;
  display: flex;
}

.lemonade-exercises .lemo-chart-question {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-chart-wrapper {
  width: 100%;
}

.lemonade-exercises .lemo-chart-question.lemo-table_position_above, .lemonade-exercises .lemo-chart-question.lemo-table_position_below, .lemonade-exercises .lemo-chart-question.lemo-table_position_left, .lemonade-exercises .lemo-chart-question.lemo-table_position_right {
  flex-direction: column;
}

@supports not (container-type: inline-size) {
  @media screen and (min-width: 780px) {
    .lemonade-exercises .lemo-chart-question {
      min-width: 460px;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_above {
      flex-direction: column;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart-info-table, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart-info-table {
      flex-grow: 1;
      width: -webkit-max-content;
      width: max-content;
      margin-left: 1em;
      margin-right: 1em;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart-wrapper, .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart-wrapper, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart {
      flex-grow: 10;
      width: auto;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_left {
      flex-direction: row;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_right {
      flex-direction: row-reverse;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_below {
      flex-direction: column-reverse;
    }
  }
}

@container lemonade_chart_question (width >= 780px) {
  .lemonade-exercises .lemo-chart-question {
    min-width: 460px;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_above {
    flex-direction: column;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart-info-table, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart-info-table {
    flex-grow: 1;
    width: -webkit-max-content;
    width: max-content;
    margin-left: 1em;
    margin-right: 1em;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart-wrapper, .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart-wrapper, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart {
    flex-grow: 10;
    width: auto;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_left {
    flex-direction: row;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_right {
    flex-direction: row-reverse;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_below {
    flex-direction: column-reverse;
  }
}

@supports (container-type: inline-size) {
  .lemonade-exercises .lemo-charts-line-chart, .lemonade-exercises .lemo-charts-barchart, .lemonade-exercises .lemo-charts-pie-chart, .lemonade-exercises .lemo-charts-histograms, .lemonade-exercises .lemo-charts-pictograph {
    container: lemonade_chart_question / inline-size;
  }
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-question {
  padding: 1em 0 2em;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category-image-list {
  border-radius: var(--lemo-radii-02) var(--lemo-radii-02) 0 0;
  outline-offset: 2px;
  flex-direction: column-reverse;
  align-items: center;
  width: 100%;
  height: -webkit-fit-content;
  height: fit-content;
  min-height: 48px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category-image-list.lemo-success {
  border: 2px solid var(--lemo-color-success);
  outline: 4px solid var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category-image-list.lemo-error {
  border: 2px solid var(--lemo-color-error);
  outline: 4px solid var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category-img {
  opacity: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  width: 30px;
  height: 26px;
  margin: 6px auto;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-feedback-icon {
  width: 26px;
  height: 26px;
  top: -17px;
  right: -17px;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category {
  align-items: flex-end;
  width: 65px;
  min-width: 65px;
  padding-bottom: .5em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category:hover .lemo-category-img, .lemonade-exercises .lemo-charts-pictograph .lemo-category .lemo-category-image-list.lemo-is-touch .lemo-category-img {
  opacity: .3;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category .lemo-category-image-list .lemo-category-img.lemo-selected, .lemonade-exercises .lemo-charts-pictograph .lemo-category .lemo-category-image-list.lemo-is-touch .lemo-category-img.lemo-selected {
  opacity: 1;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category .lemo-category-slider {
  bottom: -20px;
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-charts-pictograph .lemo-category {
    width: 80px;
    min-width: 80px;
  }
}

.lemonade-exercises .lemo-charts-pictograph .lemo-pictograph-categories {
  border-left: 1px solid var(--lemo-color-gray-06);
  border-bottom: 1px solid var(--lemo-color-gray-06);
  flex-grow: 1;
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-pictograph .lemo-pictograph-container {
  margin: 1em;
  display: flex;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-question-body .lemo-pictograph {
  width: 100%;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-content {
  border-bottom: 1px solid var(--lemo-color-gray-06);
  border-left: 1px solid var(--lemo-color-gray-06);
  flex-direction: column-reverse;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line {
  background-color: var(--lemo-color-gray-03);
  width: 100%;
  height: 1px;
  transition: background-color .2s;
  position: relative;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line.lemo-selected {
  background-color: var(--lemo-color-corporate);
  z-index: 10;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line.lemo-first-line {
  opacity: 0;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line-box {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-corporate);
  pointer-events: none;
  -webkit-user-drag: none;
  width: 24px;
  height: 24px;
  display: none;
  position: absolute;
  top: -12px;
  right: 0;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line-box-value {
  color: #fff;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  font-size: .7em;
  font-weight: bold;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line.lemo-selected .lemo-chart-line-box {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-charts-line-chart .lemo-chart-line.lemo-selected .lemo-chart-line-box {
    display: none;
  }
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot {
  stroke-width: 0;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot-handler {
  fill: rgba(0, 0, 0, 0);
  cursor: grab;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot-handler:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot-connection {
  stroke-width: 5px;
  pointer-events: none;
  fill: none;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot-connection-feedback {
  stroke: rgba(0, 0, 0, 0);
  stroke-width: 15px;
  stroke-linecap: round;
  cursor: pointer;
  fill: none;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-success .lemo-dot-connection-feedback {
  stroke: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-error .lemo-dot-connection-feedback {
  stroke: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line .lemo-dot {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line .lemo-dot-connection {
  stroke: var(--lemo-theme-light-orange-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line:hover .lemo-dot {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange .lemo-dot {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange .lemo-dot-connection {
  stroke: var(--lemo-theme-light-orange-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange:hover .lemo-dot {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange .lemo-dot {
  fill: var(--lemo-theme-dark-orange-out);
  stroke: var(--lemo-theme-dark-orange-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange .lemo-dot-connection {
  stroke: var(--lemo-theme-dark-orange-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange:hover .lemo-dot {
  fill: var(--lemo-theme-dark-orange-over);
  stroke: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue .lemo-dot {
  fill: var(--lemo-theme-light-blue-out);
  stroke: var(--lemo-theme-light-blue-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue .lemo-dot-connection {
  stroke: var(--lemo-theme-light-blue-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue:hover .lemo-dot {
  fill: var(--lemo-theme-light-blue-over);
  stroke: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue .lemo-dot {
  fill: var(--lemo-theme-dark-blue-out);
  stroke: var(--lemo-theme-dark-blue-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue .lemo-dot-connection {
  stroke: var(--lemo-theme-dark-blue-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue:hover .lemo-dot {
  fill: var(--lemo-theme-dark-blue-over);
  stroke: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise .lemo-dot {
  fill: var(--lemo-theme-turquoise-out);
  stroke: var(--lemo-theme-turquoise-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise .lemo-dot-connection {
  stroke: var(--lemo-theme-turquoise-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise:hover .lemo-dot {
  fill: var(--lemo-theme-turquoise-over);
  stroke: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet .lemo-dot {
  fill: var(--lemo-theme-violet-out);
  stroke: var(--lemo-theme-violet-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet .lemo-dot-connection {
  stroke: var(--lemo-theme-violet-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet:hover .lemo-dot {
  fill: var(--lemo-theme-violet-over);
  stroke: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux .lemo-dot {
  fill: var(--lemo-theme-bordeaux-out);
  stroke: var(--lemo-theme-bordeaux-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux .lemo-dot-connection {
  stroke: var(--lemo-theme-bordeaux-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux:hover .lemo-dot {
  fill: var(--lemo-theme-bordeaux-over);
  stroke: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green .lemo-dot {
  fill: var(--lemo-theme-green-out);
  stroke: var(--lemo-theme-green-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green .lemo-dot-connection {
  stroke: var(--lemo-theme-green-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green:hover .lemo-dot {
  fill: var(--lemo-theme-green-over);
  stroke: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-success .lemo-dot {
  fill: var(--lemo-color-success);
  stroke: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-success .lemo-dot-connection {
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-error .lemo-dot {
  fill: var(--lemo-color-error);
  stroke: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-error .lemo-dot-connection {
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-success .lemo-dot-handler, .lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-error .lemo-dot-handler {
  fill: #fff;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-vertical-line {
  stroke: var(--lemo-color-gray-03);
  stroke-width: 1px;
  transition: background-color .2s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-canvas {
  z-index: 2;
  width: 100%;
  position: absolute;
  left: 0;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-wrapper {
  flex-grow: 1;
  overflow-y: hidden;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart {
  width: 100%;
  height: 380px;
  margin-bottom: 3em;
  padding: 1em 1em 0;
  transition: margin-bottom .4s ease-in-out;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart.lemo-chart-with-image-labels {
  margin-bottom: 3em;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart .lemo-chart-left-side {
  padding-right: .3em;
  display: flex;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart .lemo-chart-right-side {
  flex-grow: 1;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart .lemo-chart-area {
  width: 100%;
  height: calc(100% - 1em);
  margin-top: .5em;
  position: relative;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-pie-figure {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  outline: 4px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  width: 312px;
  height: 312px;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-pie-figure.lemo-success {
  border-color: var(--lemo-color-success);
  outline-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-pie-figure.lemo-error {
  border-color: var(--lemo-color-error);
  outline-color: var(--lemo-color-error-light-alpha);
}

@keyframes bg-animation-theme-light-orange {
  0% {
    fill: var(--lemo-theme-light-orange-out);
  }

  100% {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-light-orange .fractional-shape-slice:hover {
  fill: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-light-orange {
  fill: var(--lemo-theme-light-orange-out);
}

@keyframes bg-animation-theme-dark-orange {
  0% {
    fill: var(--lemo-theme-dark-orange-out);
  }

  100% {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-dark-orange .fractional-shape-slice:hover {
  fill: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-dark-orange {
  fill: var(--lemo-theme-dark-orange-out);
}

@keyframes bg-animation-theme-light-blue {
  0% {
    fill: var(--lemo-theme-light-blue-out);
  }

  100% {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-light-blue .fractional-shape-slice:hover {
  fill: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-light-blue {
  fill: var(--lemo-theme-light-blue-out);
}

@keyframes bg-animation-theme-dark-blue {
  0% {
    fill: var(--lemo-theme-dark-blue-out);
  }

  100% {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-dark-blue .fractional-shape-slice:hover {
  fill: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-dark-blue {
  fill: var(--lemo-theme-dark-blue-out);
}

@keyframes bg-animation-theme-turquoise {
  0% {
    fill: var(--lemo-theme-turquoise-out);
  }

  100% {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-turquoise .fractional-shape-slice:hover {
  fill: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-turquoise {
  fill: var(--lemo-theme-turquoise-out);
}

@keyframes bg-animation-theme-violet {
  0% {
    fill: var(--lemo-theme-violet-out);
  }

  100% {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-violet .fractional-shape-slice:hover {
  fill: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-violet {
  fill: var(--lemo-theme-violet-out);
}

@keyframes bg-animation-theme-bordeaux {
  0% {
    fill: var(--lemo-theme-bordeaux-out);
  }

  100% {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-bordeaux .fractional-shape-slice:hover {
  fill: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-bordeaux {
  fill: var(--lemo-theme-bordeaux-out);
}

@keyframes bg-animation-theme-green {
  0% {
    fill: var(--lemo-theme-green-out);
  }

  100% {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-green .fractional-shape-slice:hover {
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-green {
  fill: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape {
  pointer-events: all;
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice {
  cursor: pointer;
  transition: fill .4s;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-small-screen .lemo-pie-figure {
  width: 212px;
  height: 212px;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-small-screen .fractional-shape {
  width: 200px;
  height: 200px;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-disabled .fractional-shape {
  pointer-events: none;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-disabled .fractional-shape-slice {
  cursor: auto;
}

.lemonade-exercises .lemo-charts-pie-chart .theme-light-orange .lemo-category-icon {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-dark-orange .lemo-category-icon {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-light-blue .lemo-category-icon {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-dark-blue .lemo-category-icon {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-turquoise .lemo-category-icon {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-violet .lemo-category-icon {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-bordeaux .lemo-category-icon {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-green .lemo-category-icon {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category {
  border-radius: var(--lemo-radii-03);
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  margin: .4em;
  padding: .8em;
  transition: border-color .15s;
  overflow-x: hidden;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category-content {
  justify-content: center;
  align-items: center;
  width: -webkit-max-content;
  width: max-content;
  display: flex;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category:hover, .lemonade-exercises .lemo-charts-pie-chart .lemo-category.lemo-selected {
  border-color: var(--lemo-button-color-primary);
  width: -webkit-max-content;
  width: max-content;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category-icon {
  border-radius: var(--lemo-radii-01);
  width: 13px;
  height: 13px;
  margin-right: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category-text {
  color: var(--lemo-button-color-primary);
  font-weight: bold;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category:disabled {
  pointer-events: none;
  opacity: .6;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category:disabled .lemo-category-text {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-small-screen .lemo-category:not(.lemo-selected) {
  border-color: var(--lemo-button-color-primary);
  width: 42px;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-categories {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input {
  color: var(--lemo-color-gray-06);
  justify-content: center;
  align-items: center;
  margin: 1.5em 0;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input .lemo-total-items-input-value-box {
  background-color: var(--lemo-color-corporate-lighter);
  border-radius: var(--lemo-radii-02);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 .4em;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input .lemo-total-items-input-value {
  font-size: 1.1em;
  font-weight: 600;
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input.lemo-initial-state .lemo-total-items-input-value-box {
  color: var(--lemo-color-gray-04);
  background-color: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input.lemo-error .lemo-total-items-input-value-box {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input.lemo-success .lemo-total-items-input-value-box {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-horizontal-chart-table {
  max-width: 100%;
}

.lemonade-exercises .lemo-horizontal-chart-table th, .lemonade-exercises .lemo-horizontal-chart-table td {
  text-align: center;
  height: 0;
}

.lemonade-exercises .lemo-horizontal-chart-table .lemo-item-header, .lemonade-exercises .lemo-horizontal-chart-table .lemo-item-body {
  -webkit-hyphens: auto;
  hyphens: auto;
  height: 100%;
}

.lemonade-exercises .lemo-horizontal-chart-table th .lemo-item-header {
  word-break: keep-all;
  border: 1px solid var(--lemo-color-corporate);
  background: var(--lemo-color-corporate-lighter);
  padding: .8em;
}

.lemonade-exercises .lemo-horizontal-chart-table tr:first-child th .lemo-item-header {
  border-radius: var(--lemo-radii-01) 0 0 0;
}

.lemonade-exercises .lemo-horizontal-chart-table tr:last-child th .lemo-item-header {
  border-radius: 0 0 0 var(--lemo-radii-01);
}

.lemonade-exercises .lemo-horizontal-chart-table tbody td .lemo-item-body {
  text-align: center;
  border-color: var(--lemo-color-gray-02);
  border-top: 1px solid var(--lemo-color-gray-02);
  border-bottom: 1px solid var(--lemo-color-gray-02);
  background: #fff;
  padding: .8em;
}

.lemonade-exercises .lemo-horizontal-chart-table tbody td:first-child .lemo-item-body {
  border-left: 1px solid var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-horizontal-chart-table tbody td:last-child .lemo-item-body {
  border-right: 1px solid var(--lemo-color-gray-02);
}

@-moz-document url-prefix() {
  .lemonade-exercises .lemo-horizontal-chart-table .lemo-item-header, .lemonade-exercises .lemo-horizontal-chart-table .lemo-item-body {
    height: unset;
  }

  .lemonade-exercises .lemo-horizontal-chart-table th {
    background: var(--lemo-color-corporate-lighter);
    border: 1px solid var(--lemo-color-corporate);
    border-left: none;
    border-right: none;
  }

  .lemonade-exercises .lemo-horizontal-chart-table th:first-child {
    border-left: 1px solid var(--lemo-color-corporate);
    border-right: 1px solid var(--lemo-color-corporate);
  }

  .lemonade-exercises .lemo-horizontal-chart-table th .lemo-item-header {
    background: none;
    border: none;
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td .lemo-item-body {
    border: none;
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td:last-child .lemo-item-body {
    border-right: none;
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td {
    border: none;
    border-bottom: 1px solid var(--lemo-color-gray-02);
    border-top: 1px solid var(--lemo-color-gray-02);
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td:first-child {
    border-left: 1px solid var(--lemo-color-gray-02);
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td:last-child {
    border-right: 1px solid var(--lemo-color-gray-02);
  }
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-count-button {
  cursor: pointer;
  transform-origin: center;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 3em;
  height: 3em;
  margin: 1em auto;
  padding: .2em;
  transition: all .2s;
  display: block;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-count-button svg {
  fill: var(--lemo-button-color-primary);
  width: 100%;
  transition: fill .2s;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-count-button:hover svg {
  fill: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-count-button:disabled svg {
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-small-screen .lemo-pie-chart-controls, .lemonade-exercises .lemo-charts-pie-chart .lemo-is-touch .lemo-pie-chart-controls {
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.lemonade-exercises .lemo-editor-inline-titles {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.lemonade-exercises .lemo-editor-inline-titles > * {
  flex: 1 1 0;
}

.lemonade-exercises .lemo-text-label-container {
  margin: .5em 0;
}

.lemonade-exercises .lemo-text-label-container .lemo-text {
  color: var(--lemo-color-gray-04);
  line-height: 1.9;
}

.lemonade-exercises .lemo-swatch-selector {
  border-radius: var(--lemo-radii-01);
  cursor: pointer;
  border: none;
  width: 22px;
  height: 22px;
}

.lemonade-exercises .lemo-swatch-selector.theme-light-orange {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-dark-orange {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-light-blue {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-dark-blue {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-turquoise {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-violet {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-bordeaux {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-green {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-theme-draggable-item {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-theme-draggable-item .lemo-error-message-container {
  width: 100%;
  padding-right: 1em;
}

.lemonade-exercises .lemo-theme-draggable-item .lemo-error-message-container .lemo-editor-input-text {
  margin-right: 0;
}

.lemonade-exercises .lemo-color-swatch-item-list {
  border-radius: var(--lemo-radii-02);
  cursor: pointer;
  padding: .6em;
}

.lemonade-exercises .lemo-color-swatch-item-list .lemo-text {
  margin-left: .7em;
  display: inline-block;
}

.lemonade-exercises .lemo-color-swatch-item-list:hover {
  background-color: var(--lemo-color-corporate-lighter);
}

.lemonade-exercises .lemo-color-swatch-item-list.lemo-selected {
  background-color: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-color-swatch-list {
  border: 1px solid var(--lemo-color-gray-04);
  border-radius: var(--lemo-radii-02);
  background-color: #fff;
  flex-direction: column;
  gap: .8em;
  padding: .6em;
  display: flex;
}

.lemonade-exercises .lemo-serie-list-editor .lemo-draggable-item-list-error {
  margin-left: 4em;
}

.lemonade-exercises .lemo-editor-table-title .lemo-table-title-error-message {
  margin-top: .4em;
  margin-left: .2em;
}

.lemonade-exercises .lemo-editor.lemo-charts-barchart .lemo-data-list-item {
  flex-grow: 1;
  align-items: center;
  padding: 0 .5em;
  display: flex;
}

.lemonade-exercises .lemo-editor.lemo-charts-barchart .lemo-data-list-item .lemo-add-image-button {
  background-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor.lemo-charts-barchart .lemo-data-list-item .lemo-add-image-button .lemo-icon {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-editor.lemo-charts-pictograph .lemo-data-list-item {
  flex-grow: 1;
  align-items: center;
  padding: 0 .5em;
  display: flex;
}

.lemonade-exercises .lemo-flowchart-button {
  cursor: pointer;
}

.lemonade-exercises .lemo-flowchart {
  width: 100%;
  max-width: 600px;
  margin: auto;
  position: relative;
}

.lemonade-exercises .lemo-flowchart .lemo-flowchart-controls {
  pointer-events: none;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.lemonade-exercises .lemo-flowchart .lemo-flowchart-button {
  pointer-events: fill;
}

.lemonade-exercises .lemo-flowchart .lemo-flowchart-controls .lemo-flowchart-button {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-flowchart .flowchart circle.basic.label-container {
  fill: var(--lemo-theme-light-orange-out);
  stroke: none;
}

.lemonade-exercises .lemo-flowchart #lemo-flowchart-tooltip {
  border-radius: var(--lemo-radii-02);
  z-index: 10;
  max-width: 300px;
  padding: .5em;
}

.lemonade-exercises .lemo-flowchart .flowchart {
  margin: auto;
  display: block;
}

.lemonade-exercises .lemo-flowchart .flowchart .nodeLabel .fc-empty-node {
  visibility: hidden;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container {
  fill: var(--lemo-theme-bordeaux-alpha) !important;
  stroke: var(--lemo-theme-bordeaux-alpha) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container:not([data-tooltip-content]), .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container:not([data-tooltip-content]) {
  fill: var(--lemo-color-corporate-light-alpha) !important;
  stroke: var(--lemo-color-corporate-light-alpha) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container {
  cursor: pointer;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container:hover, .lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container.lemo-selected, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container:hover, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container.lemo-selected {
  fill: var(--lemo-color-corporate-light) !important;
  stroke: var(--lemo-color-corporate) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node circle.label-container {
  fill: var(--lemo-theme-light-orange-out) !important;
  stroke: var(--lemo-theme-light-orange-out) !important;
  stroke-width: 2px !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container.lemo-success, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container.lemo-success {
  fill: var(--lemo-color-success-light) !important;
  stroke: var(--lemo-color-success) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container.lemo-error, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container.lemo-error {
  fill: var(--lemo-color-error-light) !important;
  stroke: var(--lemo-color-error) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node .label {
  pointer-events: none;
}

.lemonade-exercises .lemo-flowchart .flowchart .edgePaths path {
  stroke: var(--lemo-color-text-03) !important;
  stroke-width: 2px !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .edgeLabels, .lemonade-exercises .lemo-flowchart .flowchart .edgeLabels .edgeLabel {
  fill: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .edgeLabels .edgeLabel .labelBkg p {
  color: var(--lemo-color-text-02) !important;
  background-color: #fff !important;
}

.lemonade-exercises .lemo-flowchart .flowchart marker {
  stroke: var(--lemo-color-text-03) !important;
  fill: var(--lemo-color-text-03) !important;
}

.lemonade-exercises .lemo-flowchart-options-panel {
  z-index: 1000;
  width: 98%;
  max-width: 600px;
  margin: 0 auto;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-flowchart-options-panel-container {
  background-color: var(--lemo-color-base-white);
  border: 2px solid var(--lemo-color-corporate-light);
  border-bottom: 4px solid var(--lemo-color-corporate-light);
  border-radius: var(--lemo-radii-03);
  margin: 0;
  padding: 0;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-flowchart-options-panel-option {
  border-bottom: 2px solid var(--lemo-color-corporate-light);
  list-style: none;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-flowchart-options-panel-option:last-child {
  border-bottom: none;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-option-button, .lemonade-exercises .lemo-flowchart-options-panel .lemo-empty-figure-button {
  cursor: pointer;
  width: 100%;
  padding: 1.2em .8em;
  line-height: 1.2;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-option-button {
  text-align: left;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-empty-figure-button {
  text-align: right;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-empty-figure-button .lemo-icon {
  fill: var(--lemo-color-corporate);
  width: 24px;
  height: 24px;
  position: relative;
  top: 5px;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-option-button:hover, .lemonade-exercises .lemo-flowchart-options-panel .lemo-empty-figure-button:hover {
  background-color: var(--lemo-color-corporate-light-alpha);
  box-shadow: 0 5px 0 0 var(--lemo-color-corporate-light-alpha) inset;
}

.lemonade-exercises .lemo-charts-flowchart .lemo-question-body {
  width: 98%;
  margin-left: 1%;
  padding-bottom: 2em;
  position: relative;
  overflow: hidden;
}

.lemonade-exercises .lemo-charts-flowchart .lemo-panel-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-charts-histograms {
  --line-height: .8em;
}

.lemonade-exercises .lemo-charts-histograms .chart-x-labels {
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 2em;
  display: flex;
}

.lemonade-exercises .lemo-charts-histograms .chart-x-label-container {
  position: relative;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-x-label-line {
  height: var(--line-height);
  background-color: var(--lemo-color-gray-04);
  width: 2px;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-label-text {
  top: var(--line-height);
  padding-top: .2em;
  position: absolute;
  transform: translateX(-50%);
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-area .lemo-chart-x-values {
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-area .lemo-chart-x-bar-value {
  width: 62px;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-area .lemo-chart-x-bar {
  flex-grow: unset;
  margin: 0;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-area .lemo-bar-shape {
  width: 98%;
  left: 0;
}

.lemonade-exercises .lemo-charts-histograms .lemo-question-body {
  box-sizing: content-box;
  padding: .4em 0 2.3em;
  overflow-x: hidden;
  overflow-y: auto;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points {
  border-bottom: 1px solid var(--lemo-color-gray-02);
  justify-content: space-between;
  align-items: center;
  padding: .4em 0;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points .lemo-progress {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points .lemo-progress-text {
  letter-spacing: -2.6px;
  margin-right: .3em;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points .lemo-completed-text {
  color: var(--lemo-color-gray-04);
  font-size: 14px;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points .lemo-score {
  color: var(--lemo-color-base-white);
  background-color: var(--lemo-color-gray-02);
  border-radius: 50px;
  padding: .9em 1.1em;
  font-size: 14px;
  display: inline-block;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question {
  border-radius: var(--lemo-radii-03);
  border: 2px solid rgba(0, 0, 0, 0);
  margin-bottom: 1em;
  padding: 1em;
  position: relative;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question:last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question.lemo-grouped-question-success {
  border-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question.lemo-grouped-question-error {
  border-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question .lemo-group-question-menu-icon {
  fill: var(--lemo-color-gray-03);
  cursor: pointer;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 42px;
  right: 0;
}

.lemonade-exercises .lemo-questions-group {
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-base-white);
  padding: 1em;
  position: relative;
}

.lemonade-exercises .lemo-questions-group .lemo-group-points {
  display: none;
}

.lemonade-exercises .lemo-empty-questions-group-message {
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-base-white);
  margin-bottom: 1.4em;
  padding: 2em 1em;
  position: relative;
}

.lemonade-exercises .lemo-empty-questions-group-message p {
  color: var(--lemo-color-gray-06);
  text-align: center;
  font-size: 1.125em;
}

.lemonade-exercises .style-guide-box-component {
  margin: 20px;
}

.lemonade-exercises .style-guide-box-component .style-guide-box-component__title {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-box-component .style-guide-box-component__subtitle {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 10px;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-feedbacks, .lemonade-exercises .style-guide-blocks-editor, .lemonade-exercises .style-guide-buttons {
  display: block;
}

.lemonade-exercises .style-guide-buttons .style-guide-buttons__group {
  flex-wrap: wrap;
  display: flex;
}

.lemonade-exercises .style-guide-buttons .style-guide-buttons__group-name {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-dropdowns {
  display: block;
}

.lemonade-exercises .style-guide-dropdowns .style-guide-dropdowns__group {
  flex-wrap: wrap;
  display: flex;
}

.lemonade-exercises .style-guide-dropdowns .style-guide-dropdowns__group-name {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-essay, .lemonade-exercises .style-guide-slider {
  display: block;
}

.lemonade-exercises .style-guide-slider .style-guide-slider__group {
  flex-wrap: wrap;
  display: flex;
}

.lemonade-exercises .style-guide-slider .style-guide-slider__group-name {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-all {
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.lemonade-exercises .style-guide-all .style-guide-all__title {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 20px;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-icons {
  flex-wrap: wrap;
  gap: 1em;
  margin: 1em;
  display: flex;
}

.lemonade-exercises .style-guide-icons__icon {
  border: 1px solid #d3d3d3;
  flex-direction: column;
  align-items: center;
  width: 12em;
  min-height: 120px;
  display: flex;
}

.lemonade-exercises .style-guide-icons__icon svg {
  width: 32px;
  height: 32px;
  margin: 1em 0;
}

.lemonade-exercises .style-guide-icons__icon-text {
  line-height: 1.6;
}

.lemonade-exercises .scaffold-separator {
  text-align: center;
  background: var(--lemo-color-gray-01);
  color: var(--lemo-color-gray-04);
  width: 100%;
  margin: 3em 0;
  padding: 1em;
  font-style: italic;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-question-list-item {
  cursor: default;
  align-items: center;
  width: 100%;
  padding: .32em 0;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-question-list-item .lemo-text {
  color: var(--lemo-color-gray-05);
  background-color: var(--lemo-color-corporate-lighter);
  border-radius: var(--lemo-radii-02);
  flex-grow: 1;
  padding: .8em .4em;
}

.lemonade-exercises .lemo-add-item-button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 100%;
  display: block;
  position: relative;
}

.lemonade-exercises .lemo-add-item-button .lemo-icon-wrapper {
  z-index: 2;
  background-color: #fff;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 1px;
  position: relative;
}

.lemonade-exercises .lemo-add-item-button .lemo-icon {
  fill: var(--lemo-color-corporate);
  transition: fill .2s;
}

.lemonade-exercises .lemo-add-item-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-add-item-button .lemo-add-item-button-line {
  color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px dashed var(--lemo-color-gray-03);
  width: 100%;
  height: 1px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question-menu {
  background-color: var(--lemo-color-base-white);
  border-radius: var(--lemo-radii-02);
  padding: 12px 4px 11px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question-menu .lemo-icon {
  fill: var(--lemo-color-gray-04);
  cursor: pointer;
  margin: 0 5px;
  transition: fill .2s;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question-menu .lemo-icon:hover {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-add-question-modal {
  margin: 0 auto;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-modal-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-title {
  color: var(--lemo-color-gray-05);
  margin: 0;
  font-size: 18px;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-close-button {
  fill: var(--lemo-color-gray-04);
  width: 26px;
  height: 26px;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-add-question-modal {
  border-radius: var(--lemo-radii-02);
  background-color: #fff;
  width: 100%;
  max-width: 900px;
  padding: 1em;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-modal-tab-list {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-tab {
  background-color: var(--lemo-color-base-white);
  border-radius: var(--lemo-radii-02) var(--lemo-radii-02) 0 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-tab.lemo-selected {
  background-color: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-tab-text {
  color: var(--lemo-color-gray-04);
  font-size: .85em;
  font-weight: bold;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-tab.lemo-selected .lemo-tab-text {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-modal-tab-content {
  border-radius: 0 0 var(--lemo-radii-02) var(--lemo-radii-02);
  background-color: var(--lemo-color-base-background);
  min-height: 300px;
  padding: 1em;
  list-style: none;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-template-button {
  color: var(--lemo-color-gray-04);
  cursor: pointer;
  margin: .7em;
  transition: color .2s;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-template-button:hover {
  color: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-columns-wrapper {
  gap: 2em;
  min-height: 100%;
  margin: auto;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-editor-wrapper, .lemonade-exercises .lemo-group-editor-layout .lemo-question-group-wrapper {
  background-color: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-editor-wrapper {
  width: 40%;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-question-group-wrapper {
  width: 60%;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-confirm-message {
  max-width: 450px;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-column-container {
  flex-direction: row-reverse;
  gap: 2em;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-column:first-child {
  width: 45%;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-column:last-child {
  width: 55%;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-question-wrapper {
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-base-white);
  padding: 2em;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-editor {
  padding-top: 0;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-question-editor-controls {
  justify-content: stretch;
  align-items: center;
  gap: 1em;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-question-editor-controls > * {
  width: 100%;
  margin: 1.5em 0;
}

.lemonade-exercises .lemo-group-editor-layout, .lemonade-exercises .lemo-question-editor-layout {
  background-color: var(--lemo-color-base-background);
  width: 100%;
  min-height: 100vh;
  padding: 2em;
}

#lemonadePreviewIframe {
  width: 100%;
  height: 100%;
}

.lemonade-exercises .lemo-responsive-preview .lemo-preview-body {
  background-color: var(--lemo-color-base-background);
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 1em;
  display: flex;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container {
  background-color: var(--lemo-color-base-white);
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-02);
  max-width: 1380px;
  height: auto;
  margin: auto;
  padding: 2em;
  transition: width .45s ease-in-out, height .6s ease-in-out, max-height .6s ease-in-out;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container.lemo-display-Desktop {
  width: 100%;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container.lemo-display-1024 {
  width: 1024px;
  height: 768px;
  overflow-y: auto;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container.lemo-display-768 {
  width: 768px;
  height: 1024px;
  overflow-y: auto;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container.lemo-display-360 {
  width: 360px;
  height: 850px;
  padding: 1em .6em;
  overflow: auto;
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button {
  cursor: pointer;
  align-items: center;
  margin-right: 1em;
  display: flex;
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button:last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button .lemo-icon {
  fill: var(--lemo-color-gray-06);
  width: 24px;
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button:hover .lemo-icon, .lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button.lemo-selected .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-responsive-preview .lemo-icon.lemo-horizontal {
  transform-origin: center;
  transform: rotate(90deg);
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-responsive-preview .lemo-back-button {
  cursor: pointer;
}

.lemonade-exercises .lemo-responsive-preview .lemo-back-button .lemo-icon {
  fill: var(--lemo-color-gray-06);
  width: 24px;
  height: 24px;
  transition: color .2s;
}

.lemonade-exercises .lemo-responsive-preview .lemo-back-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-responsive-preview .lemo-preview-header {
  background-color: var(--lemo-color-base-white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto;
  padding: .6em .2em;
  display: flex;
}

.lemonade-exercises .lemo-responsive-preview {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.hl-noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.hl-highlighter {
  position: relative;
}

.hl-highlighter .hl-highlighter__menu {
  z-index: 100;
  width: auto;
  height: auto;
  margin: auto;
  display: block;
  position: absolute;
}

.hl-highlighter-menu {
  background: #fff;
  border-radius: 4px;
  width: 283px;
  position: absolute;
  transform: translateY(1rem);
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
}

.hl-highlighter-menu .hl-highlighter-menu__item {
  min-height: 48px;
  display: flex;
}

.hl-highlighter-menu .hl-highlighter-menu__item:hover {
  background: #f2f2f2;
}

.hl-highlighter-menu .hl-highlighter-menu__link {
  flex: auto;
  align-items: center;
  padding: 6px 24px 6px 16px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  color: #828282 !important;
  border-bottom: none !important;
}

.hl-highlighter-menu .hl-highlighter-menu__icon {
  margin-right: 1rem;
}

.hl-highlighter-menu .hl-highlighter-menu__icon .icon {
  fill: #828282;
  width: 20px;
  height: auto;
  display: block;
}

.hl-highlighter-menu .hl-highlighter-menu__content {
  flex-flow: row;
  flex: 100%;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  line-height: 1rem;
  display: flex;
  color: #828282 !important;
  font-size: .95rem !important;
}

.hl-highlighter-menu:before {
  z-index: -1;
  content: "";
  background: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -.5rem;
  right: calc(50% - 15px);
  transform: rotate(45deg);
  box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, .25);
}

.hl-select-color-highlight {
  z-index: 150;
  background: #fff 0 0 / 12px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-left: 1.5rem;
  padding: .25rem;
  position: relative;
}

.hl-select-color-highlight .hl-select-color-highlight__color-and-arrow {
  flex-direction: row;
  display: flex;
}

.hl-select-color-highlight .hl-select-color-highlight__arrow {
  align-self: center;
}

.hl-select-color-highlight .hl-select-color-highlight__color {
  color: #000;
  opacity: .6;
  padding: .25rem;
  font-size: .85rem;
  font-weight: 400;
  transition: opacity .2s;
  display: inline-block;
}

.hl-select-color-highlight .hl-select-color-highlight__color--active, .hl-select-color-highlight .hl-select-color-highlight__color:hover {
  opacity: 1;
}

.hl-select-color-highlight .hl-select-color-highlight__color--active {
  border-radius: 4px;
}

.hl-select-color-highlight .hl-select-color-highlight__color-list {
  text-align: center;
  z-index: 175px;
  background: #fff;
  border-radius: 4px;
  flex-flow: column wrap;
  gap: 4px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: 2.3rem;
  left: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, .24), 0 4px 8px rgba(0, 0, 0, .16);
}

.hl-select-color-highlight .hl-select-color-highlight__color-list--hidden {
  display: none !important;
}

.hl-select-color-highlight .hl-select-color-highlight__color-color {
  color: #000;
  opacity: .6;
  border-radius: 4px;
  padding: 0 14px;
  font-size: .85rem;
  font-weight: 400;
  line-height: 24px;
  transition: opacity .2s;
  display: inline-block;
}

.hl-select-text__color--01 {
  background-color: #fff6aa !important;
}

.hl-select-text__color--02 {
  background-color: #def5c7 !important;
}

.hl-select-text__color--03 {
  background-color: #bcddf8 !important;
}

.hl-select-text__color--04 {
  background-color: #f1d1fb !important;
}

.hl-select-text__color--05 {
  background-color: #ffe1c4 !important;
}

.hl-select-text__color--06 {
  background-color: #f1d1fb !important;
}

.hl-select-text__color--07 {
  background-color: #c3f9e9 !important;
}

.hl-select-text__color--08 {
  background-color: #dfdfdf !important;
}

@media only screen and (min-width: 1024px) {
  .grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .lesson__section > div:not(.mint-item-block_component), .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .lesson__section > div:not(.mint-item-block_component), .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full, .mint-block-image--text-overlay .ItemBlocks_Image_TextOverlay .image-text-overlay {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.mint-lesson .mint-player-audio {
  position: relative;
}

.mint-lesson .mint-player-audio__play {
  text-indent: -99999px;
  width: 35px;
  height: 25px;
  transition: all .4s;
  display: inline-block;
  transform: translateY(2px);
  border: 0 !important;
  text-decoration: none !important;
}

.mint-lesson .mint-player-audio__play .icon {
  width: 100%;
  height: 100%;
  display: block;
}

.mint-lesson .mint-player-audio__control {
  width: 100%;
  height: 25px;
  margin: 15px 0;
  transition: all .4s;
}

.mint-lesson .mint-player-audio__control * {
  max-width: 100%;
}

.mint-lesson .mint-player-audio__play--active .icon, .mint-lesson .mint-player-audio__play:hover .icon {
  opacity: .5;
}

.mint-lesson .mint-player-audio__play--active, .mint-lesson .mint-player-audio__control--active, .mint-lesson .lesson__section--active .mint-player-audio__control, .mint-lesson .lesson__section--active .mint-player-audio__play {
  opacity: 1;
}

@media only screen and (min-width: 1024px) {
  .mint-lesson .mint-player-audio {
    position: relative;
  }

  .mint-lesson .mint-player-audio__control, .mint-lesson .mint-player-audio__play {
    opacity: 0;
    position: absolute;
    top: calc(50% - 12.5px);
    left: -7vw;
  }

  .mint-lesson .mint-player-audio__control {
    width: 110px;
  }

  .mint-lesson .mint-player-audio__play--active, .mint-lesson .mint-player-audio__control--active {
    opacity: 1 !important;
  }

  .mint-lesson .lesson__section:hover .mint-player-audio__control, .mint-lesson .lesson__section:hover .mint-player-audio__play {
    opacity: 1;
  }

  .mint-lesson .mint-lesson-menu--show .mint-player-audio__control, .mint-lesson .mint-lesson-menu--show .mint-player-audio__play {
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }
}

.mint-player-audio-ab {
  position: relative;
}

.mint-player-audio-ab__play {
  text-indent: -99999px;
  opacity: 1;
  width: 35px;
  height: 25px;
  transition: all .4s;
  display: inline-block;
  transform: translateY(2px);
  border: 0 !important;
  text-decoration: none !important;
}

.mint-player-audio-ab__play .icon {
  width: 100%;
  height: 100%;
  display: block;
}

.mint-player-audio-ab__play .icon path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-player-audio-ab__play-general {
  z-index: 99;
  opacity: 0;
  transition: all .4s;
  display: none;
  border: 0 !important;
  text-decoration: none !important;
}

.mint-player-audio-ab__play-general .icon {
  width: 100%;
  height: 100%;
  display: block;
}

.mint-player-audio-ab__control {
  width: 100%;
  height: 25px;
  margin: 15px 0;
  transition: all .4s;
}

.mint-player-audio-ab__control * {
  max-width: 100%;
}

.mint-player-audio-ab__play--active .icon, .mint-player-audio-ab__play:hover .icon {
  opacity: .5;
}

.mint-player-audio-ab__play--active, .mint-player-audio-ab__control--active {
  opacity: 1;
}

.mint-audios-blocks-general .mint-player-audio-ab__play--active, .mint-audios-blocks-general .mint-player-audio-ab__control--active {
  opacity: 0;
}

.lesson__section--active .mint-player-audio-ab__control, .lesson__section--active .mint-player-audio-ab__play, .mint-player-audio-ab__control, .mint-player-audio-ab__play:hover {
  opacity: 1;
}

.mint-player-audio-ab__play {
  pointer-events: auto;
}

.mint-player-audio-ab__play-general {
  pointer-events: none;
}

@media only screen and (min-width: 1024px) {
  .mint-player-audio-ab {
    position: relative;
  }

  .mint-player-audio-ab__control, .mint-player-audio-ab__play {
    opacity: 0;
    position: absolute;
  }

  .mint-player-audio-ab__control, .mint-player-audio-ab__play-general {
    display: block;
  }

  .mint-player-audio-ab__control {
    width: 110px;
  }

  .mint-audios-blocks-general .mint-player-audio-ab__play--active, .mint-audios-blocks-general .mint-player-audio-ab__control--active, .mint-audios-blocks-general .mint-player-audio-ab__play:hover {
    opacity: 1 !important;
  }

  .mint-lesson-menu--show .mint-player-audio-ab__control, .mint-lesson-menu--show .mint-player-audio-ab__play {
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }

  .mint-lesson-menu--show .mint-audios-blocks-general .mint-player-audio-ab__play {
    opacity: 0 !important;
  }

  .mint-player-audio-ab__play {
    pointer-events: none;
  }

  .mint-player-audio-ab__play-general {
    pointer-events: auto;
  }

  .mint-player-audio-ab__control, .mint-player-audio-ab__play:hover {
    opacity: 0;
  }

  .ItemBlocks_Gallery_TwoColumn .mint-player-audio__control, .ItemBlocks_Gallery_TwoColumn .mint-player-audio__play, .ItemBlocks_Gallery_ThreeColumn .mint-player-audio__control, .ItemBlocks_Gallery_ThreeColumn .mint-player-audio__play, .ItemBlocks_Gallery_FourColumn .mint-player-audio__control, .ItemBlocks_Gallery_FourColumn .mint-player-audio__play {
    opacity: 1 !important;
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
}

.mint-audio-player-popup {
  z-index: 100;
  min-width: 300px;
  max-width: 400px;
  position: fixed;
  bottom: 10%;
  left: 2rem;
  z-index: 100 !important;
}

.mint-audio-player-popup__wrap {
  background-color: #f9f9fb;
  border-radius: 48px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 8px rgba(44, 44, 44, .1);
}

.mint-audio-player-popup__content {
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.mint-audio-player-popup__repeat, .mint-audio-player-popup__play {
  transition: background-color .2s;
}

.mint-audio-player-popup__repeat:hover, .mint-audio-player-popup__play:hover {
  background-color: rgba(0, 0, 0, .05);
}

.mint-audio-player-popup__repeat {
  margin-right: 1.5rem;
}

.mint-audio-player-popup__repeat .icon {
  fill: #333;
  width: 32px;
  height: 32px;
}

.mint-audio-player-popup__play {
  color: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: flex;
}

.mint-audio-player-popup__play:hover {
  background-color: #bdbdbd;
}

.mint-audio-player-popup__play .icon-play, .mint-audio-player-popup__play .icon-pause {
  width: 32px;
  height: 32px;
}

.mint-audio-player-popup__play .icon-play svg, .mint-audio-player-popup__play .icon-pause svg {
  width: 32px;
  height: 32px;
  transition: opacity .2s;
}

.mint-audio-player-popup__play .icon-play svg path, .mint-audio-player-popup__play .icon-pause svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-audio-player-popup__play--play .icon-play {
  opacity: 1;
}

.mint-audio-player-popup__play--play .icon-play path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-audio-player-popup__play--play .icon-pause, .mint-audio-player-popup__play--pause .icon-play {
  opacity: 0;
}

.mint-audio-player-popup__play--pause .icon-pause {
  opacity: 1;
}

.mint-audio-player-popup__play--pause .icon-pause path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-audio-player-popup__progress {
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.mint-audio-player-popup__progress-progress {
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.mint-audio-player-popup__progress progress {
  -webkit-appearance: none;
  background: linear-gradient(to right, var(--mint-brand-color, #4f4fff) 0%, var(--mint-brand-color, #4f4fff) var(--progress-percentage, 0%), #bdbdbd var(--progress-percentage, 0%), #bdbdbd 100%);
  cursor: pointer;
  border-radius: 8px;
  width: 100%;
  height: 4px;
}

.mint-audio-player-popup__progress progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  width: 0;
  height: 0;
}

.mint-audio-player-popup__progress progress::-moz-range-thumb {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  width: 0;
  height: 0;
}

.mint-audio-player-popup__progress progress::-moz-range-progress {
  background-color: var(--mint-brand-color, #4f4fff);
  border-radius: 8px;
  height: 4px;
}

.mint-audio-player-popup__progress progress[value] {
  -webkit-appearance: none;
  appearance: none;
  color: var(--mint-brand-color, #4f4fff);
  background-color: #828282;
  height: 4px;
}

.mint-audio-player-popup__progress progress[value]::-webkit-progress-bar {
  color: var(--mint-brand-color, #4f4fff);
  background-color: #828282;
  border-radius: 8px;
}

.mint-audio-player-popup__progress progress::-webkit-progress-value {
  background-color: var(--mint-brand-color, #4f4fff);
}

.mint-audio-player-popup__nav {
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  display: flex;
}

.mint-audio-player-popup__close {
  cursor: pointer;
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: flex;
  background-size: 28px 28px !important;
}

.mint-audio-player-popup__close:hover {
  background-color: rgba(0, 0, 0, .05);
}

.mint-audio-player-popup__repeat {
  display: none;
}

.mint-audio-player-popup__progress-texts {
  align-items: center;
  display: flex;
}

.mint-audio-player-popup__progress-texts .mint-audio-player-popup__progress-text, .mint-audio-player-popup__progress-texts .mint-audio-player-popup__progress-text-total, .mint-audio-player-popup__progress-texts .mint-audio-player-popup__progress-text-actual {
  color: #333;
  align-items: center;
  margin-right: 6px;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.mint-audio-player-popup__progress-texts .mint-audio-player-popup__progress-text-actual {
  text-align: right;
}

.mint-audio-player-popup__progress-texts .mint-audio-player-popup__progress-text-total {
  text-align: left;
}

.mint-audio-player-popup__nav {
  position: absolute;
  top: -6px;
  right: -6px;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip-content {
  gap: 10px;
  padding: 8px 12px;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip-content span {
  color: #fff;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  overflow-wrap: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip {
  z-index: 1000;
  background: #4f4f4f;
  border-radius: 4px;
  position: relative;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip[data-show="true"] {
  display: block;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip__arrow, .mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip__arrow:before {
  background: inherit;
  width: 14px;
  height: 14px;
  position: absolute;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip__arrow {
  visibility: hidden;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip[data-popper-placement^="top"] > .mint-tooltip__arrow {
  bottom: -8px;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip[data-popper-placement^="bottom"] > .mint-tooltip__arrow {
  top: -8px;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip[data-popper-placement^="left"] > .mint-tooltip__arrow {
  right: -8px;
}

.mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip[data-popper-placement^="right"] > .mint-tooltip__arrow {
  left: -8px;
}

@media only screen and (max-width: 560px) {
  .mint-audio-player-popup .mint-tooltip__wrapper .mint-tooltip {
    max-width: 94%;
  }
}

.mint-lesson .button, .mint-blocks-sidebar .button, .toast-undo-component .button, .labeled-graphics__editor .button {
  background: var(--mint-brand-color, #4f4fff);
  border-radius: var(--mint-button-border-radius, 6px);
  color: #fff;
  box-shadow: none;
  border: 0;
  flex-flow: row;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 6px 16px;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: bold;
  transition: all .15s ease-in;
  display: flex;
}

.mint-lesson .button:focus, .mint-blocks-sidebar .button:focus, .toast-undo-component .button:focus, .labeled-graphics__editor .button:focus {
  outline: none;
}

.mint-lesson .button:disabled, .mint-blocks-sidebar .button:disabled, .toast-undo-component .button:disabled, .labeled-graphics__editor .button:disabled {
  background: #f2f2f2;
  cursor: initial !important;
  opacity: 1 !important;
}

.mint-lesson .button svg, .mint-blocks-sidebar .button svg, .toast-undo-component .button svg, .labeled-graphics__editor .button svg {
  fill: #fff;
}

.mint-lesson .button:hover, .mint-blocks-sidebar .button:hover, .toast-undo-component .button:hover, .labeled-graphics__editor .button:hover {
  cursor: pointer;
  background-color: var(--mint-brand-color-hover, #3c3cbf);
}

.mint-lesson .button--secondary, .mint-blocks-sidebar .button--secondary, .toast-undo-component .button--secondary, .labeled-graphics__editor .button--secondary {
  background: #4f4f4f;
}

.mint-lesson .button--small, .mint-blocks-sidebar .button--small, .toast-undo-component .button--small, .labeled-graphics__editor .button--small {
  height: 40px;
  min-height: 40px;
}

.mint-lesson .button--icon, .mint-blocks-sidebar .button--icon, .toast-undo-component .button--icon, .labeled-graphics__editor .button--icon {
  color: #828282;
  background: none;
  border: none;
  flex-flow: row;
  align-items: center;
  width: auto;
  min-height: 30px;
  padding: 0 .4em;
  transition: all .3s;
  display: flex;
}

.mint-lesson .button--icon:disabled, .mint-blocks-sidebar .button--icon:disabled, .toast-undo-component .button--icon:disabled, .labeled-graphics__editor .button--icon:disabled {
  cursor: initial;
  opacity: 1;
  background: #f2f2f2;
}

.mint-lesson .button--icon svg, .mint-blocks-sidebar .button--icon svg, .toast-undo-component .button--icon svg, .labeled-graphics__editor .button--icon svg {
  fill: #828282;
}

.mint-lesson .button--icon:hover, .mint-blocks-sidebar .button--icon:hover, .toast-undo-component .button--icon:hover, .labeled-graphics__editor .button--icon:hover {
  color: var(--mint-brand-color, #4f4fff);
}

.mint-lesson .button--icon:hover svg, .mint-blocks-sidebar .button--icon:hover svg, .toast-undo-component .button--icon:hover svg, .labeled-graphics__editor .button--icon:hover svg {
  fill: var(--mint-brand-color, #4f4fff);
}

.icon-text-button {
  cursor: pointer;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: 1.5px solid #828282;
  border-radius: 8px;
  outline: none;
  justify-content: flex-start;
  align-items: center;
  min-height: 50px;
  margin: 0 1% 1% 0;
  padding: .8em 1.4em;
  transition: all .3s;
  display: flex;
}

.icon-text-button .icon-text-button__icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 1rem;
  display: flex;
}

.icon-text-button .icon-text-button__text {
  word-break: normal;
  font-size: 15px;
  font-weight: 500;
}

.icon-text-button .icon-text-button__text--small {
  font-size: 14px;
}

.icon-text-button--primary {
  background-color: #fff;
}

.icon-text-button--primary .icon-text-button__icon svg {
  fill: #828282;
}

.icon-text-button--primary .icon-text-button__text {
  color: #828282;
}

.icon-text-button--primary:hover {
  background-color: #828282;
  border-color: #828282;
  transition: all .3s;
}

.icon-text-button--primary:hover .icon-text-button__icon svg, .icon-text-button--primary:hover .icon-text-button__icon path {
  fill: #fff;
}

.icon-text-button--primary:hover .icon-text-button__text {
  color: #fff;
}

.icon-text-button--primary:focus {
  border: 1px solid #828282;
}

.icon-text-button--primary__all {
  background-color: var(--mint-brand-color, #4f4fff);
  border: 1px solid #bdbdbd;
}

.icon-text-button--primary__all .icon-text-button__text {
  color: #fff;
}

.icon-text-button--primary__all .icon-text-button__icon svg {
  fill: #fff;
}

.icon-text-button--primary__no_background {
  color: var(--mint-brand-color, #4f4fff);
  background: none;
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.icon-text-button--primary__no_background:hover {
  color: var(--mint-brand-color-hover, #3c3cbf);
}

.icon-text-button--primary__first_back_white {
  border-color: var(--mint-brand-color, #4f4fff);
  background-color: #fff;
  min-height: 43px;
  padding: 8px 12px;
}

.icon-text-button--primary__first_back_white .icon-text-button__icon {
  margin-right: 8px;
}

.icon-text-button--primary__first_back_white .icon-text-button__text {
  color: var(--mint-brand-color, #4f4fff);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
  overflow: hidden;
}

.icon-text-button--primary__first_back_white svg {
  fill: var(--mint-brand-color, #4f4fff);
}

.icon-text-button--primary__first_back_white:hover {
  background-color: var(--mint-brand-color, #4f4fff);
}

.icon-text-button--primary__first_back_white:hover .icon-text-button__text {
  color: #fff;
}

.icon-text-button--primary__first_back_white:hover svg {
  fill: #fff;
}

.plus-icon {
  cursor: pointer;
  background-color: #828282;
  border: 2px solid #828282;
  border-radius: 8px;
  outline: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: inline-flex;
}

.plus-icon > svg {
  fill: #828282;
  width: 24px;
  height: 24px;
}

.plus-icon--primary > svg {
  fill: #fff;
}

.plus-icon--primary:hover {
  background-color: var(--mint-brand-color, #4f4fff);
  border: 2px solid var(--mint-brand-color, #4f4fff);
}

.plus-icon--primary:hover > svg {
  fill: #fff;
}

.mint-lesson .mint-checkbox .mint-checkbox__value-container {
  letter-spacing: 0;
  text-align: left;
  color: #828282;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.mint-confirm-dialog {
  overflow: overlay;
  background: #fff;
  border-radius: 8px;
  max-width: 428px;
}

.mint-confirm-dialog__container {
  padding: 16px 24px 12px;
}

.mint-confirm-dialog__header {
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.mint-confirm-dialog__icon {
  fill: #4f4fff;
  width: 24px;
  height: 24px;
}

.mint-confirm-dialog__title {
  color: #4f4f4f;
  margin: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.mint-confirm-dialog__message {
  color: #828282;
  white-space: pre-line;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.mint-confirm-dialog__buttons {
  background-color: #fafafa;
  justify-content: flex-end;
  gap: 12px;
  padding: 8px 16px;
  display: flex;
}

.mint-confirm-dialog__buttons .button {
  border-radius: 8px;
  min-width: 100px;
  height: 40px;
  min-height: 40px;
  padding: 0 24px;
  font-size: 14px;
  font-weight: 500;
}

.mint-confirm-dialog__buttons .button--secondary {
  color: #666;
  background: none;
  border: none;
}

.mint-confirm-dialog__buttons .button--secondary:hover {
  background: rgba(0, 0, 0, .05);
}

.mint-confirm-dialog__buttons .button--primary {
  color: #fff;
  background: #4f4fff;
  border: none;
}

.mint-confirm-dialog__buttons .button--primary:hover {
  background: #3636ff;
}

.mint-dialog-overlay {
  z-index: 1000;
  background-color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-dialog {
  position: relative;
}

.mint-dialog__close {
  cursor: pointer;
  z-index: 1;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.mint-dialog__close svg {
  fill: #666;
  width: 24px;
  height: 24px;
  transition: fill .2s;
}

.mint-dialog__close:hover svg {
  fill: #1a1a1a;
}

.mint-lesson .mint-drop-area {
  text-align: center;
  cursor: pointer;
  background: linear-gradient(0deg, #fafafa, #fafafa);
  border: 2px dashed #bdbdbd;
  border-radius: 8px;
  outline: none;
  margin: 0 auto;
  padding: 21px 48px;
}

.mint-lesson .mint-drop-area.mint-drop-area--isDragActive {
  border-color: var(--mint-brand-color, #4f4fff);
  background: #f0f7ff;
}

.mint-lesson .mint-drop-area.mint-drop-area--disabled {
  pointer-events: none;
  background: #fafafa;
  border-color: #e0e0e0;
}

.mint-lesson .mint-drop-area.mint-drop-area--disabled > * {
  opacity: .6;
}

.mint-lesson .mint-drop-area .mint-drop-area__message {
  letter-spacing: 0;
  text-align: center;
  color: #4f4f4f;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.mint-lesson .mint-drop-area .mint-drop-area__message-second {
  letter-spacing: 0;
  text-align: center;
  color: #828282;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.mint-lesson .mint-upload-icon .mint-upload-icon__upload-progress-icon {
  position: relative;
}

.mint-lesson .mint-upload-icon .mint-upload-icon__upload-progress-icon .mint-spinner {
  border: 2.5px solid #c6defe;
  border-left-color: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  animation: 1s linear infinite mint-upload-icon-animation;
}

@keyframes mint-upload-icon-animation {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.mint-lesson .mint-upload-icon .mint-upload-icon__upload-progress-icon .mint-icon {
  width: 30px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 1024px) {
  .grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .lesson__section > div:not(.mint-item-block_component), .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .lesson__section > div:not(.mint-item-block_component), .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full, .mint-block-image--text-overlay .ItemBlocks_Image_TextOverlay .image-text-overlay {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.author-block-more-options-menu-option__icon {
  align-items: center;
  display: flex;
}

.author-block-more-options-menu-option__icon svg {
  fill: #f2f2f2;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.author-block-more-options-menu-option__title {
  color: #f2f2f2;
  text-align: left;
  margin-left: 15px;
  font-size: 14px;
  text-decoration: none;
}

.author-block-more-options-menu-option:hover svg[data-icon="trash"] path {
  fill: #e41515;
}

.author-block-more-options-menu {
  cursor: auto;
  text-align: left;
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  padding: 0;
  list-style: none;
  transition: opacity .15s;
  position: absolute;
  top: 40px;
  right: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.author-block-more-options-menu-list {
  margin: 8px 0;
  padding: 0;
  list-style: none;
}

.author-block-more-options-menu-list li {
  cursor: pointer;
  color: #f2f2f2;
  align-items: center;
  padding: 2px 22px;
  transition: opacity .15s;
  display: flex;
}

.author-block-more-options-menu-list li:hover {
  background: #f2f2f2;
}

.author-section-delete {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.author-section-delete svg {
  fill: var(--mint-brand-color, #4f4fff);
  width: 17px;
  height: 17px;
}

.author-section-delete svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.author-section-delete:hover {
  background-color: #ffecea;
}

.author-section-delete:hover svg path {
  fill: #e41515;
}

.author-section-show-subtitle {
  opacity: .4;
  cursor: pointer;
  display: none;
}

.author-section-show-subtitle:hover {
  opacity: 1;
}

.author-section-wrapper:hover .author-section-delete {
  display: flex;
}

.section-block-menu {
  cursor: auto;
  white-space: nowrap;
  z-index: 2;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 3px;
  padding: 0;
  list-style: none;
  transition: opacity .3s;
  position: absolute;
  left: 0;
  box-shadow: 0 2px 10px #ccc;
}

.section-block-menu .author-block-more-options-menu-wrapper .author-block-more-options-menu-list {
  padding: 0;
  list-style: none;
}

.section-block-menu .author-block-more-options-menu-wrapper .author-block-more-options-menu-list li {
  cursor: pointer;
  line-height: initial;
  height: 30px;
  margin-bottom: 8px;
  padding: 7px 15px;
  font-weight: 400;
  display: flex;
}

@media screen and (max-width: 1100px) {
  .section-block-menu {
    left: unset;
    right: 0;
  }
}

.section-block-menu-option {
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
  flex-flow: row;
  justify-content: space-between;
  min-width: 165px;
  max-width: 225px;
  height: 20px;
  margin-bottom: 15px;
  padding: 10px;
  display: flex;
  position: relative;
}

.section-block-menu-option:hover {
  transition: all .5s;
}

.section-block-menu-option__icon {
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 20px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.section-block-menu-option__icon svg {
  vertical-align: middle;
  position: absolute;
  top: 0;
}

.section-block-menu-option__icon .fa-clipboard-check {
  width: 13px;
}

.section-block-menu-option__icon path {
  fill: #484c48;
}

.section-block-menu-option__title {
  text-transform: uppercase;
  color: #484c48;
  text-align: left;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
}

.section-block-menu-option__counter {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  display: flex;
}

.section-block-menu-option__counter span {
  color: #484c48;
  text-align: center;
  background-color: #d5d7d8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: bold;
  line-height: 10px;
  display: flex;
}

.mint-edit-options {
  font-family: var(--mint-brand-font-first);
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 12px 8px;
  display: flex;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.mint-edit-options .mint-edit-option__item {
  cursor: pointer;
  cursor: pointer;
  opacity: .8;
  background: none;
  border: none;
  border-radius: 4px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.mint-edit-options .mint-edit-option__item svg {
  transition: all .2s;
}

.mint-edit-options .mint-edit-option__item svg path {
  fill: #828282;
}

.mint-edit-options .mint-edit-option__item:disabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}

.mint-edit-options .mint-edit-option__item:hover {
  opacity: 1;
  background-color: var(--mint-brand-color-lighter, #f0f7ff);
}

.mint-edit-options .mint-edit-option__item:hover svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-edit-options .mint-edit-option__pdf-pages {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.mint-edit-options .mint-edit-option__pdf-pages .mint-edit-option__pdf-pages-separator {
  background-color: #bdbdbd;
  width: 1px;
  height: 20px;
  margin-right: 10px;
}

.mint-edit-options .mint-edit-option__pdf-pages .mint-edit-option__pdf-pages-label {
  color: #333;
  margin-right: 10px;
  font-size: smaller;
}

.mint-edit-options .mint-edit-option__pdf-pages .mint-edit-option__input-pdf-pages {
  color: #333;
  border: 1px solid #bdbdbd;
}

.mint-edit-options .mint-edit-option__pdf-pages .mint-edit-option__input-pdf-pages .input-text {
  width: 100px;
  padding: 0 4px;
}

.mint-edit-options .mint-edit-option__separator {
  background-color: #e0e0e0;
  width: 1px;
  height: 20px;
}

.settings-activity-sidebar {
  padding: 1.5rem;
}

.settings-activity-sidebar__content {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.settings-activity-sidebar__section-title {
  color: var(--Grays-06, #414b5c);
  border-bottom: 1px solid var(--Grays-03, #e5e7eb);
  margin: 0 0 1.5rem;
  padding-bottom: .5rem;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.settings-activity-sidebar__section {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px;
  display: flex;
}

.settings-activity-sidebar__section:last-of-type {
  border-bottom: none;
}

.settings-activity-sidebar__subsection-title {
  color: var(--Grey-05, #4f4f4f);
  gap: .5rem;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.settings-activity-sidebar__info-icon {
  background: var(--Grays-04, #9ca3af);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}

.settings-activity-sidebar__custom-tooltip {
  z-index: 1000;
  pointer-events: none;
  background: #4d586c;
  border-radius: 4px;
  width: 334px;
  margin-bottom: 8px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.settings-activity-sidebar__tooltip-content {
  color: #fff;
  text-align: center;
  text-align: center;
  white-space: pre-line;
  max-width: 280px;
  padding: 12px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}

.settings-activity-sidebar__tooltip-arrow {
  border-top: 6px solid #4b5563;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.settings-activity-sidebar__setting-group {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.settings-activity-sidebar__toggle-group {
  align-items: center;
  display: flex;
}

.settings-activity-sidebar__label {
  color: #8c99ad;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
}

.settings-activity-sidebar__input {
  border: 1px solid var(--Grays-03, #e5e7eb);
  color: var(--Grays-06, #414b5c);
  background: #fff;
  border-radius: 4px;
  width: 80px;
  padding: .5rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  transition: border-color .2s;
}

.settings-activity-sidebar__input:focus {
  border-color: var(--Primary-05, #3b82f6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}

.settings-activity-sidebar__input::placeholder {
  color: var(--Grays-04, #9ca3af);
}

.settings-activity-sidebar__add-button {
  background: var(--Primary-05, #3b82f6);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: background-color .2s;
  display: flex;
}

.settings-activity-sidebar__add-button:hover {
  background: var(--Primary-06, #2563eb);
}

.settings-activity-sidebar__add-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}

.settings-activity-sidebar__add-icon {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.settings-activity-sidebar__actions {
  border-top: 1px solid var(--Grays-03, #dfe5ec);
  background: #fbfcfe;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  gap: 1.5rem;
  margin-top: 2rem;
  padding: 1.5rem 1rem .75rem;
  display: flex;
}

.settings-activity-sidebar__cancel-button {
  color: #8c99ad;
  cursor: pointer;
  border: 1px solid #fbfcfe;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: .75rem 1.5rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  transition: all .2s;
  display: flex;
}

.settings-activity-sidebar__cancel-button:hover {
  background: var(--Grays-01, #f9fafb);
  border-color: var(--Grays-04, #9ca3af);
}

.settings-activity-sidebar__cancel-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(107, 114, 128, .1);
}

.settings-activity-sidebar__save-button {
  color: #8c99ad;
  cursor: pointer;
  background: #e5e7eb;
  border: none;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: .75rem 1.5rem;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  transition: all .2s;
  display: flex;
}

.settings-activity-sidebar__save-button:hover {
  color: #414b5c;
  background: #9ca3af;
}

.settings-activity-sidebar__save-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, .1);
}

.mint-blocks-sidebar {
  font-family: var(--mint-brand-font-first);
  z-index: 1001;
  word-break: normal;
  background: #fff;
  align-items: stretch;
  transition: transform .66s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translate3d(-100%, 0, 0);
}

.mint-blocks-sidebar:before {
  content: "";
  opacity: 0;
  background: #000;
  width: 4rem;
  transition: box-shadow .66s, opacity .66s, transform .66s;
  position: absolute;
  top: -2rem;
  bottom: -2rem;
  right: 0;
  box-shadow: 0 0 5rem rgba(0, 0, 0, .44);
}

.mint-blocks-sidebar--open {
  transform: translateZ(0);
}

.mint-blocks-sidebar--open:before {
  opacity: 1;
}

.mint-blocks-sidebar--open:before, .mint-blocks-sidebar--super-open:before {
  box-shadow: 0 0 2rem rgba(0, 0, 0, .24);
}

.mint-blocks-sidebar--super-open:before {
  opacity: 0;
}

.mint-blocks-sidebar__container {
  background: #fff;
  flex-direction: column;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.mint-blocks-sidebar__edit {
  width: 40rem;
}

.mint-blocks-sidebar__edit .mint-blocks-sidebar__header {
  z-index: 2;
  background: #fff;
  flex-shrink: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 1rem;
  padding: 10px 16px 15px;
  display: flex;
  position: relative;
}

.mint-blocks-sidebar__edit .mint-blocks-sidebar__title {
  color: var(--Grey-05, #4f4f4f);
  text-align: center;
  flex: 1;
  margin: 50px 0 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.56rem;
}

.mint-blocks-sidebar__edit .mint-blocks-sidebar__close {
  cursor: pointer;
  z-index: 3;
  background: none;
  border: none;
  outline: none;
  margin: 0 0 20px;
  padding: 0;
  position: absolute;
  top: 30%;
  right: 1rem;
  transform: translateY(-50%);
}

.mint-blocks-sidebar__header {
  z-index: 2;
  background: #fff;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 1rem 1rem 20px;
  display: flex;
  position: relative;
}

.mint-blocks-sidebar__close {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 4px;
  right: 5px;
}

.mint-blocks-sidebar__title {
  color: var(--Grays-06, #414b5c);
  margin: 0;
  font-family: Inter;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.56rem;
}

.block-edit__content {
  overflow-x: hidden;
  overflow-y: auto;
}

.mint-blocks-sidebar__overlay {
  pointer-events: none;
  opacity: 0;
  z-index: 999;
  background: #000;
  width: 100vw;
  height: 100vh;
  transition: opacity .4s;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-blocks-sidebar__overlay--active {
  opacity: .2;
  pointer-events: auto;
}

.mint-lesson .mint-blocks-sidebar .block-edit__content {
  height: 100%;
  position: relative;
}

.mint-lesson .mint-blocks-sidebar .mint-blocks-sidebar__content---keyboard-visible {
  margin-bottom: 270px;
}

.mint-lesson .mint-blocks-sidebar .mint-blocks-sidebar__content---color-picker-visible {
  padding-bottom: 180px;
}

.mint-floating-fullscreen {
  font-family: var(--mint-brand-font-first);
  z-index: 1001;
  background: #fff;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.mint-floating-fullscreen--open {
  transform: translateZ(0);
}

.mint-floating-fullscreen--open:before {
  opacity: 1;
}

.mint-floating-fullscreen--open:before, .mint-floating-fullscreen--super-open:before {
  box-shadow: 0 0 2rem rgba(0, 0, 0, .24);
}

.mint-floating-fullscreen--super-open:before {
  opacity: 0;
}

.mint-floating-fullscreen__container {
  background: #fff;
  flex-direction: column;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.mint-floating-fullscreen__edit {
  width: 100%;
}

.mint-floating-fullscreen__header {
  z-index: 2;
  background: #fff;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem 1rem 20px;
  display: flex;
  position: relative;
}

.mint-floating-fullscreen__close {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 4px;
  right: 5px;
}

.mint-floating-fullscreen__title {
  color: #828282;
  margin: 0;
  font-size: .9rem;
  font-weight: lighter;
}

.block-edit {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.block-edit__content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.block-edit__content.mint-toolbar-froala--show {
  padding-bottom: 77px;
}

.block-edit__content--pad-bottom {
  padding-bottom: 18rem;
}

.mint-floating-fullscreen__overlay {
  pointer-events: none;
  opacity: 0;
  z-index: 999;
  background: #000;
  width: 100vw;
  height: 100vh;
  transition: opacity .4s;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-floating-fullscreen__overlay--active {
  opacity: .2;
  pointer-events: auto;
}

.mint-lesson .mint-floating-fullscreen .mint-blocks-sidebar__content---keyboard-visible {
  margin-bottom: 270px;
}

.main-content, .mint-block-process-content, .mint-block-image--text-aside .mint-block-image__text, .list-numered__content, .list-bullets__content, .mint-block-text .mint-block-text__col {
  font-size: 18px;
  line-height: 30px;
}

.grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .lesson__section > div:not(.mint-item-block_component), .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .mint-lesson .mint-main-page-type2 .mint-main-page__content {
  margin-left: 12px;
  margin-right: 12px;
}

@media only screen and (min-width: 1024px) {
  .grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .lesson__section > div:not(.mint-item-block_component), .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .lesson__section > div:not(.mint-item-block_component), .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full, .mint-block-image--text-overlay .ItemBlocks_Image_TextOverlay .image-text-overlay {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.form-select {
  color: #000;
  cursor: pointer;
  background: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  padding: .4em 3rem .4em 1.2em;
  font-size: .9rem;
  transition: all .3s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.form-select__icon {
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 15px;
}

.form-select__icon > svg {
  fill: #333;
}

.form-select__select {
  box-shadow: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: none;
  border: none;
  width: calc(100% + 40px);
  padding: 8px;
  font-size: .9rem;
  position: relative;
  top: 2px;
}

.form-select__select:focus {
  outline: none;
}

.form-select--primary {
  color: #333;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
}

.form-select--primary > svg {
  fill: var(--mint-brand-color, #4f4fff);
}

.form-select--primary:hover {
  border-color: var(--mint-brand-color, #4f4fff);
  transition: all .3s;
}

.form-select--primary select {
  color: #333;
}

.input-text, .input-text--simple {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-align: inherit;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.input-text:focus, .input-text--simple:focus {
  outline: none;
}

.input-text--simple {
  color: #989aa1;
  border: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  display: block;
}

.mint-loading {
  z-index: 10;
  background-color: rgba(0, 0, 0, .1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-loading svg {
  width: 50px;
  height: 50px;
}

.mint-loading .mint-loading__text {
  color: #000;
}

.mint-loading--dark {
  background-color: rgba(0, 0, 0, 0);
}

.mint-loading--dark svg {
  stroke: #000;
}

.mint-lesson .mint-main-page-type2 .lesson-mint-main-page {
  background: #000;
  position: relative;
  overflow: hidden;
}

.mint-lesson .mint-main-page-type2 .lesson-mint-main-page__content {
  z-index: 20;
  position: relative;
}

.mint-lesson .mint-main-page-type2 .lesson-mint-main-page__title, .mint-lesson .mint-main-page-type2 .lesson-mint-main-page__nav {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mint-lesson .mint-main-page-type2 .lesson-mint-main-page__title {
  color: #fff;
  margin-bottom: 0;
  padding-top: 4rem;
  padding-left: 0;
}

.mint-lesson .mint-main-page-type2 .lesson-mint-main-page__nav {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.mint-lesson .mint-main-page-type2 .lesson-mint-main-page__icon .icon {
  fill: #000;
  width: 25px;
  height: 25px;
}

.mint-lesson .mint-main-page-type2 .lesson-mint-main-page__hero {
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute !important;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__nav {
  z-index: 20;
  position: fixed;
  top: 1rem;
  left: 1rem;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__nav-back {
  display: inline-block;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__nav-back .icon {
  fill: #fff;
  width: 30px;
  height: 30px;
  transition: transform .2s;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__nav-back:hover .icon {
  transform: translateX(-.25rem);
}

.mint-lesson .mint-main-page-type2 .mint-main-page {
  height: 100%;
  min-height: 100vh;
  position: relative;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__thumb-img {
  -webkit-filter: grayscale(90%) blur(2px) contrast() brightness();
  object-fit: cover;
  opacity: .3;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__content {
  z-index: 20;
  padding: 4rem 0;
  position: relative;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__title, .mint-lesson .mint-main-page-type2 .mint-main-page__description {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 0;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__description {
  margin-bottom: 10px;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__read {
  color: var(--mint-brand-color, #4f4fff);
  background: #fff;
  border-radius: 8px;
  margin-top: 10px;
  padding: .75em;
  text-decoration: none;
  display: inline-block;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__progress {
  margin-top: 50px;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__progress .mint-progress-bar {
  background: rgba(255, 255, 255, .4);
}

.mint-lesson .mint-main-page-type2 .mint-main-page__progress .mint-progress-bar .mint-progress-bar__progress {
  background: #fff;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__progress .fr-view {
  color: #fff;
  margin-top: 5px;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__index {
  padding: 2rem 0;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__index-unity-icon {
  transition: transform .4s;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__subindex {
  margin-bottom: 1.5rem;
  transition: height 1s, opacity .2s;
  overflow: hidden;
}

.mint-lesson .mint-main-page-type2 .mint-main-page__subindex .mint-main-page__subindex-link:last-child:before {
  opacity: 0 !important;
}

@media only screen and (min-width: 768px) {
  .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    padding-top: 5rem;
  }

  .mint-lesson .mint-main-page-type2 .mint-main-page__title {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1024px) {
  .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    padding-top: 6rem;
  }

  .mint-lesson .mint-main-page-type2 .mint-main-page__title {
    font-size: 3rem;
  }

  .mint-lesson .mint-main-page-type2 .mint-main-page__description {
    font-size: 1.5rem;
  }

  .mint-lesson .mint-main-page-type2 .mint-main-page__subindex-link {
    margin: 1rem 0;
  }

  .mint-lesson .mint-main-page-type2 .mint-main-page__subindex-text .fr-view, .mint-lesson .mint-main-page-type2 .mint-main-page__index-unity-text .fr-view {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 1280px) {
  .mint-lesson .mint-main-page-type2 .mint-main-page__content {
    padding-top: 8rem;
  }

  .mint-lesson .mint-main-page-type2 .mint-main-page__title {
    font-size: 4rem;
  }
}

button[aria-label="Zoom image"] {
  cursor: zoom-in;
}

button[aria-label="Unzoom image"] {
  cursor: zoom-out;
}

.video-volume-control {
  align-items: center;
  gap: 20px;
  display: flex;
}

.video-volume-control__button-wrapper {
  display: inline-flex;
  position: relative;
}

.video-volume-control__button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  display: flex;
}

.video-volume-control__button svg path {
  fill: #333;
  transition: fill .2s;
}

.video-volume-control__button:hover svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.video-volume-control__button:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #333;
}

.video-volume-control__button:focus-visible svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.video-volume-control__slider-container {
  align-items: center;
  display: flex;
}

.video-volume-control__slider {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #bdbdbd;
  border-radius: 2px;
  outline: none;
  width: 80px;
  height: 3px;
}

.video-volume-control__slider::-webkit-slider-track {
  background: #bdbdbd;
  border: none;
  border-radius: 2px;
  width: 80px;
  height: 3px;
}

.video-volume-control__slider::-moz-range-track {
  background: #bdbdbd;
  border: none;
  border-radius: 2px;
  width: 80px;
  height: 3px;
}

.video-volume-control__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.video-volume-control__slider::-moz-range-thumb {
  background: var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.video-volume-control__slider:focus {
  outline: none;
}

.video-volume-control__slider:focus-visible {
  outline-offset: 8px;
  border-radius: 2px;
  outline: 2px solid #333;
}

.video-volume-control__slider::-moz-range-progress {
  background-color: var(--mint-brand-color, #4f4fff);
  border-radius: 2px;
  height: 3px;
}

.video-volume-control__slider::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--mint-brand-color, #4f4fff) 0%, var(--mint-brand-color, #4f4fff) var(--value, 0%), #bdbdbd var(--value, 0%), #bdbdbd 100%);
  border-radius: 2px;
  height: 3px;
}

.video-seeker, .video-seeker__slider-container {
  align-items: center;
  width: 100%;
  display: flex;
}

.video-seeker__slider {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #bdbdbd;
  border-radius: 2px;
  outline: none;
  width: 100%;
  height: 3px;
}

.video-seeker__slider::-webkit-slider-track {
  background: #bdbdbd;
  border: none;
  border-radius: 2px;
  width: 100%;
  height: 3px;
}

.video-seeker__slider::-moz-range-track {
  background: #bdbdbd;
  border: none;
  border-radius: 2px;
  width: 100%;
  height: 3px;
}

.video-seeker__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.video-seeker__slider::-moz-range-thumb {
  background: var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.video-seeker__slider:focus {
  outline: none;
}

.video-seeker__slider:focus-visible {
  outline-offset: 8px;
  border-radius: 2px;
  outline: 2px solid #333;
}

.video-seeker__slider::-moz-range-progress {
  background-color: var(--mint-brand-color, #4f4fff);
  border-radius: 2px;
  height: 3px;
}

.video-seeker__slider::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--mint-brand-color, #4f4fff) 0%, var(--mint-brand-color, #4f4fff) var(--value, 0%), #bdbdbd var(--value, 0%), #bdbdbd 100%);
  border-radius: 2px;
  height: 3px;
}

.video-speed-selector {
  display: inline-block;
  position: relative;
}

.video-speed-selector .video-speed-selector__button {
  cursor: pointer;
  color: #333;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  margin: 0;
  padding: 0 2px;
  font-size: 16px;
  font-weight: 700;
  transition: color .2s;
  display: flex;
}

.video-speed-selector .video-speed-selector__button:hover {
  color: var(--mint-brand-color, #4f4fff);
}

.video-speed-selector .video-speed-selector__button:focus-visible {
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 8px;
  outline: 2px solid #333;
}

.video-speed-selector .video-speed-selector__button[aria-expanded="true"] {
  color: var(--mint-brand-color, #4f4fff);
}

.video-speed-selector .video-speed-selector__dropdown {
  z-index: 1000;
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  min-width: 120px;
  margin-bottom: 8px;
  padding: 0;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.video-speed-selector .video-speed-selector__option {
  box-sizing: border-box;
  cursor: pointer;
  color: #333;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
  display: flex;
}

.video-speed-selector .video-speed-selector__option:hover {
  background-color: #f3f6f9;
}

.video-speed-selector .video-speed-selector__option:focus-visible {
  outline-offset: -2px;
  background-color: #f3f6f9;
  outline: 2px solid #333;
  border-radius: 8px !important;
}

.video-speed-selector .video-speed-selector__option--selected {
  background-color: #f3f6f9;
  font-weight: 700;
}

.video-speed-selector .video-speed-selector__option:first-child:hover:not(:focus-visible) {
  border-radius: 8px 8px 0 0;
}

.video-speed-selector .video-speed-selector__option:first-child.video-speed-selector__option--selected:not(:focus-visible) {
  border-radius: 8px 8px 0 0;
}

.video-speed-selector .video-speed-selector__option:last-child:hover:not(:focus-visible) {
  border-radius: 0 0 8px 8px;
}

.video-speed-selector .video-speed-selector__option:last-child.video-speed-selector__option--selected:not(:focus-visible) {
  border-radius: 0 0 8px 8px;
}

.video-speed-selector .video-speed-selector__option-text {
  flex: 1;
}

.video-speed-selector .video-speed-selector__option-check {
  width: 17px;
  height: 17px;
  margin-left: 8px;
}

.video-audio-description-selector {
  height: 32px;
  display: inline-block;
  position: relative;
}

.video-audio-description-selector .video-audio-description-selector__dropdown {
  z-index: 1000;
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  min-width: 120px;
  margin-bottom: 8px;
  padding: 0;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.video-audio-description-selector .video-audio-description-selector__option {
  cursor: pointer;
  color: #333;
  box-sizing: border-box;
  align-items: center;
  gap: 12px;
  height: 40px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
  display: flex;
}

.video-audio-description-selector .video-audio-description-selector__option:hover {
  background-color: #f3f6f9;
}

.video-audio-description-selector .video-audio-description-selector__option:focus-visible {
  outline-offset: -2px;
  background-color: #f3f6f9;
  outline: 2px solid #333;
  border-radius: 8px !important;
}

.video-audio-description-selector .video-audio-description-selector__option--selected {
  background-color: #f3f6f9;
  font-weight: 700;
}

.video-audio-description-selector .video-audio-description-selector__option:first-child:hover:not(:focus-visible) {
  border-radius: 8px 8px 0 0;
}

.video-audio-description-selector .video-audio-description-selector__option:first-child.video-audio-description-selector__option--selected:not(:focus-visible) {
  border-radius: 8px 8px 0 0;
}

.video-audio-description-selector .video-audio-description-selector__option:last-child:hover:not(:focus-visible) {
  border-radius: 0 0 8px 8px;
}

.video-audio-description-selector .video-audio-description-selector__option:last-child.video-audio-description-selector__option--selected:not(:focus-visible) {
  border-radius: 0 0 8px 8px;
}

.video-audio-description-selector .video-audio-description-selector__option-text-container {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.video-audio-description-selector .video-audio-description-selector__option-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  overflow: hidden;
}

.video-audio-description-selector .video-audio-description-selector__option-lang-tag {
  color: #1e359d;
  white-space: nowrap;
  background: #eef1fd;
  border-radius: 24px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.video-audio-description-selector .video-audio-description-selector__option-check {
  opacity: 0;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  transition: opacity .2s;
}

.video-audio-description-selector .video-audio-description-selector__option-check--visible {
  opacity: 1;
}

.video-subtitle-selector {
  height: 32px;
  display: inline-block;
  position: relative;
}

.video-subtitle-selector .video-subtitle-selector__dropdown {
  z-index: 1000;
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  min-width: 120px;
  margin-bottom: 8px;
  padding: 0;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.video-subtitle-selector .video-subtitle-selector__option {
  cursor: pointer;
  color: #333;
  box-sizing: border-box;
  align-items: center;
  gap: 12px;
  height: 40px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
  display: flex;
}

.video-subtitle-selector .video-subtitle-selector__option:hover {
  background-color: #f3f6f9;
}

.video-subtitle-selector .video-subtitle-selector__option:focus-visible {
  outline-offset: -2px;
  background-color: #f3f6f9;
  outline: 2px solid #333;
  border-radius: 8px !important;
}

.video-subtitle-selector .video-subtitle-selector__option--selected {
  background-color: #f3f6f9;
  font-weight: 700;
}

.video-subtitle-selector .video-subtitle-selector__option:first-child:hover:not(:focus-visible) {
  border-radius: 8px 8px 0 0;
}

.video-subtitle-selector .video-subtitle-selector__option:first-child.video-subtitle-selector__option--selected:not(:focus-visible) {
  border-radius: 8px 8px 0 0;
}

.video-subtitle-selector .video-subtitle-selector__option:last-child:hover:not(:focus-visible) {
  border-radius: 0 0 8px 8px;
}

.video-subtitle-selector .video-subtitle-selector__option:last-child.video-subtitle-selector__option--selected:not(:focus-visible) {
  border-radius: 0 0 8px 8px;
}

.video-subtitle-selector .video-subtitle-selector__option-text-container {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.video-subtitle-selector .video-subtitle-selector__option-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  overflow: hidden;
}

.video-subtitle-selector .video-subtitle-selector__option-lang-tag {
  color: #1e359d;
  white-space: nowrap;
  background: #eef1fd;
  border-radius: 24px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.video-subtitle-selector .video-subtitle-selector__option-check {
  opacity: 0;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  transition: opacity .2s;
}

.video-subtitle-selector .video-subtitle-selector__option-check--visible {
  opacity: 1;
}

.video-tooltip-wrapper {
  display: inline-flex;
  position: relative;
}

.video-tooltip {
  color: #fff;
  white-space: nowrap;
  background: #333;
  border-radius: 8px;
  padding: 4px 8px;
  font-family: Helvetica;
  font-size: 12px;
  font-weight: 600;
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 4px rgba(140, 153, 173, .25);
}

.video-tooltip--fullscreen {
  color: #333;
  background: #fff;
}

.video-tooltip .video-tooltip__shortcut {
  margin-left: 4px;
}

.video-tooltip-wrapper:hover .video-tooltip {
  display: block;
}

.video-tooltip-wrapper:focus-visible .video-tooltip {
  display: block;
}

.video-tooltip-wrapper :focus-visible + .video-tooltip {
  display: block;
}

.media-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Helvetica;
  display: flex;
  container-type: inline-size;
}

.media-video--fullscreen {
  z-index: 9999;
  background: #000;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.media-video .media-video__container {
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  max-width: 744px;
  max-height: 622px;
  margin: 10px;
  padding: 24px;
  display: flex;
}

.media-video .media-video__container .media-video__video {
  width: 100%;
  max-width: 696px;
  max-height: 494px;
}

.media-video .media-video__container .media-video__video video {
  width: 100%;
  height: 100%;
}

.media-video .media-video__container .media-video__subtitles-container {
  align-self: center;
  width: 100%;
  max-width: 696px;
  margin: 0 0 12px;
}

.media-video .media-video__container .media-video__subtitles {
  text-align: center;
  color: #333;
  box-sizing: border-box;
  word-wrap: break-word;
  white-space: normal;
  overflow-wrap: break-word;
  background-color: #e0e0e0;
  border-radius: 4px;
  min-height: 2.5em;
  padding: 8px 16px;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.media-video .media-video__container .media-video__progress {
  align-self: stretch;
  width: 100%;
  height: 10px;
  position: relative;
}

.media-video .media-video__container .media-video__controls {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.media-video .media-video__container .media-video__controls .media-video__controls-left, .media-video .media-video__container .media-video__controls .media-video__controls-right {
  flex-direction: row;
  align-items: center;
  gap: 24px;
  display: flex;
}

.media-video .media-video__container .media-video__button {
  cursor: pointer;
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  transition: color .2s;
  display: flex;
}

.media-video .media-video__container .media-video__button svg path {
  fill: #333;
  transition: fill .2s;
}

.media-video .media-video__container .media-video__button:hover, .media-video .media-video__container .media-video__button[aria-expanded="true"], .media-video .media-video__container .media-video__button--active {
  color: var(--mint-brand-color, #4f4fff);
}

.media-video .media-video__container .media-video__button:hover svg path, .media-video .media-video__container .media-video__button[aria-expanded="true"] svg path, .media-video .media-video__container .media-video__button--active svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.media-video .media-video__container .media-video__button:focus-visible {
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 8px;
  outline: 2px solid #333;
}

.media-video .media-video__container .media-video__button:focus-visible svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.media-video .media-video__container .media-video__button--play:focus-visible {
  border-radius: 50%;
  outline: 2px solid #333;
}

.media-video .media-video__container .media-video__time {
  color: #333;
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
}

.media-video--fullscreen .media-video__container {
  background: #000;
  border: none;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 20px;
}

.media-video--fullscreen .media-video__container .media-video__video {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: calc(100% - 120px);
  max-height: none;
  display: flex;
}

.media-video--fullscreen .media-video__container:has(.media-video__subtitles-container) .media-video__video {
  height: calc(100% - 180px);
}

.media-video--fullscreen .media-video__container video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.media-video--fullscreen .media-video__container .media-video__progress {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 20px;
}

.media-video--fullscreen .media-video__container .media-video__progress .video-seeker__slider:focus-visible {
  outline: 2px solid #fff;
}

.media-video--fullscreen .media-video__container .media-video__controls {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 48px;
  display: flex;
}

.media-video--fullscreen .media-video__container .media-video__button {
  color: #fff;
}

.media-video--fullscreen .media-video__container .media-video__button svg path {
  fill: #fff;
}

.media-video--fullscreen .media-video__container .media-video__button:focus-visible {
  outline: 2px solid #fff;
}

.media-video--fullscreen .media-video__container .media-video__button:hover, .media-video--fullscreen .media-video__container .media-video__button[aria-expanded="true"], .media-video--fullscreen .media-video__container .media-video__button--active {
  color: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .media-video__button:hover svg path, .media-video--fullscreen .media-video__container .media-video__button[aria-expanded="true"] svg path, .media-video--fullscreen .media-video__container .media-video__button--active svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .media-video__button--play:focus-visible {
  outline: 2px solid #fff;
}

.media-video--fullscreen .media-video__container .media-video__time, .media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button {
  color: #fff;
}

.media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button svg path {
  fill: #fff;
}

.media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button:hover, .media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button[aria-expanded="true"] {
  color: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button:focus-visible {
  color: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button:hover svg path, .media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button[aria-expanded="true"] svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button:focus-visible svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__button:focus-visible {
  outline: 2px solid #fff;
}

.media-video--fullscreen .media-video__container .video-volume-control .video-volume-control__slider:focus-visible {
  outline: 2px solid #fff;
}

.media-video--fullscreen .media-video__container .video-speed-selector .video-speed-selector__button {
  color: #fff;
}

.media-video--fullscreen .media-video__container .video-speed-selector .video-speed-selector__button:hover, .media-video--fullscreen .media-video__container .video-speed-selector .video-speed-selector__button[aria-expanded="true"], .media-video--fullscreen .media-video__container .video-speed-selector .video-speed-selector__button.media-video__button--active {
  color: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .video-speed-selector .video-speed-selector__button:focus-visible {
  color: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .video-speed-selector .video-speed-selector__button:focus-visible {
  outline: 2px solid #fff;
}

.media-video--fullscreen .media-video__container .video-subtitle-selector button svg path, .media-video--fullscreen .media-video__container .video-audio-description-selector button svg path {
  fill: #fff;
}

.media-video--fullscreen .media-video__container .video-subtitle-selector button:hover svg path, .media-video--fullscreen .media-video__container .video-subtitle-selector button[aria-expanded="true"] svg path, .media-video--fullscreen .media-video__container .video-subtitle-selector button.media-video__button--active svg path, .media-video--fullscreen .media-video__container .video-audio-description-selector button:hover svg path, .media-video--fullscreen .media-video__container .video-audio-description-selector button[aria-expanded="true"] svg path, .media-video--fullscreen .media-video__container .video-audio-description-selector button.media-video__button--active svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.media-video--fullscreen .media-video__container .video-subtitle-selector button:focus-visible {
  outline: 2px solid #fff;
}

.media-video--fullscreen .media-video__container .video-audio-description-selector button:focus-visible {
  outline: 2px solid #fff;
}

.media-video--fullscreen .media-video__container .media-video__subtitles-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 12px;
  padding: 0 24px;
}

.media-video--fullscreen .media-video__container .media-video__subtitles {
  color: #fff;
  background-color: #333;
}

.media-video--fullscreen .media-video__container .video-tooltip-wrapper .video-tooltip {
  color: #333;
  background-color: #fff;
}

.media-video .sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@container (width <= 700px) {
  .media-video .media-video__container {
    gap: 8px;
    width: 100%;
    padding: 16px;
  }

  .media-video .media-video__container .media-video__controls .media-video__controls-left, .media-video .media-video__container .media-video__controls .media-video__controls-right {
    gap: 16px;
  }

  .media-video .media-video__container .media-video__controls .video-volume-control {
    gap: 0;
  }
}

@container (width <= 550px) {
  .media-video .media-video__container .media-video__controls {
    flex-direction: column;
    gap: 12px;
  }

  .media-video .media-video__container .media-video__controls .media-video__controls-left, .media-video .media-video__container .media-video__controls .media-video__controls-right {
    justify-content: center;
    gap: 16px;
  }
}

.mint-embed .mint-embed__provider {
  align-items: center;
  display: flex;
}

.mint-embed .mint-embed__provider .mint-embed__provider-favicon {
  width: auto;
  height: 18px;
}

.mint-embed .mint-embed__provider .mint-embed__provider-provider {
  text-transform: uppercase;
  margin-left: 8px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.75em;
}

.mint-embed .mint-embed__provider .mint-embed__provider-provider a {
  color: inherit;
  text-decoration: none;
}

@media only screen and (min-width: 760px) {
  .mint-embed .mint-embed__provider {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
}

.mint-embed .mint-embed-wrap {
  width: 100%;
  height: 0;
  margin: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.mint-embed .mint-embed__media, .mint-embed .mint-embed-wrap iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.mint-embed .mint-embed__video-wrapper {
  position: relative;
}

.mint-embed .mint-embed__thumbnail {
  cursor: pointer;
}

.mint-embed .mint-embed__thumbnail-img {
  z-index: 4;
  object-fit: cover;
  justify-self: anchor-center;
  border-radius: var(--mint-media-border-radius, 0px);
  width: 100%;
  height: 99%;
  position: absolute;
  top: 0;
}

.mint-embed .mint-embed__thumbnail-play {
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mint-embed .mint-embed__player {
  z-index: 3;
  width: 100%;
  height: 0;
  margin: 12px 0 18px;
  padding-bottom: 56.25%;
  position: relative;
  top: 0;
}

.mint-embed .mint-embed__player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.mint-embed .mint-embed__title {
  margin-bottom: 8px;
}

.mint-embed .mint-embed__title h2 {
  font-size: 1.5em;
}

.mint-embed .mint-embed__title a {
  color: inherit;
  text-decoration: none;
}

@media only screen and (min-width: 1024px) {
  .mint-embed .mint-embed__title {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
}

.mint-embed .mint-embed__description {
  color: #51554f;
  font-size: 14px;
  line-height: 28px;
}

@media only screen and (min-width: 1024px) {
  .mint-embed .mint-embed__description {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
}

.mint-embed .mint-embed__link {
  text-transform: uppercase;
  color: inherit;
  border-bottom: 0;
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  display: block;
}

@media only screen and (min-width: 1024px) {
  .mint-embed .mint-embed__link {
    width: 100%;
    max-width: 760px;
    margin: 8px auto 0;
  }
}

.mint-embed .mint-embed-wrap__no-internet {
  width: 100%;
  height: 0;
  margin: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.mint-embed .mint-embed-wrap__no-internet .mint-video-no-internet {
  margin: 0;
}

.media-audio {
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.media-audio .timeline-container {
  background-color: #f9f9fb;
  border-radius: 48px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 400px;
  max-width: 450px;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 8px rgba(44, 44, 44, .1);
}

.media-audio .timeline-container .button-container {
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  display: flex;
}

.media-audio .timeline-container .button-container .mint-tooltip-wrapper {
  top: 0;
  position: relative !important;
}

.media-audio .timeline-container .button-container .transcript-select {
  z-index: 10001;
  isolation: isolate;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.media-audio .timeline-container .button-container .transcript-select .transcript-container {
  z-index: 10001;
  position: absolute !important;
}

.media-audio .timeline-container .button-container .transcript-select .audio-transcription-icon {
  cursor: pointer;
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: flex;
}

.media-audio .timeline-container .button-container .transcript-select .audio-transcription-icon:hover {
  background-color: rgba(0, 0, 0, .05);
}

.media-audio .timeline-container .button-container .transcript-select .audio-transcription-icon path {
  fill: #333;
}

.media-audio .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
}

.media-audio .timeline-container .button-container .transcript-select .transcript-container .audio-transcription-title {
  color: #333;
  margin-bottom: 8px;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

.media-audio .timeline-container .button-container .transcript-select .transcript-container .transcription-divider {
  border-bottom: 1px solid #bdbdbd;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 2px;
  display: flex;
}

.media-audio .timeline-container .button-container .transcript-select .transcript-container .cue-container-selected p {
  background-color: color-mix(in srgb, var(--mint-brand-color, #4f4fff) 70%, transparent 30%);
  border: 1px solid var(--mint-brand-color, #4f4fff);
  border-radius: 5px;
  padding: 10px;
}

.media-audio .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueActive {
  background-color: color-mix(in srgb, var(--mint-brand-color, #4f4fff) 70%, transparent 30%);
  color: #000;
  border-radius: 5px;
  padding: 2px 5px;
  font-family: Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}

.media-audio .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive {
  color: #000;
  padding: 2px 5px;
  font-family: Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}

.media-audio .timeline-container .transcript-details {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}

.media-audio .timeline-container .transcript-details .transcript-summary {
  cursor: pointer;
  background: #f2f2f2;
  padding: 1rem;
  font-weight: 500;
}

.media-audio .timeline-container .transcript-details .transcript-summary:hover {
  background: #e0e0e0;
}

.media-audio .timeline-container .transcript-details .transcript-container {
  padding: 1rem;
}

.media-audio .timeline-container .transcript-details .transcript-container .current-text {
  border-left: 3px solid var(--mint-brand-color, #4f4fff);
  background: #f2f2f2;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 1.1rem;
}

.media-audio .timeline-container .transcript-details .transcript-container .transcript-line {
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  padding: .5rem;
}

.media-audio .timeline-container .transcript-details .transcript-container .transcript-line:hover {
  background: #f2f2f2;
}

.media-audio .timeline-container .transcript-details .transcript-container .transcript-line.active {
  background: var(--mint-brand-color-lighter, #f0f7ff);
}

.media-audio .play-button {
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
  display: flex;
}

.media-audio .play-button:hover {
  background-color: var(--mint-brand-color, #4f4fff);
}

.media-audio .play-button svg {
  width: 10px;
  height: 10px;
}

.media-audio .play-button:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
}

.media-audio .pause-button {
  background-color: var(--mint-brand-color, #4f4fff);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
  display: flex;
}

.media-audio .pause-button:hover {
  background-color: var(--mint-brand-color, #4f4fff);
}

.media-audio .pause-button .pause-icon {
  font-size: 10px;
}

.media-audio .pause-button:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
}

.media-audio .transcript-details {
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  overflow: hidden;
}

.media-audio .transcript-details .transcript-summary {
  cursor: pointer;
  background: #f2f2f2;
  padding: 1rem;
  font-weight: 500;
}

.media-audio .transcript-details .transcript-summary:hover {
  background: #e0e0e0;
}

.media-audio .transcript-details .transcript-container {
  padding: 1rem;
}

.media-audio .transcript-details .transcript-container .current-text {
  border-left: 3px solid var(--mint-brand-color, #4f4fff);
  background: #f2f2f2;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 1.1rem;
}

.media-audio .transcript-details .transcript-container .transcript-line {
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  padding: .5rem;
}

.media-audio .transcript-details .transcript-container .transcript-line:hover {
  background: #f2f2f2;
}

.media-audio .transcript-details .transcript-container .transcript-line.active {
  background: var(--mint-brand-color-lighter, #f0f7ff);
}

.transcript-header {
  z-index: 2;
  background-color: #fff;
  margin-bottom: 8px;
  padding-bottom: 5px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.item-block-editor__children .transcript-select {
  z-index: 10000 !important;
  position: relative !important;
}

.item-block-editor__children .transcript-select .transcript-container {
  z-index: 10000 !important;
  position: absolute !important;
}

.mint-wrapper-row-options .transcript-select {
  z-index: 10001 !important;
  position: relative !important;
}

.mint-wrapper-row-options .transcript-select .transcript-container {
  z-index: 10001 !important;
  position: absolute !important;
}

.mint-wrapper-row-options .item-block-editor__children .transcript-select {
  z-index: 10001 !important;
  position: relative !important;
}

.mint-wrapper-row-options .item-block-editor__children .transcript-select .transcript-container {
  z-index: 10001 !important;
  position: absolute !important;
}

.mint-post-row {
  overflow: visible !important;
}

.mint-post-row .transcript-select {
  z-index: 10001 !important;
  position: relative !important;
}

.mint-post-row .transcript-select .transcript-container {
  z-index: 10001 !important;
  position: absolute !important;
}

.mint-post-row .item-block-editor__children {
  overflow: visible !important;
}

.mint-post-row .item-block-editor__children .transcript-select {
  z-index: 10001 !important;
  position: relative !important;
}

.mint-post-row .item-block-editor__children .transcript-select .transcript-container {
  z-index: 10001 !important;
  position: absolute !important;
}

.mint-lesson .mint-video-no-internet {
  background-color: #f2f2f2;
  flex-direction: row;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 12px 0 18px;
  padding-bottom: 56.25%;
  display: flex;
  position: relative;
}

.mint-lesson .mint-video-no-internet .mint-video-no-internet__wrapper {
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mint-lesson .mint-video-no-internet .mint-video-no-internet__wrapper .mint-video-no-internet__icon {
  width: 50px;
  height: 50px;
}

.mint-lesson .mint-video-no-internet .mint-video-no-internet__wrapper .mint-video-no-internet__text {
  letter-spacing: normal;
  text-align: center;
  color: #4f4f4f;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.71;
}

.speed-control {
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.speed-control .btn-speed {
  cursor: pointer;
  color: #333;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  transition: background-color .2s;
  display: flex;
}

.speed-control .btn-speed:hover {
  background-color: rgba(0, 0, 0, .05);
}

.speed-control .btn-speed:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
}

.speed-control .speed-selector-container {
  z-index: 10;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: calc(100% + 15px);
  left: 0;
  transform: translateX(-50%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.speed-control .speed-selector-container:after {
  content: "";
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.speed-control .speed-selector-container .speed-options {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.speed-control .speed-selector-container .speed-options .speed-option {
  cursor: pointer;
  color: #4f4f4f;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 4px;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

.speed-control .speed-selector-container .speed-options .speed-option:hover {
  background-color: rgba(0, 0, 0, .05);
}

.speed-control .speed-selector-container .speed-options .speed-option.active {
  background-color: color-mix(in srgb, var(--mint-brand-color, #4f4fff) 70%, transparent 30%);
  color: #333;
  font-weight: 700;
}

.speed-control .speed-selector-container .speed-options .speed-option:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  border-radius: 4px;
}

.speed-control .speed-selector-container.horizontal {
  min-height: unset;
  z-index: 10;
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  padding: 8px 12px;
  display: flex;
  position: absolute;
  top: calc(100% + 24px);
  bottom: auto;
  left: auto;
}

.speed-control .speed-selector-container.horizontal:after {
  display: none;
}

.speed-control .speed-selector-container.horizontal:before {
  content: "";
  border-bottom: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: calc(100% - 22px);
  transform: translateX(-50%);
}

.speed-control .speed-selector-container.horizontal .speed-options {
  flex-flow: row;
  justify-content: center;
  gap: 4px;
  width: 100%;
  display: flex;
}

.speed-control .speed-selector-container.horizontal .speed-options .speed-option {
  flex: none;
  min-width: 40px;
  padding: 4px 6px;
}

.volume-control {
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.volume-control .btn-volume {
  cursor: pointer;
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: flex;
}

.volume-control .btn-volume:hover {
  background-color: rgba(0, 0, 0, .05);
}

.volume-control .btn-volume path {
  fill: #333;
}

.volume-control .btn-volume:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
}

.volume-control .volume-slider-container {
  z-index: 10;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 24px;
  height: 140px;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.volume-control .volume-slider-container:after {
  content: "";
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.volume-control .volume-slider-container .mute-button {
  cursor: pointer;
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 8px;
  display: flex;
}

.volume-control .volume-slider-container .mute-button:hover {
  background-color: rgba(0, 0, 0, .05);
}

.volume-control .volume-slider-container .mute-button path {
  fill: #333;
}

.volume-control .volume-slider-container.horizontal {
  min-height: unset;
  z-index: 10;
  flex-direction: row;
  align-items: center;
  width: auto;
  min-width: 110px;
  height: auto;
  padding: 8px 12px;
  display: flex;
  position: absolute;
  top: calc(100% + 24px);
  bottom: auto;
  left: 30%;
}

.volume-control .volume-slider-container.horizontal:after {
  display: none;
}

.volume-control .volume-slider-container.horizontal:before {
  content: "";
  border-bottom: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: 52%;
  transform: translateX(-50%);
}

.volume-control .volume-slider-container.horizontal .mute-button {
  margin-top: 0;
}

.volume-control .volume-slider-container.horizontal .volume-slider {
  width: 100px;
  margin: 0;
  transform: none;
}

.volume-control .volume-slider {
  -webkit-appearance: none;
  appearance: none;
  transform-origin: 50%;
  cursor: pointer;
  background: #bdbdbd;
  border-radius: 8px;
  width: 100px;
  height: 4px;
  margin: 50px 0;
  transform: rotate(-90deg);
}

.volume-control .volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.volume-control .volume-slider::-moz-range-thumb {
  background-color: var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.volume-control .volume-slider:focus {
  outline: none;
}

.volume-control .volume-slider.horizontal {
  background: linear-gradient(to right, var(--mint-brand-color, #4f4fff) 0%, var(--mint-brand-color, #4f4fff) var(--volume-percentage, 0%), #bdbdbd var(--volume-percentage, 0%), #bdbdbd 100%);
  width: 80px;
  transform: none;
}

.timeline-control {
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.timeline-control .time {
  color: #333;
  min-width: 45px;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.timeline-control .time.current {
  text-align: right;
}

.timeline-control .time.duration {
  text-align: left;
}

.timeline-control .time-divider {
  color: #333;
}

.timeline-control .timeline {
  -webkit-appearance: none;
  background: linear-gradient(to right, var(--mint-brand-color, #4f4fff) 0%, var(--mint-brand-color, #4f4fff) var(--progress-percentage, 0%), #828282 var(--progress-percentage, 0%), #828282 100%);
  cursor: pointer;
  border-radius: 8px;
  flex: 1;
  height: 4px;
}

.timeline-control .timeline::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  width: 0;
  height: 0;
}

.timeline-control .timeline::-moz-range-thumb {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  width: 0;
  height: 0;
}

.timeline-control .timeline::-moz-range-progress {
  background-color: var(--mint-brand-color, #4f4fff);
  border-radius: 8px;
  height: 4px;
}

.timeline-control .timeline:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 4px;
}

.timeline-control .play-button, .timeline-control .pause-button {
  color: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
  display: flex;
  padding: 0 !important;
}

.timeline-control .play-button:hover, .timeline-control .pause-button:hover {
  background-color: #e0e0e0;
}

.timeline-control .play-button svg, .timeline-control .pause-button svg {
  width: 25px;
  height: 25px;
}

.timeline-control .play-button path, .timeline-control .pause-button path {
  fill: var(--mint-brand-color, #4f4fff);
}

.timeline-control .play-button:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
}

.timeline-control .pause-button:focus-visible {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  outline-offset: 2px;
  color: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
}

.mint-lesson .mint-multi-select-checkbox .mint-multi-select-checkbox__value-container {
  letter-spacing: 0;
  text-align: left;
  color: #828282;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.mint-multi-select-checkbox__option:not(.mint-multi-select-checkbox__option-all) {
  margin-left: 40px;
}

.toggle-switch {
  align-items: center;
  width: 100%;
  margin: 8px 0;
  display: flex;
}

.toggle-switch__label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 6px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 4px;
  transition: background-color .2s;
  display: flex;
}

.toggle-switch__input:focus ~ .toggle-switch__label {
  background-color: rgba(79, 79, 255, .05);
}

.toggle-switch__input:focus-visible ~ .toggle-switch__label {
  background-color: rgba(79, 79, 255, .1);
}

.toggle-switch__input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.toggle-switch__slider {
  background-color: #e5e7eb;
  border-radius: 24px;
  flex-shrink: 0;
  width: 44px;
  height: 24px;
  transition: background-color .2s;
  display: inline-block;
  position: relative;
}

.toggle-switch__slider:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  transition: transform .2s;
  position: absolute;
  bottom: 5px;
  left: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.toggle-switch__text {
  color: #8c99ad;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.toggle-switch__input:checked + .toggle-switch__slider {
  background-color: #4f4fff;
}

.toggle-switch__input:checked + .toggle-switch__slider:before {
  transform: translateX(20px);
}

.toggle-switch__input:focus + .toggle-switch__slider {
  border-color: #4f4fff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(79, 79, 255, .4);
}

.toggle-switch__input:focus-visible + .toggle-switch__slider {
  outline-offset: 2px;
  outline: 2px solid #4f4fff;
  box-shadow: 0 0 0 4px rgba(79, 79, 255, .3);
}

.toggle-switch__input:focus ~ .toggle-switch__text {
  color: #4f4fff;
  font-weight: 500;
}

.toggle-switch__input:focus-visible ~ .toggle-switch__text {
  color: #4f4fff;
  font-weight: 600;
}

.toggle-switch__input:disabled + .toggle-switch__slider {
  cursor: not-allowed;
  background-color: #f3f4f6;
}

.toggle-switch__input:disabled + .toggle-switch__slider:before {
  background-color: #9ca3af;
}

.toggle-switch__input:disabled ~ .toggle-switch__text {
  color: #9ca3af;
  cursor: not-allowed;
}

.toggle-switch:hover .toggle-switch__slider:not(:disabled) {
  background-color: #9ca3af;
}

.toggle-switch:hover .toggle-switch__input:checked + .toggle-switch__slider:not(:disabled) {
  background-color: #4f4fff;
}

.mint-note-view .mint-note-view__title {
  padding-left: 2.45rem;
  font-size: 1.3rem;
  font-weight: 600;
}

@media only screen and (min-width: 1024px) {
  .mint-note-view .mint-note-view__title {
    padding-left: 4.25rem;
  }
}

.mint-note-view .mint-note-view__body {
  padding: 0 1.25rem;
  font-size: 16px;
  line-height: 1.6rem;
}

.mint-note-view .mint-note-view__body strong {
  font-weight: 700;
}

.mint-note-view .mint-note-view__body > * {
  word-wrap: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-left: 1.2rem;
}

@media only screen and (min-width: 1024px) {
  .mint-note-view .mint-note-view__body > * {
    padding-left: 3rem;
  }
}

.mint-note-view .mint-note-view__body .fr-element {
  min-height: 26px;
}

.mint-note-view .mint-note-view__body--show {
  height: auto;
  display: block;
  overflow: visible;
}

.mint-note-view .mint-note-view__body--hidden {
  height: 0;
  overflow: hidden;
}

.mint-note-view .fr-view p {
  margin: 0 0 .75rem;
}

.mint-note-view--note {
  border-radius: var(--mint-note-border-radius, 6px);
  border: 1px solid var(--mint-brand-color, #4f4fff);
  background: #f2f2f2;
  position: relative;
}

.mint-note-view--note .mint-note-view__row {
  padding: 1rem;
}

.mint-note-view--note .mint-note-view__col .icon {
  fill: var(--mint-brand-color, #4f4fff);
  width: 28px;
  height: 28px;
  position: absolute;
  top: 2rem;
  left: 1rem;
}

@media only screen and (min-width: 1024px) {
  .mint-note-view--note .mint-note-view__col .icon {
    left: 2rem;
  }
}

.mint-note-view--note .mint-note-view__col .icon-teacher {
  top: 1rem;
}

.mint-note-view--note .mint-note-view__accordion {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.mint-note-view--note .mint-note-view__accordion:hover {
  cursor: pointer;
}

.mint-note-view--note .mint-note-view__accordion .mint-note-view__symbol {
  color: #4f4f4f;
  margin-left: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.mint-note-view--note .mint-note-view__accordion .mint-note-view__icon-hidden, .mint-note-view--note .mint-note-view__accordion .mint-note-view__icon-show {
  display: none;
}

.mint-note-view--note .mint-note-view__accordion.mint-note-view__accordion--hidden .mint-note-view__icon-show, .mint-note-view--note .mint-note-view__accordion.mint-note-view__accordion--show .mint-note-view__icon-hidden {
  display: inline-block;
}

.mint-lesson .mint-image-wrapper {
  justify-content: center;
  position: relative;
}

.mint-lesson .mint-image-wrapper img {
  border-radius: var(--mint-media-border-radius, 0px);
}

.mint-lesson .mint-image-wrapper.mint-image-wrapper--show-no-alt {
  display: flex;
  position: relative;
}

.mint-lesson .mint-image-wrapper.mint-image-wrapper--show-no-alt .mint-image-wrapper__no-alt-icon {
  text-align: center;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.mint-item-block {
  position: relative;
}

.lesson__section .mint-item-block_component .mint-block-carousel {
  max-width: 994px;
}

.item-block-visor {
  position: relative;
}

.item-block-visor__controls-wrapper {
  opacity: 0;
  z-index: 100;
  box-sizing: border-box;
  pointer-events: none;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  padding: 0 1rem 0;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  bottom: 0;
}

.item-block-visor__controls-wrapper .item-block-visor__right-controls .button {
  transition: transform .4s ease-out;
  transform: scale(0);
}

.item-block-visor__controls-wrapper--show {
  opacity: 1;
}

.item-block-visor__controls-wrapper--show .item-block-visor__right-controls .button {
  transform: scale(1);
}

.item-block-visor__right-controls {
  pointer-events: all;
}

.item-block-visor__right-controls > * {
  margin: 0 .6rem;
}

.item-block-visor__right-controls > .button {
  background: var(--mint-brand-color, #4f4fff);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  min-height: 44px;
}

.mint-block-text .mint-block-text__row {
  flex-flow: wrap;
  justify-content: space-between;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .mint-block-text .mint-block-text__row {
    flex-flow: row;
  }
}

.mint-block-text .mint-block-text__col {
  box-sizing: border-box;
  padding: 0;
}

.mint-block-text .mint-block-text__col div, .mint-block-text .mint-block-text__col p, .mint-block-text .mint-block-text__col picture, .mint-block-text .mint-block-text__col img {
  margin-top: 0;
  margin-bottom: .75rem;
  padding-top: 0;
}

.mint-block-text .mint-block-text__col div:last-child, .mint-block-text .mint-block-text__col p:last-child, .mint-block-text .mint-block-text__col picture:last-child, .mint-block-text .mint-block-text__col img:last-child {
  margin-bottom: 0;
}

.mint-block-text .mint-block-text__header {
  margin: 0;
  padding: .25rem 0;
  font-weight: 700;
}

.mint-block-text .mint-block-text__header p {
  margin-top: 0;
  margin-bottom: 0;
}

.mint-block-text .mint-block-text__subheader {
  margin: 0;
  padding: .25rem 0;
  font-weight: 700;
}

.mint-block-text .mint-block-text__subheader p {
  margin-top: 0;
  margin-bottom: 0;
}

.mint-block-text--onecol .mint-block-text__col {
  flex: 0 100%;
}

@media only screen and (min-width: 768px) {
  .mint-block-text--twocol .mint-block-text__col {
    flex: 0 47.5%;
  }
}

@media only screen and (min-width: 1024px) {
  .mint-block-text--twocol .mint-block-text__col {
    flex: 0 47.5%;
  }
}

.list-bullets__list-item {
  padding: .75rem 0;
  position: relative;
}

.list-bullets__content :not(li):not(.MathJax_SVG *):not(.no-break):not(.katex *) {
  margin: 0 0 .75rem;
}

.list-bullets__content :last-child {
  margin-bottom: 0;
}

.list-bullets__content ul.list-hyphen li, .list-bullets__content ol.list-hyphen li {
  list-style-type: none;
}

.list-bullets__content ul.list-hyphen li:before, .list-bullets__content ol.list-hyphen li:before {
  content: "—";
  margin-right: .75rem;
}

.list-bullets__list-item:before {
  content: "";
  background: #4f4f4f;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 24px;
  left: .5rem;
}

.list-bullets__content {
  padding-left: 2.5rem;
}

.ItemBlocks_List_Bulleted__sidebar .text-html__froala-editor .fr-box {
  cursor: text;
}

.main-content, .mint-block-process-content, .mint-block-image--text-aside .mint-block-image__text, .list-numered__content, .mint-block-text .mint-block-text__col, .list-bullets__content {
  font-size: 18px;
  line-height: 30px;
}

.main-caption, .mint-block-process-caption, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption, .mint-block-video .mint-block-video__content .mint-block-video__caption, .mint-block-carousel .mint-block-carousel__caption, .mint-block-gallery .mint-block-gallery__caption, .mint-block-image--full .image-full__caption p, .mint-block-image .mint-block-image__caption {
  color: #828282;
  font-size: 14px;
  line-height: 20px;
}

.main-caption .fr-box, .mint-block-process-caption .fr-box, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption .fr-box, .mint-block-video .mint-block-video__content .mint-block-video__caption .fr-box, .mint-block-carousel .mint-block-carousel__caption .fr-box, .mint-block-gallery .mint-block-gallery__caption .fr-box, .mint-block-image--full .image-full__caption p .fr-box, .mint-block-image .mint-block-image__caption .fr-box {
  margin-bottom: 0;
  line-height: 30px;
}

.main-caption .fr-box *, .mint-block-process-caption .fr-box *, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption .fr-box *, .mint-block-video .mint-block-video__content .mint-block-video__caption .fr-box *, .mint-block-carousel .mint-block-carousel__caption .fr-box *, .mint-block-gallery .mint-block-gallery__caption .fr-box *, .mint-block-image--full .image-full__caption p .fr-box *, .mint-block-image .mint-block-image__caption .fr-box * {
  margin-bottom: 0 !important;
}

.main-caption p, .mint-block-process-caption p, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p, .mint-block-video .mint-block-video__content .mint-block-video__caption p, .mint-block-carousel .mint-block-carousel__caption p, .mint-block-gallery .mint-block-gallery__caption p, .mint-block-image--full .image-full__caption p p, .mint-block-image .mint-block-image__caption p {
  margin-top: .5rem;
  padding-top: 0;
}

.main-caption div, .mint-block-process-caption div, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption div, .mint-block-video .mint-block-video__content .mint-block-video__caption div, .mint-block-carousel .mint-block-carousel__caption div, .mint-block-gallery .mint-block-gallery__caption div, .mint-block-image--full .image-full__caption p div, .mint-block-image .mint-block-image__caption div, .main-caption p, .mint-block-process-caption p, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p, .mint-block-video .mint-block-video__content .mint-block-video__caption p, .mint-block-carousel .mint-block-carousel__caption p, .mint-block-gallery .mint-block-gallery__caption p, .mint-block-image--full .image-full__caption p p, .mint-block-image .mint-block-image__caption p, .main-caption picture, .mint-block-process-caption picture, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption picture, .mint-block-video .mint-block-video__content .mint-block-video__caption picture, .mint-block-carousel .mint-block-carousel__caption picture, .mint-block-gallery .mint-block-gallery__caption picture, .mint-block-image--full .image-full__caption p picture, .mint-block-image .mint-block-image__caption picture, .main-caption img, .mint-block-process-caption img, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption img, .mint-block-video .mint-block-video__content .mint-block-video__caption img, .mint-block-carousel .mint-block-carousel__caption img, .mint-block-gallery .mint-block-gallery__caption img, .mint-block-image--full .image-full__caption p img, .mint-block-image .mint-block-image__caption img {
  margin-bottom: .75rem;
}

.main-caption div:last-child, .mint-block-process-caption div:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption div:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption div:last-child, .mint-block-carousel .mint-block-carousel__caption div:last-child, .mint-block-gallery .mint-block-gallery__caption div:last-child, .mint-block-image--full .image-full__caption p div:last-child, .mint-block-image .mint-block-image__caption div:last-child, .main-caption p:last-child, .mint-block-process-caption p:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption p:last-child, .mint-block-carousel .mint-block-carousel__caption p:last-child, .mint-block-gallery .mint-block-gallery__caption p:last-child, .mint-block-image--full .image-full__caption p p:last-child, .mint-block-image .mint-block-image__caption p:last-child, .main-caption picture:last-child, .mint-block-process-caption picture:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption picture:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption picture:last-child, .mint-block-carousel .mint-block-carousel__caption picture:last-child, .mint-block-gallery .mint-block-gallery__caption picture:last-child, .mint-block-image--full .image-full__caption p picture:last-child, .mint-block-image .mint-block-image__caption picture:last-child, .main-caption img:last-child, .mint-block-process-caption img:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption img:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption img:last-child, .mint-block-carousel .mint-block-carousel__caption img:last-child, .mint-block-gallery .mint-block-gallery__caption img:last-child, .mint-block-image--full .image-full__caption p img:last-child, .mint-block-image .mint-block-image__caption img:last-child {
  margin-bottom: 0;
}

.grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component) {
  margin-left: 12px;
  margin-right: 12px;
}

@media only screen and (min-width: 1024px) {
  .grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component) {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-block-image--full .image-full__caption p, .mint-block-image, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component) {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full, .mint-block-image--text-overlay .ItemBlocks_Image_TextOverlay .image-text-overlay {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.list-numered__list-item {
  padding: .75rem 0;
  display: flex;
}

.list-numered__ball {
  margin-top: -.25rem;
  margin-right: 1.3rem;
}

.list-numered__content {
  width: 100%;
  display: block;
}

.list-numered__content ul, .list-numered__content ol {
  padding-left: 1.25rem;
}

.list-numered__content :not(.MathJax *):not(.MathJax_SVG *):not(.no-break):not(.katex *) {
  margin: 0 0 .75rem;
}

.list-numered__content :last-child {
  margin-bottom: 0;
}

.list-numered__number {
  text-align: center;
  color: #fff;
  background-color: #4f4f4f;
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 16px;
  font-weight: 700;
  line-height: 2.5rem;
  display: block;
}

.ItemBlocks_List_Numered__sidebar .text-html__froala-editor .fr-box {
  cursor: text;
}

.mint-block-image .mint-block-image__row {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .mint-block-image .mint-block-image__row {
    flex-flow: row;
  }
}

.mint-block-image .mint-block-image__row .img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.mint-block-image .mint-block-image__figure {
  table-layout: fixed;
  align-content: center;
  display: inline-table;
}

.mint-block-image .mint-block-image__figure div {
  width: 100%;
}

.mint-block-image .mint-block-image__caption {
  box-sizing: border-box;
  overflow-wrap: break-word;
  width: auto;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  .mint-block-image .mint-block-image__caption {
    max-width: calc(100vw - 42px);
  }
}

.mint-block-image--hero {
  text-align: center;
}

@media only screen and (min-width: 320px) {
  .mint-block-image--hero.mint-block-image--center .mint-block-image__row {
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) {
  .mint-block-image--hero.mint-block-image--right .mint-block-image__row {
    justify-content: flex-end;
  }

  .mint-block-image--hero.mint-block-image--left .mint-block-image__row {
    justify-content: flex-start;
  }

  .mint-block-image--hero.mint-block-image--center .mint-block-image__row {
    justify-content: center;
  }

  .mint-block-image--hero .mint-block-image__col {
    flex: 0 100%;
  }

  .mint-block-image--hero.mint-block-image--size-5 .mint-block-image__col {
    flex: 0 5%;
  }

  .mint-block-image--hero.mint-block-image--size-10 .mint-block-image__col {
    flex: 0 10%;
  }

  .mint-block-image--hero.mint-block-image--size-15 .mint-block-image__col {
    flex: 0 15%;
  }

  .mint-block-image--hero.mint-block-image--size-20 .mint-block-image__col {
    flex: 0 20%;
  }

  .mint-block-image--hero.mint-block-image--small .mint-block-image__col {
    flex: 0 25%;
  }

  .mint-block-image--hero.mint-block-image--size-30 .mint-block-image__col {
    flex: 0 30%;
  }

  .mint-block-image--hero.mint-block-image--medium-small .mint-block-image__col {
    flex: 0 35%;
  }

  .mint-block-image--hero.mint-block-image--size-40 .mint-block-image__col {
    flex: 0 40%;
  }

  .mint-block-image--hero.mint-block-image--size-45 .mint-block-image__col {
    flex: 0 45%;
  }

  .mint-block-image--hero.mint-block-image--medium .mint-block-image__col {
    flex: 0 50%;
  }

  .mint-block-image--hero.mint-block-image--size-55 .mint-block-image__col {
    flex: 0 55%;
  }

  .mint-block-image--hero.mint-block-image--size-60 .mint-block-image__col {
    flex: 0 60%;
  }

  .mint-block-image--hero.mint-block-image--size-65 .mint-block-image__col {
    flex: 0 65%;
  }

  .mint-block-image--hero.mint-block-image--size-70 .mint-block-image__col {
    flex: 0 70%;
  }

  .mint-block-image--hero.mint-block-image--large .mint-block-image__col {
    flex: 0 75%;
  }

  .mint-block-image--hero.mint-block-image--size-80 .mint-block-image__col {
    flex: 0 80%;
  }

  .mint-block-image--hero.mint-block-image--size-85 .mint-block-image__col {
    flex: 0 85%;
  }

  .mint-block-image--hero.mint-block-image--size-90 .mint-block-image__col {
    flex: 0 90%;
  }

  .mint-block-image--hero.mint-block-image--size-95 .mint-block-image__col {
    flex: 0 95%;
  }

  .mint-block-image--hero.mint-block-image--extra-large .mint-block-image__col {
    flex: 0 100%;
  }
}

.mint-block-image--text-aside .mint-block-image__text .fr-view p {
  margin: 0 0 .75rem;
}

.mint-block-image--text-aside .mint-block-image__caption {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .mint-block-image--text-aside.mint-block-image--size-5.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 95%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-5.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-5:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 5%;
  }

  .mint-block-image--text-aside.mint-block-image--size-5:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 95%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-10.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 90%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-10.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-10:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 10%;
  }

  .mint-block-image--text-aside.mint-block-image--size-10:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 90%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-15.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 85%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-15.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-15:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 15%;
  }

  .mint-block-image--text-aside.mint-block-image--size-15:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 85%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-20.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 80%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-20.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-20:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 20%;
  }

  .mint-block-image--text-aside.mint-block-image--size-20:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 80%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--small.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 75%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--small.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--small:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 25%;
  }

  .mint-block-image--text-aside.mint-block-image--small:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 75%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-30.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 70%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-30.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-30:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 30%;
  }

  .mint-block-image--text-aside.mint-block-image--size-30:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 70%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--medium-small.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 65%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--medium-small.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--medium-small:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 35%;
  }

  .mint-block-image--text-aside.mint-block-image--medium-small:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 65%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-40.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 60%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-40.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-40:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 40%;
  }

  .mint-block-image--text-aside.mint-block-image--size-40:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 60%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-45.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 55%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-45.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-45:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 45%;
  }

  .mint-block-image--text-aside.mint-block-image--size-45:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 55%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--medium.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 50%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--medium.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--medium:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 50%;
  }

  .mint-block-image--text-aside.mint-block-image--medium:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 50%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-55.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 45%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-55.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-55:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 55%;
  }

  .mint-block-image--text-aside.mint-block-image--size-55:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 45%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-60.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 40%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-60.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-60:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 60%;
  }

  .mint-block-image--text-aside.mint-block-image--size-60:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 40%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-65.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 35%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-65.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-65:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 65%;
  }

  .mint-block-image--text-aside.mint-block-image--size-65:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 35%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-70.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 30%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-70.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-70:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 70%;
  }

  .mint-block-image--text-aside.mint-block-image--size-70:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 30%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--large.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 25%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--large.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--large:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 75%;
  }

  .mint-block-image--text-aside.mint-block-image--large:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 25%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-80.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 20%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-80.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-80:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 80%;
  }

  .mint-block-image--text-aside.mint-block-image--size-80:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 20%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-85.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 15%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-85.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-85:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 85%;
  }

  .mint-block-image--text-aside.mint-block-image--size-85:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 15%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-90.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 10%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-90.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-90:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 90%;
  }

  .mint-block-image--text-aside.mint-block-image--size-90:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 10%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-95.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0 5%;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--size-95.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--size-95:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 95%;
  }

  .mint-block-image--text-aside.mint-block-image--size-95:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0 5%;
    margin-left: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--extra-large.mint-block-image--right .mint-block-image__col:first-child {
    flex: 0;
    margin-right: 30px;
  }

  .mint-block-image--text-aside.mint-block-image--extra-large.mint-block-image--right .mint-block-image__col:last-child, .mint-block-image--text-aside.mint-block-image--extra-large:not(.mint-block-image--right) .mint-block-image__col:first-child {
    flex: 0 100%;
  }

  .mint-block-image--text-aside.mint-block-image--extra-large:not(.mint-block-image--right) .mint-block-image__col:last-child {
    flex: 0;
    margin-left: 30px;
  }
}

.mint-block-image--text-overlay {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mint-block-image--text-overlay .image-text-overlay {
  border-radius: var(--mint-media-border-radius, 0px);
  background: #000;
  align-items: center;
  min-height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mint-block-image--text-overlay .image-text-overlay__thumb {
  opacity: .6;
  z-index: 10;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.mint-block-image--text-overlay .image-text-overlay__thumb:before {
  content: "";
  width: 100%;
  padding-top: 50%;
  display: block;
}

.mint-block-image--text-overlay .image-text-overlay__thumb > div {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-block-image--text-overlay .image-text-overlay__thumb > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (-ms-high-contrast: none) {
  .mint-block-image--text-overlay .image-text-overlay__thumb:before, .mint-block-image--text-overlay .image-text-overlay__thumb > div {
    display: none;
  }
}

.mint-block-image--text-overlay .image-text-overlay__thumbimg {
  object-fit: cover;
  opacity: .6;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mint-block-image--text-overlay .image-text-overlay__text-container {
  color: #fff;
  z-index: 20;
  width: 90%;
  margin: 2rem auto;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .mint-block-image--text-overlay .image-text-overlay__text-container {
    max-width: 90%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1024px) {
  .mint-block-image--text-overlay .image-text-overlay__text-container {
    max-width: 760px;
  }
}

.mint-block-image--text-overlay .image-text-overlay__text {
  max-width: 540px;
  padding: 3rem 0;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2rem;
}

.mint-block-image--text-overlay .image-text-overlay__text p {
  margin: 0;
  padding: 0;
  font-weight: 400;
}

.mint-block-image--text-overlay .image-text-overlay__text:before {
  content: "";
  background: #fff;
  width: 120px;
  height: 4px;
  margin-bottom: 1rem;
  display: block;
}

.mint-block-image--full {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mint-block-image--full .image-full__picture {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.mint-block-image--full .image-full__picture:before {
  content: "";
  width: 100%;
  padding-top: 50%;
  display: block;
}

.mint-block-image--full .image-full__picture > div {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-block-image--full .image-full__picture > div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (-ms-high-contrast: none) {
  .mint-block-image--full .image-full__picture:before, .mint-block-image--full .image-full__picture > div {
    display: none;
  }
}

.mint-block-image--full .image-full__caption p {
  font-size: 14px;
}

.mint-block-quote--a .quote-a {
  text-align: center;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px #f2f2f2;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mint-block-quote--a .quote-a__avatar img {
  border: 1px solid #e0e0e0;
  border-radius: 100%;
  width: auto;
  max-width: 100px;
  height: auto;
  max-height: 100px;
  padding: .25rem;
}

.mint-block-quote--a .quote-a__author {
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.mint-block-quote--a .quote-a__author p {
  margin: 0;
}

.mint-block-quote--a .quote-a__author:before {
  content: "— ";
  display: inline;
}

.mint-block-quote--a .quote-a__blockquote {
  color: #828282;
  line-height: 1.4rem;
}

.mint-block-quote--a .quote-a__blockquote p {
  margin: 0;
}

.mint-block-gallery {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(-12px);
}

.mint-block-gallery .mint-block-gallery__row {
  flex-flow: wrap;
  display: flex;
}

.mint-block-gallery .mint-block-gallery__row * {
  box-sizing: initial;
}

.mint-block-gallery .mint-block-gallery__col {
  width: calc(50% - 24px);
  padding-bottom: 24px;
  padding-left: 24px;
}

.mint-block-gallery .mint-block-gallery__figure {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}

.mint-block-gallery .mint-block-gallery__figure > div {
  display: block;
}

.mint-block-gallery .mint-block-gallery__figure > div img {
  width: 100%;
  height: auto;
  display: block;
}

.mint-block-gallery .mint-block-gallery__caption {
  box-sizing: border-box;
  overflow-wrap: break-word;
  width: auto;
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .mint-block-gallery {
    transform: translateX(0);
  }

  .mint-block-gallery .mint-block-gallery__col {
    width: calc(50% - 12px);
  }

  .mint-block-gallery .mint-block-gallery__col:first-child, .mint-block-gallery--twocol .mint-block-gallery__col:nth-child(2n+3) {
    padding-left: 0;
  }

  .mint-block-gallery--threecol .mint-block-gallery__col {
    width: calc(33.3333% - 16px);
  }

  .mint-block-gallery--threecol .mint-block-gallery__col:nth-child(3n+4) {
    padding-left: 0;
  }

  .mint-block-gallery--fourcol .mint-block-gallery__col {
    width: calc(25% - 18px);
  }

  .mint-block-gallery--fourcol .mint-block-gallery__col:nth-child(4n+5) {
    padding-left: 0;
  }
}

.mint-block-carousel {
  padding: 0;
  position: relative;
  width: 100% !important;
}

.mint-block-carousel .mint-block-carousel__swiper {
  width: 100%;
  height: 100%;
  padding: 0 0 3rem;
}

.mint-block-carousel .mint-block-carousel__swiper .swiper {
  margin: 0 2rem;
}

.mint-block-carousel .mint-block-carousel__swiper-slide {
  text-align: center;
  background: #fff;
  width: 100%;
  font-size: 18px;
}

.mint-block-carousel .mint-block-carousel__figure {
  text-align: center;
}

.mint-block-carousel .mint-block-carousel__figure > div > .img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.mint-block-carousel .mint-block-carousel__caption {
  text-align: center;
}

.mint-block-carousel .mint-block-carousel-pagination {
  width: 100%;
}

.mint-block-carousel .swiper-wrapper {
  align-items: center;
}

.mint-block-carousel .swiper-button-prev, .mint-block-carousel .swiper-button-next {
  background: #828282;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: none;
}

.mint-block-carousel .swiper-button-prev:after, .mint-block-carousel .swiper-button-next:after {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.mint-block-carousel .swiper-button-next {
  right: .5rem;
}

.mint-block-carousel .swiper-button-prev {
  left: .5rem;
}

.mint-block-carousel .swiper-button-prev:after {
  padding-right: 3px;
}

.mint-block-carousel .swiper-button-next:after {
  padding-left: 3px;
}

@media only screen and (min-width: 1280px) {
  .mint-block-carousel .swiper-button-prev, .mint-block-carousel .swiper-button-next {
    display: flex;
  }
}

.mint-block-carousel .swiper-pagination {
  bottom: 0;
}

.mint-block-carousel .swiper-pagination a {
  text-decoration: none;
}

.mint-block-carousel .swiper-pagination-bullet {
  background: #fff;
  width: 12px;
  height: 12px;
  padding: 0;
  transition: opacity .2s;
}

.mint-block-carousel .swiper-pagination-bullet-active {
  background: var(--mint-brand-color, #4f4fff);
}

.mint-block-carousel .mint-block-carousel__figure--size-5 {
  width: 5%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-10 {
  width: 10%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-15 {
  width: 15%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-20 {
  width: 20%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--small {
  width: 25%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-30 {
  width: 30%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--medium-small {
  width: 35%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-40 {
  width: 40%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-45 {
  width: 45%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--medium {
  width: 50%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-55 {
  width: 55%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-60 {
  width: 60%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-65 {
  width: 65%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-70 {
  width: 70%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--large {
  width: 75%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-80 {
  width: 80%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-85 {
  width: 85%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-90 {
  width: 90%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--size-95 {
  width: 95%;
  margin: auto;
}

.mint-block-carousel .mint-block-carousel__figure--extra-large {
  width: 100%;
  margin: auto;
}

.mint-block-video .mint-block-video__content .video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.mint-block-audio .mint-block-audio__content .audio {
  width: 100%;
  max-width: 100%;
}

.mint-block-embed {
  box-sizing: border-box;
  border-radius: var(--mint-media-border-radius, 0px);
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 1.5rem 2rem;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
}

.mint-block-embed--no-shadow {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
}

.mint-block-embed--no-shadow .mint-embed .mint-embed__provider {
  max-width: 100%;
}

.mint-block-embed--medium {
  max-width: 1100px !important;
}

.mint-block-embed--full {
  width: calc(100% - 24px) !important;
  max-width: 100% !important;
}

.mint-block-embed--full .mint-embed {
  margin-left: -12px;
  margin-right: -12px;
}

.mint-block-embed--full .mint-embed > div {
  box-sizing: border-box;
}

.mint-block-embed--full .mint-embed .mint-embed__provider, .mint-block-embed--full .mint-embed .mint-embed__title {
  padding-left: 12px;
}

@media only screen and (min-width: 1024px) {
  .mint-block-embed--full .mint-embed .mint-embed__title {
    padding-left: 0;
  }
}

.mint-block-embed--full .mint-embed .mint-embed__description {
  padding-left: 12px;
}

@media only screen and (min-width: 1024px) {
  .mint-block-embed--full .mint-embed .mint-embed__description {
    padding-left: 0;
  }
}

.mint-block-embed--full .mint-embed .mint-embed__link {
  padding-left: 12px;
}

@media only screen and (min-width: 1024px) {
  .mint-block-embed--full .mint-embed .mint-embed__link {
    padding-left: 0;
  }
}

.mint-block-embed--edpuzzle .mint-embed .mint-embed-wrap {
  padding-bottom: 76.3%;
}

.lesson__block-interactive-label {
  width: 100%;
}

.lesson__block-interactive-label--full {
  width: 100% !important;
  max-width: 100% !important;
}

.lesson__block-interactive-label--medium {
  max-width: 1100px !important;
}

.lesson__block-interactive-label--small {
  max-width: 760px !important;
}

.lesson__block-interactive-label img {
  width: 100%;
  height: auto;
}

.lesson__block-interactive-label {
  margin: 0 auto;
  position: relative;
}

.lesson__block-interactive-label-link {
  z-index: 10;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid red;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  transform: translate(-12px, -12px);
  box-shadow: 0 0 24px rgba(0, 0, 0, .2);
}

.ls-icon--17 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSIxMDJweCIgdmlld0JveD0iMCAwIDQyIDEwMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODkwLjAwMDAwMCwgLTgxOC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc5OS4wMDAwMDAsIDc1Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMjMiIGhlaWdodD0iMjIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMTMyLjE2NDczMyA2MSAxMzIuMTY0NzMzIDE2Mi44MTgwODUgMTE0LjUxNTYwMyAxNjIuODE4MDg1IDExNC41MTU2MDMgNzkuNTkzNzMyMyAxMTMuOTE5MDEyIDc5LjU5MzczMjMgOTguNTA3MDk1MSA4OC41NDI1ODc0IDkxIDc1LjQxNzU5OTkgMTE1LjU1OTYzNiA2MSI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
  background-size: 4px !important;
}

.ls-icon--18 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSIxMDRweCIgdmlld0JveD0iMCAwIDcwIDEwNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEzNS4wMDAwMDAsIC04MDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDU4LjAwMDAwMCwgNzQwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDYuNDUzMDU5LDE0Ni45NTMwNDIgTDE0Ni40NTMwNTksMTYzLjIxMDEyOSBMNzcsMTYzLjIxMDEyOSBMNzcsMTQ5LjIzOTk3MiBMMTExLjAwNTY0OSwxMTQuODg2MzExIEMxMjEuMzk2MjY0LDEwNC4yNDcxMTcgMTI1LjIyNDM4Niw5Ny4xODc0NjQ1IDEyNS4yMjQzODYsOTAuNzc0MTE4NCBDMTI1LjIyNDM4Niw4MS41MjY5NjgxIDExOS44NTUwNzMsNzUuMzEyNDg1NCAxMTAuODA2Nzg2LDc1LjMxMjQ4NTQgQzEwMC44MTM4OTgsNzUuMzEyNDg1NCA5Ni4xNDA2MDY3LDgzLjkxMzMyOTUgOTYuMTQwNjA2Nyw5My44NTY1MDE4IEw3Ny41NDY4NzQ1LDkzLjg1NjUwMTggQzc3LjU0Njg3NDUsNzUuOTA5MDc1NyA4OS44MjY2OTIzLDYwIDExMS4xNTQ3OTcsNjAgQzEzMS43ODY4OCw2MCAxNDMuNzY4NDAyLDcxLjMzNTIxNjUgMTQzLjc2ODQwMiw4OS4yMzI5MjY3IEMxNDMuNzY4NDAyLDEwMi43NTU2NDEgMTM0LjM3MjEwNCwxMTQuMjg5NzIxIDEyMS42NDQ4NDQsMTI3LjkxMTg2NyBMMTA2LjUzMTIyMiwxNDMuNzcxMjI3IEMxMDUuMDM5NzQ2LDE0NS4yNjI3MDMgMTA0LjI5NDAwOCwxNDUuODU5MjkzIDEwMi4zNTUwODksMTQ2LjcwNDQ2MyBMMTAyLjgwMjUzMiwxNDcuNzQ4NDk2IEMxMDQuNzkxMTY3LDE0Ni45NTMwNDIgMTA1LjkzNDYzMSwxNDYuOTUzMDQyIDEwOC4yMjE1NjEsMTQ2Ljk1MzA0MiBMMTQ2LjQ1MzA1OSwxNDYuOTUzMDQyIFoiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
}

.ls-icon--19 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjlweCIgaGVpZ2h0PSIxMDVweCIgdmlld0JveD0iMCAwIDY5IDEwNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYzNi4wMDAwMDAsIC02ODcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTU4LjAwMDAwMCwgNjI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDEuNjE1MDM0LDExOS4yNTU2MjQgTDEwMS42MTUwMzQsMTAyLjg0OTM5IEwxMTAuNzYyNzUzLDEwMi44NDkzOSBDMTIxLjAwNDIyLDEwMi44NDkzOSAxMjYuMzczNTMzLDk2LjEzNzc0ODcgMTI2LjM3MzUzMyw4Ny42ODYwNTIyIEMxMjYuMzczNTMzLDc5LjgzMDk0NiAxMjEuMDUzOTM2LDc0LjA2MzkwNjEgMTExLjg1NjUwMiw3NC4wNjM5MDYxIEMxMDMuOTUxNjgsNzQuMDYzOTA2MSA5Ny43MzcxOTcxLDc4LjczNzE5NzEgOTcuNzM3MTk3MSw4NS45OTU3MTI5IEw3OS4yNDI4OTY1LDg1Ljk5NTcxMjkgQzc5LjI0Mjg5NjUsNjkuNzg4MzQyIDkyLjkxNDc1ODUsNTkgMTExLjM1OTM0Myw1OSBDMTMxLjE0NjI1Niw1OSAxNDQuODE4MTE4LDY4Ljg5MzQ1NjUgMTQ0LjgxODExOCw4Ny4zODc3NTcgQzE0NC44MTgxMTgsOTYuMTM3NzQ4NyAxMzkuMzQ5MzczLDEwNS42ODMxOTQgMTI5LjA1ODE5LDExMC41NTUzNDkgQzE0MC45NDAyODEsMTE0LjQ4MjkwMiAxNDYuNjA3ODg5LDEyMy4zODIwNDEgMTQ2LjYwNzg4OSwxMzQuMzE5NTMgQzE0Ni42MDc4ODksMTUyLjg2MzU0NyAxMzEuMTQ2MjU2LDE2My42MDIxNzMgMTExLjIxMDE5NiwxNjMuNjAyMTczIEM5NC4yMDczNzA5LDE2My42MDIxNzMgNzgsMTU0LjY1MzMxOCA3OCwxMzUuMzEzODQ4IEw5Ni43OTI1OTU3LDEzNS4zMTM4NDggQzk2Ljc5MjU5NTcsMTQzLjAxOTgwNiAxMDIuOTA3NjQ3LDE0OC4yODk2ODggMTExLjY1NzYzOCwxNDguMjg5Njg4IEMxMjEuMzAyNTE2LDE0OC4yODk2ODggMTI3Ljg2NTAwOSwxNDIuNzcxMjI3IDEyNy44NjUwMDksMTM0LjA3MDk1MSBDMTI3Ljg2NTAwOSwxMjMuMjMyODkzIDEyMS4xNTMzNjgsMTE5LjI1NTYyNCAxMTAuNzYyNzUzLDExOS4yNTU2MjQgTDEwMS42MTUwMzQsMTE5LjI1NTYyNCBaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--20 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzdweCIgaGVpZ2h0PSIxMDJweCIgdmlld0JveD0iMCAwIDc3IDEwMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODMzLjAwMDAwMCwgLTEwNTguMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjAuMDAwMDAwLCA5OTcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjIyMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0OS41NjI0MjcsMTI2Ljk3Mjk0OCBMMTQ5LjU2MjQyNywxNDMuMjMwMDM1IEwxMzQuODQ2NTMyLDE0My4yMzAwMzUgTDEzNC44NDY1MzIsMTYyLjgxODA4NSBMMTE3LjY5NDU2LDE2Mi44MTgwODUgTDExNy42OTQ1NiwxNDMuMjMwMDM1IEw3MywxNDMuMjMwMDM1IEw3MywxMzAuNTUyNDkgTDExNS40NTczNDYsNjEgTDEzNC44NDY1MzIsNjEgTDEzNC44NDY1MzIsMTI2Ljk3Mjk0OCBMMTQ5LjU2MjQyNywxMjYuOTcyOTQ4IFogTTkzLjIzNDM1NTcsMTI2Ljk3Mjk0OCBMMTE3LjY5NDU2LDEyNi45NzI5NDggTDExNy42OTQ1Niw4NC44NjM2MTM2IEwxMTUuNDU3MzQ2LDg5LjIzODYwOTQgTDkzLjIzNDM1NTcsMTI2Ljk3Mjk0OCBaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--21 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjhweCIgaGVpZ2h0PSIxMDRweCIgdmlld0JveD0iMCAwIDY4IDEwNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM1OC4wMDAwMDAsIC0zNTAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjgxLjAwMDAwMCwgMjkwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05NC4yNTE0MDQsMTE1LjczMTQ4MSBMNzguNzg5NzcxLDExMS45NTMwNzUgTDg0Ljc1NTY3NDQsNjAgTDE0MC44ODQ4ODIsNjAgTDE0MC44ODQ4ODIsNzYuNTA1NjY2MSBMMTAwLjI2NzAyMyw3Ni41MDU2NjYxIEw5Ny4yMzQzNTU3LDEwMS43NjEzMjQgTDk3Ljc4MTIzMDIsMTAxLjc2MTMyNCBDMTAwLjIxNzMwNyw5OC45NzcyMzU2IDEwNS42MzYzMzYsOTUuOTQ0NTY4IDExMy43NDAwMjIsOTUuOTQ0NTY4IEMxMzEuNTg4MDE2LDk1Ljk0NDU2OCAxNDQuNTYzODU2LDEwOC45NzAxMjQgMTQ0LjU2Mzg1NiwxMjkuOTAwNTAyIEMxNDQuNTYzODU2LDE0Ny44NDc5MjggMTMzLjEyOTIwOCwxNjMuMjEwMTI5IDExMC4yMTAxOTYsMTYzLjIxMDEyOSBDOTMuMjA3MzcwOSwxNjMuMjEwMTI5IDc3LjU5NjU5MDMsMTUyLjk2ODY2MSA3NywxMzQuNTczNzkzIEw5NS40OTQzMDA1LDEzNC41NzM3OTMgQzk2LjYzNzc2NTQsMTQzLjAyNTQ4OSAxMDIuMTU2MjI2LDE0Ny44OTc2NDMgMTEwLjM1OTM0MywxNDcuODk3NjQzIEMxMjAuNjUwNTI3LDE0Ny44OTc2NDMgMTI2LjI2ODQxOSwxMzkuNzQ0MjQyIDEyNi4yNjg0MTksMTI4LjkwNjE4NCBDMTI2LjI2ODQxOSwxMTcuMTczMjQxIDExOS41NTY3NzgsMTEwLjE2MzMwNCAxMDkuMTE2NDQ3LDExMC4xNjMzMDQgQzEwMS40NjAyMDQsMTEwLjE2MzMwNCA5Ny4xODQ2Mzk4LDExMi44OTc2NzcgOTQuMjUxNDA0LDExNS43MzE0ODEgWiIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
}

.ls-icon--22 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjlweCIgaGVpZ2h0PSIxMDVweCIgdmlld0JveD0iMCAwIDY5IDEwNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI4OC4wMDAwMDAsIC0xMDc3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIxMS4wMDAwMDAsIDEwMTguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjIyMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyNi43NzIxMDcsODcuMTM5MTc3NyBDMTI0LjM4NTc0Niw3OS43ODEyMzAyIDEyMS40MDI3OTQsNzQuNzEwMjEyMyAxMTIuNTUzMzcxLDc0LjcxMDIxMjMgQzEwMy41MDUwODQsNzQuNzEwMjEyMyA5Ni40OTUxNDczLDg0LjIwNTk0MTkgOTUuNjQ5OTc3NiwxMDQuOTM3NDU2IEMxMDAuODIwNDI3LDk5LjQ2ODcxMTQgMTA4LjM3NzIzOCw5Ni4wODgwMzI4IDExNy4wMjc3OTgsOTYuMDg4MDMyOCBDMTM2LjExODY4OSw5Ni4wODgwMzI4IDE0NS41MTQ5ODcsMTExLjMwMTA4NiAxNDUuNTE0OTg3LDEyOS41NDY4MDggQzE0NS41MTQ5ODcsMTQ4LjczNzEzIDEzMi41ODg4NjMsMTYzLjYwMjE3MyAxMTIuMTA1OTI4LDE2My42MDIxNzMgQzkwLjM4MDA5NjMsMTYzLjYwMjE3MyA3Ny4wMDY1Mjk1LDE0Ny4xNDYyMjMgNzcuMDA2NTI5NSwxMTcuMDE4NDExIEw3Ny4wMDY1Mjk1LDExMy4zODkxNTMgQzc2LjcwODIzNDMsODEuMDI0MTI2NyA4Ni42MDE2OTA4LDU5IDExMi42MDMwODYsNTkgQzEzMS40NDUzOTgsNTkgMTQxLjIzOTQyMyw3MC4zMzUyMTY1IDE0NC42Njk4MTcsODcuMTM5MTc3NyBMMTI2Ljc3MjEwNyw4Ny4xMzkxNzc3IFogTTk1Ljg5ODU1NywxMjcuODU2NDY4IEM5NS44OTg1NTcsMTQxLjY3NzQ3OCAxMDIuNjU5OTE0LDE0OC4xOTAyNTYgMTEyLjA1NjIxMiwxNDguMTkwMjU2IEMxMjAuOTU1MzUxLDE0OC4xOTAyNTYgMTI3LjMxODk4MiwxNDAuNTM0MDEzIDEyNy4zMTg5ODIsMTI5Ljc0NTY3MSBDMTI3LjMxODk4MiwxMTkuMTA2NDc3IDEyMi4wNDkxLDExMS40NTAyMzQgMTExLjgwNzYzMywxMTEuNDUwMjM0IEMxMDEuODY0NDYsMTExLjQ1MDIzNCA5NS44OTg1NTcsMTE4Ljc1ODQ2NiA5NS44OTg1NTcsMTI3LjM1OTMxIEw5NS44OTg1NTcsMTI3Ljg1NjQ2OCBaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--23 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjhweCIgaGVpZ2h0PSIxMDJweCIgdmlld0JveD0iMCAwIDY4IDEwMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYxNC4wMDAwMDAsIC0xMTEwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUzNi4wMDAwMDAsIDEwNTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjIyMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjE0NS43NjI3MTkgNjAgMTQ1Ljc2MjcxOSA3Mi40Nzg2ODEzIDEwNy45Mjg5NDkgMTYxLjgxODA4NSA4OC4wNDI2MDQxIDE2MS44MTgwODUgMTI1LjQyODkzMiA3Ni40NTU5NTAyIDc4IDc2LjQ1NTk1MDIgNzggNjAiPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--24 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjhweCIgaGVpZ2h0PSIxMDVweCIgdmlld0JveD0iMCAwIDY4IDEwNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkwNi4wMDAwMDAsIC05OTguMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODI4LjAwMDAwMCwgOTM5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDUuMjY1NTYxLDEzMy44NzIwODggQzE0NS4yNjU1NjEsMTUyLjk2Mjk3OSAxMzAuODk3Njc3LDE2My42MDIxNzMgMTExLjgwNjc4NiwxNjMuNjAyMTczIEM5Mi42NjYxNzkyLDE2My42MDIxNzMgNzgsMTUyLjk2Mjk3OSA3OCwxMzMuODcyMDg4IEM3OCwxMjIuNzM1NzM1IDg0LjE2NDc2NjgsMTEzLjg4NjMxMSA5My44NTkzNTk5LDEwOS4xMTM1ODkgQzg1LjQ1NzM3OTMsMTA0LjUzOTcyOSA4MC4yMzcyMTM4LDk2LjU4NTE5MTQgODAuMjM3MjEzOCw4Ni44OTA1OTg0IEM4MC4yMzcyMTM4LDY4LjY0NDg3NzIgOTMuNTYxMDY0Nyw1OSAxMTEuNjU3NjM4LDU5IEMxMzAuMDAyNzkxLDU5IDE0My4xMjc3NzksNjguNjQ0ODc3MiAxNDMuMTI3Nzc5LDg2Ljg5MDU5ODQgQzE0My4xMjc3NzksOTYuNTg1MTkxNCAxMzcuOTA3NjEzLDEwNC41ODk0NDUgMTI5LjUwNTYzMywxMDkuMTYzMzA0IEMxMzkuMTUwNTEsMTEzLjkzNjAyNyAxNDUuMjY1NTYxLDEyMi43MzU3MzUgMTQ1LjI2NTU2MSwxMzMuODcyMDg4IFogTTEyNC43MzI5MSw4Ny44MzUxOTk4IEMxMjQuNzMyOTEsNzkuNzMxNTE0MyAxMTkuMzYzNTk3LDc0LjU2MTA2NDcgMTExLjU1ODIwNyw3NC41NjEwNjQ3IEMxMDQuMTAwODI3LDc0LjU2MTA2NDcgOTguNjMyMDgyNiw3OS4zODM1MDMzIDk4LjYzMjA4MjYsODcuNzM1NzY4IEM5OC42MzIwODI2LDk2LjAzODMxNyAxMDQuMTAwODI3LDEwMS42NTYyMDkgMTExLjgwNjc4NiwxMDEuNjU2MjA5IEMxMTkuNDYzMDI5LDEwMS42NTYyMDkgMTI0LjczMjkxLDk2LjAzODMxNyAxMjQuNzMyOTEsODcuODM1MTk5OCBaIE0xMjYuNjcxODI5LDEzMi43Mjg2MjMgQzEyNi42NzE4MjksMTIzLjM4MjA0MSAxMjAuMTU5MDUxLDExNi45MTg5NzkgMTExLjU1ODIwNywxMTYuOTE4OTc5IEMxMDMuMDU2Nzk0LDExNi45MTg5NzkgOTYuNDk0MzAwNSwxMjMuMzgyMDQxIDk2LjQ5NDMwMDUsMTMyLjY3ODkwNyBDOTYuNDk0MzAwNSwxNDEuNzc2OTEgMTAzLjA1Njc5NCwxNDguMDkwODI0IDExMS44MDY3ODYsMTQ4LjA5MDgyNCBDMTIwLjU1Njc3OCwxNDguMDkwODI0IDEyNi42NzE4MjksMTQxLjc3NjkxIDEyNi42NzE4MjksMTMyLjcyODYyMyBaIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--25 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjlweCIgaGVpZ2h0PSIxMDVweCIgdmlld0JveD0iMCAwIDY5IDEwNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg5NC4wMDAwMDAsIC02MTEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSI5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODE3LjAwMDAwMCwgNTUyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05Ni4xNDA2MDY3LDEzNS43MTE1NzUgQzk4LjM3NzgyMDUsMTQyLjkyMDM3NSAxMDEuMzYwNzcyLDE0OC4xNDA1NCAxMTAuMzU5MzQzLDE0OC4xNDA1NCBDMTE5LjI1ODQ4MiwxNDcuOTkxMzkyIDEyNi4xNjg5ODcsMTM4LjI5Njc5OSAxMjcuMTEzNTg5LDExNy42NjQ3MTcgQzEyMS44OTM0MjMsMTIzLjEzMzQ2MiAxMTQuMzg2MzI4LDEyNi40NjQ0MjQgMTA1LjczNTc2OCwxMjYuNDY0NDI0IEM4Ni42NDQ4NzcyLDEyNi40NjQ0MjQgNzcsMTExLjMwMTA4NiA3Nyw5My4wNTUzNjUyIEM3Nyw3My44MTUzMjY4IDkwLjIyNDQxOTIsNTkgMTEwLjY1NzYzOCw1OSBDMTMyLjM4MzQ3LDU5IDE0NS44MDY3NTMsNzUuNDA2MjM0NCAxNDUuODA2NzUzLDEwNS40MzQ2MTUgTDE0NS44MDY3NTMsMTA5LjIxMzAyIEMxNDUuODA2NzUzLDE0MS40Mjg4OTkgMTM1LjkxMzI5NiwxNjIuNzA3Mjg3IDExMC4xNjA0OCwxNjMuODUwNzUyIEM5MS4zNjc4ODQsMTYzLjg1MDc1MiA4MS41NzM4NTkzLDE1Mi41MTU1MzYgNzguMDkzNzQ5LDEzNS43MTE1NzUgTDk2LjE0MDYwNjcsMTM1LjcxMTU3NSBaIE05NS40NDQ1ODQ3LDkyLjgwNjc4NTkgQzk1LjQ0NDU4NDcsMTAzLjQ0NTk4IDEwMC43NjQxODIsMTExLjE1MTkzOSAxMTAuOTU1OTM0LDExMS4xNTE5MzkgQzEyMC44OTkxMDYsMTExLjE1MTkzOSAxMjYuODY1MDA5LDEwMy44NDM3MDcgMTI2Ljg2NTAwOSw5NS4yNDI4NjMyIEwxMjYuODY1MDA5LDk0Ljc0NTcwNDUgQzEyNi44NjUwMDksODAuODc0OTc5MSAxMjAuMTAzNjUyLDc0LjM2MjIwMTMgMTEwLjcwNzM1NCw3NC4zNjIyMDEzIEMxMDEuODA4MjE1LDc0LjM2MjIwMTMgOTUuNDQ0NTg0Nyw4Mi4wMTg0NDQgOTUuNDQ0NTg0Nyw5Mi44MDY3ODU5IFoiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
}

.ls-icon--26 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzFweCIgaGVpZ2h0PSIxMDVweCIgdmlld0JveD0iMCAwIDcxIDEwNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPjEwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxhYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNb2JpbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MjkuMDAwMDAwLCAtODc0LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzNTMuMDAwMDAwLCA4MTUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjIyMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0Ni44NDUxMDMsMTAyLjM1MjIzMSBMMTQ2Ljg0NTEwMywxMTguOTU3MzI5IEMxNDYuODQ1MTAzLDE0OC45ODU3MSAxMzEuODgwNjI5LDE2My42MDIxNzMgMTExLjQ5NzEyNSwxNjMuNjAyMTczIEM5MS4wMTQxOTAyLDE2My42MDIxNzMgNzYsMTQ4Ljk4NTcxIDc2LDExOC45NTczMjkgTDc2LDEwMi4zNTIyMzEgQzc2LDczLjQxNzU5OTkgOTEuMDYzOTA2MSw1OSAxMTEuNDQ3NDA5LDU5IEMxMzEuODMwOTEzLDU5IDE0Ni44NDUxMDMsNzMuNDE3NTk5OSAxNDYuODQ1MTAzLDEwMi4zNTIyMzEgWiBNMTI3LjkwMzM2LDEyMS42OTE3MDIgTDEyNy45MDMzNiw5OS42Njc1NzQ5IEMxMjcuOTAzMzYsODIuOTYzMDQ1MyAxMjAuODkzNDIzLDc0Ljk1ODc5MTYgMTExLjQ0NzQwOSw3NC45NTg3OTE2IEMxMDIuMDAxMzk2LDc0Ljk1ODc5MTYgOTQuODkyMDI3NCw4Mi45NjMwNDUzIDk0Ljg5MjAyNzQsOTkuNjY3NTc0OSBMOTQuODkyMDI3NCwxMjEuNjkxNzAyIEM5NC44OTIwMjc0LDEzOS4zNDA4MzIgMTAyLjA1MTExMiwxNDcuNDk0MjM0IDExMS40OTcxMjUsMTQ3LjQ5NDIzNCBDMTIwLjg0MzcwNywxNDcuNDk0MjM0IDEyNy45MDMzNiwxMzkuMzQwODMyIDEyNy45MDMzNiwxMjEuNjkxNzAyIFoiIGlkPSIwIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--17, .ls-icon--18, .ls-icon--19, .ls-icon--20, .ls-icon--21, .ls-icon--22, .ls-icon--23, .ls-icon--24, .ls-icon--25, .ls-icon--26 {
  background-size: 6px;
}

.ls-icon--11 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTdweCIgaGVpZ2h0PSIxNDJweCIgdmlld0JveD0iMCAwIDk3IDE0MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPnRvcDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMYWJzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTW9iaWxlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NDcuMDAwMDAwLCAtMjE5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0idG9wIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OTUuNTAwMDAwLCAyODkuNTAwMDAwKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC05OTUuNTAwMDAwLCAtMjg5LjUwMDAwMCkgdHJhbnNsYXRlKDg4NC4wMDAwMDAsIDE3OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9Ii0yLjI3MzczNjc1ZS0xMyIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODIsMTExLjUwMDgyNiBDMTgyLDExMC4zMjQ1MjggMTgxLjUxMTg3NSwxMDkuMjAxMDk3IDE4MC42OTk4MTMsMTA4LjM1NTIyIEwxMzYuNzczLDY0LjMwMzUxMDggQzEzNS4wMzc5MzcsNjIuNTYzMjk0MyAxMzIuMjI5LDYyLjU2NzY5OTkgMTMwLjQ5ODM3NSw2NC4zMDM1MTA4IEMxMjguNzYzMzEyLDY2LjAzOTMyMTcgMTI4Ljc2MzMxMiw2OC44NTg5MTMxIDEzMC40OTgzNzUsNzAuNTk0NzI0IEwxNjYuODU0ODEyLDEwNy4wNTExNTkgTDQ0LjQzNzUsMTA3LjA1MTE1OSBDNDEuOTg4LDEwNy4wNTExNTkgNDAsMTA5LjA0MjQ5NSA0MCwxMTEuNTAwODI2IEM0MCwxMTMuOTU5MTU4IDQxLjk4OCwxMTUuOTUwNDk0IDQ0LjQzNzUsMTE1Ljk1MDQ5NCBMMTY2Ljg1MDM3NSwxMTUuOTUwNDk0IEwxMzAuNDk4Mzc1LDE1Mi40MDY5MjkgQzEyOC43NjMzMTIsMTU0LjE0Mjc0IDEyOC43Njc3NSwxNTYuOTYyMzMxIDEzMC40OTgzNzUsMTU4LjY5ODE0MiBDMTMyLjIzMzQzNywxNjAuNDMzOTUzIDEzNS4wNDIzNzUsMTYwLjQzMzk1MyAxMzYuNzczLDE1OC42OTgxNDIgTDE4MC42OTk4MTMsMTE0LjY0NjQzMyBDMTgxLjUyOTYyNSwxMTMuODEzNzcyIDE4MS45ODY2ODcsMTEyLjY2ODMxMyAxODIsMTExLjUwMDgyNiBaIiBpZD0iQXJyb3dfRm9yd2FyZCIgZmlsbD0iIzEyMTMxMyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
}

.ls-icon--10 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQycHgiIGhlaWdodD0iOTdweCIgdmlld0JveD0iMCAwIDE0MiA5NyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPnJpZ2h0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxhYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNb2JpbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Ny4wMDAwMDAsIC0xODkuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJyaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTM3LjAwMDAwMCwgMTI2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODIsMTExLjUwMDgyNiBDMTgyLDExMC4zMjQ1MjggMTgxLjUxMTg3NSwxMDkuMjAxMDk3IDE4MC42OTk4MTMsMTA4LjM1NTIyIEwxMzYuNzczLDY0LjMwMzUxMDggQzEzNS4wMzc5MzcsNjIuNTYzMjk0MyAxMzIuMjI5LDYyLjU2NzY5OTkgMTMwLjQ5ODM3NSw2NC4zMDM1MTA4IEMxMjguNzYzMzEyLDY2LjAzOTMyMTcgMTI4Ljc2MzMxMiw2OC44NTg5MTMxIDEzMC40OTgzNzUsNzAuNTk0NzI0IEwxNjYuODU0ODEyLDEwNy4wNTExNTkgTDQ0LjQzNzUsMTA3LjA1MTE1OSBDNDEuOTg4LDEwNy4wNTExNTkgNDAsMTA5LjA0MjQ5NSA0MCwxMTEuNTAwODI2IEM0MCwxMTMuOTU5MTU4IDQxLjk4OCwxMTUuOTUwNDk0IDQ0LjQzNzUsMTE1Ljk1MDQ5NCBMMTY2Ljg1MDM3NSwxMTUuOTUwNDk0IEwxMzAuNDk4Mzc1LDE1Mi40MDY5MjkgQzEyOC43NjMzMTIsMTU0LjE0Mjc0IDEyOC43Njc3NSwxNTYuOTYyMzMxIDEzMC40OTgzNzUsMTU4LjY5ODE0MiBDMTMyLjIzMzQzNywxNjAuNDMzOTUzIDEzNS4wNDIzNzUsMTYwLjQzMzk1MyAxMzYuNzczLDE1OC42OTgxNDIgTDE4MC42OTk4MTMsMTE0LjY0NjQzMyBDMTgxLjUyOTYyNSwxMTMuODEzNzcyIDE4MS45ODY2ODcsMTEyLjY2ODMxMyAxODIsMTExLjUwMDgyNiBaIiBpZD0iQXJyb3dfRm9yd2FyZCIgZmlsbD0iIzEyMTMxMyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
}

.ls-icon--12 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTdweCIgaGVpZ2h0PSIxNDJweCIgdmlld0JveD0iMCAwIDk3IDE0MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmJvdHRvbTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMYWJzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTW9iaWxlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzguMDAwMDAwLCAtNDgxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iYm90dG9tIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyODYuNTAwMDAwLCA1NTEuNTAwMDAwKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjg2LjUwMDAwMCwgLTU1MS41MDAwMDApIHRyYW5zbGF0ZSgxNzUuMDAwMDAwLCA0NDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSItMi44NDIxNzA5NGUtMTQiIHk9IjAiIHdpZHRoPSIyMjMiIGhlaWdodD0iMjIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTgzLDExMS41MDA4MjYgQzE4MywxMTAuMzI0NTI4IDE4Mi41MTE4NzUsMTA5LjIwMTA5NyAxODEuNjk5ODEzLDEwOC4zNTUyMiBMMTM3Ljc3Myw2NC4zMDM1MTA4IEMxMzYuMDM3OTM3LDYyLjU2MzI5NDMgMTMzLjIyOSw2Mi41Njc2OTk5IDEzMS40OTgzNzUsNjQuMzAzNTEwOCBDMTI5Ljc2MzMxMiw2Ni4wMzkzMjE3IDEyOS43NjMzMTIsNjguODU4OTEzMSAxMzEuNDk4Mzc1LDcwLjU5NDcyNCBMMTY3Ljg1NDgxMiwxMDcuMDUxMTU5IEw0NS40Mzc1LDEwNy4wNTExNTkgQzQyLjk4OCwxMDcuMDUxMTU5IDQxLDEwOS4wNDI0OTUgNDEsMTExLjUwMDgyNiBDNDEsMTEzLjk1OTE1OCA0Mi45ODgsMTE1Ljk1MDQ5NCA0NS40Mzc1LDExNS45NTA0OTQgTDE2Ny44NTAzNzUsMTE1Ljk1MDQ5NCBMMTMxLjQ5ODM3NSwxNTIuNDA2OTI5IEMxMjkuNzYzMzEyLDE1NC4xNDI3NCAxMjkuNzY3NzUsMTU2Ljk2MjMzMSAxMzEuNDk4Mzc1LDE1OC42OTgxNDIgQzEzMy4yMzM0MzcsMTYwLjQzMzk1MyAxMzYuMDQyMzc1LDE2MC40MzM5NTMgMTM3Ljc3MywxNTguNjk4MTQyIEwxODEuNjk5ODEzLDExNC42NDY0MzMgQzE4Mi41Mjk2MjUsMTEzLjgxMzc3MiAxODIuOTg2Njg3LDExMi42NjgzMTMgMTgzLDExMS41MDA4MjYgWiIgaWQ9IkFycm93X0ZvcndhcmQiIGZpbGw9IiMxMjEzMTMiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--09 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQycHgiIGhlaWdodD0iOTdweCIgdmlld0JveD0iMCAwIDE0MiA5NyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmxlZnQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjYzLjAwMDAwMCwgLTIwNi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzNC41MDAwMDAsIDI1NC41MDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC0zMzQuNTAwMDAwLCAtMjU0LjUwMDAwMCkgdHJhbnNsYXRlKDIyMy4wMDAwMDAsIDE0My4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjQuNTQ3NDczNTFlLTEzIiB5PSItMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIyMjMiIGhlaWdodD0iMjIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTgzLDExMS41MDA4MjYgQzE4MywxMTAuMzI0NTI4IDE4Mi41MTE4NzUsMTA5LjIwMTA5NyAxODEuNjk5ODEzLDEwOC4zNTUyMiBMMTM3Ljc3Myw2NC4zMDM1MTA4IEMxMzYuMDM3OTM4LDYyLjU2MzI5NDMgMTMzLjIyOSw2Mi41Njc2OTk5IDEzMS40OTgzNzUsNjQuMzAzNTEwOCBDMTI5Ljc2MzMxMyw2Ni4wMzkzMjE3IDEyOS43NjMzMTMsNjguODU4OTEzMSAxMzEuNDk4Mzc1LDcwLjU5NDcyNCBMMTY3Ljg1NDgxMywxMDcuMDUxMTU5IEw0NS40Mzc1LDEwNy4wNTExNTkgQzQyLjk4OCwxMDcuMDUxMTU5IDQxLDEwOS4wNDI0OTUgNDEsMTExLjUwMDgyNiBDNDEsMTEzLjk1OTE1OCA0Mi45ODgsMTE1Ljk1MDQ5NCA0NS40Mzc1LDExNS45NTA0OTQgTDE2Ny44NTAzNzUsMTE1Ljk1MDQ5NCBMMTMxLjQ5ODM3NSwxNTIuNDA2OTI5IEMxMjkuNzYzMzEzLDE1NC4xNDI3NCAxMjkuNzY3NzUsMTU2Ljk2MjMzMSAxMzEuNDk4Mzc1LDE1OC42OTgxNDIgQzEzMy4yMzM0MzgsMTYwLjQzMzk1MyAxMzYuMDQyMzc1LDE2MC40MzM5NTMgMTM3Ljc3MywxNTguNjk4MTQyIEwxODEuNjk5ODEzLDExNC42NDY0MzMgQzE4Mi41Mjk2MjUsMTEzLjgxMzc3MiAxODIuOTg2Njg4LDExMi42NjgzMTMgMTgzLDExMS41MDA4MjYgWiIgaWQ9IkFycm93X0ZvcndhcmQiIGZpbGw9IiMxMjEzMTMiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--13 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA0cHgiIGhlaWdodD0iMTA0cHgiIHZpZXdCb3g9IjAgMCAxMDQgMTA0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1My4yICg3MjY0MykgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+dG9wX2xlZnQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTc5LjAwMDAwMCwgLTk3MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InRvcF9sZWZ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MzAuMzE4ODc0LCAxMDIzLjMxODg3NCkgcm90YXRlKC0zMC4wMDAwMDApIHRyYW5zbGF0ZSgtNjMwLjMxODg3NCwgLTEwMjMuMzE4ODc0KSB0cmFuc2xhdGUoNDc3LjgxODg3NCwgODcwLjgxODg3NCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUyLjUwMDAwMCwgMTUyLjUwMDAwMCkgcm90YXRlKC02MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTUyLjUwMDAwMCwgLTE1Mi41MDAwMDApICIgeD0iNDEiIHk9IjQxIiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjIyMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyNCwxNTIuNTAwODI2IEMyMjQsMTUxLjMyNDUyOCAyMjMuNTExODc1LDE1MC4yMDEwOTcgMjIyLjY5OTgxMywxNDkuMzU1MjIgTDE3OC43NzMsMTA1LjMwMzUxMSBDMTc3LjAzNzkzOCwxMDMuNTYzMjk0IDE3NC4yMjksMTAzLjU2NzcgMTcyLjQ5ODM3NSwxMDUuMzAzNTExIEMxNzAuNzYzMzEzLDEwNy4wMzkzMjIgMTcwLjc2MzMxMywxMDkuODU4OTEzIDE3Mi40OTgzNzUsMTExLjU5NDcyNCBMMjA4Ljg1NDgxMywxNDguMDUxMTU5IEw4Ni40Mzc1LDE0OC4wNTExNTkgQzgzLjk4OCwxNDguMDUxMTU5IDgyLDE1MC4wNDI0OTUgODIsMTUyLjUwMDgyNiBDODIsMTU0Ljk1OTE1OCA4My45ODgsMTU2Ljk1MDQ5NCA4Ni40Mzc1LDE1Ni45NTA0OTQgTDIwOC44NTAzNzUsMTU2Ljk1MDQ5NCBMMTcyLjQ5ODM3NSwxOTMuNDA2OTI5IEMxNzAuNzYzMzEzLDE5NS4xNDI3NCAxNzAuNzY3NzUsMTk3Ljk2MjMzMSAxNzIuNDk4Mzc1LDE5OS42OTgxNDIgQzE3NC4yMzM0MzgsMjAxLjQzMzk1MyAxNzcuMDQyMzc1LDIwMS40MzM5NTMgMTc4Ljc3MywxOTkuNjk4MTQyIEwyMjIuNjk5ODEzLDE1NS42NDY0MzMgQzIyMy41Mjk2MjUsMTU0LjgxMzc3MiAyMjMuOTg2Njg4LDE1My42NjgzMTMgMjI0LDE1Mi41MDA4MjYgWiIgaWQ9IkFycm93X0ZvcndhcmQiIGZpbGw9IiMxMjEzMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1My4wMDAwMDAsIDE1Mi41MDAwMDApIHJvdGF0ZSgtMTA1LjAwMDAwMCkgdHJhbnNsYXRlKC0xNTMuMDAwMDAwLCAtMTUyLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
}

.ls-icon--14 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA0cHgiIGhlaWdodD0iMTA0cHgiIHZpZXdCb3g9IjAgMCAxMDQgMTA0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1My4yICg3MjY0MykgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+dG9wX3JpZ2h0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxhYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNb2JpbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUyMy4wMDAwMDAsIC02ODguMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJ0b3BfcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU3NS4xNTI4NTAsIDc0MC4xNTI4NTApIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTU3NS4xNTI4NTAsIC03NDAuMTUyODUwKSB0cmFuc2xhdGUoNDE2LjY1Mjg1MCwgNTgxLjY1Mjg1MCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU4LjUwMDAwMCwgMTU4LjUwMDAwMCkgcm90YXRlKC00NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTU4LjUwMDAwMCwgLTE1OC41MDAwMDApICIgeD0iNDciIHk9IjQ3IiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjIyMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyOSwxNTguNTAwODI2IEMyMjksMTU3LjMyNDUyOCAyMjguNTExODc1LDE1Ni4yMDEwOTcgMjI3LjY5OTgxMywxNTUuMzU1MjIgTDE4My43NzMsMTExLjMwMzUxMSBDMTgyLjAzNzkzNywxMDkuNTYzMjk0IDE3OS4yMjksMTA5LjU2NzcgMTc3LjQ5ODM3NSwxMTEuMzAzNTExIEMxNzUuNzYzMzEyLDExMy4wMzkzMjIgMTc1Ljc2MzMxMiwxMTUuODU4OTEzIDE3Ny40OTgzNzUsMTE3LjU5NDcyNCBMMjEzLjg1NDgxMiwxNTQuMDUxMTU5IEw5MS40Mzc1LDE1NC4wNTExNTkgQzg4Ljk4OCwxNTQuMDUxMTU5IDg3LDE1Ni4wNDI0OTUgODcsMTU4LjUwMDgyNiBDODcsMTYwLjk1OTE1OCA4OC45ODgsMTYyLjk1MDQ5NCA5MS40Mzc1LDE2Mi45NTA0OTQgTDIxMy44NTAzNzUsMTYyLjk1MDQ5NCBMMTc3LjQ5ODM3NSwxOTkuNDA2OTI5IEMxNzUuNzYzMzEyLDIwMS4xNDI3NCAxNzUuNzY3NzUsMjAzLjk2MjMzMSAxNzcuNDk4Mzc1LDIwNS42OTgxNDIgQzE3OS4yMzM0MzcsMjA3LjQzMzk1MyAxODIuMDQyMzc1LDIwNy40MzM5NTMgMTgzLjc3MywyMDUuNjk4MTQyIEwyMjcuNjk5ODEzLDE2MS42NDY0MzMgQzIyOC41Mjk2MjUsMTYwLjgxMzc3MiAyMjguOTg2Njg3LDE1OS42NjgzMTMgMjI5LDE1OC41MDA4MjYgWiIgaWQ9IkFycm93X0ZvcndhcmQiIGZpbGw9IiMxMjEzMTMiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--16 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA0cHgiIGhlaWdodD0iMTA0cHgiIHZpZXdCb3g9IjAgMCAxMDQgMTA0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1My4yICg3MjY0MykgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+Ym90dG9tX3JpZ3RoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxhYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNb2JpbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1OC4wMDAwMDAsIC01MDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJib3R0b21fcmlndGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxMC4xNTI4NTAsIDU1Mi4xNTI4NTApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC03MTAuMTUyODUwLCAtNTUyLjE1Mjg1MCkgdHJhbnNsYXRlKDU1MS42NTI4NTAsIDM5My42NTI4NTApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1OC41MDAwMDAsIDE1OC41MDAwMDApIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTE1OC41MDAwMDAsIC0xNTguNTAwMDAwKSAiIHg9IjQ3IiB5PSI0NyIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMjksMTU4LjUwMDgyNiBDMjI5LDE1Ny4zMjQ1MjggMjI4LjUxMTg3NSwxNTYuMjAxMDk3IDIyNy42OTk4MTMsMTU1LjM1NTIyIEwxODMuNzczLDExMS4zMDM1MTEgQzE4Mi4wMzc5MzgsMTA5LjU2MzI5NCAxNzkuMjI5LDEwOS41Njc3IDE3Ny40OTgzNzUsMTExLjMwMzUxMSBDMTc1Ljc2MzMxMywxMTMuMDM5MzIyIDE3NS43NjMzMTMsMTE1Ljg1ODkxMyAxNzcuNDk4Mzc1LDExNy41OTQ3MjQgTDIxMy44NTQ4MTMsMTU0LjA1MTE1OSBMOTEuNDM3NSwxNTQuMDUxMTU5IEM4OC45ODgsMTU0LjA1MTE1OSA4NywxNTYuMDQyNDk1IDg3LDE1OC41MDA4MjYgQzg3LDE2MC45NTkxNTggODguOTg4LDE2Mi45NTA0OTQgOTEuNDM3NSwxNjIuOTUwNDk0IEwyMTMuODUwMzc1LDE2Mi45NTA0OTQgTDE3Ny40OTgzNzUsMTk5LjQwNjkyOSBDMTc1Ljc2MzMxMywyMDEuMTQyNzQgMTc1Ljc2Nzc1LDIwMy45NjIzMzEgMTc3LjQ5ODM3NSwyMDUuNjk4MTQyIEMxNzkuMjMzNDM4LDIwNy40MzM5NTMgMTgyLjA0MjM3NSwyMDcuNDMzOTUzIDE4My43NzMsMjA1LjY5ODE0MiBMMjI3LjY5OTgxMywxNjEuNjQ2NDMzIEMyMjguNTI5NjI1LDE2MC44MTM3NzIgMjI4Ljk4NjY4OCwxNTkuNjY4MzEzIDIyOSwxNTguNTAwODI2IFoiIGlkPSJBcnJvd19Gb3J3YXJkIiBmaWxsPSIjMTIxMzEzIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
}

.ls-icon--15 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTI1cHgiIGhlaWdodD0iOTJweCIgdmlld0JveD0iMCAwIDEyNSA5MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmJvdHRvbV9sZWZ0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxhYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNb2JpbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1Ni4wMDAwMDAsIC05MjcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJib3R0b21fbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE4LjMxODg3NCwgOTY1LjMxODg3NCkgcm90YXRlKC0yMTAuMDAwMDAwKSB0cmFuc2xhdGUoLTMxOC4zMTg4NzQsIC05NjUuMzE4ODc0KSB0cmFuc2xhdGUoMTY1LjgxODg3NCwgODEyLjgxODg3NCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUyLjUwMDAwMCwgMTUyLjUwMDAwMCkgcm90YXRlKC0zMzAuMDAwMDAwKSB0cmFuc2xhdGUoLTE1Mi41MDAwMDAsIC0xNTIuNTAwMDAwKSAiIHg9IjQxIiB5PSI0MSIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMjMsMTUyLjUwMDgyNiBDMjIzLDE1MS4zMjQ1MjggMjIyLjUxMTg3NSwxNTAuMjAxMDk3IDIyMS42OTk4MTIsMTQ5LjM1NTIyIEwxNzcuNzczLDEwNS4zMDM1MTEgQzE3Ni4wMzc5MzcsMTAzLjU2MzI5NCAxNzMuMjI5LDEwMy41Njc3IDE3MS40OTgzNzUsMTA1LjMwMzUxMSBDMTY5Ljc2MzMxMiwxMDcuMDM5MzIyIDE2OS43NjMzMTIsMTA5Ljg1ODkxMyAxNzEuNDk4Mzc1LDExMS41OTQ3MjQgTDIwNy44NTQ4MTIsMTQ4LjA1MTE1OSBMODUuNDM3NSwxNDguMDUxMTU5IEM4Mi45ODgsMTQ4LjA1MTE1OSA4MSwxNTAuMDQyNDk1IDgxLDE1Mi41MDA4MjYgQzgxLDE1NC45NTkxNTggODIuOTg4LDE1Ni45NTA0OTQgODUuNDM3NSwxNTYuOTUwNDk0IEwyMDcuODUwMzc1LDE1Ni45NTA0OTQgTDE3MS40OTgzNzUsMTkzLjQwNjkyOSBDMTY5Ljc2MzMxMiwxOTUuMTQyNzQgMTY5Ljc2Nzc1LDE5Ny45NjIzMzEgMTcxLjQ5ODM3NSwxOTkuNjk4MTQyIEMxNzMuMjMzNDM3LDIwMS40MzM5NTMgMTc2LjA0MjM3NSwyMDEuNDMzOTUzIDE3Ny43NzMsMTk5LjY5ODE0MiBMMjIxLjY5OTgxMiwxNTUuNjQ2NDMzIEMyMjIuNTI5NjI1LDE1NC44MTM3NzIgMjIyLjk4NjY4NywxNTMuNjY4MzEzIDIyMywxNTIuNTAwODI2IFoiIGlkPSJBcnJvd19Gb3J3YXJkIiBmaWxsPSIjMTIxMzEzIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
}

.ls-icon--12, .ls-icon--10, .ls-icon--11, .ls-icon--09, .ls-icon--16, .ls-icon--15, .ls-icon--13, .ls-icon--14 {
  background-size: 10px;
}

.ls-icon--04 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjVweCIgaGVpZ2h0PSIxMTFweCIgdmlld0JveD0iMCAwIDY1IDExMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPnF1ZXN0aW9uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxhYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNb2JpbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MDIuMDAwMDAwLCAtMTExLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0icXVlc3Rpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMjMuMDAwMDAwLCA1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMjMiIGhlaWdodD0iMjIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTE4LjQ3NzU1MSwxMzMgTDEwMC45MTQyODYsMTMzIEMxMDAuOTE0Mjg2LDEwMC42OTI2NzYgMTI0LjI2MTIyNCwxMDIuMjIxMDgxIDEyNC4yNjEyMjQsODUuMTk3ODA5NyBDMTI0LjI2MTIyNCw3Ni42NTk4MjIgMTE5LjY0NDg5OCw3Mi4xODAwMTM3IDExMS43Mzg3NzYsNzIuMTgwMDEzNyBDMTA1LjI2NTMwNiw3Mi4xODAwMTM3IDk5LjExMDIwNDEsNzYuMTMyNzg1OCA5OS4wMDQwODE2LDg1Ljk4ODM2NDEgTDc5LDg1Ljk4ODM2NDEgQzc5LjEwNjEyMjQsNjUuNTkyMDYwMiA5My40ODU3MTQzLDU2IDExMS43Mzg3NzYsNTYgQzEzMS45NTUxMDIsNTYgMTQ0LDY2LjgwNDI0MzcgMTQ0LDg0LjcyMzQ3NzEgQzE0NCwxMDguOTE0NDQyIDExOC44NDg5OCwxMDkuNDk0MTgyIDExOC40Nzc1NTEsMTMzIFogTTExMC4wNTI4NjMsMTY3IEMxMDIuOTY5MTYzLDE2NyA5OCwxNjIuMDExNDE2IDk4LDE1NS41NTI1MTEgQzk4LDE0OS4wNDEwOTYgMTAyLjk2OTE2MywxNDQgMTEwLjA1Mjg2MywxNDQgQzExNi45MjUxMSwxNDQgMTIyLDE0OS4wNDEwOTYgMTIyLDE1NS41NTI1MTEgQzEyMiwxNjIuMDExNDE2IDExNi45MjUxMSwxNjcgMTEwLjA1Mjg2MywxNjcgWiIgaWQ9Ij8iIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
}

.ls-icon--08 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzhweCIgaGVpZ2h0PSIxMTZweCIgdmlld0JveD0iMCAwIDc4IDExNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPm1hcDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMYWJzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTW9iaWxlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjgzLjAwMDAwMCwgLTMzMS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Im1hcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYxMS4wMDAwMDAsIDI3OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMjMiIGhlaWdodD0iMjIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMxLDkxLjUgQzEzMSw4Ni4xMTcxODc1IDEyOS4wOTU3MDMsODEuNTIxNDg0NCAxMjUuMjg3MTA5LDc3LjcxMjg5MDYgQzEyMS40Nzg1MTYsNzMuOTA0Mjk2OSAxMTYuODgyODEyLDcyIDExMS41LDcyIEMxMDYuMTE3MTg4LDcyIDEwMS41MjE0ODQsNzMuOTA0Mjk2OSA5Ny43MTI4OTA2LDc3LjcxMjg5MDYgQzkzLjkwNDI5NjksODEuNTIxNDg0NCA5Miw4Ni4xMTcxODc1IDkyLDkxLjUgQzkyLDk2Ljg4MjgxMjUgOTMuOTA0Mjk2OSwxMDEuNDc4NTE2IDk3LjcxMjg5MDYsMTA1LjI4NzEwOSBDMTAxLjUyMTQ4NCwxMDkuMDk1NzAzIDEwNi4xMTcxODgsMTExIDExMS41LDExMSBDMTE2Ljg4MjgxMiwxMTEgMTIxLjQ3ODUxNiwxMDkuMDk1NzAzIDEyNS4yODcxMDksMTA1LjI4NzEwOSBDMTI5LjA5NTcwMywxMDEuNDc4NTE2IDEzMSw5Ni44ODI4MTI1IDEzMSw5MS41IFogTTE1MCw5MS42NjY2NjY3IEMxNTAsOTcuMTU0NTEzOSAxNDkuMTYyMTA5LDEwMS42NjA1OSAxNDcuNDg2MzI4LDEwNS4xODQ4OTYgTDExOS43NTk3NjYsMTYzLjYzODAyMSBDMTE4Ljk0NzI2NiwxNjUuMjk5NDc5IDExNy43NDEyMTEsMTY2LjYwODUwNyAxMTYuMTQxNjAyLDE2Ny41NjUxMDQgQzExNC41NDE5OTIsMTY4LjUyMTcwMSAxMTIuODI4MTI1LDE2OSAxMTEsMTY5IEMxMDkuMTcxODc1LDE2OSAxMDcuNDU4MDA4LDE2OC41MjE3MDEgMTA1Ljg1ODM5OCwxNjcuNTY1MTA0IEMxMDQuMjU4Nzg5LDE2Ni42MDg1MDcgMTAzLjA3ODEyNSwxNjUuMjk5NDc5IDEwMi4zMTY0MDYsMTYzLjYzODAyMSBMNzQuNTEzNjcxOSwxMDUuMTg0ODk2IEM3Mi44Mzc4OTA2LDEwMS42NjA1OSA3Miw5Ny4xNTQ1MTM5IDcyLDkxLjY2NjY2NjcgQzcyLDgwLjk5MzA1NTYgNzUuODA4NTkzOCw3MS44ODAyMDgzIDgzLjQyNTc4MTIsNjQuMzI4MTI1IEM5MS4wNDI5Njg4LDU2Ljc3NjA0MTcgMTAwLjIzNDM3NSw1MyAxMTEsNTMgQzEyMS43NjU2MjUsNTMgMTMwLjk1NzAzMSw1Ni43NzYwNDE3IDEzOC41NzQyMTksNjQuMzI4MTI1IEMxNDYuMTkxNDA2LDcxLjg4MDIwODMgMTUwLDgwLjk5MzA1NTYgMTUwLDkxLjY2NjY2NjcgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
}

.ls-icon--02 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5kaXNjPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxhYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNb2JpbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMDcuMDAwMDAwLCAtNDg4LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iZGlzYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTIwLjAwMDAwMCwgNDAxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMTIuMDU1Njc5LDEzNyBDOTguMjQ3MjE2LDEzNyA4NywxMjUuNzc3Nzc4IDg3LDExMS43Nzc3NzggQzg3LDk4LjExMTExMTEgOTguNDY5OTMzMiw4NyAxMTIuMDU1Njc5LDg3IEMxMjUuNzUyNzg0LDg3IDEzNyw5OC4yMjIyMjIyIDEzNywxMTEuNzc3Nzc4IEMxMzcsMTI1Ljc3Nzc3OCAxMjUuNzUyNzg0LDEzNyAxMTIuMDU1Njc5LDEzNyBaIiBpZD0iwrciIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
}

.ls-icon--06 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODFweCIgaGVpZ2h0PSI4MXB4IiB2aWV3Qm94PSIwIDAgODEgODEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMYWJzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTW9iaWxlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTQ5LjAwMDAwMCwgLTM0OS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImNsb3NlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODc4LjAwMDAwMCwgMjc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyMyIgaGVpZ2h0PSIyMjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMTUyIDc5LjE4Njc4NTcgMTQzLjgxMzIxNCA3MSAxMTEuNSAxMDMuMzEzMjE0IDc5LjE4Njc4NTcgNzEgNzEgNzkuMTg2Nzg1NyAxMDMuMzEzMjE0IDExMS41IDcxIDE0My44MTMyMTQgNzkuMTg2Nzg1NyAxNTIgMTExLjUgMTE5LjY4Njc4NiAxNDMuODEzMjE0IDE1MiAxNTIgMTQzLjgxMzIxNCAxMTkuNjg2Nzg2IDExMS41Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
}

.ls-icon--05 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAycHgiIGhlaWdodD0iODVweCIgdmlld0JveD0iMCAwIDEwMiA4NSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmNoZWNrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkxhYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNb2JpbGUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MDkuMDAwMDAwLCAtMTI0LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iY2hlY2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2NDguMDAwMDAwLCA1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMjMiIGhlaWdodD0iMjIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjE0NiA2OSA5NSAxMjAgNzggMTAzIDYxIDEyMCA5NSAxNTQgMTYzIDg2Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
}

.ls-icon--important {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxMDRweCIgdmlld0JveD0iMCAwIDI0IDEwNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmltcG9ydGFudDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMYWJzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTW9iaWxlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTc1LjAwMDAwMCwgLTc3Ny4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImltcG9ydGFudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA3Ni4wMDAwMDAsIDcxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMjMiIGhlaWdodD0iMjIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8dGV4dCBpZD0iISIgZm9udC1mYW1pbHk9IkludGVyVUktQm9sZCwgSW50ZXIgVUkiIGZvbnQtc2l6ZT0iMTQwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjkyIiB5PSIxNjMiPiE8L3RzcGFuPgogICAgICAgICAgICAgICAgPC90ZXh0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
}

.ls-icon--07 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA0cHgiIGhlaWdodD0iODhweCIgdmlld0JveD0iMCAwIDEwNCA4OCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmxvdmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iTGFicyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1vYmlsZS1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTk4OS4wMDAwMDAsIC0xMjIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJsb3ZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTI5LjAwMDAwMCwgNTUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjIyMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2NCw5NC45MzM5NDA5IEMxNjQsNzkuNTA2MjUxIDE1MS40NjQ5MTQsNjcgMTM1Ljk5OTg4Niw2NyBDMTI1LjgxMjkwNSw2NyAxMTYuODk5Mjk3LDcyLjQyODE3ODggMTEyLjAwMDc0MSw4MC41NDI2Mjc0IEMxMDcuMTAyMTg1LDcyLjQyODE3ODggOTguMTg3MDk0Nyw2NyA4OC4wMDAxMTQsNjcgQzcyLjUzNTA4NTYsNjcgNjAsNzkuNTA2MjUxIDYwLDk0LjkzMzk0MDkgQzYwLDEwMi45NjE1OTIgNjMuNDAwNjAxNSwxMTAuMTkzOTcxIDY4LjgzNjUyMzgsMTE1LjI4OTA1NSBMNjguODI5MTExOCwxMTUuMjg5MDU1IEwxMDguOTE1ODg5LDE1My41NTcwODUgQzEwOS42NTExNTQsMTU0LjQzODQxMyAxMTAuNzU0MDUyLDE1NSAxMTEuOTkwMzY0LDE1NSBDMTEzLjEzNTUxLDE1NSAxMTQuMTY2NTEyLDE1NC41MTU1NjYgMTE0Ljg5NTg0OCwxNTMuNzQxODA4IEwxNTUuMTc2ODE4LDExNS4yODkwNTUgTDE1NS4xNjQ5NTksMTE1LjI4OTA1NSBDMTYwLjYwMTYyMiwxMTAuMTk0NzEzIDE2NCwxMDIuOTYyMzM0IDE2NCw5NC45MzM5NDA5IiBpZD0iUGF0aCIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
}

.ls-icon--01 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPgogICAgPHBhdGggZD0iTTM4IDI2SDI2djEyaC00VjI2SDEwdi00aDEyVjEwaDR2MTJoMTJ2NHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoNDh2NDhIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) center no-repeat;
}

.ls-icon--03 {
  background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTE2cHgiIGhlaWdodD0iMTE2cHgiIHZpZXdCb3g9IjAgMCAxMTYgMTE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1My4yICg3MjY0MykgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+aW5mbzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJMYWJzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTW9iaWxlLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNDc4LjAwMDAwMCwgLTk2MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImluZm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0MzIuMDAwMDAwLCA5MDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjIyMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9Imljb25maW5kZXJfYmFkZ2VfaW5mb3JtYXRpb25fMTAzMzIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Ni4wMDAwMDAsIDU0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJiYWNrZ3JvdW5kIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNi4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTA1IiBoZWlnaHQ9IjEwNSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaW5mb3JtYXRpb25feDVGX2JhZGdlIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTIsOTAgTDY1LDkwIEw2NSw1MS42IEw1Miw1MS42IEw1Miw5MCBaIE01MiwyNiBMNTIsMzguOCBMNjUsMzguOCBMNjUsMjYgTDUyLDI2IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw1OCBDMCwyNS45NTE3Nzc4IDI1Ljk1MTc3NzgsMCA1OCwwIEw1OCwwIEM5MC4wMzUzMzMzLDAgMTE1Ljk4NzExMSwyNS45NTE3Nzc4IDExNiw1OCBMMTE2LDU4IEMxMTUuOTg3MTExLDkwLjAzNTMzMzMgOTAuMDM1MzMzMywxMTUuOTg3MTExIDU4LDExNiBMNTgsMTE2IEMyNS45NTE3Nzc4LDExNS45ODcxMTEgMCw5MC4wMzUzMzMzIDAsNTggTDAsNTggWiBNMTMuNjMsNTggQzEzLjY4OCw4Mi40ODI0NDQ0IDMzLjUwNDY2NjcsMTAyLjI5OTExMSA1OCwxMDIuMzU3MTExIEw1OCwxMDIuMzU3MTExIEM4Mi40ODI0NDQ0LDEwMi4yOTkxMTEgMTAyLjI5OTExMSw4Mi40ODI0NDQ0IDEwMi4zNTcxMTEsNTggTDEwMi4zNTcxMTEsNTggQzEwMi4yOTkxMTEsMzMuNTA0NjY2NyA4Mi40ODI0NDQ0LDEzLjY4OCA1OCwxMy42MzY0NDQ0IEw1OCwxMy42MzY0NDQ0IEMzMy41MDQ2NjY3LDEzLjY4OCAxMy42ODgsMzMuNTA0NjY2NyAxMy42Myw1OCBMMTMuNjMsNTggWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
}

.ls-icon--01 {
  background-size: 20px;
}

.ls-icon--03 {
  background-size: 16px;
}

.ls-icon--05, .ls-icon--04, .ls-icon--08, .ls-icon--02, .ls-icon--06, .ls-icon--07 {
  background-size: 9px;
}

.lesson__block-interactive-label-link--hidden .lesson__block-interactive-label-box {
  display: none;
}

.lesson__block-interactive-label-content {
  border-radius: var(--mint-dialog-border-radius, 8px);
  box-sizing: border-box;
  z-index: 100;
  cursor: default;
  background: #fff;
  border-bottom: 5px solid red;
  width: 340px;
  padding: 1rem 0 0 .5rem;
  display: none;
  position: relative;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
}

@media only screen and (min-width: 1024px) {
  .lesson__block-interactive-label-content {
    width: 400px;
  }
}

.lesson__block-interactive-label-content img, .lesson__block-interactive-label-content audio {
  margin-bottom: 12px;
}

.lesson__block-interactive-label-content img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 200px;
}

.lesson__block-interactive-label-content audio {
  width: 92% !important;
}

.lesson__block-interactive-label-nav-title {
  display: flex;
}

.lesson__block-interactive-label-nav-title .lesson__block-interactive-label-title {
  width: 100%;
}

.lesson__block-interactive-label-nav {
  margin-top: .2rem;
  margin-right: 1.5rem;
  display: flex;
}

.lesson__block-interactive-label-close, .lesson__block-interactive-label-next, .lesson__block-interactive-label-back {
  opacity: .6;
  text-indent: -99999px;
  width: 30px;
  height: 20px;
  text-decoration: none;
  transition: opacity .4s;
  overflow: hidden;
  border-bottom: 0 !important;
}

.lesson__block-interactive-label-close {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDM3LjUsMzg2LjZMMzA2LjksMjU2bDEzMC42LTEzMC42YzE0LjEtMTQuMSwxNC4xLTM2LjgsMC01MC45Yy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMEwyNTYsMjA1LjFMMTI1LjQsNzQuNSAgYy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMGMtMTQuMSwxNC4xLTE0LjEsMzYuOCwwLDUwLjlMMjA1LjEsMjU2TDc0LjUsMzg2LjZjLTE0LjEsMTQuMS0xNC4xLDM2LjgsMCw1MC45ICBjMTQuMSwxNC4xLDM2LjgsMTQuMSw1MC45LDBMMjU2LDMwNi45bDEzMC42LDEzMC42YzE0LjEsMTQuMSwzNi44LDE0LjEsNTAuOSwwQzQ1MS41LDQyMy40LDQ1MS41LDQwMC42LDQzNy41LDM4Ni42eiIvPjwvc3ZnPg==) center / 20px no-repeat;
  display: inline-block;
}

.lesson__block-interactive-label-next, .lesson__block-interactive-label-back {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTIgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uZmluZGVyX2ljb25fc2V0X291dGxpbmRlci0wMl8yNTE5NzAwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iaWNvbmZpbmRlcl9pY29uX3NldF9vdXRsaW5kZXItMDJfMjUxOTcwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDEwLjAwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi4wMDAwMDAsIC0xMC4wMDAwMDApIHRyYW5zbGF0ZSgtMy4wMDAwMDAsIDUuMDAwMDAwKSIgc3Ryb2tlPSIjMUQxRDFCIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9Il9QYXRoXyIgcG9pbnRzPSIxNy41OSAwLjY2IDguOSA5LjM0IDAuNDEgMC44NiI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPiAK) center / 12px no-repeat;
  display: none;
}

.lesson__block-interactive-label-close:hover, .lesson__block-interactive-label-next:hover, .lesson__block-interactive-label-back:hover {
  opacity: 1;
}

.lesson__block-interactive-label-next {
  margin-left: .5rem;
}

.lesson__block-interactive-label-back {
  transform: rotate(180deg);
}

.lesson__block-interactive-label-title, .lesson__block-interactive-label-plain-text {
  font-family: Helvetica;
}

.lesson__block-interactive-label-title {
  min-height: 45px;
  margin: 0 5px 0 0;
  font-weight: bold;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

.lesson__block-interactive-label-plain-text {
  color: #828282;
  font-size: 1rem;
  line-height: 1.75rem;
}

.lesson__block-interactive-popup {
  box-sizing: border-box;
  z-index: 4000;
  border: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.lesson__block-interactive-popup--show, .lesson__block-interactive-popup--none {
  display: block;
}

.ItemBlocks_Interactive_Labeledgraphic {
  z-index: 10;
  margin-bottom: 24px;
  position: relative;
  overflow: initial !important;
}

@media only screen and (min-width: 768px) {
  .body--blocked-mobile {
    overflow: hidden;
  }

  .lesson__block-interactive-popup, .lesson__block-interactive-popup--show, .lesson__block-interactive-popup--hidden {
    display: none !important;
  }

  .lesson__block-interactive-label-content {
    display: block;
  }

  .lesson__block-interactive-label-link--show {
    z-index: 4001;
  }

  .lesson__block-interactive-label-link--show .lesson__block-interactive-label-box {
    display: block;
  }

  .lesson__block-interactive-label-link--hidden .lesson__block-interactive-label-box {
    display: none;
  }

  .lesson__block-interactive-label-content:after {
    content: "";
    background: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
  }

  .lesson__block-interactive-label-plain-text {
    max-height: 250px;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .lesson__block-interactive-label-title {
    padding-left: 1rem;
  }

  .lesson__block-interactive-label-back, .lesson__block-interactive-label-next {
    display: inline-block;
  }

  .lesson__block-interactive-label-close {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
  .lesson__block-interactive-label-link {
    width: 34px;
    height: 34px;
    transform: translate(-17px, -17px);
  }
}

.lesson__block-interactive-label-link .lesson__block-interactive-label-content:after {
  top: 1.5rem;
}

.lesson__block-interactive-label-link--bottom .lesson__block-interactive-label-box, .lesson__block-interactive-label-link--top .lesson__block-interactive-label-box {
  position: absolute;
}

.lesson__block-interactive-label-link--bottom .lesson__block-interactive-label-box {
  bottom: -34px;
}

.lesson__block-interactive-label-link--bottom .lesson__block-interactive-label-content:after {
  top: auto;
  bottom: 1.25rem;
}

.lesson__block-interactive-label-link--bottom .lesson__block-interactive-label-plain-text {
  max-height: 340px;
}

@media only screen and (min-width: 1024px) {
  .lesson__block-interactive-label-link--bottom .lesson__block-interactive-label-plain-text {
    max-height: 400px;
  }
}

.lesson__block-interactive-label-link--top .lesson__block-interactive-label-box {
  position: absolute;
  top: -2px;
}

.lesson__block-interactive-label-link--top .lesson__block-interactive-label-content:after {
  top: 1.5rem;
}

.lesson__block-interactive-label-link--left .lesson__block-interactive-label-box {
  transform: translate(3rem, -1rem);
}

@media only screen and (min-width: 1024px) {
  .lesson__block-interactive-label-link--left .lesson__block-interactive-label-box {
    transform: translate(4rem, -1rem);
  }
}

.lesson__block-interactive-label-link--left .lesson__block-interactive-label-content:after {
  left: -.5rem !important;
}

.lesson__block-interactive-label-link--right .lesson__block-interactive-label-box {
  transform: translate(calc(-1.5rem - 340px), -1rem);
}

@media only screen and (min-width: 1024px) {
  .lesson__block-interactive-label-link--right .lesson__block-interactive-label-box {
    transform: translate(calc(-1.5rem - 400px), -1rem);
  }
}

.lesson__block-interactive-label-link--right .lesson__block-interactive-label-content:after {
  right: -.5rem !important;
}

.lesson__block-interactive-label-plain-text-img {
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-image {
  max-width: 100%;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-image img {
  border-radius: 4px;
  max-width: 100%;
  height: auto;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-audio, .lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-audio .media-audio {
  width: 100%;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-audio .media-audio .timeline-container {
  box-shadow: none;
  min-width: unset;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #e0e0e0;
  gap: 4px;
  padding: 4px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-audio .media-audio .timeline-container .timeline-control {
  gap: 4px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-audio .media-audio .timeline-container .timeline-control .time {
  min-width: 40px;
  font-size: 14px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-audio .media-audio .timeline-container .timeline-control .timeline {
  width: 45px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-audio .media-audio .timeline-container .button-container {
  gap: 4px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video {
  width: 100%;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container {
  width: 100%;
  padding: 10px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__video-wrapper {
  width: 100%;
  max-height: 300px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__video-wrapper video {
  width: 100%;
  height: auto;
  max-height: 300px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls {
  flex-direction: row;
  gap: 8px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls-left {
  gap: 8px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls-left .media-video__time {
  font-size: 13px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls-left .media-video__button, .lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls-left .video-volume-control__button {
  width: 30px;
  height: 30px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls-left .video-volume-control__slider {
  width: 65px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls-right {
  gap: 8px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls-right .video-speed-selector__button {
  min-width: 30px;
  height: 30px;
  font-size: 14px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-video .media-video__container .media-video__controls-right .video-volume-control__button {
  width: 30px;
  height: 30px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed {
  width: 100%;
  min-height: 280px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed {
  width: 100%;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__provider {
  margin-bottom: 8px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed-wrap {
  width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
  height: 280px !important;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed-wrap iframe, .lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed-wrap div, .lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__media {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__video-wrapper {
  width: 100%;
  min-height: 280px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__video-wrapper .mint-embed__player {
  min-height: 280px;
  margin: 12px 0;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__video-wrapper .mint-embed__player iframe, .lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__video-wrapper .mint-embed__thumbnail {
  min-height: 280px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__title {
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 16px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__description {
  margin-bottom: 8px;
  font-size: 14px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media-embed .mint-embed .mint-embed__link {
  font-size: 12px;
}

.lesson__block-interactive-label-plain-text-img.lesson__block-interactive-label-media {
  width: 100%;
  max-width: 100%;
}

.main-content, .mint-block-process-content, .mint-block-text .mint-block-text__col, .list-bullets__content, .list-numered__content, .mint-block-image--text-aside .mint-block-image__text {
  font-size: 18px;
  line-height: 30px;
}

.main-caption, .mint-block-process-caption, .mint-block-image .mint-block-image__caption, .mint-block-image--full .image-full__caption p, .mint-block-gallery .mint-block-gallery__caption, .mint-block-carousel .mint-block-carousel__caption, .mint-block-video .mint-block-video__content .mint-block-video__caption, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption {
  color: #828282;
  font-size: 14px;
  line-height: 20px;
}

.main-caption .fr-box, .mint-block-process-caption .fr-box, .mint-block-image .mint-block-image__caption .fr-box, .mint-block-image--full .image-full__caption p .fr-box, .mint-block-gallery .mint-block-gallery__caption .fr-box, .mint-block-carousel .mint-block-carousel__caption .fr-box, .mint-block-video .mint-block-video__content .mint-block-video__caption .fr-box, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption .fr-box {
  margin-bottom: 0;
  line-height: 30px;
}

.main-caption .fr-box *, .mint-block-process-caption .fr-box *, .mint-block-image .mint-block-image__caption .fr-box *, .mint-block-image--full .image-full__caption p .fr-box *, .mint-block-gallery .mint-block-gallery__caption .fr-box *, .mint-block-carousel .mint-block-carousel__caption .fr-box *, .mint-block-video .mint-block-video__content .mint-block-video__caption .fr-box *, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption .fr-box * {
  margin-bottom: 0 !important;
}

.main-caption p, .mint-block-process-caption p, .mint-block-image .mint-block-image__caption p, .mint-block-image--full .image-full__caption p p, .mint-block-gallery .mint-block-gallery__caption p, .mint-block-carousel .mint-block-carousel__caption p, .mint-block-video .mint-block-video__content .mint-block-video__caption p, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p {
  margin-top: .5rem;
  padding-top: 0;
}

.main-caption div, .mint-block-process-caption div, .mint-block-image .mint-block-image__caption div, .mint-block-image--full .image-full__caption p div, .mint-block-gallery .mint-block-gallery__caption div, .mint-block-carousel .mint-block-carousel__caption div, .mint-block-video .mint-block-video__content .mint-block-video__caption div, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption div, .main-caption p, .mint-block-process-caption p, .mint-block-image .mint-block-image__caption p, .mint-block-image--full .image-full__caption p p, .mint-block-gallery .mint-block-gallery__caption p, .mint-block-carousel .mint-block-carousel__caption p, .mint-block-video .mint-block-video__content .mint-block-video__caption p, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p, .main-caption picture, .mint-block-process-caption picture, .mint-block-image .mint-block-image__caption picture, .mint-block-image--full .image-full__caption p picture, .mint-block-gallery .mint-block-gallery__caption picture, .mint-block-carousel .mint-block-carousel__caption picture, .mint-block-video .mint-block-video__content .mint-block-video__caption picture, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption picture, .main-caption img, .mint-block-process-caption img, .mint-block-image .mint-block-image__caption img, .mint-block-image--full .image-full__caption p img, .mint-block-gallery .mint-block-gallery__caption img, .mint-block-carousel .mint-block-carousel__caption img, .mint-block-video .mint-block-video__content .mint-block-video__caption img, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption img {
  margin-bottom: .75rem;
}

.main-caption div:last-child, .mint-block-process-caption div:last-child, .mint-block-image .mint-block-image__caption div:last-child, .mint-block-image--full .image-full__caption p div:last-child, .mint-block-gallery .mint-block-gallery__caption div:last-child, .mint-block-carousel .mint-block-carousel__caption div:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption div:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption div:last-child, .main-caption p:last-child, .mint-block-process-caption p:last-child, .mint-block-image .mint-block-image__caption p:last-child, .mint-block-image--full .image-full__caption p p:last-child, .mint-block-gallery .mint-block-gallery__caption p:last-child, .mint-block-carousel .mint-block-carousel__caption p:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption p:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p:last-child, .main-caption picture:last-child, .mint-block-process-caption picture:last-child, .mint-block-image .mint-block-image__caption picture:last-child, .mint-block-image--full .image-full__caption p picture:last-child, .mint-block-gallery .mint-block-gallery__caption picture:last-child, .mint-block-carousel .mint-block-carousel__caption picture:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption picture:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption picture:last-child, .main-caption img:last-child, .mint-block-process-caption img:last-child, .mint-block-image .mint-block-image__caption img:last-child, .mint-block-image--full .image-full__caption p img:last-child, .mint-block-gallery .mint-block-gallery__caption img:last-child, .mint-block-carousel .mint-block-carousel__caption img:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption img:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption img:last-child {
  margin-bottom: 0;
}

.title-header, .text-heading .text-heading__content, .mint-block-text .mint-block-text__header {
  font-size: 30px;
  line-height: 2.5rem;
}

.grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component), .mint-block-image, .mint-block-image--full .image-full__caption p {
  margin-left: 12px;
  margin-right: 12px;
}

@media only screen and (min-width: 1024px) {
  .grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component), .mint-block-image, .mint-block-image--full .image-full__caption p {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content, .mint-assistant-editor, .mint-teacher-notes > div, .mint-block-process-card, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component), .mint-block-image, .mint-block-image--full .image-full__caption p {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full, .mint-block-image--text-overlay .ItemBlocks_Image_TextOverlay .image-text-overlay {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.interactive-labeled-graphic__content {
  box-sizing: border-box;
  background: #fff;
  border-bottom: 5px solid #4f4f4f;
  border-radius: 8px;
  width: 510px;
  padding: 1rem 1.5rem;
  display: none;
  position: relative;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
}

.lesson__block-interactive-label-plain-text-img {
  text-align: center;
}

.interactive-labeled-dialog__link--right .interactive-labeled-graphic__box {
  transform: translate(calc(-1.5rem - 400px), -2rem);
}

.interactive-labeled-graphic__link--show .interactive-labeled-graphic__box {
  display: block;
}

.interactive-labeled-dialog__title {
  max-width: 83%;
  margin: 0;
  padding: 0 0 1rem;
  font-weight: 700;
}

.interactive-labeled-dialog__plain-text {
  color: #828282;
  font-size: 16px;
  line-height: 1.75rem;
}

.interactive-labeled-dialog__nav {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
}

.interactive-labeled-dialog__back {
  transform: rotate(180deg);
}

.interactive-labeled-dialog__back, .interactive-labeled-dialog__next {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTIgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uZmluZGVyX2ljb25fc2V0X291dGxpbmRlci0wMl8yNTE5NzAwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iaWNvbmZpbmRlcl9pY29uX3NldF9vdXRsaW5kZXItMDJfMjUxOTcwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDEwLjAwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi4wMDAwMDAsIC0xMC4wMDAwMDApIHRyYW5zbGF0ZSgtMy4wMDAwMDAsIDUuMDAwMDAwKSIgc3Ryb2tlPSIjMUQxRDFCIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9Il9QYXRoXyIgcG9pbnRzPSIxNy41OSAwLjY2IDguOSA5LjM0IDAuNDEgMC44NiI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPiAK) center / 12px no-repeat;
  display: none;
}

.interactive-labeled-dialog__back, .interactive-labeled-dialog__close, .interactive-labeled-dialog__next {
  opacity: .6;
  text-indent: -99999px;
  width: 30px;
  height: 20px;
  text-decoration: none;
  transition: opacity .4s;
  border-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
  .interactive-labeled-dialog__back, .interactive-labeled-dialog__next {
    display: inline-block;
  }

  .interactive-labeled-dialog__close {
    display: none;
  }

  .interactive-labeled-graphic__content:after {
    content: "";
    background: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2.3rem;
    right: -.5rem;
    transform: rotate(45deg);
  }
}

.mint-block-divider {
  height: 1rem;
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.mint-block-divider:after {
  content: "";
  background: #f2f2f2;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: calc(50% - 1px);
}

.mint-block-spacing-divider {
  height: 2rem;
}

.statement-a {
  padding: 1rem 0;
}

.statement-a__content {
  text-align: center;
  border-top: 1px solid #4f4f4f;
  border-bottom: 1px solid #4f4f4f;
  width: 760px;
  max-width: 90%;
  margin: auto;
  padding: 1.5rem 0;
  font-size: 18px;
  line-height: 1.5rem;
}

@media only screen and (min-width: 1024px) {
  .statement-a__content {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.ItemBlocks_Statement_StatementD {
  background-color: #f2f2f2;
}

.statement-d {
  width: 100%;
  min-width: 100%;
  padding: 1rem 0;
}

.statement-d__content {
  max-width: 90%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 2.25rem;
}

@media only screen and (min-width: 1024px) {
  .statement-d__content {
    max-width: 920px;
    font-size: 1.5rem;
  }
}

.statement-d__content:before {
  content: "";
  background: red;
  width: 100px;
  height: 2px;
  margin-bottom: 1rem;
  display: block;
}

@media only screen and (min-width: 1024px) {
  .statement-d__content:before {
    width: 120px;
    height: 4px;
    margin-bottom: 2rem;
  }
}

strong {
  font-weight: 700;
}

.mint-block-process {
  padding: 3rem 0;
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mint-block-process .mint-block-process__swiper {
  width: 100%;
  height: 100%;
}

.mint-block-process .mint-block-process__swiper-slide {
  text-align: center;
  background: #fff;
  width: 100%;
  font-size: 18px;
}

.mint-block-process .mint-block-process-pagination {
  text-align: center;
  z-index: 50;
  width: 100%;
  display: block;
  position: relative;
}

.mint-block-process .swiper {
  padding: 2rem 0;
}

.mint-block-process .swiper-wrapper {
  align-items: center;
}

.mint-block-process .swiper-button-prev, .mint-block-process .swiper-button-next {
  background: #000;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: none;
}

.mint-block-process .swiper-button-prev:after, .mint-block-process .swiper-button-next:after {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.mint-block-process .swiper-button-prev:after {
  padding-right: 3px;
}

.mint-block-process .swiper-button-next:after {
  padding-left: 3px;
}

@media only screen and (min-width: 1024px) {
  .mint-block-process .swiper-button-prev, .mint-block-process .swiper-button-next {
    display: flex;
  }
}

.mint-block-process .swiper-pagination {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  display: flex;
  bottom: -3rem !important;
}

.mint-block-process .swiper-pagination a {
  text-decoration: none;
}

.mint-block-process .swiper-pagination-bullet {
  border: 2px solid var(--mint-brand-color, #4f4fff);
  text-align: center;
  color: var(--mint-brand-color, #4f4fff);
  opacity: 1;
  background: #fff;
  width: 25px;
  height: 25px;
  margin: 0 .5rem;
  padding: 0;
  font-size: 12px;
  line-height: 25px;
  transition: opacity .2s;
}

.mint-block-process .swiper-pagination-bullet:hover {
  opacity: .8;
}

.mint-block-process .swiper-pagination-bullet-active {
  background: var(--mint-brand-color, #4f4fff);
  color: #fff;
}

.mint-block-process .swiper-pagination-bullet-active .icon {
  fill: #fff !important;
}

.mint-block-process .swiper-pagination-bullet-last .icon {
  fill: var(--mint-brand-color, #4f4fff);
  width: 12px;
  height: 12px;
  transform: translate(1px, 2px);
}

.mint-block-process-card {
  border-radius: var(--mint-box-process-border-radius, 8px);
  background: #fff;
  padding: 2em 3rem 5rem;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
}

.mint-block-process-card--centered, .mint-block-process-card--centered .input-text {
  text-align: center;
}

.mint-block-process-title {
  margin-bottom: 1.5rem;
  font-size: 2rem;
}

.mint-block-process-title .input-text--simple {
  border: inherit;
  color: inherit;
  font-size: inherit;
  padding: 0;
}

.mint-block-process-caption {
  box-sizing: border-box;
  overflow-wrap: break-word;
  text-align: left;
  width: auto;
  margin: 0;
  padding: 0;
}

.mint-block-process-start {
  border-radius: var(--mint-button-interactive-border-radius, 32px);
  flex-flow: row;
  justify-content: space-between;
  padding: .5rem 1.5rem;
  text-decoration: none;
  display: inline-flex;
  color: #fff !important;
}

.mint-block-process-back {
  margin: 0;
  padding: 1rem 0;
  display: block;
}

.mint-block-process-back .icon {
  width: 20px;
  height: 20px;
}

.mint-block-process-step {
  color: #fff;
  border-radius: 32px;
  padding: .5rem 1rem;
  font-weight: 700;
  display: inline-block;
}

.mint-block-process-card-media {
  text-align: center;
  padding: .5rem 0 0;
}

.mint-block-process-card-media img {
  max-width: 100%;
}

.mint-block-process-start {
  border-radius: var(--mint-button-interactive-border-radius, 32px);
  background: var(--mint-brand-color, #4f4fff);
  flex-flow: row;
  justify-content: space-between;
  padding: .5rem 1.5rem;
  text-decoration: none;
  display: inline-flex;
  color: #fff !important;
}

.mint-block-process-back, .mint-block-process-start {
  align-items: center;
  margin: 3rem auto 0;
  font-size: 1rem;
  font-weight: 700;
  transition: opacity .2s;
  border: 0 !important;
}

.mint-block-process-start .icon {
  fill: #fff;
  margin-left: 1rem;
}

.mint-block-process-back, .mint-block-process-start {
  transition: opacity .2s;
}

.mint-block-process-back .icon, .mint-block-process-start .icon {
  width: 24px;
  height: 24px;
}

.mint-block-process-back:hover, .mint-block-process-start:hover {
  opacity: .8;
}

.mint-block-process-head {
  text-align: center;
  margin-top: -3rem;
}

.mint-block-process-back {
  color: var(--mint-brand-color, #4f4fff);
  margin: 0;
  padding: 1rem 0;
  text-decoration: none;
  display: block;
}

.mint-block-process-back .icon {
  fill: var(--mint-brand-color, #4f4fff);
  width: 20px;
  height: 20px;
}

.mint-block-process-back .mint-block-process-link-content {
  margin-bottom: .25rem;
  font-size: .85rem;
}

.mint-block-process-step {
  color: #fff;
  background: var(--mint-brand-color, #4f4fff);
  border-radius: 32px;
  padding: .5rem 1rem;
  font-weight: 700;
  display: inline-block;
}

.mint-block-timeline {
  z-index: 2;
  position: relative;
  max-width: unset !important;
  width: 100% !important;
}

.mint-block-timeline .mint-block-timeline__wrapper:not(.mint-block-timeline--horizontal):before {
  content: "";
  z-index: -1;
  background-color: #e0e0e0;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.mint-block-timeline .mint-block-timeline__header {
  justify-content: center;
  display: flex;
}

.mint-block-timeline .mint-block-timeline__footer {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.mint-block-timeline .mint-block-timeline__start-end {
  background-color: var(--mint-brand-color, #4f4fff);
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  border-radius: 4px;
  border-radius: var(--mint-box-border-radius, 0px);
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 14px 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1.33;
  display: flex;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.mint-block-timeline .mint-block-timeline__box {
  margin-top: 40px;
}

.mint-block-timeline.mint-block-timeline--mobile {
  flex-direction: column;
  align-items: center;
  display: flex;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline__wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  position: relative;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline__wrapper:before {
  left: 27px;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-item {
  flex-direction: column-reverse;
  align-items: flex-start;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-item .mint-block-timeline-item__left {
  margin-left: 28px;
  width: 87% !important;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-item .mint-block-timeline-item__right {
  margin-bottom: 16px;
  margin-left: 34px;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline__header {
  margin-bottom: -80px;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-item__icon {
  transform: unset;
  top: 28px !important;
  left: 28px !important;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  min-height: 200px;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card .mint-block-timeline-card__media-image {
  max-width: unset;
  align-self: center;
  max-height: 151px;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card .mint-block-timeline-card__media-image img {
  max-height: 151px;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card .mint-block-timeline-card__media-audio, .mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card .mint-block-timeline-card__media-video {
  align-self: stretch;
  max-width: 100%;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__video-wrapper, .mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__video-wrapper video {
  max-height: 200px;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card .mint-block-timeline-card__media-embed {
  align-self: stretch;
  max-width: 100%;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-card .mint-block-timeline-card__media-embed .mint-embed .mint-embed-wrap {
  max-height: 200px;
  padding-bottom: 0;
  height: 200px !important;
}

.mint-block-timeline.mint-block-timeline--mobile .mint-block-timeline-item__line {
  display: none;
}

.mint-lesson .mint-block-timeline-item {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.mint-lesson .mint-block-timeline-item .mint-block-timeline-item__line {
  background-color: var(--mint-brand-color, #4f4fff);
  flex-grow: 0;
  width: 103px;
  height: 2px;
}

.mint-lesson .mint-block-timeline-item .mint-block-timeline-item__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mint-lesson .mint-block-timeline-item .mint-block-timeline-item__icon svg rect {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-lesson .mint-block-timeline-item .mint-block-timeline-item__title {
  color: #4f4f4f;
  letter-spacing: normal;
  text-align: left;
  margin-left: 25px;
  margin-right: 25px;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.5;
}

.mint-lesson .mint-block-timeline-item .mint-block-timeline-item__title .show-placeholder {
  min-width: 90px;
}

.mint-lesson .mint-block-timeline-item.mint-block-timeline-item--vertical-left .mint-block-timeline-item__left {
  justify-content: right;
  width: 50%;
  display: flex;
}

.mint-lesson .mint-block-timeline-item.mint-block-timeline-item--vertical-left .mint-block-timeline-item__right {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.mint-lesson .mint-block-timeline-item.mint-block-timeline-item--vertical-right .mint-block-timeline-item__left {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.mint-lesson .mint-block-timeline-item.mint-block-timeline-item--vertical-right .mint-block-timeline-item__right {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.mint-lesson .mint-block-timeline-item.mint-block-timeline-item--vertical-right .mint-block-timeline-card {
  margin-left: 3px;
}

.mint-lesson .mint-block-timeline-card {
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out;
}

.mint-lesson .mint-block-timeline-item__card--hidden .mint-block-timeline-card {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.mint-lesson .mint-block-timeline-item__card--show .mint-block-timeline-card {
  height: auto;
}

.mint-lesson .mint-block-timeline-item__icon {
  cursor: pointer;
}

.mint-lesson .mint-block-timeline-card {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  width: 420px;
  height: auto;
  padding: 18px;
  display: flex;
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-image {
  flex: none;
  order: 0;
  width: 100%;
  max-width: 141px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-audio {
  flex: none;
  order: 0;
  width: 100%;
  max-width: 100%;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-audio .media-audio .timeline-container {
  box-shadow: none;
  min-width: unset;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #e0e0e0;
  gap: 4px;
  padding: 4px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-audio .media-audio .timeline-container .timeline-control {
  gap: 4px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-audio .media-audio .timeline-container .timeline-control .time {
  min-width: 40px;
  font-size: 14px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-audio .media-audio .timeline-container .timeline-control .timeline {
  width: 50px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-audio .media-audio .timeline-container .button-container {
  gap: 4px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video {
  flex: none;
  order: 0;
  width: 100%;
  max-width: 100%;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container {
  width: auto;
  padding: 8px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls {
  flex-direction: row;
  gap: 8px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls-left {
  gap: 8px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls-left .media-video__time {
  font-size: 14px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls-left .media-video__button, .mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls-left .video-volume-control__button {
  width: 30px;
  height: 30px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls-left .video-volume-control__slider {
  width: 65px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls-right {
  gap: 8px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls-right .video-speed-selector__button {
  min-width: 30px;
  height: 30px;
  font-size: 14px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-video .media-video__container .media-video__controls-right .video-volume-control__button {
  width: 30px;
  height: 30px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-embed {
  flex: none;
  order: 0;
  width: 100%;
  max-width: 100%;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-embed .mint-embed .mint-embed-wrap {
  padding-bottom: 180px;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-embed .mint-embed__media, .mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media-embed .mint-embed .mint-embed-wrap iframe {
  height: 180px !important;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__media {
  flex: none;
  order: 0;
  width: 100%;
  max-width: 100%;
}

.mint-lesson .mint-block-timeline-card .mint-block-timeline-card__text {
  letter-spacing: normal;
  text-align: left;
  color: #828282;
  flex-direction: row;
  flex-grow: 0;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  min-width: 156px;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.71;
  display: grid;
  overflow-y: auto;
}

.mint-block-accordion {
  border-radius: var(--mint-box-border-radius, 0px);
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
}

.mint-block-accordion .mint-block-accordion__box {
  position: relative;
}

.mint-block-accordion .mint-block-accordion__box:first-child .mint-block-accordion__question {
  border-top-left-radius: var(--mint-box-border-radius, 0px);
  border-top-right-radius: var(--mint-box-border-radius, 0px);
  border-top: 1px solid #f2f2f2;
}

.mint-block-accordion .mint-block-accordion__box:last-child .mint-block-accordion__question, .mint-block-accordion .mint-block-accordion__box:last-child.mint-block-accordion__box--show .mint-block-accordion__content {
  border-bottom-left-radius: var(--mint-box-border-radius, 0px);
  border-bottom-right-radius: var(--mint-box-border-radius, 0px);
}

.mint-block-accordion .mint-block-accordion__box:after {
  content: "";
  opacity: 1;
  background: red;
  width: 4px;
  height: 0;
  transition: all .4s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.mint-block-accordion .mint-block-accordion__box--show:after {
  height: 100%;
}

.mint-block-accordion .mint-block-accordion__box--show .mint-block-accordion__question {
  border-bottom: 0;
}

.mint-block-accordion .mint-block-accordion__box--edit .mint-block-accordion__text {
  cursor: text;
}

.mint-block-accordion .mint-block-accordion__content {
  display: block;
}

.mint-block-accordion .mint-block-accordion__image-wrapper {
  display: flex;
}

.mint-block-accordion .mint-block-accordion__box--edit.mint-block-accordion__box--show .mint-block-accordion__content {
  overflow: unset;
}

.mint-block-accordion .mint-block-accordion__question {
  border-bottom: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  font-weight: bold;
  transition: background .4s;
  display: flex;
}

.mint-block-accordion .mint-block-accordion__question:hover {
  cursor: pointer;
}

.mint-block-accordion .mint-block-accordion__text {
  min-width: 120px;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 2rem;
}

@media only screen and (min-width: 320px) {
  .mint-block-accordion .mint-block-accordion__text {
    min-width: 220px;
  }
}

.mint-block-accordion .mint-block-accordion__text .input-text {
  color: inherit;
  padding: 0;
  font-size: 1rem;
}

.mint-block-accordion .mint-block-accordion__text p {
  margin: 0;
  padding: 0;
}

.mint-block-accordion .mint-block-accordion__symbol {
  color: #4f4f4f;
  margin-left: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.mint-block-accordion .mint-block-accordion__icon-hidden, .mint-block-accordion .mint-block-accordion__icon-show {
  display: none;
}

.mint-block-accordion .mint-block-accordion__box--hidden .mint-block-accordion__icon-show, .mint-block-accordion .mint-block-accordion__box--show .mint-block-accordion__icon-hidden {
  display: inline-block;
}

.mint-block-accordion .mint-block-accordion__box--hidden .mint-block-accordion__content {
  height: 0;
}

.mint-block-accordion .mint-block-accordion__content {
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.5rem;
  overflow: hidden;
}

.mint-block-accordion .mint-block-accordion__content img {
  max-width: 100%;
}

.mint-block-accordion .mint-block-accordion__content p {
  margin-top: 0;
  margin-bottom: .75rem;
}

.mint-block-accordion .mint-block-accordion__box--show .mint-block-accordion__content {
  border-bottom: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  height: auto;
  padding: .5rem 2rem 2rem;
}

.mint-block-accordion .mint-block-accordion__content {
  box-sizing: border-box;
  overflow: hidden;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--left {
  justify-content: start;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--left .mint-block-accordion__image {
  text-align: left;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--center {
  justify-content: center;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--center .mint-block-accordion__image {
  text-align: center;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--right {
  justify-content: end;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--right .mint-block-accordion__image {
  text-align: right;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-5 .mint-block-accordion__image {
  width: 5%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-10 .mint-block-accordion__image {
  width: 10%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-15 .mint-block-accordion__image {
  width: 15%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-20 .mint-block-accordion__image {
  width: 20%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--small .mint-block-accordion__image {
  width: 25%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-30 .mint-block-accordion__image {
  width: 30%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--medium-small .mint-block-accordion__image {
  width: 35%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-40 .mint-block-accordion__image {
  width: 40%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-45 .mint-block-accordion__image {
  width: 45%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--medium .mint-block-accordion__image {
  width: 50%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-55 .mint-block-accordion__image {
  width: 55%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-60 .mint-block-accordion__image {
  width: 60%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-65 .mint-block-accordion__image {
  width: 65%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-70 .mint-block-accordion__image {
  width: 70%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--large .mint-block-accordion__image {
  width: 75%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-80 .mint-block-accordion__image {
  width: 80%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-85 .mint-block-accordion__image {
  width: 85%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-90 .mint-block-accordion__image {
  width: 90%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--size-95 .mint-block-accordion__image {
  width: 95%;
}

.mint-block-accordion .mint-block-accordion__image-wrapper--extra-large .mint-block-accordion__image {
  width: 100%;
}

.animation-default--active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.animation-default {
  opacity: 0;
  transition: opacity .5s .25s, transform .5s .25s;
  transform: translateY(4rem);
}

.mint-block-tabs {
  border-radius: var(--mint-box-border-radius, 0px);
  overflow: hidden;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
}

.mint-block-tabs .swiper-button-next, .mint-block-tabs .swiper-button-prev {
  opacity: .2;
  background: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: .5rem;
  transition: all .4s;
}

.mint-block-tabs .swiper-button-next:hover, .mint-block-tabs .swiper-button-prev:hover {
  opacity: .6;
}

.mint-block-tabs .swiper-button-next:after, .mint-block-tabs .swiper-button-prev:after {
  color: #000;
  font-size: 20px;
  font-weight: 900;
}

.mint-block-tabs .swiper-button-next {
  right: 6px;
}

.mint-block-tabs .swiper-button-prev {
  left: 6px;
}

.mint-block-tabs .mint-block-tabs__nav:hover .swiper-button-next, .mint-block-tabs .mint-block-tabs__nav:hover .swiper-button-prev {
  opacity: 1;
}

.mint-block-tabs .swiper-button-next.swiper-button-disabled, .mint-block-tabs .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.mint-block-tabs .mint-block-tabs__nav {
  border: 1px solid #f2f2f2;
}

.mint-block-tabs .mint-block-tabs__tab {
  color: #4f4f4f;
  text-align: center;
  text-transform: uppercase;
  background: #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  padding: 1.5rem;
  font-size: .95rem;
  font-weight: bold;
  line-height: 1.2rem;
  text-decoration: none;
  flex: none !important;
  display: block !important;
}

.mint-block-tabs .mint-block-tabs__tab .fr-view {
  word-wrap: normal;
  word-break: normal;
}

.mint-block-tabs .mint-block-tabs__tab .fr-view p {
  margin-top: 0;
}

.mint-block-tabs .mint-block-tabs__tab.mint-block-tabs__tab--show {
  color: #4f4f4f;
  background: #fff;
  border-bottom: none;
}

.mint-block-tabs .mint-block-tabs__content {
  background: #fff;
  padding: 2rem;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: height .2s;
}

.mint-block-tabs .mint-block-tabs__content p {
  margin-top: 0;
  margin-bottom: .75rem;
}

.mint-block-tabs .mint-block-tabs__wrap--show {
  position: unset;
  display: block;
  top: 0;
  left: 0;
}

.mint-block-tabs .mint-block-tabs__wrap--hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.mint-block-tabs .mint-block-tabs__content img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 1rem 0;
}

.mint-block-tabs .mint-block-tabs__image--left {
  text-align: left;
  margin-right: auto;
}

.mint-block-tabs .mint-block-tabs__image--center {
  text-align: center;
  margin: 0 auto;
}

.mint-block-tabs .mint-block-tabs__image--right {
  text-align: right;
  margin-left: auto;
}

.mint-block-tabs .mint-block-tabs__image--size-5 {
  width: 5%;
}

.mint-block-tabs .mint-block-tabs__image--size-10 {
  width: 10%;
}

.mint-block-tabs .mint-block-tabs__image--size-15 {
  width: 15%;
}

.mint-block-tabs .mint-block-tabs__image--size-20 {
  width: 20%;
}

.mint-block-tabs .mint-block-tabs__image--small {
  width: 25%;
}

.mint-block-tabs .mint-block-tabs__image--size-30 {
  width: 30%;
}

.mint-block-tabs .mint-block-tabs__image--medium-small {
  width: 35%;
}

.mint-block-tabs .mint-block-tabs__image--size-40 {
  width: 40%;
}

.mint-block-tabs .mint-block-tabs__image--size-45 {
  width: 45%;
}

.mint-block-tabs .mint-block-tabs__image--medium {
  width: 50%;
}

.mint-block-tabs .mint-block-tabs__image--size-55 {
  width: 55%;
}

.mint-block-tabs .mint-block-tabs__image--size-60 {
  width: 60%;
}

.mint-block-tabs .mint-block-tabs__image--size-65 {
  width: 65%;
}

.mint-block-tabs .mint-block-tabs__image--size-70 {
  width: 70%;
}

.mint-block-tabs .mint-block-tabs__image--large {
  width: 75%;
}

.mint-block-tabs .mint-block-tabs__image--size-80 {
  width: 80%;
}

.mint-block-tabs .mint-block-tabs__image--size-85 {
  width: 85%;
}

.mint-block-tabs .mint-block-tabs__image--size-90 {
  width: 90%;
}

.mint-block-tabs .mint-block-tabs__image--size-95 {
  width: 95%;
}

.mint-block-tabs .mint-block-tabs__image--extra-large {
  width: 100%;
}

.mint-lesson .lemonade-exercises {
  z-index: 12;
  position: relative;
}

.mint-lesson .lemonade-exercises .lemonade-exercises-question__number {
  text-align: center;
  color: #fff;
  background-color: #4f4f4f;
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 16px;
  font-weight: 700;
  line-height: 2.5rem;
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
}

.mint-lesson .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-send {
  display: none;
}

.mint-lesson .lemonade-exercises .lemonade-exercises__score {
  min-height: 44px;
  display: flex;
}

.mint-lesson .lemonade-exercises.lemonade-exercises--lms .lemonade-exercises__score {
  margin-left: 50px;
}

.mint-lesson .lemonade-exercises .lemo-dropdown-content-item, .mint-lesson .lemonade-exercises p, .mint-lesson .lemonade-exercises span:not([style*="font-size"]) :not(:-webkit-any(.katex *, .MathJax_SVG *, .lemo-fr-audio-player *, sup, sub)), .mint-lesson .lemonade-exercises li {
  font-size: 18px;
}

.mint-lesson .lemonade-exercises .lemo-dropdown-content-item, .mint-lesson .lemonade-exercises p, .mint-lesson .lemonade-exercises span:not([style*="font-size"]) :not(:is(.katex *, .MathJax_SVG *, .lemo-fr-audio-player *, sup, sub)), .mint-lesson .lemonade-exercises li {
  font-size: 18px;
}

.mint-lesson .lemonade-exercises .lemo-drag-content * {
  font-size: 100%;
}

.mint-lesson .lemonade-exercises .lemo-text-counter-wrapper span, .mint-lesson .lemonade-exercises .lemo-fr-audio-player span {
  font-size: 1em;
}

.mint-lesson .lemonade-exercises .lemo-fr-audio-transcription-content__cue {
  font-size: 15px !important;
}

.mint-lesson .lemonade-exercises .lemo-rt-editor-editable h1 span {
  font-size: 1em;
}

.mint-lesson .lemonade-exercises .lemo-question-header {
  margin: 0;
}

.mint-lesson .lemonade-exercises .lemo-allowed-files {
  display: none;
}

.mint-lesson .lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-error, .mint-lesson .lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-success, .mint-lesson .lemonade-exercises .lemo-label-image-dropdown .lemo-blank .lemo-dropdown-native, .mint-lesson .lemonade-exercises .text-blank-wrapper .lemo-text-blank.lemo-success, .mint-lesson .lemonade-exercises .text-blank-wrapper .lemo-text-blank.lemo-error, .mint-lesson .lemonade-exercises .lemo-blank .lemo-text-blank.lemo-error .lemo-mathField, .mint-lesson .lemonade-exercises .lemo-blank .lemo-text-blank.lemo-success .lemo-mathField, .mint-lesson .lemonade-exercises .lemo-blank .lemo-dropdown-blank-wrapper .lemo-dropdown-native {
  box-shadow: none;
}

.mint-lesson .lemonade-exercises .lemo-base-dropdown {
  padding: 0 2px 0 8px;
}

.mint-lesson .lemonade-exercises:not(.lemonade-exercises--has-hint) .lemo-other-statement + .lemo-send-controls .lemo-controls-wrapper {
  display: none;
}

.mint-lesson .lemonade-exercises .lemo-rt-editor {
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  user-select: auto;
  -khtml-user-select: auto;
}

.mint-lesson .lemonade-exercises .text-blank-wrapper .lemo-text-blank {
  max-width: 760px;
}

.mint-lesson .lemonade-exercises .lemo-choice-matrix .lemo-table-wrapper .html-content, .mint-lesson .lemonade-exercises .lemo-classify-classification .lemo-classification-table .html-content {
  word-break: normal;
}

.mint-lesson .lemonade-exercises .lemo-points {
  flex: 1;
}

.mint-lesson .lemonade-exercises .lemo-question-header, .mint-lesson .lemonade-exercises .lemo-question-body {
  padding-left: 61px;
}

.mint-lesson .lemonade-exercises .lemo-base-linking-lines__header {
  margin-top: 0;
}

.mint-lesson .lemonade-exercises .lemo-label-image-drag .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-label-image-text .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-label-image-dropdown .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-classify-order-list .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-classify-classification .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-classify-match-list .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-classify-linking-lines .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-other-upload-file .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-other-pencil .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-other-audio-recorder .lemo-question-body, .mint-lesson .lemonade-exercises .lemo-other-click-to-find .lemo-question-body {
  padding-left: 0;
}

.mint-lesson .lemonade-exercises .lemo-other-click-to-find:not(.lemo-disabled).show-selection .lemo-option.lemo-selected {
  outline: 2px dashed #3573e7;
}

.mint-lesson .lemonade-exercises .lemo-other-click-to-find:not(.lemo-disabled) .lemo-question-body.lemo-disabled .lemo-option.lemo-selected {
  outline: none;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--5 .lemo-stimulus {
  top: -5px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--6 .lemo-stimulus {
  top: -6px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--7 .lemo-stimulus {
  top: -7px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--8 .lemo-stimulus {
  top: -8px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--9 .lemo-stimulus {
  top: -9px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--10 .lemo-stimulus {
  top: -10px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--11 .lemo-stimulus {
  top: -11px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--12 .lemo-stimulus {
  top: -12px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--13 .lemo-stimulus {
  top: -13px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--14 .lemo-stimulus {
  top: -14px;
}

.mint-lesson .lemonade-exercises--bullet .lemo-offset-top--15 .lemo-stimulus {
  top: -15px;
}

.mint-lesson .lemo-controls-left {
  display: flex;
}

#__lemonade_drawer_container .lemo-drawer-option:hover, #__lemonade_drawer_container .lemo-drawer-option:active {
  background-color: #f2f2f2;
}

#__lemonade_drawer_container .lemo-drawer-component {
  z-index: 9999;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag {
  background: #f2f2f2;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 5px 12px 5px 20px;
  display: inline-flex;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag .assessment-grade-tag__icon {
  margin-top: 3px;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag .assessment-grade-tag__icon .icon {
  width: 24px;
  height: 24px;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag__grade-container {
  justify-content: center;
  align-items: baseline;
  margin-right: 10px;
  font-weight: 600;
  display: flex;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag__grade {
  font-size: 1em;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag__grade-total {
  color: #828282;
  font-size: 1em;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag__grade-text {
  font-size: 1em;
  font-weight: 700;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--needs-reinforcement, .mint-lesson .lemonade-exercises .assessment-grade-tag--incorrect {
  background: #ffecea;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--needs-reinforcement .assessment-grade-tag__grade, .mint-lesson .lemonade-exercises .assessment-grade-tag--incorrect .assessment-grade-tag__grade {
  color: #e41515;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--needs-ampliacion {
  background: rgba(242, 170, 62, .1);
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--needs-ampliacion .assessment-grade-tag__grade {
  color: #f2aa3e;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--good-progress, .mint-lesson .lemonade-exercises .assessment-grade-tag--correct {
  background: #e5fcf5;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--good-progress .assessment-grade-tag__grade, .mint-lesson .lemonade-exercises .assessment-grade-tag--correct .assessment-grade-tag__grade {
  color: #28c59d;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--incorrect, .mint-lesson .lemonade-exercises .assessment-grade-tag--correct {
  min-height: 44px;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--timed-out {
  background: #f7f4f2;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--timed-out .assessment-grade-tag__grade-container {
  font-weight: 400;
}

.mint-lesson .lemonade-exercises .assessment-grade-tag--timed-out .assessment-grade-tag__grade {
  color: #4f4f4f;
}

@media (max-width: 560px) {
  .lemonade-exercises .lemo-send-controls .lemo-controls-wrapper {
    flex-flow: wrap;
  }

  .lemonade-exercises .lemo-send-controls .lemo-controls-wrapper > * {
    width: 100%;
    margin: .25em 0;
  }

  .lemonade-exercises .lemo-send-controls .lemo-controls-wrapper .lemo-points, .lemonade-exercises .lemo-send-controls .lemo-controls-wrapper .lemo-controls-button-reset {
    order: -1;
    width: -webkit-fit-content;
    width: fit-content;
  }
}

.interactive-button__wrap {
  flex-flow: column wrap;
  width: 95%;
  margin: 0 auto;
  display: flex;
}

@media only screen and (min-width: 768px) {
  .interactive-button__wrap {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .interactive-button__link {
    text-align: right;
    flex: 0 30%;
  }
}

.interactive-button__text {
  flex: 0 65%;
}

.interactive-button__link, .interactive-button__text {
  padding-bottom: 1rem;
}

.interactive-button__text p {
  color: #828282;
  font-size: .95rem;
  line-height: 1.5rem;
}

.interactive-button__link {
  text-align: left;
  flex: 0 30%;
}

.interactive-button__button {
  border-radius: var(--mint-button-interactive-border-radius, 32px);
  padding: .5rem 1.25rem;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
}

.interactive-button .interactive-button__button, .interactive-button .interactive-button__continue-button {
  color: #fff;
  border: 0;
  text-decoration: none;
  transition: opacity .2s;
}

.interactive-button__button--disabled {
  pointer-events: none;
  cursor: default;
}

@media (min-width: 769px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 580px;
    padding: 18px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: 38px;
  }
}

@media (max-width: 768px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 95%;
    padding: 15px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: max(24px, min(5vw, 36px));
  }
}

@media (max-width: 620px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 90%;
    padding: 12px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: max(20px, min(6vw, 32px));
  }
}

@media (max-width: 480px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 90%;
    padding: 10px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: max(18px, min(7vw, 28px));
  }
}

@media (max-width: 380px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 95%;
    padding: 8px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: max(16px, min(8vw, 24px));
  }
}

.mint-item-block-popup {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.mint-dialog .mint-item-block-popup {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: min(600px, 100vw - 48px);
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
  display: flex;
}

.mint-dialog .mint-item-block-popup .mint-item-block-popup-content {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: auto;
}

.mint-item-block-popup-wrapper {
  position: relative;
}

.mint-item-block-popup-wrapper:hover .mint-item-block__popup-trigger {
  border-color: var(--mint-brand-color, #4f4fff);
  background: #fff;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  animation: 2s ease-in-out forwards pulse;
}

.mint-item-block-popup-wrapper:hover .mint-item-block__popup-trigger svg {
  fill: var(--mint-brand-color, #4f4fff);
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  transform: scale(1.1);
}

.mint-item-block-popup-wrapper .mint-item-block__popup-trigger {
  border: 3.5px solid var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  z-index: 1000;
  pointer-events: auto;
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  transition: all .2s;
  display: flex;
  position: absolute;
}

.mint-item-block-popup-wrapper .mint-item-block__popup-trigger:hover {
  background: #f2f2f2;
  border-color: #828282;
}

.mint-item-block-popup-wrapper .mint-item-block__popup-trigger svg {
  width: 28px;
  height: 28px;
}

.mint-item-block-popup-wrapper .mint-item-block__popup-trigger svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-item-block-popup-wrapper .mint-item-block__popup-trigger--top-right {
  top: 12px;
  right: 13px;
}

.mint-item-block-popup-wrapper .mint-item-block__popup-trigger--top-left {
  top: 12px;
  left: 13px;
}

.mint-item-block-popup-wrapper .mint-item-block__popup-trigger--bottom-right {
  bottom: 12px;
  right: 13px;
}

.mint-item-block-popup-wrapper .mint-item-block__popup-trigger--bottom-left {
  bottom: 12px;
  left: 13px;
}

.mint-item-block-popup-wrapper__popup {
  z-index: 1000;
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.mint-item-block-popup-wrapper__popup-close {
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.mint-item-block-popup-wrapper__popup-close svg {
  fill: #828282;
  width: 16px;
  height: 16px;
}

.mint-item-block-popup-wrapper__popup-close:hover svg {
  fill: #333;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 rgba(79, 79, 255, .7);
  }

  50% {
    transform: scale(1.1);
    box-shadow: 0 0 0 8px rgba(79, 79, 255, 0);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 rgba(79, 79, 255, 0);
  }
}

.mint-lesson #mint-lesson-visor {
  min-height: calc(100vh - 96px);
}

@media only screen and (min-width: 1024px) {
  .mint-lesson #mint-lesson-visor {
    min-height: calc(100vh - 128px);
  }
}

.mint-lesson .mint-lesson-visor__title-head {
  width: 90%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.mint-lesson-visor-wrap {
  position: relative;
}

.mint-lesson .mint-lesson-visor-title .mint-lesson-visor-title__head {
  margin-left: 12px;
  margin-right: 12px;
}

@media only screen and (min-width: 1024px) {
  .mint-lesson .mint-lesson-visor-title .mint-lesson-visor-title__head {
    width: 90%;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}

.mint-lesson .mint-lesson-visor-title .mint-lesson-visor-title__head {
  color: #000;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
}

@media only screen and (min-width: 1024px) {
  .mint-lesson .mint-lesson-visor-title .mint-lesson-visor-title__head {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }
}

.mint-lesson .mint-lesson-visor-title .mint-progress-bar {
  margin: 2rem 0;
}

.mint-teacher-notes {
  padding-top: 30px;
  padding-bottom: 30px;
}

.mint-teacher-notes .mint-note-view {
  min-height: 60px;
}

.mint-lesson .mint-progress-bar {
  background: #f0f0f0;
  width: 100%;
  height: 4px;
  margin: 0;
  position: relative;
}

.mint-lesson .mint-progress-bar .mint-progress-bar__progress {
  background: var(--mint-brand-color, #4f4fff);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mint-tabs-model-a__tabs {
  padding: 0;
  list-style-type: none;
  display: flex;
  overflow: hidden;
}

.mint-tabs-model-a__tab {
  cursor: pointer;
  border-bottom: 1px solid #bdbdbd;
  flex: 50%;
  padding: 10px 30px;
}

.mint-tabs-model-a__tab:hover {
  background-color: #f2f2f2;
}

.mint-tabs-model-a__tab--active {
  border-bottom: 1px solid #4f4f4f;
}

.mint-tabs-model-a__tab--active a {
  color: #4f4f4f;
  font-weight: 700;
}

.mint-tabs-model-a__tab a {
  text-align: center;
  color: #4f4f4f;
  text-decoration: none;
  display: block;
}

.mint-tabs-model-a .mint-tabs-model-a-children .children-settings {
  padding-bottom: 290px;
}

.mint-toast-info {
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  display: flex;
}

.mint-toast-info__icon {
  background-color: var(--mint-brand-color, #4f4fff);
  border-radius: 8px 0 0 8px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 44px;
  padding: 16px 0;
  display: flex;
}

.mint-toast-info__text {
  letter-spacing: normal;
  text-align: left;
  color: #4f4f4f;
  flex-grow: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.5;
}

.mint-toast-info__close {
  cursor: pointer;
  margin-right: 10px;
}

.mint-toast-info__close svg {
  width: 14px;
  height: 14px;
}

.mint-text-tooltip {
  z-index: 1000;
  background: #4f4f4f;
  border-radius: 4px;
  max-width: 300px;
  padding: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.mint-text-tooltip__content {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.mint-text-tooltip__content span {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  font-family: var(--mint-brand-font-first);
  flex: 1;
  margin-right: 26px;
}

.mint-text-tooltip__close {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 4px;
  line-height: 0;
  position: absolute;
  top: 4px;
  right: 4px;
}

.mint-text-tooltip__close svg {
  fill: #fff;
  width: 20px;
  height: 20px;
  transition: fill .2s;
}

.mint-text-tooltip__close svg path, .mint-text-tooltip__close:hover svg {
  fill: #fff;
}

.mint-text-tooltip__arrow {
  width: 8px;
  height: 8px;
  position: absolute;
}

.mint-text-tooltip__arrow:before {
  content: "";
  background: #4f4f4f;
  width: 8px;
  height: 8px;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: -2px -2px 4px rgba(0, 0, 0, .05);
}

.mint-text-tooltip[data-popper-placement^="top"] .mint-text-tooltip__arrow {
  bottom: -4px;
}

.mint-text-tooltip[data-popper-placement^="top"] .mint-text-tooltip__arrow:before {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
}

.mint-text-tooltip[data-popper-placement^="bottom"] .mint-text-tooltip__arrow {
  top: -4px;
}

.mint-text-tooltip[data-popper-placement^="left"] .mint-text-tooltip__arrow {
  right: -4px;
}

.mint-text-tooltip[data-popper-placement^="right"] .mint-text-tooltip__arrow {
  left: -4px;
}

.fr-mintTooltip-text {
  border-bottom: 1px dotted var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  transition: background-color .2s;
  display: inline;
}

.fr-mintTooltip-text--active, .fr-mintTooltip-text:hover {
  background-color: var(--mint-brand-color-lighter, #f0f7ff);
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip {
  z-index: 1000;
  background: #4f4f4f;
  border-radius: 4px;
  position: relative;
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip[data-show="true"] {
  display: block;
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip__arrow, .mint-lesson .mint-tooltip__wrapper .mint-tooltip__arrow:before {
  background: inherit;
  width: 14px;
  height: 14px;
  position: absolute;
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip__arrow {
  visibility: hidden;
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip[data-popper-placement^="top"] > .mint-tooltip__arrow {
  bottom: -8px;
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip[data-popper-placement^="bottom"] > .mint-tooltip__arrow {
  top: -8px;
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip[data-popper-placement^="left"] > .mint-tooltip__arrow {
  right: -8px;
}

.mint-lesson .mint-tooltip__wrapper .mint-tooltip[data-popper-placement^="right"] > .mint-tooltip__arrow {
  left: -8px;
}

@media only screen and (max-width: 560px) {
  .mint-lesson .mint-tooltip__wrapper .mint-tooltip {
    max-width: 94%;
  }
}

.mint-lesson .mint-tooltip-content {
  gap: 10px;
  padding: 8px 12px;
}

.mint-lesson .mint-tooltip-content span {
  color: #fff;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  overflow-wrap: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.mint-lesson .mint-tooltip-wrapper {
  z-index: 1000;
  top: 6px;
  background: none !important;
  position: absolute !important;
}

.mint-lesson .textarea, .mint-blocks-sidebar .textarea {
  border: 0;
  width: 100%;
  height: 100vh;
}

.mint-lesson .mint-text-h1-bold-24-32 {
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.33;
}

.mint-lesson .mint-text-paragraph-bold {
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5em;
}

.mint-lesson .mint-text-small-bold-14-24 {
  text-transform: uppercase;
  font-size: .875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

.mint-lesson .mint-text-small-regular-14-24 {
  font-size: .875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.mint-lesson .mint-text-subtitle-regular-18-24 {
  font-size: 1.125em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
}

.popover-container {
  z-index: 100;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  padding: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.popover-container .popover__close {
  cursor: pointer;
  z-index: 1;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}

.popover-container .popover__close svg path {
  fill: #828282;
}

.popover-container .popover-inner {
  padding: 10px;
}

.popover-container .popover-arrow {
  width: 10px;
  height: 10px;
  position: absolute;
}

.popover-container .popover-arrow:after {
  content: " ";
  background-color: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%)rotate(45deg);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, .1);
}

.popover-container[data-popper-placement^="top"] > .popover-arrow {
  bottom: -30px;
}

.popover-container[data-popper-placement^="top"] > .popover-arrow :after {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}

.mint-unit .mint-unit__wrapper {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.mint-unit .mint-unit__lesson {
  height: calc(100vh - 60px);
  position: relative;
  overflow: auto;
}

.mint-unit--open-menu .mint-unit__lesson {
  opacity: .7;
}

.mint-unit-menu {
  z-index: 1;
  background-color: #fafafa;
  width: 100%;
  height: calc(100vh - 60px);
  transition: transform .5s;
  position: absolute;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateX(-110%);
  box-shadow: 5px 0 10px -2px #888;
}

@media only screen and (min-width: 1024px) {
  .mint-unit-menu {
    width: 450px;
  }
}

.mint-unit-menu .mint-unit-menu__item {
  cursor: pointer;
  color: #828282;
  border-bottom: 1px solid #828282;
  flex-direction: row;
  align-items: center;
  height: 50px;
  font-size: 1.1rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.mint-unit-menu .mint-unit-menu__item:hover {
  font-weight: bold;
}

.mint-unit-menu .mint-unit-menu__item .mint-unit-menu__item-active {
  background-color: var(--mint-brand-color, #4f4fff);
  width: 6px;
  height: 100%;
  position: absolute;
}

.mint-unit-menu .mint-unit-menu__item .mint-unit-menu__item-name {
  padding-left: 25px;
}

.mint-unit-menu .mint-unit-menu__item--active {
  font-weight: bold;
}

.mint-unit-menu--open {
  transform: translateX(0%);
}

.mint-unit-header {
  z-index: 10000;
  background: #fafafa;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
}

.mint-unit-header .mint-unit-header__button-menu {
  border-radius: 10px;
  flex-direction: row;
  width: -webkit-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 10px;
  display: flex;
}

.mint-unit-header .mint-unit-header__button-menu svg {
  fill: #828282;
}

.mint-unit-header .mint-unit-header__button-menu:hover {
  cursor: pointer;
  opacity: .8;
  background-color: #bdbdbd;
}

.mint-unit-header .mint-unit-header__unit-name {
  font-weight: bold;
}

.mint-unit-header .mint-unit-header__right {
  margin-right: 20px;
  position: absolute;
  right: 0;
}

.mint-unit-header--open-menu .mint-unit-header__button-menu {
  background-color: #bdbdbd;
}

.mint-lesson-link {
  cursor: pointer;
}

.mint-lesson-link .mint-lesson-link__link {
  color: var(--mint-brand-color, #4f4fff);
  text-align: center;
  background-color: #f5f5f5;
  justify-content: center;
  padding: .75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
  transition: background-color .3s, color .2s;
  display: flex;
}

.mint-lesson-link .mint-lesson-link__link:hover {
  background-color: var(--mint-brand-color, #4f4fff);
  color: #fff !important;
  text-decoration: none !important;
}

.mint-lesson-link .mint-lesson-link__link p {
  margin: 0;
}

@media only screen and (min-width: 1024px) {
  .mint-lesson-link .mint-lesson-link__link {
    padding: 1.25rem;
  }
}

.mint-lesson-link-next .mint-lesson-link__link:after {
  margin: 0 1rem;
  transition: transform .2s;
  display: inline-block;
  content: "↓" !important;
}

.mint-lesson-link-back .mint-lesson-link__link:before {
  margin: 0 1rem;
  transition: transform .2s;
  display: inline-block;
  content: "↑" !important;
}

.mint-lesson-course-page-type2 .mint-lesson-course-page-type2__lesson {
  height: 100vh;
  overflow: auto;
}

.mint-lesson-course-page-type2 .mint-lesson-course-page__wrapper {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.mint-lesson-course-page-type2 .mint-lesson-course-page__lesson {
  height: calc(100vh - 60px);
  position: relative;
  overflow: auto;
}

.mint-lesson-course-page-type2 .mint-lesson-course-page-type2__lesson {
  position: relative;
}

.mint-lesson-course-page-type2 .mint-lesson-course-page-type2__button-menu {
  z-index: 100;
  cursor: pointer;
  background: #fff;
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 34px;
  height: 34px;
  padding: 0;
  display: flex;
  position: fixed;
  top: 16px;
  left: 16px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .4);
}

@media only screen and (min-width: 1024px) {
  .mint-lesson-course-page-type2 .mint-lesson-course-page-type2__button-menu {
    width: 48px;
    height: 48px;
    left: 72px;
  }

  .mint-lesson-course-page-type2 .mint-lesson-course-page-type2__button-menu .mint-lesson-course-page-type2__button-menu-icon {
    width: 24px;
    height: 24px;
  }
}

.mint-lesson-course-page-type2 .mint-lesson-course-page-type2__button-menu path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-lesson-course-page-type2 .mint-lesson-course-page-type2__button-menu:hover {
  background: var(--mint-brand-color, #4f4fff);
}

.mint-lesson-course-page-type2 .mint-lesson-course-page-type2__button-menu:hover path {
  fill: #fff;
}

.mint-lesson-course-page--open-menu .mint-lesson-course-page__lesson {
  opacity: .7;
}

.mint-lesson-menu {
  overflow: hidden;
}

.mint-lesson .mint-lesson-menu__menu {
  z-index: 100;
  background: #fff;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: auto;
}

.mint-lesson .mint-lesson-menu__menu, .mint-lesson .mint-lesson-menu__page {
  transition: width .4s, transform .4s;
}

.mint-lesson .mint-lesson-course-page-type2__button-menu {
  transition: left .4s;
}

.mint-lesson .mint-lesson-menu__content {
  box-sizing: border-box;
  min-height: 100vh;
  padding: 0;
  position: relative;
}

.mint-lesson .mint-lesson-menu__content .item-list__link, .mint-lesson .mint-lesson-menu__content .lesson-index-unity, .mint-lesson .mint-lesson-menu__content .lesson-index-single__link {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mint-lesson .mint-lesson-menu__content .list-of-items, .mint-lesson .mint-lesson-menu__content .lesson-index {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mint-lesson .mint-lesson-menu__content .lesson-portada__content {
  padding: 1rem .5rem;
}

.mint-lesson .list-of-items:after, .mint-lesson .lesson-index:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  width: 2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset -2rem 0 2rem -2rem rgba(0, 0, 0, .24);
}

.mint-lesson .mint-lesson-menu--show .mint-lesson-menu__menu {
  width: 85%;
  overflow: hidden;
  transform: translateX(0);
}

.mint-lesson .mint-lesson-menu--show .mint-lesson-course-page-type2__button-menu {
  left: 86%;
}

.mint-lesson .mint-lesson-menu--show .mint-lesson-menu__page {
  transform: translateX(85%);
}

.mint-lesson .mint-lesson-menu--hidden .mint-lesson-menu__menu {
  width: 300px;
  transform: translateX(-300px);
}

.mint-lesson .mint-lesson-menu--hidden .mint-lesson-menu__page {
  width: 100%;
  transform: translateX(0);
}

@media only screen and (min-width: 768px) {
  .mint-lesson .mint-lesson-menu--show .mint-lesson-menu__menu {
    width: 300px;
    transform: translateX(0);
  }

  .mint-lesson .mint-lesson-menu--show .mint-lesson-course-page-type2__button-menu {
    left: 332px;
  }

  .mint-lesson .mint-lesson-menu--show .mint-lesson-menu__page {
    width: calc(100% - 300px);
    transform: translateX(300px);
  }

  .mint-lesson .mint-lesson-menu--hidden .mint-lesson-menu__menu {
    transform: translateX(-300px);
  }

  .mint-lesson .mint-lesson-menu--hidden .mint-lesson-menu__page {
    width: 100%;
    transform: translateX(0);
  }
}

.mint-lesson .mint-lesson-menu__skin {
  z-index: 10;
  height: 100vh;
  min-height: 100%;
  position: relative;
  overflow: auto;
}

.mint-lesson .mint-lesson-menu__skin-title-and-img {
  align-items: center;
  height: 200px;
  margin-left: 32px;
  display: flex;
}

.mint-lesson .mint-lesson-menu__skin-img {
  height: inherit;
  -webkit-filter: grayscale(90%) blur(2px) contrast() brightness();
  object-fit: cover;
  opacity: .3;
  z-index: 0;
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-lesson .mint-lesson-menu__skin-search, .mint-lesson .mint-lesson-menu__skin-index {
  z-index: 50;
  width: 100%;
  transition: opacity .4s, height .2s, transform .4s;
  top: 0;
  left: 0;
}

.mint-lesson .mint-lesson-menu__skin--show {
  opacity: 1;
  z-index: 50;
  width: calc(100% - 1rem);
  height: auto;
  padding: 1rem .5rem;
  display: block;
  transform: translateY(0);
}

.mint-lesson .mint-lesson-menu__skin--hidden {
  opacity: 0;
  z-index: 5;
  height: 0;
  display: none;
  transform: translateY(-840px);
}

.mint-lesson .portada__index--min .portada__subindex-text {
  font-size: 1rem;
}

.mint-lesson .portada__index--min .portada__index-unity-text {
  font-size: .85rem;
}

.mint-lesson .mint-lesson-menu__new-title {
  color: #fff;
  letter-spacing: normal;
  text-align: left;
  z-index: 20;
  flex-grow: 0;
  height: -webkit-min-content;
  height: min-content;
  margin: 0;
  padding: 0 0 1rem;
  font-size: 1.55rem;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1.33;
}

.mint-lesson .mint-lesson-menu__new-title:hover {
  opacity: .5;
  cursor: pointer;
}

.mint-lesson .mint-lesson-menu__skin-nav {
  flex-flow: row;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  display: flex;
}

.mint-lesson .mint-lesson-menu__skin-btn {
  display: inline-block;
}

.mint-lesson .mint-lesson-menu__skin-btn .icon {
  fill: #fff;
  width: 25px;
  height: 25px;
}

.mint-lesson .mint-main-page__subindex-link {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin: 1.3rem 0;
  text-decoration: none;
  display: flex;
}

.mint-lesson .mint-main-page__subindex-progress {
  flex: 0 40px;
}

.mint-lesson .mint-main-page__subindex-text {
  color: #fff;
  background: rgba(255, 255, 255, .2);
  border-radius: 4px;
  flex: 0 calc(100% - 40px);
  padding: 1rem;
  transition: background .2s, text-indent .3s;
}

.mint-lesson .mint-main-page__subindex-text:hover {
  text-indent: .5rem;
  background: rgba(255, 255, 255, .05);
}

.mint-lesson .mint-main-page__subindex-circle {
  color: #fff;
  border: 3px solid #fff;
  border-radius: 100%;
  width: 45px;
  height: 45px;
  padding: .5rem .45rem;
  font-size: 1.35rem;
}

.mint-lesson .mint-main-page__subindex-link--active .mint-main-page__subindex-text {
  background-color: rgba(0, 0, 0, .2);
}

.mint-lesson .mint-main-page__subindex-link--unread .mint-main-page__subindex-circle, .mint-lesson .mint-main-page__subindex-link--unread:before, .mint-lesson .mint-main-page__subindex-link--reading:before {
  opacity: .4 !important;
}

.mint-lesson .CircularProgressbar {
  width: 24px;
  height: 24px;
}

.mint-lesson .CircularProgressbar .CircularProgressbar-path {
  stroke: #fff;
  stroke-linecap: round;
  transition: stroke-dashoffset .5s;
}

.mint-lesson .CircularProgressbar .CircularProgressbar-trail {
  stroke: rgba(255, 255, 255, .4);
  stroke-linecap: round;
}

.mint-lesson .CircularProgressbar .CircularProgressbar-text {
  fill: #fff;
  dominant-baseline: middle;
  text-anchor: middle;
  font-size: 2.5rem;
}

.mint-lesson .CircularProgressbar .CircularProgressbar-background, .mint-lesson .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background, .mint-lesson .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.mint-lesson .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.mint-lesson .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: rgba(0, 0, 0, 0);
}

.mint-lesson .mint-main-page__subindex {
  margin-bottom: 1.5rem;
  transition: height 1s, opacity .2s;
  overflow: hidden;
}

.mint-lesson .mint-main-page__subindex .mint-main-page__subindex-link:last-child:before {
  opacity: 0 !important;
}

.mint-lesson .mint-main-page__subindex-text {
  display: flex;
}

.mint-lesson .mint-main-page__subindex-text-text {
  flex: 1;
}

.mint-lesson .mint-main-page__subindex-text-text p {
  margin: 0;
}

.mint-lesson .mint-main-page__subindex-text-icon {
  align-self: center;
  width: 18px;
  height: 18px;
  margin-left: 10px;
}

.mint-lesson .mint-main-page__subindex-text-icon:hover {
  opacity: .6;
}

.mint-lesson .mint-main-page__subindex-icon-check-circle {
  width: 28px;
  height: 28px;
}

.mint-lesson .mint-main-page__subindex-icon-check-circle path {
  fill: #fff;
}

.mint-lesson .mint-main-page__index-unity {
  cursor: pointer;
}

.mint-lesson .mint-main-page__index-unity--show .mint-main-page__index-unity-icon {
  transform: rotate(180deg);
}

.mint-lesson .mint-main-page__index-unity--show .mint-main-page__subindex {
  opacity: 1;
  height: auto;
}

.mint-lesson .mint-main-page__index-unity--hidden .mint-main-page__subindex {
  opacity: 0;
  pointer-events: none;
  height: 0;
}

.mint-lesson .mint-main-page__index-unity--hidden .mint-main-page__index-unity-icon {
  transform: rotate(0);
}

.mint-lesson .mint-main-page__index-unity-link {
  border-bottom: 1px solid #fff;
  flex-flow: row;
  justify-content: space-between;
  padding: .05rem .5rem;
  text-decoration: none;
  display: flex;
}

.mint-lesson .mint-main-page__index-unity-text {
  color: #fff;
}

.mint-lesson .mint-main-page__index-unity-text p {
  margin: 0;
}

.mint-lesson .mint-main-page__index-unity-icon .icon {
  fill: #fff;
}

.mint-course-with-routes {
  background-color: #fff;
}

.mint-course-pt .lemonade-exercises .html-content, .mint-course-en .lemonade-exercises .html-content {
  -webkit-hyphens: none;
  hyphens: none;
}

.mint-item-block-popup-content {
  filter: drop-shadow(-4px 4px 20px rgba(0, 0, 0, .15));
  background: #fff;
  border-radius: 24px;
  flex-direction: column;
  gap: 4px;
  width: 600px;
  min-width: min(600px, 80vw);
  max-width: 80vw;
  max-height: 80vh;
  padding: 24px;
  display: flex;
}

.mint-item-block-popup-content__header {
  flex-direction: row;
  justify-content: end;
  align-items: center;
  gap: 12px;
  padding: 1px 0;
  display: flex;
}

.mint-item-block-popup-content__header .close-button {
  cursor: pointer;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  display: flex;
}

.mint-item-block-popup-content__header .close-button svg {
  fill: #828282;
}

.mint-item-block-popup-content__header .close-button:hover svg {
  fill: #333;
}

.mint-item-block-popup-content__content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow-y: auto;
}

.mint-item-block-popup-content__content .mint-item-block-popup-content__media {
  text-align: center;
  align-self: center;
  width: 100%;
}

.mint-item-block-popup-content__content .mint-item-block-popup-content__media .mint-item-block-popup-content__media-caption {
  color: #bdbdbd;
  font-size: 14.713px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.069px;
}

.mint-item-block-popup-content .mint-item-block-popup-content__header {
  color: #4f4f4f;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.aside-editor-item-list {
  border-bottom: 1px solid #f2f2f2;
  flex-direction: column-reverse;
  padding: 1.4rem 20px;
  display: flex;
  position: relative;
}

.aside-editor-item-list:hover {
  background-color: #f2f2f2;
}

.aside-editor-item-list .input-text--simple {
  border: inherit;
  color: inherit;
  font-size: inherit;
  padding: 0;
}

.aside-editor-item-list__controls {
  opacity: 0;
  align-items: center;
  padding: .9rem 0 0;
  transition: transform .25s ease-out, opacity .25s;
  display: flex;
  transform: translateY(20px);
}

.aside-editor-item-list__controls .button svg {
  width: 18px;
  height: 18px;
}

.aside-editor-item-list__controls--show {
  opacity: 1;
  transform: translateY(0);
}

.aside-editor-item-list__drag-handler {
  fill: var(--mint-brand-color, #4f4fff);
  pointer-events: none;
  width: 28px;
  height: 28px;
  position: relative;
}

.aside-editor-item-list__header-text {
  color: var(--mint-brand-color, #4f4fff);
  flex-grow: 2;
  margin-left: 1rem;
  font-size: 1.2rem;
  display: inline-block;
}

.aside-editor-item-list__image-conf {
  justify-content: space-around;
  display: flex;
}

.aside-editor-item-list__image-conf .settings-dropdown {
  width: 100%;
}

.aside-editor-item-list__image-conf .settings-dropdown:first-child {
  margin-right: 10px;
}

.aside-editor-item-list__image-conf .settings-dropdown:nth-child(2n) {
  margin-left: 10px;
}

.mint-tab-content-settings-sidebar .aside-editor-item-list__add-button-wrapper {
  justify-content: center;
  margin: 1rem auto 2rem;
  display: flex;
}

.mint-tab-content-settings-sidebar .aside-editor-item-list__add-button-wrapper .mint-button-text, .mint-tab-content-settings-sidebar .aside-editor-item-list__add-button-wrapper .button {
  width: auto;
}

.mint-color-picker__select {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 42px;
  margin-top: .2em;
  padding: 1rem !important;
  display: flex !important;
}

.mint-color-picker__hex {
  flex: 1;
  align-items: center;
  display: flex;
}

.mint-color-picker__hex .input-text {
  max-width: unset;
  min-width: unset;
  color: #000;
  width: 100%;
  padding: 0 0 0 10px;
}

.mint-color-picker__clear {
  color: #333;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}

.mint-color-picker__clear:hover {
  opacity: .75;
}

.mint-color-picker__picker {
  margin-top: -.5rem;
  margin-bottom: 2rem;
  margin-left: 1rem;
}

.mint-lesson .fr-box .fr-element .no-break {
  border-bottom: 1px solid #ff8c00;
}

.mint-lesson .fr-toolbar.fr-inline {
  max-width: 480px;
  max-height: 144px;
}

.mint-lesson .fr-popup.fr-inline {
  z-index: 1001 !important;
}

.mint-lesson .fr-popup .froala-mathField__input {
  width: 100%;
}

.mint-lesson .ML__keyboard .MLK__rows .row .MLK__keycap {
  min-width: 28px;
}

@media (pointer: coarse) {
  .ML__keyboard .MLK__rows .row .MLK__keycap {
    min-width: 28px;
  }
}

@media (min-width: 560px) and (pointer: coarse) {
  .ML__keyboard .MLK__rows .row .MLK__keycap {
    min-width: 50px;
  }
}

.mint-lesson .text-editor-styled-wrapper .input-text {
  color: #000;
  padding: 0;
  font-size: 1em;
}

.mint-lesson .text-editor-styled-wrapper .input-text::placeholder {
  color: #aaa;
  font-family: sans-serif;
  font-size: 16px;
}

.mint-lesson .text-editor-styled-wrapper .input-text::-moz-placeholder {
  color: #aaa;
  font-family: sans-serif;
  font-size: 16px;
}

.mint-lesson .text-editor-styled-wrapper .input-text:-ms-input-placeholder {
  color: #aaa;
  font-family: sans-serif;
  font-size: 16px;
}

.fr-command.fr-btn[data-cmd="mintTooltip"] svg path {
  stroke: currentColor;
  stroke-width: 2px;
  fill: rgba(0, 0, 0, 0) !important;
}

.fr-popup.fr-active .fr-layer.fr-mintTooltip-popup {
  margin: 0 16px;
  width: 285px !important;
}

.fr-popup.fr-active .fr-layer.fr-mintTooltip-popup .fr-action-buttons button.fr-command + button.fr-command {
  margin-left: 0 !important;
}

.fr-mintTooltip-popup .fr-mintTooltip-input-line {
  padding: 16px 8px 4px !important;
}

.fr-mintTooltip-popup .fr-mintTooltip-input-line .fr-mintTooltip-textarea-wrapper {
  background: #fff;
  border-radius: 8px;
  padding: 12px 12px 36px;
  position: relative;
  border: 2px solid var(--mint-brand-color, #4f4fff) !important;
}

.fr-mintTooltip-popup .fr-mintTooltip-input-line .fr-mintTooltip-textarea-wrapper textarea.fr-mintTooltip-input {
  resize: none;
  color: #4f4f4f;
  font-family: var(--mint-brand-font-first);
  background: none;
  border: none;
  width: 100%;
  min-height: 100px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.fr-mintTooltip-popup .fr-mintTooltip-input-line .fr-mintTooltip-textarea-wrapper textarea.fr-mintTooltip-input:focus {
  outline: none;
}

.fr-mintTooltip-popup .fr-mintTooltip-input-line .fr-mintTooltip-textarea-wrapper .fr-character-counter {
  color: #828282;
  pointer-events: none;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  bottom: 8px;
  right: 12px;
}

.fr-mintTooltip-popup .fr-mintTooltip-input-line .fr-mintTooltip-textarea-wrapper:focus-within {
  border-color: var(--mint-brand-color, #4f4fff);
}

.fr-mintTooltip-popup .fr-action-buttons {
  justify-content: flex-end;
  gap: 16px;
  padding: 8px;
  display: flex;
  height: -webkit-fit-content !important;
  height: fit-content !important;
}

.fr-mintTooltip-popup .fr-action-buttons button.fr-command {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  font-weight: 700;
  transition: all .2s;
  font-size: 14px !important;
}

.fr-mintTooltip-popup .fr-action-buttons button.fr-command:focus {
  color: var(--mint-brand-color, #4f4fff) !important;
}

.fr-mintTooltip-popup .fr-action-buttons button.fr-command:hover {
  color: var(--mint-brand-color-hover, #3c3cbf) !important;
}

.fr-mintTooltip-popup .fr-action-buttons button.fr-command.fr-cancel {
  color: #666;
}

.fr-mintTooltip-popup .fr-action-buttons button.fr-command.fr-submit[disabled] {
  color: #666;
  cursor: not-allowed;
  opacity: .7;
}

.fr-mintTooltip-popup .fr-action-buttons button.fr-command.fr-submit:not([disabled]) {
  color: var(--mint-brand-color, #4f4fff);
}

.fr-mintTooltip-popup .fr-action-buttons button.fr-command.fr-submit:not([disabled]):hover {
  color: var(--mint-brand-color-hover, #3c3cbf);
}

.fr-command[data-cmd="mintTooltipEdit"]:hover, .fr-command[data-cmd="mintTooltipRemove"]:hover {
  background-color: var(--mint-brand-color-lighter, #f0f7ff) !important;
}

.fr-command[data-cmd="mintTooltipEdit"]:hover svg path, .fr-command[data-cmd="mintTooltipRemove"]:hover svg path {
  fill: var(--mint-brand-color, #4f4fff) !important;
}

.mint {
  background: #fff;
  border: 1px solid #dfdfdf;
  width: 400px;
  margin: 20px auto;
  padding: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

.mint img {
  object-fit: contain;
  vertical-align: middle;
  width: 200px;
}

.mint .detail {
  column-gap: 20px;
  display: flex;
}

.text-heading .text-heading__content {
  margin: 0;
  padding: .25rem 0;
  font-weight: 700;
}

.text-heading .text-heading__content p {
  margin-top: 0;
  margin-bottom: 0;
}

.mint__block-full {
  font-size: 14px;
}

.mint-labeled-graphic-editor__sidebar .mint-labeled-graphic-editor__image {
  padding: 0 20px;
}

.mint-labeled-graphic-editor__sidebar .textarea {
  height: 200px;
}

.labeled-graphics__editor-view {
  background-color: #fafafa;
  border-right: 1px solid #f2f2f2;
  width: 510px;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.labeled-graphics__editor-view::-webkit-scrollbar {
  width: 20px;
}

.labeled-graphics__editor-view::-webkit-scrollbar-track {
  background: #fff;
  width: 4px;
}

.labeled-graphics__editor-view::-webkit-scrollbar-thumb {
  background: #bdbdbd;
  border: 6px solid #fff;
  border-radius: 15px;
  width: 4px;
}

.labeled-graphics__editor-view::-webkit-scrollbar-thumb:hover {
  background: #828282;
}

.labeled-graphics__editor .fr-toolbar.fr-inline {
  width: 480px;
}

.labeled-graphics__title {
  color: #4f4f4f;
  box-sizing: border-box;
  border-bottom: 1px solid #f2f2f2;
  flex-grow: 2;
  width: 100%;
  padding: 1.75rem;
  font-size: 1.2rem;
  font-weight: 600;
  display: inline-block;
  position: relative;
  bottom: -.1rem;
}

.labeled-graphics__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.labeled-graphics__list:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  width: 2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.labeled-graphics__item {
  border-bottom: 1px solid #f2f2f2;
  outline: 0;
}

.labeled-graphics__item__down {
  fill: #828282;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.labeled-graphics__item__header {
  flex: 1;
  align-items: center;
  height: 60px;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  display: flex;
}

.labeled-graphics__item__drag-handler {
  pointer-events: none;
  fill: #bdbdbd;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  position: relative;
}

.labeled-graphics__item__title {
  color: #4f4f4f;
  flex-grow: 1;
}

.labeled-graphics__item__controls {
  line-height: 0;
}

.labeled-graphics__item__controls .ico-button {
  margin: 0 20px 0 0;
  padding: 0;
}

.labeled-graphics__item__controls .ico-button svg {
  width: 16px;
  height: 16px;
}

.labeled-graphics__item__content {
  box-sizing: border-box;
  cursor: initial;
  background: #fff;
  width: 100%;
  padding: 1.75rem;
  display: none;
  position: relative;
}

.labeled-graphics__item__content .label {
  color: var(--mint-brand-color, #4f4fff);
  font-size: .9rem;
  font-weight: bold;
}

.labeled-graphics__item__content .labeled-graphics__icon-content {
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.labeled-graphics__item__content .labeled-graphics__icon-content .label {
  flex-grow: 1;
}

.labeled-graphics__item__content .labeled-graphics__icon-content .outside-alerter {
  width: 86%;
  height: 10%;
  position: absolute;
}

.labeled-graphics__item__content .outside-alerter {
  width: 25px;
  height: 25px;
  position: relative;
}

.labeled-graphics__item__content .lesson__block-interactive-label-link {
  cursor: pointer;
  box-shadow: none;
  border-color: #f2f2f2;
  position: relative;
  transform: none;
}

.labeled-graphics__item__content .labeled-graphics-select-icons {
  z-index: 100;
}

.labeled-graphics__item__content .labeled-graphics-select-icons .author-block-more-options-menu-content {
  flex-wrap: wrap;
  align-content: space-between;
  max-width: 320px;
  display: flex;
}

.labeled-graphics__item__content .labeled-graphics-select-icons .lesson__block-interactive-label-link {
  width: 25px;
  height: 25px;
  margin: 5px;
}

.labeled-graphics__item__content:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 0;
}

.labeled-graphics__item__content:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.labeled-graphics__item__controls {
  opacity: 0;
}

.labeled-graphics__item__controls .button {
  cursor: pointer;
  background: none;
  border: 0;
}

.labeled-graphics__item__controls .button svg {
  fill: #bdbdbd;
  width: 18px;
  height: 18px;
}

.labeled-graphics__item__drag-handler {
  opacity: .4;
}

.labeled-graphics__item .lesson__block-title .input-text--simple {
  border: inherit;
  color: inherit;
  font-size: inherit;
  padding: inherit;
}

.labeled-graphics__item.item-content--show .labeled-graphics__item__content {
  display: inline-block;
}

.labeled-graphics__item.item-content--show .labeled-graphics__item__down {
  transform: rotate(180deg);
}

.labeled-graphics__item .item-header--show-controls .labeled-graphics__item__controls, .labeled-graphics__item .item-header--show-controls .labeled-graphics__item__drag-handler {
  opacity: 1;
}

.labeled-graphics__preview-view {
  margin-left: 510px;
  transition: margin .6s;
  position: relative;
}

.labeled-graphics__preview-view .labeled-graphics-item-over {
  background-color: #828282;
  border-color: #4f4f4f !important;
}

.labeled-graphics__preview-view .labeled-graphics__preview__input-image {
  max-width: 360px;
  margin: 16px auto 0;
}

.labeled-graphics__preview-view .lesson__block-interactive-label-link {
  cursor: move;
}

.labeled-graphics__preview-view .lesson__block-interactive-label-link:hover {
  border-color: #4f4f4f !important;
}

.mint-lesson .ItemBlocks_Interactive_Process__sidebar .fr-element {
  min-height: 26px;
}

.mint-lesson .mint-tabs-editor .swiper-container-autoheight .swiper-wrapper {
  height: 100% !important;
}

.mint-lesson .mint-tabs-editor .swiper-slide {
  height: auto;
}

.mint-lesson .aside-editor-item-list__contents {
  margin-left: 2em;
}

.mint-lesson .aside-editor-item-list__contents .aside-editor-item-list {
  padding: 0;
}

.mint-lesson .ItemBlocks_Interactive_Timeline__sidebar .fr-element {
  min-height: 26px;
}

.timeline-start-end-accordion {
  background-color: #fafafa;
  border-radius: 4px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  align-self: stretch;
  padding: 12px 20px;
  display: flex;
}

.timeline-start-end-accordion .timeline-start-end-accordion__wrap {
  flex: 1;
}

.timeline-start-end-accordion .timeline-start-end-accordion__header {
  cursor: pointer;
  flex-direction: row;
  display: flex;
}

.timeline-start-end-accordion .timeline-start-end-accordion__header-text {
  flex: 1;
}

.timeline-start-end-accordion .timeline-start-end-accordion__symbol {
  cursor: pointer;
  align-self: center;
}

.timeline-start-end-accordion.timeline-start-end-accordion--show .timeline-start-end-accordion__content {
  opacity: 1;
  height: 100%;
}

.timeline-start-end-accordion.timeline-start-end-accordion--hidden .timeline-start-end-accordion__content {
  opacity: 0;
  height: 0;
}

.mint-lesson .mint-time-sidebar-item .mint-time-sidebar-item__description {
  font-size: 14px;
}

.mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor {
  aspect-ratio: 580 / 420;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 7px;
  max-width: 580px;
  margin: 0 auto;
  padding: 18px;
  display: flex;
}

.mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor .image-switcher-editor__container {
  background: var(--neutral-gray-01, #f2f2f2);
  border-radius: 4px;
  flex: 1 0 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor .image-switcher-editor__number {
  color: var(--neutral-gray-04, #828282);
  -webkit-user-select: none;
  user-select: none;
  font-family: Inter, sans-serif;
  font-size: max(24px, min(6vw, 38px));
  font-weight: 700;
}

@media (min-width: 769px) {
  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor {
    max-width: 580px;
    padding: 18px;
  }

  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor .image-switcher-editor__number {
    font-size: 38px;
  }
}

@media (max-width: 768px) {
  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor {
    max-width: 95%;
    padding: 15px;
  }

  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor .image-switcher-editor__number {
    font-size: max(24px, min(5vw, 36px));
  }
}

@media (max-width: 620px) {
  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor {
    max-width: 90%;
    padding: 12px;
  }

  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor .image-switcher-editor__number {
    font-size: max(20px, min(6vw, 32px));
  }
}

@media (max-width: 480px) {
  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor {
    max-width: 90%;
    padding: 10px;
  }

  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor .image-switcher-editor__number {
    font-size: max(18px, min(7vw, 28px));
  }
}

@media (max-width: 380px) {
  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor {
    max-width: 95%;
    padding: 8px;
  }

  .mint-block-image-switcher-editor .mint-block-image-switcher-editor__content .image-switcher-editor .image-switcher-editor__number {
    font-size: max(16px, min(8vw, 24px));
  }
}

@media only screen and (min-width: 1024px) {
  .grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component), .mint-block-image, .mint-block-image--full .image-full__caption p, .mint-block-process-card, .mint-teacher-notes > div {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content, .mint-assistant-editor, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component), .mint-block-image, .mint-block-image--full .image-full__caption p, .mint-block-process-card, .mint-teacher-notes > div {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full, .mint-block-image--text-overlay .ItemBlocks_Image_TextOverlay .image-text-overlay {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.mint-multimedia-embed-sidebar-content, .mint-multimedia-embed-sidebar-content__thumbnail {
  align-items: center;
  display: flex;
}

.mint-multimedia-embed-sidebar-content__thumbnail {
  justify-content: center;
  width: 120px;
  height: auto;
  padding: 8px 16px;
}

.mint-multimedia-embed-sidebar-content__thumbnail img {
  width: 100%;
}

.mint-multimedia-embed-sidebar-content {
  justify-content: space-between;
}

.mint-multimedia-embed-sidebar-content__data {
  text-overflow: ellipsis;
  border-left: 1px solid #e6e6e6;
  flex-grow: 1;
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  overflow: hidden;
}

.mint-multimedia-embed-sidebar-content__action {
  width: 100px;
  padding: 8px 16px;
}

.mint-multimedia-embed-sidebar-content__action-link {
  cursor: pointer;
  color: #a8a9a7;
  border-left: 1px solid #e6e6e6;
  padding: 0 16px;
  font-size: 13px;
  text-decoration: underline;
  display: block;
}

.mint-multimedia-embed-sidebar-edit {
  background-color: #f2f2f2;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding: 8px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__close {
  cursor: pointer;
  opacity: .5;
  margin-left: 10px;
  display: flex;
}

.mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__close:hover {
  opacity: .7;
  transition: all .4s;
}

.mint-multimedia-embed-sidebar-edit > div {
  width: 100%;
}

.mint-multimedia-embed-sidebar-edit .loading-upload__progress_and_text {
  width: auto;
}

.mint-multimedia-embed-sidebar-edit .input-text {
  width: 100%;
}

.mint-multimedia-embed-sidebar-edit .input-text--simple {
  padding: 0;
}

.mint-multimedia-embed-sidebar-edit__below-text-editor {
  flex-direction: row;
  justify-content: end;
  width: 100%;
  padding: 8px 0;
  display: flex;
}

.mint-multimedia-embed-sidebar-edit__error {
  text-align: left;
  color: #e41515;
  flex: 1;
  font-size: 11px;
}

.mint-multimedia-embed-sidebar-edit__help {
  text-align: right;
  color: #bdbdbd;
  font-size: 11px;
}

.mint__block-editor-lemonade .input-text--simple {
  padding-left: 0;
}

.mint__block-text__statementA, .mint__block-text__statementD {
  font-size: 18px;
}

.mint-json-editor .textarea {
  height: 200px;
}

.mint-json-editor--invalid .textarea:focus {
  border: 1px solid red;
  box-shadow: 0 0 10px #719ece;
  outline: none !important;
}

.mint-json-editor--invalid .mint-json-editor__valid-text {
  color: red;
}

.mint-json-editor--valid .textarea:focus {
  border: 1px solid green;
  box-shadow: 0 0 10px #719ece;
  outline: none !important;
}

.mint-json-editor--valid .mint-json-editor__valid-text {
  color: green;
}

.mint-lesson-editor {
  background-color: #fff;
  position: relative;
}

.mint-lesson-editor .mint-lesson-editor__content {
  margin-top: 64px;
  padding-top: 64px;
}

.mint-lesson-editor .float-button {
  z-index: 1000;
  width: 55px;
  position: fixed;
  bottom: 50px;
  right: 50px;
}

.mint-lesson-editor .float-button .button {
  box-shadow: none;
  border: 0;
  border-radius: 100%;
}

.mint-lesson-editor .mint-posts-editor {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 20px;
  padding-bottom: 64px;
}

.mint-lesson-editor .mint-posts-editor .mint-posts-editor__content .mint-wrapper-post {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  margin: 29px 5% 40px;
  box-shadow: 0 1px 2px rgba(112, 107, 101, .15);
}

.mint-lesson-editor .mint-posts-editor .mint-posts-editor__content .mint-wrapper-post2:first-child {
  margin-top: 64px;
}

.mint-lesson-editor .mint-editor-header {
  border-bottom: 4px solid var(--mint-brand-color, #4f4fff);
}

.mint-lesson-editor .mint-editor-header__container {
  max-width: 90%;
  margin: 0 auto;
  padding-top: 1rem;
}

@media only screen and (min-width: 1024px) {
  .mint-lesson-editor .mint-editor-header__container {
    max-width: 760px;
  }
}

.mint-lesson-editor .mint-editor-header__title h1 {
  color: inherit;
  resize: none;
  text-rendering: geometricPrecision;
  padding: 1rem 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 2.75rem;
}

.mint-lesson-editor .mint-editor-header__subtitle {
  color: #4f4f4f;
  resize: none;
  text-rendering: geometricPrecision;
  font-size: 1.5rem;
  font-weight: normal;
}

.mint-lesson-editor .mint-editor-header__title-textarea {
  color: inherit;
  resize: none;
  text-rendering: geometricPrecision;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  width: 100%;
  padding: 1rem 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {
  .mint-lesson-editor .mint-editor-header__title-textarea {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }
}

.main-content, .mint-block-text .mint-block-text__col, .list-bullets__content, .list-numered__content, .mint-block-image--text-aside .mint-block-image__text, .mint-block-process-content {
  font-size: 18px;
  line-height: 30px;
}

.main-caption, .mint-block-image .mint-block-image__caption, .mint-block-image--full .image-full__caption p, .mint-block-gallery .mint-block-gallery__caption, .mint-block-carousel .mint-block-carousel__caption, .mint-block-video .mint-block-video__content .mint-block-video__caption, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption, .mint-block-process-caption {
  color: #828282;
  font-size: 14px;
  line-height: 20px;
}

.main-caption .fr-box, .mint-block-image .mint-block-image__caption .fr-box, .mint-block-image--full .image-full__caption p .fr-box, .mint-block-gallery .mint-block-gallery__caption .fr-box, .mint-block-carousel .mint-block-carousel__caption .fr-box, .mint-block-video .mint-block-video__content .mint-block-video__caption .fr-box, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption .fr-box, .mint-block-process-caption .fr-box {
  margin-bottom: 0;
  line-height: 30px;
}

.main-caption .fr-box *, .mint-block-image .mint-block-image__caption .fr-box *, .mint-block-image--full .image-full__caption p .fr-box *, .mint-block-gallery .mint-block-gallery__caption .fr-box *, .mint-block-carousel .mint-block-carousel__caption .fr-box *, .mint-block-video .mint-block-video__content .mint-block-video__caption .fr-box *, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption .fr-box *, .mint-block-process-caption .fr-box * {
  margin-bottom: 0 !important;
}

.main-caption p, .mint-block-image .mint-block-image__caption p, .mint-block-image--full .image-full__caption p p, .mint-block-gallery .mint-block-gallery__caption p, .mint-block-carousel .mint-block-carousel__caption p, .mint-block-video .mint-block-video__content .mint-block-video__caption p, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p, .mint-block-process-caption p {
  margin-top: .5rem;
  padding-top: 0;
}

.main-caption div, .mint-block-image .mint-block-image__caption div, .mint-block-image--full .image-full__caption p div, .mint-block-gallery .mint-block-gallery__caption div, .mint-block-carousel .mint-block-carousel__caption div, .mint-block-video .mint-block-video__content .mint-block-video__caption div, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption div, .mint-block-process-caption div, .main-caption p, .mint-block-image .mint-block-image__caption p, .mint-block-image--full .image-full__caption p p, .mint-block-gallery .mint-block-gallery__caption p, .mint-block-carousel .mint-block-carousel__caption p, .mint-block-video .mint-block-video__content .mint-block-video__caption p, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p, .mint-block-process-caption p, .main-caption picture, .mint-block-image .mint-block-image__caption picture, .mint-block-image--full .image-full__caption p picture, .mint-block-gallery .mint-block-gallery__caption picture, .mint-block-carousel .mint-block-carousel__caption picture, .mint-block-video .mint-block-video__content .mint-block-video__caption picture, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption picture, .mint-block-process-caption picture, .main-caption img, .mint-block-image .mint-block-image__caption img, .mint-block-image--full .image-full__caption p img, .mint-block-gallery .mint-block-gallery__caption img, .mint-block-carousel .mint-block-carousel__caption img, .mint-block-video .mint-block-video__content .mint-block-video__caption img, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption img, .mint-block-process-caption img {
  margin-bottom: .75rem;
}

.main-caption div:last-child, .mint-block-image .mint-block-image__caption div:last-child, .mint-block-image--full .image-full__caption p div:last-child, .mint-block-gallery .mint-block-gallery__caption div:last-child, .mint-block-carousel .mint-block-carousel__caption div:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption div:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption div:last-child, .mint-block-process-caption div:last-child, .main-caption p:last-child, .mint-block-image .mint-block-image__caption p:last-child, .mint-block-image--full .image-full__caption p p:last-child, .mint-block-gallery .mint-block-gallery__caption p:last-child, .mint-block-carousel .mint-block-carousel__caption p:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption p:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption p:last-child, .mint-block-process-caption p:last-child, .main-caption picture:last-child, .mint-block-image .mint-block-image__caption picture:last-child, .mint-block-image--full .image-full__caption p picture:last-child, .mint-block-gallery .mint-block-gallery__caption picture:last-child, .mint-block-carousel .mint-block-carousel__caption picture:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption picture:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption picture:last-child, .mint-block-process-caption picture:last-child, .main-caption img:last-child, .mint-block-image .mint-block-image__caption img:last-child, .mint-block-image--full .image-full__caption p img:last-child, .mint-block-gallery .mint-block-gallery__caption img:last-child, .mint-block-carousel .mint-block-carousel__caption img:last-child, .mint-block-video .mint-block-video__content .mint-block-video__caption img:last-child, .mint-block-audio .mint-block-audio__content .mint-block-audio__caption img:last-child, .mint-block-process-caption img:last-child {
  margin-bottom: 0;
}

.title-header, .mint-block-text .mint-block-text__header, .text-heading .text-heading__content {
  font-size: 30px;
  line-height: 2.5rem;
}

.title-subheader, .mint-block-text .mint-block-text__subheader {
  font-size: 24px;
  line-height: 2.25rem;
}

.grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component), .mint-block-image, .mint-block-image--full .image-full__caption p, .mint-block-process-card, .mint-teacher-notes > div {
  margin-left: 12px;
  margin-right: 12px;
}

.full, .mint-block-image--text-overlay .ItemBlocks_Image_TextOverlay .image-text-overlay {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media only screen and (min-width: 1024px) {
  .grid, .lesson__section .mint-item-block_component .mint-block-image--text-aside, .lesson__section .mint-item-block_component .mint-block-gallery, .lesson__section .mint-item-block_component .mint-block-video, .lesson__section .mint-item-block_component .mint-block-image-switcher, .lesson__section .mint-item-block_component .mint-block-image-switcher-editor, .grid-content, .mint-assistant-editor, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component), .mint-block-image, .mint-block-image--full .image-full__caption p, .mint-block-process-card, .mint-teacher-notes > div {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content, .mint-assistant-editor, .mint-lesson .mint-main-page-type2 .mint-main-page__content, .lesson__section .mint-item-block_component > div:not(.lesson__block-interactive-label), .lesson__section .mint-item-block_component .mint__block-text, .lesson__section .mint-item-block_component .lesson__block-impact, .lesson__section .mint-item-block_component .lesson__block-quote, .lesson__section .mint-item-block_component .lesson__block-list-bullet, .lesson__section .mint-item-block_component .lesson__block-list-numered, .lesson__section .mint-item-block_component .lesson__block-picture-grid, .lesson__section .mint-item-block_component .lesson__block-accordion, .lesson__section .mint-item-block_component .lesson__block-multicolumn, .lesson__section .mint-item-block_component .lesson-intaractive-tabs, .lesson__section > div:not(.mint-item-block_component), .mint-block-image, .mint-block-image--full .image-full__caption p, .mint-block-process-card, .mint-teacher-notes > div {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full, .mint-block-image--text-overlay .ItemBlocks_Image_TextOverlay .image-text-overlay {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.settings-activity-sidebar__title {
  color: var(--color-text-primary, #333);
  border-radius: 4px;
  margin: 0 0 1rem 1rem;
  padding: .5rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.settings-activity-sidebar__title:focus {
  outline: 2px solid var(--color-focus, #06c);
  outline-offset: 2px;
  background-color: var(--color-focus-bg, rgba(0, 102, 204, .1));
}

.settings-activity-sidebar__content {
  padding: 1rem;
}

.settings-activity-sidebar__manual-scoring, .settings-activity-sidebar__automatic-scoring {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.create-block-sidebar {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
}

.create-block-sidebar__background {
  opacity: 0;
  pointer-events: none;
  background: #000;
  width: 100vw;
  height: 100vh;
  transition: opacity .4s;
  position: fixed;
  top: 0;
  left: 0;
}

.create-block-sidebar__background--opened {
  opacity: .2;
  pointer-events: auto;
}

.aside-menu-button {
  cursor: pointer;
  text-overflow: ellipsis;
  background: #fff;
  border: none;
  outline: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.aside-menu-button .aside-menu-button__selected {
  background-color: #fff;
  width: 5px;
  height: 40px;
  margin-right: 15px;
}

.aside-menu-button .aside-menu-button__content {
  color: var(--mint-brand-color, #4f4fff);
  fill: var(--mint-brand-color, #4f4fff);
  font-size: 1rem;
  font-weight: normal;
  display: flex;
}

.aside-menu-button .aside-menu-button__content img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.aside-menu-button:hover, .aside-menu-button:active, .aside-menu-button.selected {
  background-color: #f2f2f2;
}

.aside-menu-button:hover .aside-menu-button__selected, .aside-menu-button:active .aside-menu-button__selected, .aside-menu-button.selected .aside-menu-button__selected {
  background-color: var(--mint-brand-color, #4f4fff);
}

.aside-menu-button:hover .aside-menu-button__content, .aside-menu-button:active .aside-menu-button__content, .aside-menu-button.selected .aside-menu-button__content {
  color: var(--mint-brand-color, #4f4fff);
  fill: var(--mint-brand-color, #4f4fff);
  font-weight: bold;
}

.block-templates-menu {
  z-index: 1003;
  background-color: #f2f2f2;
  width: 615px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 250px;
  overflow: auto;
}

.block-templates-menu__header {
  border-bottom: 1px solid #f2f2f2;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.block-templates-menu__content {
  justify-content: center;
  align-items: flex-start;
  height: calc(100vh - 165px);
  padding: 1rem;
  display: flex;
  overflow: auto;
}

.block-templates-menu__search-input {
  width: 190px;
}

.block-templates-menu__search-input .search-input {
  font-size: 13px;
}

.block-templates-menu__filter {
  flex-wrap: nowrap;
  align-items: center;
  margin-left: 16px;
  display: flex;
}

.block-templates-menu__filter .block-templates-menu__filter-label {
  margin-right: 6px;
  font-size: 13px;
  font-weight: bold;
}

.block-templates-menu__filter .block-templates-menu__filter-menu .filter-dd-header-title {
  font-size: 13px;
}

.block-templates-menu__filter .block-templates-menu__filter-menu .filter-dd-list {
  min-width: 130px;
  padding: 4px;
  top: 37px;
  right: -7px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.block-templates-menu__filter .block-templates-menu__filter-menu .filter-dd-list .filter-dd-list-item {
  white-space: nowrap;
  align-items: center;
  padding: 2px 14px;
  font-size: 13px;
  display: flex;
}

.block-templates-menu__filter .block-templates-menu__filter-menu .filter-dd-list .filter-dd-list-item img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 4px 8px 4px 0;
}

.block-templates-menu__new-button .author-button {
  padding: 3px 12px;
  font-size: 14px;
}

.block-template-list {
  grid-gap: 16px;
  grid-template-columns: 275px 275px;
  display: grid;
}

.block-template-menu__no-templates {
  flex-direction: column;
  grid-column: 1 / span 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 170px);
  display: flex;
}

.block-template-menu__no-templates .block-template-menu__no-templates-text {
  margin-bottom: 40px;
}

.block-template-menu__no-templates .block-templates-menu__no-templates-new-button .author-button {
  padding: 3px 12px;
  font-size: 14px;
  display: inline-block;
}

.block-templates-menu__new-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
}

.block-templates-menu__new-button .author-button {
  padding: 3px 32px;
  font-size: 14px;
  display: inline-block;
}

.block-template-list__item {
  cursor: pointer;
  position: relative;
}

.block-template-list__item .block-template-list__item-name {
  color: #333;
  text-align: center;
  margin: 0;
  font-size: .9rem;
  font-weight: lighter;
}

.block-template-list__item .block-template-list__item-image {
  background-color: #fff;
  width: 270px;
  height: 180px;
  margin: 8px auto;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
}

.block-template-list__item .block-template-list__item-image img {
  object-fit: contain;
  width: 270px;
  height: 180px;
}

.block-template-list__item .block-template-list__actions {
  display: none;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.block-template-list__item .block-template-list__actions .block-template-list__actions-edit {
  opacity: .6;
  margin-right: 4px;
}

.block-template-list__item .block-template-list__actions .block-template-list__actions-edit:hover {
  opacity: .8;
}

.block-template-list__item .block-template-list__actions .block-template-list__actions-delete {
  opacity: .6;
}

.block-template-list__item .block-template-list__actions .block-template-list__actions-delete:hover {
  opacity: .8;
}

.block-template-list__item:hover .block-template-list__actions {
  display: flex;
}

.collections-menu {
  z-index: 1002;
  background-color: #fff;
  border-right: 1px solid #f2f2f2;
  width: 250px;
  height: 100vh;
  padding: 1rem 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.collections-menu__header {
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-left: 20px;
  display: flex;
}

.collections-menu__close {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 4px;
  right: 5px;
}

.collections-menu__title {
  color: #4f4f4f;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.collections-menu__list-container {
  margin: 1rem 0;
  padding: 0;
}

.collections-menu__list-item {
  list-style: none;
}

.filter-dd-wrapper {
  overflow: show;
  position: relative;
}

.filter-dd-header {
  cursor: pointer;
  border: none;
}

.filter-dd-header-title {
  color: #000;
  font-size: 14px;
}

.filter-dd-header-title svg {
  margin-left: 10px;
}

.filter-dd-list {
  z-index: 1000;
  cursor: auto;
  box-sizing: border-box;
  background-color: #fff;
  margin: 0;
  padding: 12px 0;
  list-style: none;
  position: absolute;
}

.filter-dd-list-item {
  color: #000;
  cursor: pointer;
  opacity: .6;
  padding: 6px 18px;
  font-size: 14px;
  transition: opacity .4s;
}

.filter-dd-list-item:hover {
  opacity: 1;
  background-color: #f2f2f2;
}

.item-block-preview {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}

.item-block-preview .item-block-preview__title {
  color: #828282;
  margin: 0;
  font-size: .9rem;
  font-weight: lighter;
}

.item-block-preview .item-block-preview__img {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
  box-shadow: 0 0 32px rgba(0, 0, 0, .1);
}

.item-block-preview .item-block-preview__img img {
  object-fit: contain;
  width: 270px;
  height: 180px;
}

.search-input-wrapper {
  position: relative;
}

.search-input-wrapper .search-input-icon {
  opacity: .6;
  width: 16px;
  transition: all .2s;
  display: block;
  position: absolute;
  top: 4px;
  left: 8px;
}

.search-input-wrapper .search-input {
  box-sizing: border-box;
  color: #000;
  background: #fff;
  border: 0;
  border-radius: 3px;
  outline: none;
  width: 100%;
  padding: 8px 8px 8px 32px;
  font-size: 15px;
  transition: all .2s;
  display: block;
}

.search-input-wrapper .search-input:focus {
  padding: 8px;
  transition: all .2s;
}

.search-input-wrapper .search-input:focus + .search-input-icon {
  opacity: 0;
}

.variants-menu {
  z-index: 1001;
  background-color: #f2f2f2;
  width: 360px;
  height: 100vh;
  padding: 1rem;
  position: fixed;
  top: 0;
  left: 250px;
  overflow: auto;
}

.variants-menu__list-container {
  margin: 1rem auto;
  padding: 0;
}

.variants-menu__list-item {
  text-align: center;
  margin: 0 0 1.5rem;
  list-style: none;
}

.mint-popup-editor-fullscreen .mint-floating-fullscreen__header {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container {
  flex-direction: row;
  height: 100%;
  display: flex;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__editor {
  width: 50%;
  padding-top: 20px;
  overflow-y: auto;
  box-shadow: 2px 0 11px rgba(0, 0, 0, .25);
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__editor .mint-popup-editor__width {
  margin-bottom: 16px;
  padding-top: 10px;
  padding-left: 28px;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__editor .aside-editor-item-list {
  border-bottom: none;
  padding: 2px 20px;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__editor .aside-editor-item-list:hover {
  background-color: unset;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__editor .aside-editor-item-list__controls {
  padding: .1rem 0 0;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__editor .aside-editor-item-list__drag-handler {
  fill: #4f4f4f;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__editor .aside-editor-item-list__header-text {
  color: #4f4f4f;
  font-size: 14px;
  font-weight: 700;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__editor .mint-popup-trigger-button {
  margin-top: 24px;
  padding-top: 16px;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__preview {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__preview .mint-popup, .mint-popup-editor-fullscreen .mint-popup-editor-fullscreen__editor-container .mint-popup-editor-fullscreen__preview .mint-popup__content {
  position: static;
}

.mint-popup-editor-content {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin: 0 20px 16px 40px;
  padding: 0 12px;
}

.mint-popup-editor-content--no-border {
  border: none;
  padding: 0;
}

.mint-popup-editor-content:last-child {
  margin-bottom: 0;
}

.mint-popup-editor-content-text {
  min-height: 96px;
}

.mint-popup-editor-content-media-selector-image, .mint-popup-editor-content-media-selector-video, .mint-popup-editor-content-media-selector-embed, .mint-popup-editor-content-media-selector-audio {
  margin-bottom: 16px;
}

.mint-popup-width .mint-popup-width__label {
  color: #4f4f4f;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.mint-popup-width .mint-popup-width__label-help svg path {
  fill: #4f4f4f;
}

.mint-popup-width .mint-popup-width__label-container {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.mint-popup-width .mint-popup-width__options {
  flex-direction: row;
  gap: 16px;
  margin-top: 8px;
  display: flex;
}

.mint-popup-width .mint-popup-width__label-container .mint-popup-width__label-help .mint-tooltip-wrapper {
  top: 0;
  position: relative !important;
}

.mint-width-selector-option {
  cursor: pointer;
  background: none;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 100px;
  padding: 12px;
  transition: all .2s;
  display: flex;
}

.mint-width-selector-option__label {
  color: #828282;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.mint-width-selector-option--active {
  border-color: var(--mint-brand-color, #4f4fff);
  background-color: var(--mint-brand-color-lighter, #f0f7ff);
}

.mint-width-selector-option--active .mint-width-selector-option__icon svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-width-selector-option--active .mint-width-selector-option__label {
  color: var(--mint-brand-color, #4f4fff);
}

.mint-width-selector-option:hover:not(.mint-width-selector-option--active) {
  border-color: #bdbdbd;
}

.mint-popup-media-selector__tabs {
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.mint-popup-media-selector__tab {
  cursor: pointer;
  background: none;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  display: flex;
}

.mint-popup-media-selector__tab.is-active {
  background: var(--mint-brand-color, #4f4fff);
  color: #fff;
  border-color: var(--mint-brand-color, #4f4fff);
}

.mint-popup-media-selector__content .mint-popup-media__label {
  color: #333;
  margin-top: 24px;
  font-size: 15px;
  font-weight: 700;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit-wrapper__title {
  color: #828282;
  margin-top: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit {
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin-top: 8px;
  padding: 0 12px;
  display: flex;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .link-icon {
  color: #a8a9a7;
  width: 20px;
  height: 20px;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .input-text {
  border: none;
  width: 100%;
  font-size: 14px;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .input-text:focus {
  outline: none;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .input-text::placeholder {
  color: #a8a9a7;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__button-add {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 8px 12px;
  display: flex;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__button-add:hover .mint-multimedia-embed-sidebar-edit__button-add-text {
  color: var(--mint-brand-color-hover, #3c3cbf);
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__button-add .mint-multimedia-embed-sidebar-edit__button-add-text {
  color: #828282;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__button-add--active {
  cursor: pointer;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__button-add--active .mint-multimedia-embed-sidebar-edit__button-add-text {
  color: var(--mint-brand-color, #4f4fff);
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__button-add--disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit .mint-multimedia-embed-sidebar-edit__button-add--disabled .mint-multimedia-embed-sidebar-edit__button-add-text {
  color: #828282;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit--error {
  border-color: #e41515;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit__below-text-editor {
  justify-content: right;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  display: flex;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit__below-text-editor .mint-multimedia-embed-sidebar-edit__error {
  color: #d84843;
}

.mint-popup-content-media-embed .mint-multimedia-embed-sidebar-edit__below-text-editor .mint-multimedia-embed-sidebar-edit__help {
  color: #a8a9a7;
}

.mint-media-selector-tab {
  cursor: pointer;
  background: none;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 100px;
  padding: 12px;
  transition: all .2s;
  display: flex;
}

.mint-media-selector-tab__icon {
  color: #828282;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mint-media-selector-tab__icon svg {
  width: 24px;
  height: 24px;
}

.mint-media-selector-tab__icon svg path {
  fill: #828282;
}

.mint-media-selector-tab__label {
  color: #828282;
  font-size: 14px;
}

.mint-media-selector-tab--active {
  border-color: var(--mint-brand-color, #4f4fff);
}

.mint-media-selector-tab--active .mint-media-selector-tab__icon svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-media-selector-tab:hover:not(.mint-media-selector-tab--active) {
  border-color: #bdbdbd;
}

.mint-post--edit {
  padding-top: 40px;
}

.mint-post-row {
  flex-direction: row;
  gap: 16px;
  margin: 0 auto;
  display: flex;
}

@media (max-width: 576px) {
  .mint-post-row.mint-post-row--stack-on-mobile[data-breakpoint="576px"] {
    flex-direction: column;
  }

  .mint-post-row.mint-post-row--stack-on-mobile[data-breakpoint="576px"] .mint-post-column-item {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .mint-post-row.mint-post-row--stack-on-mobile[data-breakpoint="768px"] {
    flex-direction: column;
  }

  .mint-post-row.mint-post-row--stack-on-mobile[data-breakpoint="768px"] .mint-post-column-item {
    width: 100% !important;
  }
}

@media (max-width: 992px) {
  .mint-post-row.mint-post-row--stack-on-mobile[data-breakpoint="992px"] {
    flex-direction: column;
  }

  .mint-post-row.mint-post-row--stack-on-mobile[data-breakpoint="992px"] .mint-post-column-item {
    width: 100% !important;
  }
}

.mint-post-row .mint-post-column-item {
  min-width: 100px;
  transition: width .3s;
}

.mint-post-row .mint-post-column-item > * {
  width: 100%;
}

.block-shortcut {
  margin: 32px auto 0;
  padding-bottom: 1px;
}

@media only screen and (min-width: 768px) {
  .block-shortcut {
    max-width: 90%;
  }
}

@media only screen and (min-width: 1024px) {
  .block-shortcut {
    max-width: 920px;
  }
}

.block-shortcut__title {
  color: #333;
  margin: 1rem 0 1rem .3rem;
  font-size: 1.1rem;
  font-weight: normal;
}

.block-shortcut__divider {
  color: #fff;
  background-color: #fff;
  border: none;
  border-top: 2px dotted #f2f2f2;
  width: 100%;
  height: 2px;
}

.block-shortcut__button-list {
  flex-wrap: wrap;
  margin: 1rem 0;
  display: flex;
}

.block-shortcut__button-list > button {
  flex: 19%;
}

.block-shortcut-inline {
  color: #828282;
  margin: 0 auto;
  position: relative;
}

.block-shortcut-inline__title {
  margin: 5px 0 5px 6px;
  font-size: 1.1rem;
  font-weight: bold;
}

.block-shortcut-inline__button-list {
  margin: 0;
  display: flex;
}

.block-shortcut-inline__button-list > button {
  border: 0;
  flex-direction: column;
  flex: 19%;
  margin: 0;
}

.block-shortcut-inline__button-list > button .icon-text-button__icon {
  margin: 0 0 5px;
}

.block-shortcut-inline__button-list > button .icon-text-button__icon svg {
  fill: #828282;
}

.block-shortcut-inline__button-list > button .icon-text-button__icon img {
  height: 22px;
}

.block-shortcut-inline__button-list > button .icon-text-button__text {
  color: #828282;
}

.item-block-editor {
  position: relative;
}

.item-block-editor--horizontal .item-block-editor__children-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.item-block-editor--horizontal .item-block-editor__children {
  width: 100%;
  position: relative;
}

.item-block-editor--horizontal .item-block-editor__button-plus {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
  display: flex;
  position: absolute;
}

.item-block-editor--horizontal .item-block-editor__button-plus:before {
  content: "";
  background-image: linear-gradient(#4f4f4f 50%, rgba(255, 255, 255, 0) 0%);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 1px 16px;
  width: 1px;
  height: 70%;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}

.item-block-editor--horizontal .item-block-editor__button-plus--left {
  left: -10px;
}

.item-block-editor--horizontal .item-block-editor__button-plus--right {
  right: -10px;
}

.item-block-editor--horizontal .item-block-editor__button-plus .plus-icon {
  z-index: 1;
  position: relative;
}

.item-block-editor__controls-wrapper {
  opacity: 0;
  z-index: 100;
  box-sizing: border-box;
  pointer-events: none;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  padding: 1rem 1rem 0;
  transition: opacity .4s, transform .4s ease-out;
  display: flex;
  position: absolute;
  transform: translateY(30px);
}

.item-block-editor__controls-wrapper--show {
  opacity: 1;
  transform: translateY(0);
}

.item-block-editor__left-controls {
  pointer-events: all;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item-block-editor__left-controls > * {
  margin: 0 .6rem;
}

.item-block-editor__left-controls > .button {
  background: #4f4f4f;
  width: auto;
  height: 40px;
  min-height: 40px;
}

.item-block-editor__right-controls {
  pointer-events: all;
}

.item-block-editor__button-plus {
  z-index: 11;
  text-align: center;
  opacity: 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 40px;
  transition: transform .4s, opacity .4s;
  display: flex;
  position: absolute;
}

.item-block-editor__button-plus:before {
  content: "";
  background-image: linear-gradient(to right, #4f4f4f 50%, rgba(255, 255, 255, 0) 0%);
  background-position: center;
  background-repeat: repeat-x;
  background-size: 16px 1px;
  width: 70%;
  height: 1px;
  position: absolute;
  top: 20px;
  left: 15%;
}

.item-block-editor__button-plus .plus-icon {
  z-index: 1;
  position: relative;
  top: 4px;
}

.item-block-editor__button-plus-bottom {
  bottom: -1.2rem;
  transform: translateY(-30px);
}

.item-block-editor__button-plus-top {
  top: -1.2rem;
  transform: translateY(30px);
}

.item-block-editor__button-plus--show {
  opacity: 1;
  transform: translateY(0);
}

.mint-lesson .item-block-editor__options-item {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
  display: flex;
}

.mint-lesson .item-block-editor__options-item > * {
  cursor: pointer;
  margin: 0;
}

.mint-lesson .item-block-editor__options-item .item-block-editor__plus svg {
  object-fit: contain;
  flex-grow: 0;
  width: 14px;
  height: 14px;
}

.mint-lesson .item-block-editor__options-item .mint-dropdown__button {
  height: unset;
  padding: 0;
}

.mint-lesson .item-block-editor__children {
  position: relative;
}

.mint-lesson .item-block-editor__overlay {
  z-index: 0;
  pointer-events: none;
  background-color: rgba(198, 222, 254, .3);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.mint-lesson .mint-options-item-block .mint-dropdown__item--disabled {
  cursor: auto;
}

.mint-lesson .mint-options-item-block-button {
  background-color: #bdbdbd;
  border-radius: 2px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 18px;
  height: 18px;
  padding: 2px;
  display: flex;
}

.mint-lesson .mint-options-item-block-button svg, .mint-lesson .mint-options-item-block-button svg path {
  fill: #fff;
}

.mint-lesson .mint-options-item-block-button:hover, .mint-lesson .mint-options-item-block-button.mint-options-item-block-button--active {
  background-color: var(--mint-brand-color, #4f4fff);
}

.mint-lesson .mint-options-item-block-button.mint-options-item-block-button--active:hover {
  opacity: .6;
}

.mint-edit-column-options {
  font-family: var(--mint-brand-font-first);
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 12px;
  display: flex;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.mint-edit-column-options .mint-edit-column-options__item {
  cursor: pointer;
  cursor: pointer;
  opacity: .8;
  background: none;
  border: none;
  border-radius: 4px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.mint-edit-column-options .mint-edit-column-options__item svg {
  transition: all .2s;
}

.mint-edit-column-options .mint-edit-column-options__item svg path {
  fill: #828282;
}

.mint-edit-column-options .mint-edit-column-options__item:hover {
  opacity: 1;
  background-color: var(--mint-brand-color-lighter, #f0f7ff);
}

.mint-edit-column-options .mint-edit-column-options__item:hover svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-edit-column-options .mint-edit-column-options__item--disabled {
  pointer-events: none;
}

.mint-edit-column-options .mint-edit-column-options__item--disabled svg path {
  fill: #e0e0e0;
}

.mint-edit-column-options .mint-edit-column-options__pdf-pages {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.mint-edit-column-options .mint-edit-column-options__pdf-pages .mint-edit-column-options__pdf-pages-separator {
  background-color: #bdbdbd;
  width: 1px;
  height: 20px;
  margin-right: 10px;
}

.mint-edit-column-options .mint-edit-column-options__pdf-pages .mint-edit-column-options__pdf-pages-label {
  color: #333;
  margin-right: 10px;
  font-size: smaller;
}

.mint-edit-column-options .mint-edit-column-options__pdf-pages .mint-edit-column-options__input-pdf-pages {
  color: #333;
  border: 1px solid #bdbdbd;
}

.mint-edit-column-options .mint-edit-column-options__pdf-pages .mint-edit-column-options__input-pdf-pages .input-text {
  width: 100px;
  padding: 0 4px;
}

.mint-edit-column-options .mint-edit-column-options__separator {
  background-color: #e0e0e0;
  width: 1px;
  height: 20px;
}

.mint-lesson .mint-wrapper-row-options {
  position: relative;
}

.mint-lesson .mint-wrapper-row-options.item-block-editor--row-active:before {
  content: "";
  z-index: 5;
  cursor: default;
  border: 2px solid var(--mint-brand-color, #4f4fff);
  background: none;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-lesson .mint-wrapper-row-options.item-block-editor--row-active .item-block-editor__row-options-icon, .mint-lesson .mint-wrapper-row-options.item-block-editor--row-active .item-block-editor__controls-wrapper {
  z-index: 1000;
}

.mint-lesson .mint-wrapper-row-options.item-block-editor--row-active .item-block-editor__children {
  pointer-events: none;
  outline-offset: -2px;
  border-radius: 4px;
  transition: outline-color .2s;
}

.mint-lesson .mint-wrapper-row-options .item-block-editor__row-options-icon {
  background: var(--mint-brand-color, #4f4fff);
  cursor: pointer;
  opacity: 0;
  visibility: visible;
  opacity: .01;
  z-index: 1000;
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateY(-50%);
}

@media screen and (max-width: 1100px) {
  .mint-lesson .mint-wrapper-row-options .item-block-editor__row-options-icon {
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
  }
}

.mint-lesson .mint-wrapper-row-options .item-block-editor__row-options-icon.visible {
  opacity: .7;
  visibility: visible;
}

.mint-lesson .mint-wrapper-row-options .item-block-editor__row-options-icon:hover {
  opacity: 1;
}

.mint-lesson .mint-wrapper-row-options .item-block-editor__row-options-icon svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}

.wrapper-item-block-column-options--active {
  position: relative;
}

.wrapper-item-block-column-options--active:before {
  content: "";
  border: 2px solid var(--mint-brand-color, #4f4fff);
  pointer-events: none;
  z-index: 5;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.item-block-editor__button-plus--show.item-block-editor__button-plus--disabled {
  opacity: .4;
  pointer-events: none;
  background-color: #bdbdbd;
}

.first-block-when-no-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.first-block-when-no-content__label {
  color: #828282;
  font-weight: 600;
}

.first-block-when-no-content .item-block-editor__button-plus {
  margin: .5em 0 1em;
  position: relative;
}

.mint-lesson .mint-options-create-first-block {
  flex-direction: column;
  gap: 8px;
  min-width: 253px;
  display: flex;
}

.mint-lesson .mint-options-create-first-block .mint-options-create-first-block__label {
  text-align: left;
  letter-spacing: normal;
  text-align: left;
  color: #4f4f4f;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.5;
}

.mint-lesson .mint-options-create-first-block .mint-options-create-first-block__options {
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  padding: 8px 0;
  display: flex;
}

.mint-lesson .mint-options-create-first-block .mint-options-create-first-block__options .option-icon-text {
  cursor: pointer;
  padding: 4px;
}

.mint-lesson .mint-options-create-first-block .mint-options-create-first-block__options .option-icon-text:hover, .mint-lesson .mint-options-create-first-block .mint-options-create-first-block__options .option-icon-text:active {
  background-color: #f2f2f2;
}

.mint-wrapper-post {
  position: relative;
}

.mint-wrapper-post .mint-wrapper-post__buttons {
  z-index: 101;
  position: absolute;
  top: -20px;
  right: 20px;
}

.mint-wrapper-post .mint-wrapper-post__buttons .button {
  color: #4f4f4f;
  background-color: #fff;
  border: 1px solid #4f4f4f;
  min-height: 50px;
}

.wrapper-post-editor {
  position: relative;
}

.wrapper-post-editor__controls-wrapper {
  opacity: 0;
  z-index: 100;
  box-sizing: border-box;
  pointer-events: none;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  padding: 1rem 1rem 0;
  transition: opacity .4s, transform .4s ease-out;
  display: flex;
  position: absolute;
  transform: translateY(30px);
}

.wrapper-post-editor__controls-wrapper--show {
  opacity: 1;
  transform: translateY(0);
}

.wrapper-post-editor__left-controls {
  pointer-events: all;
  display: inline-flex;
  position: absolute;
  top: -20px;
  left: 20px;
}

.wrapper-post-editor__left-controls > * {
  margin: 0 .6rem;
}

.wrapper-post-editor__left-controls > .button {
  background: #4f4f4f;
  height: 40px;
  min-height: 40px;
}

.wrapper-post-editor__floating-controls {
  pointer-events: all;
  z-index: 1000;
  display: inline-flex;
  position: fixed;
}

.wrapper-post-editor__floating-controls > * {
  margin: 0 .6rem;
}

.wrapper-post-editor__floating-controls > .button {
  background: #4f4f4f;
  height: 40px;
  min-height: 40px;
}

.wrapper-post-editor__right-controls {
  pointer-events: all;
}

.wrapper-post-editor__button-plus {
  z-index: 11;
  text-align: center;
  opacity: 0;
  width: 100%;
  transition: transform .4s, opacity .4s;
  position: absolute;
  bottom: -1.2rem;
  transform: translateY(-30px);
}

.wrapper-post-editor__button-plus:before {
  content: "";
  background: linear-gradient(90deg, #fff, #828282, #fff);
  width: 80%;
  height: 1px;
  position: absolute;
  top: 20px;
  left: 10%;
}

.wrapper-post-editor__button-plus > .plus-icon {
  z-index: 1;
  position: relative;
}

.wrapper-post-editor__button-plus--show {
  opacity: 1;
  transform: translateY(0);
}

.wrapper-post-editor__button-plus-top {
  z-index: 11;
  text-align: center;
  opacity: 0;
  width: 100%;
  transition: transform .4s, opacity .4s;
  position: absolute;
  top: -1.2rem;
  transform: translateY(30px);
}

.wrapper-post-editor__button-plus-top:before {
  content: "";
  background: linear-gradient(90deg, #fff, #828282, #fff);
  width: 80%;
  height: 1px;
  position: absolute;
  top: 20px;
  left: 10%;
}

.wrapper-post-editor__button-plus-top > .plus-icon {
  z-index: 1;
  position: relative;
}

.wrapper-post-editor__button-plus-top--show {
  opacity: 1;
  transform: translateY(0);
}

.wrapper-post-layout-options {
  position: static;
}

.wrapper-post-layout-options__content {
  position: relative;
}

.wrapper-post-layout-options--active {
  outline: 2px solid var(--mint-brand-color, #4f4fff);
  border-radius: 4px;
}

.mint-lesson .option-icon-text {
  border-radius: 8px;
  flex-grow: 0;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  width: 100%;
  display: flex;
  flex-direction: row !important;
}

.mint-lesson .option-icon-text .option-icon-text__icon {
  width: 20px;
  height: 20px;
  display: flex;
}

.mint-lesson .option-icon-text .option-icon-text__icon svg {
  fill: #828282;
  width: 20px;
  height: 20px;
}

.mint-lesson .option-icon-text .option-icon-text__text {
  letter-spacing: normal;
  text-align: left;
  color: #828282;
  flex-grow: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.71;
}

.mint-lesson .option-icon-text .option-icon-text__arrow {
  width: 20px;
  height: 20px;
}

.mint-lesson .option-icon-text.option-icon-text__disabled {
  opacity: .5;
}

.mint-lesson .mint-tab-audio-post-sidebar-item {
  margin: 24px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__select {
  margin-top: 30px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__select .mint-tab-audio-post-sidebar-item__select-title {
  letter-spacing: normal;
  text-align: left;
  color: #4f4f4f;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__select-head-help {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__select-head-help .mint-tab-audio-post-sidebar-item__select-head {
  letter-spacing: normal;
  text-align: left;
  color: #828282;
  flex-grow: 1;
  margin-top: 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.71;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__select-head-help .mint-tab-audio-post-sidebar-item__select-help svg {
  width: 20px;
  height: 20px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__select-head-help .mint-tab-audio-post-sidebar-item__select-help svg path {
  fill: #828282;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__assigned {
  margin-top: 12px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__assigned .mint-tab-audio-post-sidebar-item__assigned-title {
  letter-spacing: normal;
  text-align: left;
  color: #828282;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__assigned .mint-tab-audio-post-sidebar-item__assigned-blocks {
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
  padding-left: 12px;
  display: flex;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__assigned .mint-tab-audio-post-sidebar-item__assigned-blocks .mint-tab-audio-post-sidebar-item__assigned-blocks-item {
  letter-spacing: normal;
  text-align: left;
  color: #828282;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__delete-wrapper {
  justify-content: center;
  display: flex;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__delete-wrapper .mint-tab-audio-post-sidebar-item__delete {
  cursor: pointer;
  background-color: #fafafa;
  border-radius: 4px;
  align-items: center;
  gap: 10px;
  width: -webkit-max-content;
  width: max-content;
  margin-top: 80px;
  padding: 8px;
  display: flex;
}

.mint-lesson .mint-tab-audio-post-sidebar-item .mint-tab-audio-post-sidebar-item__delete-wrapper .mint-tab-audio-post-sidebar-item__delete .mint-tab-audio-post-sidebar-item__delete-text {
  letter-spacing: 0;
  text-align: left;
  color: #828282;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item-audio {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  gap: 10px;
  margin: 0 auto;
  padding: 8px;
  display: flex;
}

.mint-lesson .mint-tab-audio-post-sidebar-item-audio .mint-tab-audio-post-sidebar-item-audio__icon {
  background-color: var(--mint-brand-color, #4f4fff);
  border-radius: 4px;
  align-self: center;
  padding: 8px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item-audio .mint-tab-audio-post-sidebar-item-audio__text {
  word-wrap: break-word;
  color: #828282;
  letter-spacing: 0;
  text-align: left;
  flex-grow: 1;
  align-self: center;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item-audio .mint-tab-audio-post-sidebar-item-audio__delete {
  cursor: pointer;
  align-self: center;
  padding: 8px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item-audio .mint-tab-audio-post-sidebar-item-audio__delete svg {
  width: 20px;
  height: 20px;
}

.mint-lesson .mint-tab-audio-post-sidebar-item-audio .mint-tab-audio-post-sidebar-item-audio__delete:hover {
  opacity: .6;
}

.mint-lesson .mint-tabs-audios-post-header {
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__tabs {
  border-bottom: 1px solid #f2f2f2;
  flex-wrap: wrap;
  display: flex;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__tabs > .mint-tabs-audios-post-header__tab {
  border-bottom: 1px solid #f2f2f2;
  flex: 0 0 26%;
  margin-bottom: -1px;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__tab .mint-tabs-audios-post-header__tab-content {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  height: 43px;
  margin: 3px 3px 3px 20px;
  display: flex;
  position: relative;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__tab .mint-tabs-audios-post-header__tab-content a {
  color: #828282;
  text-decoration: none;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__tab .mint-tabs-audios-post-header__tab-content .mint-tabs-audios-post-header__tab-content-line {
  background-color: #828282;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -5px;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__tab--active a {
  color: #828282;
  font-weight: bold;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__button {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  width: -webkit-max-content;
  width: max-content;
  margin: 10px;
  display: flex;
  position: absolute;
  top: 0;
  right: 8px;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__button svg {
  width: 19px;
}

.mint-lesson .mint-tabs-audios-post-header .mint-tabs-audios-post-header__button .mint-tabs-audios-post-header__button-text {
  color: var(--mint-brand-color, #4f4fff);
  letter-spacing: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.mint-tab-content-settings-sidebar {
  padding: 20px;
}

.mint-tab-content-settings-sidebar > div {
  width: 100%;
  margin: 0;
  padding: 0;
}

.mint-tab-content-settings-sidebar .label {
  color: #333;
  margin-bottom: .25rem;
  font-size: .9rem;
  font-weight: bold;
}

.mint-tab-content-settings-sidebar .label + div {
  margin-bottom: 1.3rem;
}

.mint-tab-content-settings-sidebar .label + div p {
  margin: 0;
}

.mint-tab-content-settings-sidebar--nopadding {
  padding: 0;
}

.tab-settings-sidebar__settings-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.tab-settings-sidebar__content {
  grid-gap: 0 20px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.tab-settings-sidebar__content .tab-settings-sidebar__content--full-width {
  grid-column: 1 / -1;
}

.tab-settings-sidebar__item--tab-settings-sidebar__content--full-width {
  grid-column: 1 / span 2;
}

.settings-width {
  margin-bottom: 1rem;
}

.settings-width .settings-item-label {
  margin-bottom: .5rem;
  font-size: .9rem;
  display: block;
}

.settings-width .settings-item-width__buttons {
  gap: .5rem;
  margin-bottom: .5rem;
  display: flex;
}

.settings-width .settings-item-width__buttons button {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  border: 1px solid #828282;
  border-radius: 8px;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 80px;
  padding: 12px;
  transition: all .2s;
  overflow: visible;
}

.settings-width .settings-item-width__buttons button:hover {
  border-color: var(--mint-brand-color, #4f4fff);
  background: var(--mint-brand-color-lighter, #f0f7ff);
}

.settings-width .settings-item-width__buttons button.active {
  background-color: var(--mint-brand-color-lighter, #f0f7ff);
  border-color: var(--mint-brand-color-hover, #3c3cbf);
  color: var(--mint-brand-color-hover, #3c3cbf);
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button {
  flex: 0 0 40px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button i {
  color: #666;
  font-size: 1em;
  font-style: normal;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button svg {
  fill: currentColor;
  opacity: .7;
  width: 14px;
  height: 14px;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button.active {
  background-color: var(--mint-brand-color-lighter, #f0f7ff);
  border-color: var(--mint-brand-color-hover, #3c3cbf);
  color: var(--mint-brand-color-hover, #3c3cbf);
  padding-right: 16px;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button.active i {
  color: #007bff;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button.active .edit-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
  position: absolute;
  top: -7px;
  right: -5px;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button.active .edit-icon-wrapper .circle {
  opacity: 1;
  flex-shrink: 0;
  width: 19.8px;
  height: 19.8px;
  position: absolute;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button.active .edit-icon-wrapper .circle circle {
  fill: var(--mint-brand-color, #4f4fff);
  stroke: #fff;
  stroke-width: 1px;
  opacity: 1;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button.active .edit-icon-wrapper .pencil-icon {
  fill: #fff;
  opacity: 1;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}

.settings-width .settings-item-width__buttons .mint-setting-width__custom-width-button.active .edit-icon-wrapper .pencil-icon path {
  fill: #fff;
  opacity: 1;
}

.settings-width .settings-item-width__buttons input {
  color: #007bff;
  text-align: center;
  background: #f0f7ff;
  border: 1px solid #007bff;
  border-radius: 4px;
  outline: none;
  flex: 0 0 40px;
  width: 40px;
  padding: .5rem;
  font-size: .9em;
}

.settings-width .settings-item-width__buttons input::placeholder {
  color: #007bff;
  opacity: .7;
}

.settings-width .settings-item-width__buttons input:focus {
  box-shadow: 0 0 0 2px rgba(0, 123, 255, .25);
}

.settings-width .settings-item-width__clear {
  color: #dc3545;
  margin-top: .5rem;
  font-size: .8rem;
  text-decoration: none;
  display: inline-block;
}

.settings-width .settings-item-width__clear:hover {
  text-decoration: underline;
}

.settings-width .settings-item-width .mint-custom-width-input {
  flex: 0 0 40px;
  position: relative;
}

.settings-width .settings-item-width .mint-custom-width-input input {
  color: #007bff;
  text-align: center;
  background: #f0f7ff;
  border: 1px solid #007bff;
  border-radius: 4px;
  outline: none;
  width: 40px;
  padding: 12px 15px 12px 12px;
  font-size: .9em;
}

.settings-width .settings-item-width .mint-custom-width-input input::placeholder {
  color: #007bff;
  opacity: .7;
}

.settings-width .settings-item-width .mint-custom-width-input input:focus {
  box-shadow: 0 0 0 2px rgba(0, 123, 255, .25);
}

.settings-width .settings-item-width .mint-custom-width-input .percent-symbol {
  color: #007bff;
  pointer-events: none;
  font-size: .9em;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

.mint-color-type-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  width: 75px;
  padding: 8px 12px;
  transition: background .2s;
  display: flex;
}

.mint-color-type-button .mint-color-type-button__icon {
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  display: flex;
}

.mint-color-type-button .mint-color-type-button__text {
  color: #333;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
}

.mint-color-type-button--active {
  background: var(--mint-brand-color-lighter, #f0f7ff);
}

.settings-item-label {
  color: #333;
  margin-bottom: .25rem;
  font-size: .9rem;
  font-weight: bold;
}

.settings-item-color__select {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 42px;
  margin-top: .2em;
  padding: 1rem !important;
  display: flex !important;
}

.settings-background-color {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 1rem;
  display: flex;
}

.settings-background-color .settings-background-color__gradient-container {
  flex-direction: column;
  gap: 8px;
  max-width: 408px;
  display: flex;
}

.settings-item-color__hex {
  flex: 1;
  align-items: center;
  display: flex;
}

.settings-item-color__hex .input-text {
  max-width: unset;
  min-width: unset;
  color: #000;
  width: 100%;
  padding: 0 0 0 10px;
}

.settings-item-color__clear {
  cursor: pointer;
  color: #a8a9a7;
  padding: 0 1rem 0 0;
  font-size: 13px;
  text-decoration: underline;
  display: block;
}

.settings-item-color__clear:hover {
  opacity: .75;
}

.settings-item-color__picker {
  margin-top: -.5rem;
  margin-bottom: 2rem;
  margin-left: 1rem;
}

.settings-background-color__type-tabs {
  gap: 24px;
  display: flex;
}

.settings-background-color__gradient-preview {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  align-self: stretch;
  height: 24px;
}

.mint-color-picker__select--no-border {
  box-shadow: none !important;
  border: none !important;
}

.settings-background-color__gradient-pickers {
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  height: -webkit-fit-content;
  height: fit-content;
  padding-left: 3px;
  padding-right: 8px;
  display: flex;
}

.settings-dropdown {
  margin-bottom: 1rem;
}

.settings-dropdown__label {
  color: #333;
  margin-bottom: .25rem;
  font-size: .9rem;
  font-weight: bold;
  display: block;
}

.settings-dropdown .form-select {
  box-sizing: border-box;
  width: 100%;
}

.settings-checkbox {
  margin-bottom: 1rem;
}

.settings-checkbox .settings-checkbox-content {
  margin-top: 16px;
}

.settings-checkbox .settings-checkbox-content .settings-checkbox-content__label {
  cursor: pointer;
  color: #4f4f4f;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  padding-left: 28px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.settings-checkbox .settings-checkbox-content .settings-checkbox-content__label input {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.settings-checkbox .settings-checkbox-content .settings-checkbox-content__label .checkmark {
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
}

.settings-checkbox .settings-checkbox-content .settings-checkbox-content__label .checkmark:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 3px;
  height: 7px;
  display: none;
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
}

.settings-checkbox .settings-checkbox-content .settings-checkbox-content__label:hover input ~ .checkmark {
  border-color: var(--mint-brand-color, #4f4fff);
  background-color: #f2f2f2;
}

.settings-checkbox .settings-checkbox-content .settings-checkbox-content__label input:checked ~ .checkmark {
  background-color: var(--mint-brand-color, #4f4fff);
}

.settings-checkbox .settings-checkbox-content .settings-checkbox-content__label input:checked ~ .checkmark:after {
  display: block;
}

.mint-popup-trigger__title {
  color: #4f4f4f;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.mint-popup-trigger__icons {
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  width: -webkit-fit-content;
  width: fit-content;
  height: 36px;
  padding: 4px 8px;
  display: flex;
}

.mint-popup-trigger__icon-button {
  cursor: pointer;
  background: none;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.mint-popup-trigger__icon-button svg {
  color: #828282;
  width: 16px;
  height: 16px;
}

.mint-popup-trigger__icon-button:hover {
  border-color: #828282;
}

.mint-popup-trigger__icon-button--active {
  border: 2px solid var(--mint-brand-color, #4f4fff);
}

.mint-popup-trigger__icon-button--active svg path {
  fill: var(--mint-brand-color, #4f4fff);
}

.mint-settings-popup .mint-settings-popup__wrapper-bottom {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.mint-settings-popup .mint-settings-popup__wrapper-bottom .mint-settings-popup__wrapper-bottom-content {
  gap: 16px;
  width: 100%;
  display: flex;
}

.mint-settings-popup .mint-settings-popup__wrapper-bottom .mint-settings-popup__wrapper-bottom-content > * {
  width: 50%;
}

.mint-settings-popup .mint-settings-popup__wrapper-bottom .mint-settings-popup__wrapper-bottom-content .mint-popup-button-position .settings-dropdown {
  margin-bottom: 0;
}

.mint-settings-popup .mint-settings-popup__wrapper-bottom .mint-settings-popup__wrapper-bottom-content .mint-popup-trigger {
  flex: 1;
}

.mint-settings-popup .mint-settings-popup__wrapper-bottom .mint-settings-popup__wrapper-bottom-button {
  justify-items: right;
  width: -webkit-fit-content;
  width: fit-content;
}

.mint-popup-enable-control {
  margin-bottom: 1.1em;
}

.mint-popup-enable-control .mint-popup-enable-control__radio {
  gap: 18px;
  margin-top: 16px;
  display: flex;
}

.mint-popup-enable-control .mint-popup-enable-control__radio .mint-popup-enable-control__radio-label {
  color: #4f4f4f;
  cursor: pointer;
  gap: 4px;
  font-size: 14px;
  display: flex;
}

.mint-popup-enable-control .mint-popup-enable-control__radio .mint-popup-enable-control__radio-label input {
  cursor: pointer;
}

.settings-step-label_input {
  width: 100%;
}

.settings-step-label_input .input-text--simple {
  color: #333;
  border: 1px solid #bdbdbd;
  width: 100%;
  height: 42px;
  padding: 0;
}

.settings-zoom-click {
  margin-bottom: 1rem;
}

.settings-zoom-click .settings-zoom-click-checkbox {
  margin-bottom: 16px;
}

.settings-zoom-click .settings-zoom-click-checkbox .settings-zoom-click-checkbox__label {
  cursor: pointer;
  color: #333;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  padding-top: 4px;
  padding-left: 28px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.settings-zoom-click .settings-zoom-click-checkbox .settings-zoom-click-checkbox__label input {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.settings-zoom-click .settings-zoom-click-checkbox .settings-zoom-click-checkbox__label .checkmark {
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 0;
}

.settings-zoom-click .settings-zoom-click-checkbox .settings-zoom-click-checkbox__label .checkmark:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 3px;
  height: 7px;
  display: none;
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
}

.settings-zoom-click .settings-zoom-click-checkbox .settings-zoom-click-checkbox__label:hover input ~ .checkmark {
  border-color: var(--mint-brand-color, #4f4fff);
  background-color: #f2f2f2;
}

.settings-zoom-click .settings-zoom-click-checkbox .settings-zoom-click-checkbox__label input:checked ~ .checkmark {
  background-color: var(--mint-brand-color, #4f4fff);
}

.settings-zoom-click .settings-zoom-click-checkbox .settings-zoom-click-checkbox__label input:checked ~ .checkmark:after {
  display: block;
}

.mint-content-editor .mint-content-editor__input-buttons {
  display: flex;
}

.mint-content-editor .mint-content-editor__input-buttons .input-text {
  color: #333;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  margin-right: 10px;
}

.mint-content-editor .mint-content-editor__input-buttons .input-text--simple {
  min-width: auto;
  max-width: none;
  padding: 0 1.5rem;
  font-size: 1rem;
}

.mint-content-editor .mint-content-editor__input-buttons .input-text--simple::placeholder {
  color: #bdbdbd;
}

.mint-content-editor .mint-content-editor__input-buttons .button {
  width: auto;
  min-height: 40px;
  margin-left: 10px;
}

.mint-content-editor .mint-content-editor__input-buttons .button .icon {
  height: 12px;
}

.mint-content-editor .mint-content-editor__button_bottom {
  margin-top: 12px;
}

.mint-content-editor .mint-content-editor__button_bottom .button {
  width: auto;
}

.mint-content-editor .mint-content-editor__preview {
  text-align: center;
  background: #f2f2f2;
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
  display: none;
}

.mint-content-editor .mint-content-editor__preview:not(:empty) {
  display: block;
}

.mint-content-editor .mint-content-editor__preview img, .mint-content-editor .mint-content-editor__preview video {
  max-width: 100%;
  max-height: 200px;
  margin: 0 auto;
  display: block;
}

.mint-content-editor .mint-content-editor__preview audio {
  width: 100%;
}

.mint-content-editor .mint-content-editor__preview iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.mint-content-simply-editor .mint-content-simply-editor__input-buttons {
  display: flex;
}

.mint-content-simply-editor .mint-content-simply-editor__input-buttons .input-text {
  color: #333;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  margin-right: 10px;
}

.mint-content-simply-editor .mint-content-simply-editor__input-buttons .input-text--simple {
  min-width: auto;
  max-width: none;
  padding: 0 1.5rem;
  font-size: 1rem;
}

.mint-content-simply-editor .mint-content-simply-editor__input-buttons .input-text--simple::placeholder {
  color: #bdbdbd;
}

.mint-content-simply-editor .mint-content-simply-editor__input-buttons .button {
  width: auto;
  min-height: 40px;
  margin-left: 10px;
}

.mint-content-simply-editor .mint-content-simply-editor__input-buttons .button .icon {
  height: 12px;
}

.mint-content-simply-editor .mint-content-simply-editor__button_bottom {
  margin-top: 12px;
}

.mint-content-simply-editor .mint-content-simply-editor__button_bottom .button {
  width: auto;
}

.mint-assistant-editor .textarea {
  resize: none;
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  height: 100px;
  padding: 5px;
}

.mint-tab-content-settings-sidebar--nopadding .mint-image-editor {
  padding: 0 20px;
}

.mint-block-edit--teacher .mint-tabs-model-a__tabs-container {
  display: none;
}

.mint-footer-lms {
  border-top: 1px dashed #f2f2f2;
  flex-wrap: wrap;
  place-content: center space-between;
  padding-top: 30px;
  display: flex;
}

.mint-footer-lms .mint-footer-lms__counters {
  font-family: var(--mint-brand-font-first);
  font-weight: 500;
  display: flex;
}

.mint-footer-lms .mint-footer-lms__counters .mint-footer-lms__counters-col {
  min-width: 90px;
  margin-right: 30px;
}

.mint-footer-lms .mint-footer-lms__counters .mint-footer-lms__counters-number {
  padding-bottom: 10px;
  font-size: 24px;
}

.mint-footer-lms .mint-footer-lms__counters .mint-footer-lms__counters-progress {
  background-color: #f2f2f2;
  width: 100%;
  height: 3px;
}

.mint-footer-lms .mint-footer-lms__counters .mint-footer-lms__counters-progress .mint-footer-lms__counters-progress-bar {
  background-color: var(--mint-brand-color, #4f4fff);
  height: 100%;
}

.mint-footer-lms .mint-footer-lms__counters .mint-footer-lms__counters-label {
  text-transform: uppercase;
  color: #828282;
  padding-top: 5px;
  font-size: 14px;
}

.mint-header-lms {
  border-top: 1px dashed #f2f2f2;
  flex-wrap: wrap;
  place-content: center space-between;
  padding-top: 30px;
  display: flex;
}

.mint-header-lms .mint-header-lms__actions {
  width: 100%;
}

.mint-header-lms .mint-header-lms__actions-tabs {
  display: flex;
}

.mint-header-lms .mint-header-lms__actions-tabs .mint-header-lms__actions-tabs__tab {
  color: #fff;
  background-color: #bdbdbd;
  border: 0;
  min-height: 40px;
  padding: 6px 30px;
  font-size: 16px;
  font-weight: bold;
  transition: all .15s ease-in;
}

.mint-header-lms .mint-header-lms__actions-tabs .mint-header-lms__actions-tabs__tab:hover {
  cursor: pointer;
  opacity: .8;
}

.mint-header-lms .mint-header-lms__actions-tabs .mint-header-lms__actions-tabs__tab:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.mint-header-lms .mint-header-lms__actions-tabs .mint-header-lms__actions-tabs__tab:nth-child(2) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.mint-header-lms .mint-header-lms__alternative-view {
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
}

.mint-lesson-dual-version-header {
  z-index: 10000;
  pointer-events: none;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-width: 100vw;
  height: 50px;
  padding-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .mint-lesson-dual-version-header {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__version-bar {
  z-index: 10000;
  pointer-events: auto;
  box-sizing: border-box;
  background: #fafafa;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 50px;
  padding: 0 15px 4px;
  transition: transform .3s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  transform: translateY(0);
  box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
}

@media (max-width: 768px) {
  .mint-lesson-dual-version-header .mint-lesson-dual-version-header__version-bar {
    padding: 0 10px;
  }
}

.mint-lesson-dual-version-header--scrolled .mint-lesson-dual-version-header__version-bar {
  transform: translateY(-100%);
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tabs-container {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 768px) {
  .mint-lesson-dual-version-header .mint-lesson-dual-version-header__tabs-container {
    padding-left: 45px;
    padding-right: 45px;
  }
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tabs {
  background: rgba(0, 0, 0, .05);
  border-radius: 25px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: none;
  outline: none;
  padding: 8px 24px;
  transition: all .3s;
}

@media (max-width: 768px) {
  .mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab {
    padding: 6px 12px;
  }
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab:first-child {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab:last-child {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab--active {
  background: var(--mint-brand-color, #4f4fff);
  color: #fff;
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab:not(.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab--active) {
  color: #4f4f4f;
  background: none;
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab:not(.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab--active):hover {
  background: rgba(0, 0, 0, .05);
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab-text-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab-text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .mint-lesson-dual-version-header .mint-lesson-dual-version-header__tab-text {
    font-size: 12px;
  }
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__right {
  pointer-events: auto;
  z-index: 10001;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .mint-lesson-dual-version-header .mint-lesson-dual-version-header__right {
    right: 10px;
  }
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__header-close {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__header-close .button--icon svg {
  fill: #828282;
  transition: fill .3s;
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__header-close .button--icon:hover {
  background: none;
}

.mint-lesson-dual-version-header .mint-lesson-dual-version-header__header-close .button--icon:hover svg path {
  fill: #333;
}

.mint-lesson-dual-version-header--at-top {
  box-sizing: border-box;
  width: 100%;
  max-width: 100vw;
  left: 0;
  right: 0;
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: fixed !important;
  top: 0 !important;
}

.mint-lesson-dual-version-header--no-bar {
  pointer-events: none;
  box-shadow: none;
  background: none;
  height: 0;
  position: absolute;
  overflow: visible;
}

.mint-lesson-dual-version-header--no-bar .mint-lesson-dual-version-header__version-bar {
  box-shadow: none;
  pointer-events: none;
  background: none;
  transition: transform .3s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.mint-lesson-dual-version-header--no-bar .mint-lesson-dual-version-header__right {
  pointer-events: auto;
  z-index: 10002;
  margin-left: 0;
  transition: transform .3s, opacity .3s;
  position: fixed;
  top: 20px;
  right: 20px;
}

.mint-lesson-dual-version-header--no-bar--scrolled .mint-lesson-dual-version-header__version-bar {
  transform: translateY(-100%);
}

.mint-lesson-dual-version-header--no-bar--scrolled .mint-lesson-dual-version-header__right {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
}

.mint-lesson-dual-version__wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

.mint-lesson-dual-version__wrapper .mint-lesson-dual-version-header--at-top ~ .mint-lesson-dual-version__lesson {
  padding-top: 50px;
}

@media only screen and (min-width: 1024px) {
  .mint-lesson .lesson__section .mint-item-block_component .mint-block-image--text-aside, .mint-lesson .lesson__section .mint-item-block_component .mint-block-gallery, .mint-lesson .lesson__section .mint-item-block_component .mint-block-video, .mint-lesson .lesson__section .mint-item-block_component .mint-block-carousel {
    max-width: 760px !important;
  }
}

.brand--title-color h1, .brand--title-color h2, .brand--title-color h3, .brand--title-color h4, .brand--title-color h5, .brand--title-color h6 {
  color: var(--mint-brand-color) !important;
}

.brand--border-bottom-after:after {
  border-bottom-color: var(--mint-brand-color) !important;
}

.brand--border-left-after:after {
  border-left-color: var(--mint-brand-color) !important;
}

.brand--border-right-after:after {
  border-right-color: var(--mint-brand-color) !important;
}

.brand--border-top-after:after {
  border-top-color: var(--mint-brand-color) !important;
}

.brand--border-bottom-before:before {
  border-bottom-color: var(--mint-brand-color) !important;
}

.brand--border-left-before:before {
  border-left-color: var(--mint-brand-color) !important;
}

.brand--border-right-before:before {
  border-right-color: var(--mint-brand-color) !important;
}

.brand--border-top-before:before {
  border-top-color: var(--mint-brand-color) !important;
}

.brand--link-active a:active {
  background-color: var(--mint-brand-color) !important;
}

.brand--border-bottom {
  border-bottom-color: var(--mint-brand-color) !important;
}

.brand--border-left {
  border-left-color: var(--mint-brand-color) !important;
}

.brand--border-right {
  border-right-color: var(--mint-brand-color) !important;
}

.brand--border-top {
  border-top-color: var(--mint-brand-color) !important;
}

.brand--color {
  color: var(--mint-brand-color) !important;
}

.brand--background {
  background-color: var(--mint-brand-color) !important;
}

.brand--background-alpha {
  background-color: var(--mint-brand-color) 40 !important;
}

.brand--background-alpha2 {
  background-color: var(--mint-brand-color) 15 !important;
}

.brand--background-alpha2:hover {
  background-color: var(--mint-brand-color) 30 !important;
}

.brand--border {
  border-color: var(--mint-brand-color) !important;
}

.brand--fill .icon {
  fill: var(--mint-brand-color) !important;
}

.brand--before-color:before {
  color: var(--mint-brand-color) !important;
}

.brand--before-background:before {
  background-color: var(--mint-brand-color) !important;
}

.brand--before-border-color:before {
  border-color: var(--mint-brand-color) !important;
}

.brand--after-color:after {
  color: var(--mint-brand-color) !important;
}

.brand--after-background:after {
  background-color: var(--mint-brand-color) !important;
}

.brand--after-border-color:after {
  border-color: var(--mint-brand-color) !important;
}

.brand--hover-color:hover {
  color: var(--mint-brand-color) !important;
}

.brand--hover-background:hover {
  background-color: var(--mint-brand-color) !important;
}

.brand--hover-border-color:hover {
  border-color: var(--mint-brand-color) !important;
}

.brand--hover-icon:hover .icon, .brand--hover-fill:hover {
  fill: var(--mint-brand-color) !important;
}

.brand--link a {
  border-color: var(--mint-brand-color) !important;
  color: var(--mint-brand-color) !important;
}

.mint-lesson input:focus, .mint-lesson select:focus {
  border-color: var(--mint-brand-color) !important;
}

.mint-lesson .swiper-pagination-bullet {
  color: var(--mint-brand-color) !important;
}

.mint-lesson .swiper-pagination-bullet-active {
  background-color: var(--mint-brand-color) !important;
  color: #fff !important;
}

.brand--title-first h1, .brand--title-first h2, .brand--title-first h3, .brand--title-first h4, .brand--title-first h5, .brand--title-first h6, .brand--title-first textarea {
  font-family: var(--mint-brand-font-first) !important;
}

.brand--first-all :not(:-webkit-any(.fa, .fr-code)) {
  font-family: var(--mint-brand-font-first) !important;
}

.brand--first-all :not(:is(.fa, .fr-code)) {
  font-family: var(--mint-brand-font-first) !important;
}

.brand--second-all :not(:-webkit-any(.fa, .fr-code)) {
  font-family: var(--mint-brand-font-second);
}

.brand--second-all :not(:is(.fa, .fr-code)) {
  font-family: var(--mint-brand-font-second);
}

.brand--first {
  font-family: var(--mint-brand-font-first) !important;
}

.brand--second {
  font-family: var(--mint-brand-font-second) !important;
}

.mint-lesson .lemonade-exercises.lemo-text-tokens {
  --lemo-font-family: var(--mint-brand-font-second);
}

.mint-lesson .lemonade-exercises.lemo-color-tokens {
  --lemo-color-corporate: var(--mint-brand-color);
  --lemo-color-corporate-hover: var(--mint-brand-color);
}

.mint-lesson .lemonade-exercises.lemo-button-tokens {
  --lemo-button-border-radius: var(--mint-button-border-radius, 6px);
}

.mint-lesson .lemonade-exercises .lemo-controls-wrapper * {
  font-family: var(--mint-brand-font-first);
}

.mint-lesson .lemonade-exercises .lemo-base-button:hover {
  opacity: .8;
}

.mint-lesson .lemonade-exercises .brand--background-second {
  background-color: var(--mint-brand-color-second) !important;
}

.ML__keyboard {
  --keyboard-zindex: 1002;
}

body.block-scroll {
  height: 100%;
  overflow: hidden;
}

.mint-lesson .katex span, .mint-lesson .lemonade-exercises .katex span {
  font-size: 100%;
}

.toast-undo-component {
  background-color: #313131;
  padding: 10px;
  display: flex;
}

.toast-undo-component__text {
  color: #fff;
  align-self: center;
  margin-left: 10px;
  margin-right: 15px;
}

.toast-undo-component__button .button {
  height: 40px;
  min-height: 40px;
  font-size: .9rem;
}

@media only screen and (min-width: 1024px) {
  .grid, .grid-content {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.attempts-section__section {
  margin-bottom: 1.5rem;
}

.attempts-section__subsection-title {
  color: #333;
  margin-bottom: .75rem;
  font-size: .9rem;
  font-weight: bold;
  display: block;
}

.attempts-section__setting-group {
  align-items: center;
  gap: 12px;
  margin-bottom: 1rem;
  display: flex;
}

.attempts-section__input-label {
  color: #8c99ad;
  flex-shrink: 0;
  min-width: -webkit-fit-content;
  min-width: fit-content;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.attempts-section__input {
  --focus-color: #4f4fff;
  --focus-shadow-light: rgba(79, 79, 255, .4);
  --focus-shadow-strong: rgba(79, 79, 255, .3);
  --error-bg: #fff5f5;
  color: #333;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  width: 80px;
  padding: 8px 12px;
  font-size: .9rem;
  transition: all .2s;
}

.attempts-section__input--error {
  border-color: var(--error-color) !important;
  background-color: var(--error-bg) !important;
}

.mint-lesson .attempts-section__input:focus {
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 0 2px var(--focus-shadow-light) !important;
  outline: none !important;
}

.mint-lesson .attempts-section__input:focus-visible {
  outline-offset: 2px;
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 0 4px var(--focus-shadow-strong) !important;
}

.mint-lesson .attempts-section__input--error:focus {
  background-color: #fff !important;
}

.mint-lesson .attempts-section__input--error:focus-visible {
  background-color: #fff !important;
}

.attempts-section__input-error {
  color: #dc3545;
  background-color: #fff5f5;
  border: 1px solid #fecaca;
  border-radius: 4px;
  margin-top: .5rem;
  padding: .5rem;
  font-size: .8rem;
  font-weight: 500;
}

.attempts-section__input-help {
  color: #666;
  margin-top: .5rem;
  font-size: .8rem;
  font-style: italic;
}

@media only screen and (min-width: 1024px) {
  .grid, .grid-content {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.evaluation-section__section {
  margin-bottom: 1.5rem;
}

.evaluation-section__subsection-title {
  color: #333;
  margin-bottom: .75rem;
  font-size: .9rem;
  font-weight: bold;
  display: block;
}

.evaluation-section__toggle-group {
  margin-bottom: 1rem;
}

.hidden {
  display: none !important;
}

.block-click--dissabled {
  position: relative;
}

.block-click--dissabled .block-click__content {
  z-index: 20;
  position: relative;
}

.block-click--dissabled:after {
  content: "";
  z-index: 10000;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.block-click--dissabled::selection {
  background: none !important;
}

.text-to-speech-player__controls {
  width: 50px;
  height: 100%;
  font-size: 0;
}

.search__color {
  background-color: #fff6aa !important;
}

.search__lesson-title {
  color: #989aa1;
}

.mint-lesson-menu__loading-search {
  text-align: center;
}

.glossary-highligh {
  background-color: #8ac728 !important;
}

.text-to-speech-player {
  position: fixed;
  bottom: 20px;
  left: 2rem;
}

.highlight--note--background {
  padding: 0;
  background-color: rgba(37, 187, 100, 0) !important;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.hover-basic {
  cursor: pointer;
}

.hover-basic:hover {
  opacity: .7;
}

.no-break {
  white-space: nowrap;
  margin: 0;
  display: inline-block;
}

.highlight {
  color: inherit;
  border-bottom: 2px dashed red;
}

.highlight:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: .5rem;
  display: inline-block;
  transform: translateY(.35rem);
}

.highlight--note:before {
  display: none !important;
}

.highlight--map:before {
  background-size: 16px;
}

.direction-inverse {
  direction: rtl;
}

.line-spacing-small {
  line-height: 18px;
}

.main-content {
  font-size: 18px;
  line-height: 30px;
}

.main-caption {
  color: #828282;
  font-size: 14px;
  line-height: 20px;
}

.main-caption .fr-box {
  margin-bottom: 0;
  line-height: 30px;
}

.main-caption .fr-box * {
  margin-bottom: 0 !important;
}

.main-caption p {
  margin-top: .5rem;
  padding-top: 0;
}

.main-caption div, .main-caption p, .main-caption picture, .main-caption img {
  margin-bottom: .75rem;
}

.main-caption div:last-child, .main-caption p:last-child, .main-caption picture:last-child, .main-caption img:last-child {
  margin-bottom: 0;
}

.title-header {
  font-size: 30px;
  line-height: 2.5rem;
}

.title-subheader {
  font-size: 24px;
  line-height: 2.25rem;
}

.mint-lesson, .mint-blocks-sidebar, .mint-floating-fullscreen {
  --mint-button-border-radius: var(--mint-border-radius, 6px);
  --mint-button-interactive-border-radius: var(--mint-border-radius, 32px);
  --mint-note-border-radius: var(--mint-border-radius, 6px);
  --mint-media-border-radius: var(--mint-border-radius, 0px);
  --mint-box-border-radius: var(--mint-border-radius, 0px);
  --mint-box-process-border-radius: var(--mint-border-radius, 8px);
  --mint-dialog-border-radius: var(--mint-border-radius, 8px);
  --mint-popup-border-radius: var(--mint-border-radius, 24px);
}

.grid, .grid-content {
  margin-left: 12px;
  margin-right: 12px;
}

.grid-lateral-padding {
  padding-left: 12px;
}

.full {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media only screen and (min-width: 1024px) {
  .grid, .grid-content {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-content {
    max-width: 760px;
  }

  .grid-lateral-padding {
    padding-left: calc(50% - 512px);
  }

  .full {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.mint-fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-duration: .5s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mint-audio-player-popup__play .icon {
    width: 15px;
  }
}

.tags-section__section {
  margin-bottom: 1.5rem;
}

.tags-section__subsection-title {
  color: #333;
  margin-bottom: .75rem;
  font-size: .9rem;
  font-weight: bold;
  display: block;
}

.tags-section__setting-group {
  margin-bottom: 1rem;
}

.custom-dropdown {
  width: 100%;
  position: relative;
}

.custom-dropdown__input {
  --focus-color: #4f4fff;
  --focus-shadow-light: rgba(79, 79, 255, .4);
  --focus-shadow-strong: rgba(79, 79, 255, .3);
  cursor: pointer;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  transition: all .2s;
  display: flex;
}

.custom-dropdown__input:hover {
  border-color: #ccc;
}

.custom-dropdown__input[aria-expanded="true"] {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 3px rgba(79, 79, 255, .2);
}

.custom-dropdown__selected {
  color: #333;
  flex: 1;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: .9rem;
}

.custom-dropdown__arrow {
  border-top: 6px solid #000;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  flex-shrink: 0;
  width: 0;
  height: 0;
  margin-left: 8px;
  transition: transform .2s;
}

.custom-dropdown__arrow--up {
  transform: rotate(180deg);
}

.custom-dropdown__menu {
  z-index: 1000;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: fit-content;
  max-height: 200px;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  list-style: none;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.custom-dropdown__option {
  cursor: pointer;
  color: #666;
  padding: 8px 12px;
  font-size: .9rem;
  line-height: 1.4;
  transition: background-color .15s;
}

.custom-dropdown__option:hover {
  color: #333;
  background-color: #f5f5f5;
}

.custom-dropdown__option:focus {
  color: #333;
  background-color: #e3f2fd;
  outline: none;
}

.custom-dropdown__option:first-child {
  border-radius: 6px 6px 0 0;
}

.custom-dropdown__option:last-child {
  border-radius: 0 0 6px 6px;
}

.custom-dropdown__option--selected {
  color: #333;
  background-color: #f0f0f0;
  font-weight: 500;
}

.custom-dropdown__option--focused {
  color: #333;
  background-color: #e3f2fd;
}

.custom-dropdown__option--keyboard-focused {
  outline-offset: 2px;
  border-radius: 4px;
  color: #333 !important;
  background-color: #e3f2fd !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 2px #4f4fff, 0 0 0 4px rgba(79, 79, 255, .3) !important;
}

.mint-lesson .custom-dropdown__input:focus {
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 0 2px var(--focus-shadow-light) !important;
  outline: none !important;
}

.mint-lesson .custom-dropdown__input:focus-visible {
  outline-offset: 2px;
  outline: 2px solid var(--focus-color) !important;
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 0 4px var(--focus-shadow-strong) !important;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-placeholder {
  background: #f2f2f2;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 584px;
  height: 404px;
  margin: 0 auto;
  display: flex;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-placeholder .mint-flip-image-placeholder__icon {
  width: auto;
  max-width: 60px;
  height: auto;
  max-height: 60px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container {
  perspective: 1000px;
  width: 584px;
  min-height: 200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container:has(.mint-flip-image-card) {
  width: 100%;
  max-width: 100%;
  min-height: auto;
  overflow: visible;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-side {
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: auto;
  transition: transform .8s ease-in-out, opacity .8s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-side.mint-flip-image-side--visible {
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
  opacity: 1;
  display: block;
  transform: rotateY(0);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-side.mint-flip-image-side--hidden {
  visibility: visible;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-side.mint-flip-image-side--front.mint-flip-image-side--hidden {
  transform: rotateY(-180deg);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-side.mint-flip-image-side--back.mint-flip-image-side--hidden {
  transform: rotateY(180deg);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-button {
  cursor: pointer;
  z-index: 10;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 8px rgba(0, 123, 255, .3);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-button:active {
  transform: scale(.95);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-button img {
  filter: brightness(0) invert();
  width: 24px;
  height: 24px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-button.mint-flip-image-button--flip:hover {
  background: none;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 123, 255, .4);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-button.mint-flip-image-button--close {
  box-shadow: none;
  background: none;
  top: 0;
  right: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-button.mint-flip-image-button--close img {
  filter: none;
  width: 24px;
  height: 24px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-button.mint-flip-image-button--close:hover {
  box-shadow: none;
  background: none;
  transform: scale(1.1);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card {
  background: var(--neutral-base-white, #fff);
  border: 1px solid var(--neutral-gray-02, #e0e0e0);
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100px;
  margin: 0;
  position: relative;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 0;
  height: auto;
  min-height: 100px;
  padding: 24px;
  display: flex;
  overflow: visible;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-header, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-body, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section {
  align-self: stretch;
  width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section {
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: auto;
  display: flex;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section .mint-media-video {
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section .mint-media-video .mint-media-video__container {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section img {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section video {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section .media-video {
  width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section > :not(img) {
  width: 100%;
  max-width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-text-content {
  color: #333;
  text-align: center;
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.6;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__buttons {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__buttons .mint-flip-image-button {
  pointer-events: auto;
  position: absolute;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__buttons .mint-flip-image-button.mint-flip-image-button--close {
  top: 16px;
  right: 16px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__buttons .mint-flip-image-button.mint-flip-image-button--flip {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  bottom: 20px;
  right: 16px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__buttons .mint-flip-image-button.mint-flip-image-button--flip img {
  filter: none;
  width: 40px;
  height: 40px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-card .mint-flip-image-card__buttons .mint-flip-image-button.mint-flip-image-button--flip:hover {
  box-shadow: none;
  background: none;
  transform: scale(1.1);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-image-wrapper {
  visibility: visible;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-image-wrapper img {
  object-fit: contain;
  visibility: visible;
  opacity: 1;
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  display: block;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 200px;
  display: flex;
  position: relative;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper img, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper video {
  object-fit: contain;
  visibility: visible;
  opacity: 1;
  border-radius: 8px;
  max-width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper > div, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper > button {
  visibility: visible;
  opacity: 1;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper .mint-flip-image-media-buttons {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper .mint-flip-image-media-buttons .mint-flip-image-button {
  pointer-events: auto;
  position: absolute;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper .mint-flip-image-media-buttons .mint-flip-image-button.mint-flip-image-button--close {
  top: 16px;
  right: 16px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper .mint-flip-image-media-buttons .mint-flip-image-button.mint-flip-image-button--flip {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  bottom: 20px;
  right: 16px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper .mint-flip-image-media-buttons .mint-flip-image-button.mint-flip-image-button--flip img {
  filter: none;
  width: 40px;
  height: 40px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container .mint-flip-image-media-wrapper .mint-flip-image-media-buttons .mint-flip-image-button.mint-flip-image-button--flip:hover {
  box-shadow: none;
  background: none;
  transform: scale(1.1);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--image .mint-flip-image-media-wrapper img {
  border-radius: 8px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video {
  width: auto;
  min-width: 584px;
  max-width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video:has(.mint-flip-image-card) {
  width: 100%;
  max-width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-side .media-video .media-video__container {
  width: 100%;
  min-width: 744px;
  max-width: 100%;
  min-height: 622px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-card {
  width: 100%;
  min-width: 0;
  overflow: visible;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-card .mint-flip-image-card__content, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section {
  min-width: 0;
  overflow: visible;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section .media-video {
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section .media-video .media-video__container {
  box-shadow: none;
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 0;
  flex-shrink: 0;
  gap: 12px;
  width: 100%;
  min-width: 744px;
  max-width: 100%;
  min-height: 622px;
  margin: 0;
  padding: 24px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section .media-video .media-video__container .media-video__video {
  width: calc(100% - 48px);
  max-width: calc(100% - 48px);
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper {
  flex-direction: column;
  align-items: stretch;
  min-height: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper > video {
  border-radius: 8px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper > .media-video, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper .mint-flip-image-media-section .media-video {
  flex-shrink: 0;
  order: 1;
  width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper > .media-video .media-video__container, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper .mint-flip-image-media-section .media-video .media-video__container {
  min-width: 744px;
  min-height: 622px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper .mint-flip-image-media-buttons {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper .mint-flip-image-media-buttons .mint-flip-image-button--close {
  pointer-events: auto;
  z-index: 100;
  position: absolute;
  top: 26px;
  right: 26px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper .mint-flip-image-media-buttons .mint-flip-image-button--flip {
  pointer-events: auto;
  z-index: 1;
  position: absolute;
  top: auto;
  bottom: 20px;
  right: 16px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper .mint-flip-image-media-section {
  z-index: 2;
  position: relative;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper .mint-flip-image-media-section .media-video {
  position: static;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--video .mint-flip-image-media-wrapper > :not(.mint-flip-image-media-buttons) {
  order: 1;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--audio .mint-flip-image-card .mint-flip-image-card__content {
  flex-direction: column;
  align-items: stretch;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container.mint-flip-image-container--text .mint-flip-image-card .mint-flip-image-card__content {
  padding: 32px 24px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header {
  flex-shrink: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header .mint-flip-image-header-text, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header .fr-view {
  color: var(--neutral-gray-05, #4f4f4f);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header .mint-flip-image-header-text p, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header .fr-view p {
  margin-top: 0;
  margin-bottom: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header .fr-view {
  display: block;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-body {
  color: var(--Text-text-02, #4f4f4f);
  white-space: pre-wrap;
  word-wrap: break-word;
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-media-section {
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 200px;
  margin-bottom: 0;
  display: flex;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-media-section img {
  visibility: visible;
  opacity: 1;
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-media-section video {
  visibility: visible;
  opacity: 1;
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-media-section .media-video {
  width: 100%;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-media-section > div, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-media-section > button {
  visibility: visible;
  opacity: 1;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content > :last-child {
  margin-bottom: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section:not(:last-child) {
  margin-bottom: 16px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-header {
  margin-top: 0;
  margin-bottom: 16px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-header:first-child {
  margin-top: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-body {
  margin-top: 0;
  margin-bottom: 16px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-body:last-child {
  margin-bottom: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-header + .mint-flip-image-media-section, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section + .mint-flip-image-body, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-card .mint-flip-image-card__content .mint-flip-image-media-section + .mint-flip-image-header {
  margin-top: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside {
  width: 100%;
  margin-bottom: 15px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside:first-child {
  margin-top: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside .mint-flip-image-header {
  flex-shrink: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside .mint-flip-image-header .mint-flip-image-header-text, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside .mint-flip-image-header .fr-view {
  color: var(--neutral-gray-05, #4f4f4f);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside .mint-flip-image-header .mint-flip-image-header-text p, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside .mint-flip-image-header .fr-view p {
  margin-top: 0;
  margin-bottom: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside .mint-flip-image-header .fr-view {
  display: block;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-body-outside {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-body-outside:last-child {
  margin-bottom: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-body-outside .mint-flip-image-body {
  color: var(--Text-text-02, #4f4f4f);
  white-space: pre-wrap;
  word-wrap: break-word;
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-header-outside + .mint-flip-image-media-wrapper {
  margin-top: 0;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-media-wrapper + .mint-flip-image-body-outside, .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-media-wrapper + .mint-flip-image-header-outside {
  margin-top: 15px;
}

.mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-body-outside + .mint-flip-image-media-wrapper {
  margin-top: 0;
}

.mint-block-flip-image__content .mint-flip-image-caption {
  text-align: center;
  color: var(--Grays-05, #8c99ad);
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.mint-block-flip-image__content .mint-flip-image-container--video + .mint-flip-image-caption {
  margin-top: -40px;
}

.item-block-editor__children .mint-block-flip-image .mint-block-flip-image__content .mint-flip-image-container:has(.mint-flip-image-card) {
  min-height: auto;
}

.mint-block-image-switcher .sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  max-width: 580px;
  margin: 0 auto;
  padding: 18px;
  display: flex;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher:not(.mint-image-switcher--with-image) {
  aspect-ratio: 580 / 420;
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__container {
  background: var(--neutral-gray-01, #f2f2f2);
  flex: 1 0 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  transition: height .3s;
  display: flex;
  position: relative;
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__image-container {
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__image {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__nav-icon {
  box-shadow: none;
  cursor: pointer;
  z-index: 2;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__nav-icon img {
  filter: none;
  width: 40px;
  height: 40px;
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__nav-icon:hover {
  box-shadow: none;
  background: none;
  transform: scale(1.1);
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__nav-icon:active {
  transform: scale(.95);
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
  color: var(--neutral-gray-04, #828282);
  -webkit-user-select: none;
  user-select: none;
  font-family: Inter, sans-serif;
  font-size: max(24px, min(6vw, 38px));
  font-weight: 700;
}

@media (min-width: 769px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 580px;
    padding: 18px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: 38px;
  }
}

@media (max-width: 768px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 95%;
    padding: 15px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: max(24px, min(5vw, 36px));
  }
}

@media (max-width: 620px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 90%;
    padding: 12px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: max(20px, min(6vw, 32px));
  }
}

@media (max-width: 480px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 90%;
    padding: 10px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: max(18px, min(7vw, 28px));
  }
}

@media (max-width: 380px) {
  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher {
    max-width: 95%;
    padding: 8px;
  }

  .mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__number {
    font-size: max(16px, min(8vw, 24px));
  }
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher.mint-image-switcher--with-image .mint-image-switcher__image {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.mint-block-image-switcher .mint-block-image-switcher__content .mint-image-switcher .mint-image-switcher__container--with-image {
  background: none;
}

.mint-block-image-switcher .mint-block-image-switcher__caption {
  text-align: center;
  color: var(--Grays-05, #8c99ad);
  word-wrap: break-word;
  max-width: 100%;
  margin-top: 16px;
  margin-bottom: 12px;
  padding: 0 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.mint-block-image-switcher .mint-block-image-switcher__dots {
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.mint-block-image-switcher .mint-block-image-switcher__dot {
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  padding: 0;
  transition: background-color .2s, transform .2s;
}

.mint-block-image-switcher .mint-block-image-switcher__dot:hover {
  transform: scale(1.2);
}

.mint-block-image-switcher .mint-block-image-switcher__dot:focus {
  outline-offset: 2px;
  outline: 2px solid #4f4fff;
}

.mint-block-image-switcher .mint-block-image-switcher__dot:focus:not(:focus-visible) {
  outline: none;
}

.mint-block-image-switcher .mint-block-image-switcher__dot--active {
  background-color: #4f4fff;
}

.mint-block-image-switcher .mint-block-image-switcher__dot--inactive {
  background-color: #e0e0e0;
}

.mint-block-before-after .mint-block-before-after__content .mint-before-after {
  background: #fff;
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  gap: 7px;
  width: 580px;
  height: 420px;
  margin: 0 auto;
  padding: 18.61px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
}

.mint-block-before-after .mint-block-before-after__content .mint-before-after__container {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  position: relative;
}

.mint-block-before-after .mint-block-before-after__content .mint-before-after__container:active {
  cursor: grabbing;
}

.mint-block-before-after .mint-block-before-after__content .mint-image-container {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.mint-block-before-after .mint-block-before-after__content .mint-image-container img {
  object-fit: contain;
  pointer-events: none;
  cursor: default;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
}

.mint-block-before-after .mint-block-before-after__content .mint-image-container .mint-image-wrapper {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.mint-block-before-after .mint-block-before-after__content .mint-image-container .mint-image-wrapper__no-alt-icon {
  z-index: 5;
  pointer-events: auto;
}

.mint-block-before-after .mint-block-before-after__content .mint-image-background {
  z-index: 1;
}

.mint-block-before-after .mint-block-before-after__content .mint-image-foreground {
  z-index: 2;
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-line {
  border-right: 1px solid var(--neutral-gray-02, #e0e0e0);
  border-left: 1px solid var(--neutral-gray-02, #e0e0e0);
  z-index: 10;
  cursor: grab;
  background: #fff;
  width: 6px;
  height: 390px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-line:active {
  cursor: grabbing;
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-line:focus {
  outline-offset: -2px;
  outline: 2px solid #4f4fff;
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-handle {
  background: var(--neutral-gray-04, #828282);
  cursor: grab;
  z-index: 11;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  top: 50%;
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-handle:active {
  cursor: grabbing;
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-handle--left {
  left: -15px;
  transform: translate(-50%, -50%);
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-handle--right {
  right: -15px;
  transform: translate(50%, -50%);
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-arrow-icon {
  color: #fff;
  width: 20px;
  height: 20px;
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-arrow-icon path {
  fill: #fff;
}

.mint-block-before-after .mint-block-before-after__content .mint-slider-arrow-icon--left {
  transform: rotate(180deg);
}

.mint-block-before-after .mint-block-before-after__content .mint-before-after__label {
  color: #fff;
  z-index: 4;
  pointer-events: none;
  background: rgba(0, 0, 0, .6);
  border-radius: 4px;
  padding: 6px 12px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 12px;
}

.mint-block-before-after .mint-block-before-after__content .mint-before-after__label--before {
  left: 12px;
}

.mint-block-before-after .mint-block-before-after__content .mint-before-after__label--after {
  right: 12px;
}

.mint-block-before-after .mint-block-before-after__content .mint-before-after__placeholder {
  color: var(--neutral-gray-04, #828282);
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Inter, sans-serif;
  font-size: max(24px, min(6vw, 38px));
  font-weight: 700;
  display: flex;
}

@media (max-width: 768px) {
  .mint-block-before-after .mint-block-before-after__content .mint-before-after {
    border-radius: 8px;
    max-width: 100%;
    margin: 0;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-slider-handle {
    width: 36px;
    height: 36px;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-slider-arrow {
    font-size: 14px;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-slider-arrow-left {
    left: 6px;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-slider-arrow-right {
    right: 6px;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-before-after__label {
    padding: 4px 8px;
    font-size: 12px;
    top: 8px;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-before-after__label--before {
    left: 8px;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-before-after__label--after {
    right: 8px;
  }
}

.mint-block-before-after .mint-block-before-after__caption {
  text-align: center;
  color: var(--Grays-05, #8c99ad);
  word-wrap: break-word;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin-top: 16px;
  margin-bottom: 12px;
  padding: 0 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.mint-block-before-after .mint-caption-item {
  color: var(--Grays-05, #8c99ad);
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.mint-block-before-after .mint-caption-item:last-child {
  margin-bottom: 0;
}

.mint-block-before-after .mint-caption-label {
  color: var(--Grays-05, #8c99ad);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.mint-block-before-after .mint-caption-text {
  color: var(--Grays-05, #8c99ad);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 768px) {
  .mint-block-before-after .mint-block-before-after__content .mint-caption-item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-caption-text {
    color: var(--Grays-05, #8c99ad);
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mint-block-before-after .mint-block-before-after__content .mint-slider-line, .mint-block-before-after .mint-block-before-after__content .mint-slider-handle {
    transition: none;
  }
}

@media (prefers-color-scheme: dark) {
  .mint-block-before-after .mint-block-before-after__content .mint-before-after {
    background: #1a1a1a;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
  }

  .mint-block-before-after .mint-block-before-after__content .mint-slider-line {
    background: #333;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-slider-line:before {
    background: rgba(0, 0, 0, .3);
  }

  .mint-block-before-after .mint-block-before-after__content .mint-slider-handle {
    background: #333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
  }

  .mint-block-before-after .mint-block-before-after__content .mint-slider-arrow {
    color: #fff;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-block-before-after__caption {
    background: #1a1a1a;
  }

  .mint-block-before-after .mint-block-before-after__content .mint-caption-item, .mint-block-before-after .mint-block-before-after__content .mint-caption-label, .mint-block-before-after .mint-block-before-after__content .mint-caption-text {
    color: var(--Grays-05, #8c99ad);
  }
}

.mint-flip-image-editor-container .mint-flip-image-editor-content {
  padding: 0 34px 34px;
}

.mint-flip-image-editor-container .mint-flip-image-editor-content p.label {
  color: var(--Grey-06, #333);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.mint-flip-image-editor-container .mint-flip-image-editor-content p.label:nth-child(2) {
  color: var(--Grey-05, #4f4f4f);
}

.mint-flip-image-media-selector {
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px;
  display: flex;
}

.mint-flip-image-media-button {
  border: 1px solid var(--neutral-gray-04, #828282);
  background: var(--neutral-base-white, #fff);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-width: 60px;
  height: 64px;
  font-size: 12px;
  transition: all .2s;
  display: flex;
}

.mint-flip-image-media-button:hover {
  background: #f8f9ff;
  border-color: #007bff;
}

.mint-flip-image-media-button.active {
  border: 2px solid var(--brand-corporate, #4f4fff);
  background: rgba(79, 79, 255, .1);
  border-radius: 8px;
}

.mint-flip-image-media-button .mint-flip-image-media-button__icon {
  font-size: 18px;
  line-height: 1;
}

.mint-flip-image-media-button .mint-flip-image-media-button__icon img {
  width: 20px;
  height: 20px;
}

.mint-flip-image-media-button .mint-flip-image-media-button__label {
  color: var(--Text-text-02, #4f4f4f);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.mint-flip-image-media-button.active .mint-flip-image-media-button {
  color: var(--Text-text-01, #333);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.mint-flip-image-media-button.active .mint-flip-image-media-button__icon img {
  filter: brightness(0) saturate() invert(19%) sepia() saturate(4942%) hue-rotate(248deg) brightness(101%) contrast(101%);
}

.mint-flip-image-content-editor {
  margin-top: 16px;
}

.mint-flip-image-content-editor .label {
  color: #333;
  margin-bottom: 8px;
  font-weight: 500;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper {
  border: 1px solid var(--neutral-gray-03, #bdbdbd);
  background: var(--White, #fff);
  border-radius: 8px;
  flex-direction: column;
  align-self: stretch;
  min-height: 96px;
  padding: 12px 9px 12px 12px;
  display: flex;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper > * {
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-height: 0;
  display: flex;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-wrapper, .mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-box {
  background: none;
  border: none;
  flex: auto;
  min-height: 0;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-element {
  height: auto;
  min-height: 20px;
  padding: 0;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-view {
  height: auto;
  min-height: 20px;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-wrapper .fr-placeholder, .mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-element[data-placeholder]:before {
  color: var(--Grey-05, #4f4f4f);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-element::placeholder {
  color: var(--Grey-05, #4f4f4f);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-element::placeholder {
  color: var(--Grey-05, #4f4f4f);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-element::-moz-placeholder {
  color: var(--Grey-05, #4f4f4f);
  opacity: 1;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.mint-flip-image-content-editor .mint-flip-image-text-editor-wrapper .fr-element:-ms-input-placeholder {
  color: var(--Grey-05, #4f4f4f);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.mint-flip-image-field-header {
  align-items: center;
  margin-top: 16px;
  margin-bottom: 8px;
  display: flex;
}

.mint-flip-image-field-header:first-child {
  margin-top: 0;
}

.mint-flip-image-field-header .mint-flip-image-drag-handle {
  cursor: grab;
  flex-shrink: 0;
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.mint-flip-image-field-header .mint-flip-image-drag-handle:active {
  cursor: grabbing;
}

.mint-flip-image-field-header .mint-flip-image-drag-handler {
  opacity: .6;
  cursor: grab;
  flex-shrink: 0;
}

.mint-flip-image-field-header .label {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.mint-flip-image-sortable-section {
  margin-bottom: 16px;
}

.mint-flip-image-sortable-section:last-child {
  margin-bottom: 0;
}

.mint-flip-image-droppable-disabled {
  opacity: .5;
  pointer-events: none;
  position: relative;
}

.mint-flip-image-droppable-disabled:before {
  content: "";
  z-index: 1;
  background: rgba(255, 255, 255, .7);
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mint-flip-image-droppable-disabled .mint-flip-image-sortable-section {
  opacity: .6;
}

.mint-flip-image-editor-content > p.label:first-child {
  margin-left: 16px;
}

.mint-flip-image-label-aligned {
  margin-top: 16px;
  margin-left: 16px;
}

.mint-flip-image-input-container {
  margin-left: 0;
}

.mint-flip-image-header-input {
  border: 1px solid var(--Grey-03, #bdbdbd);
  background: var(--White, #fff);
  border-radius: 8px;
  min-height: 44px;
  padding: 12px 9px 12px 12px;
}

.mint-flip-image-header-input > * {
  width: 100%;
}

.mint-flip-image-header-input .fr-wrapper, .mint-flip-image-header-input .fr-box {
  background: none;
  border: none;
}

.mint-flip-image-header-input .fr-element {
  min-height: 20px;
  padding: 0;
}

.mint-flip-image-textarea {
  resize: vertical;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 100%;
  min-height: 80px;
  max-height: 250px;
  padding: 12px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
}

.mint-flip-image-textarea:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, .25);
}

.mint-flip-image-textarea::placeholder {
  color: var(--Grey-05, #4f4f4f);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.mint-content-editor__preview {
  background: var(--Grey-01, #f5f5f5);
  text-align: center;
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
  display: none;
}

.mint-content-editor__preview:not(:empty) {
  display: block;
}

.mint-content-editor__preview img, .mint-content-editor__preview video {
  max-width: 100%;
  max-height: 200px;
  margin: 0 auto;
  display: block;
}

.mint-content-editor__preview audio {
  width: 100%;
}

.mint-content-editor__preview iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.vl-controls-box, .vl-lesson .vl-select, .vl-lesson .vl-input-text--simple {
  border: 1px solid #8c99ad;
  border-radius: 8px;
  width: -webkit-fill-available;
  max-width: 100%;
  padding: 7px 12px;
}

.hidden {
  display: none !important;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.vl-disabled, .vl-lesson .vl-select--disabled, .vl-lesson .vl-input-text:disabled, .vl-lesson .vl-button:disabled {
  opacity: .3;
  pointer-events: none;
}

.vl-font, .vl-font-small-regular-600, .vl-lesson .vl-button-questions .vl-button-questions__text, .vl-lesson .vl-wrapper-title-error .vl-wrapper-title-error__error, .vl-lesson .vl-tooltip-bubble__message, .vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points .lemonade-exercises__score p, .vl-font-small-regular, .vl-lesson .vl-wrapper-title-error .vl-wrapper-title-error__title, .vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times .vl-tool__left-time-actual, .vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times .vl-tool__left-time-total, .vl-font-paragraph-medium, .vl-lesson .vl-add-activity-option .vl-add-activity-option__text, .vl-lesson .vl-card-activity-list .vl-card-activity-list__text, .vl-lesson .vl-card-activity-list .vl-card-activity-list__intents, .vl-lesson .vl-toggle .vl-toggle__text, .vl-lesson .vl-player .vl-player__subtitle, .vl-lesson .vl-confirm-message .vl-confirm-content, .vl-lesson .vl-info-message .vl-info-message__content .vl-info-message__message, .vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__time, .vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__intents, .vl-font-paragraph-bold, .vl-lesson .vl-lemonade-question__navigation-attempts, .vl-lesson .vl-button, .vl-font-paragraph-regular-bold, .vl-lesson .vl-button-black, .vl-font-paragraph-regular, .vl-lesson .vl-tool-activities-empty .vl-tool-activities-empty__text, .vl-font-title-modal-bold, .vl-lesson .vl-confirm-message .vl-confirm-title, .vl-font-title-bold, .vl-lesson .vl-player .vl-player__title, .vl-font-heading-paragraph-02-medium, .vl-lesson .vl-results-counter .vl-results-counter__text, .vl-font-heading-h4, .vl-lesson .vl-question-list .vl-question-list__no-results .vl-question-list__no-results-text, .vl-lesson .vl-solutions-list-component .vl-solutions-list-component__no-results .vl-solutions-list-component__no-results-text, .vl-font-heading-h2, .vl-lesson .vl-results-counter .vl-results-counter__number {
  letter-spacing: 0;
  text-transform: none;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica;
}

.vl-font-heading-h2, .vl-lesson .vl-results-counter .vl-results-counter__number {
  font-size: 2em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: 48px;
}

.vl-font-heading-h4, .vl-lesson .vl-question-list .vl-question-list__no-results .vl-question-list__no-results-text, .vl-lesson .vl-solutions-list-component .vl-solutions-list-component__no-results .vl-solutions-list-component__no-results-text {
  font-size: 1.375em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: 35px;
}

.vl-font-heading-paragraph-02-medium, .vl-lesson .vl-results-counter .vl-results-counter__text {
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.4375em;
}

.vl-font-title-bold, .vl-lesson .vl-player .vl-player__title {
  letter-spacing: normal;
  font-size: 1.375em;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.5625em;
}

.vl-font-title-modal-bold, .vl-lesson .vl-confirm-message .vl-confirm-title {
  letter-spacing: normal;
  font-size: 1.125em;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.5625em;
}

.vl-font-paragraph-regular, .vl-lesson .vl-tool-activities-empty .vl-tool-activities-empty__text {
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5625em;
}

.vl-font-paragraph-regular-bold, .vl-lesson .vl-button-black {
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.5em;
}

.vl-font-paragraph-bold, .vl-lesson .vl-lemonade-question__navigation-attempts, .vl-lesson .vl-button {
  font-size: .875em;
  font-weight: bold;
  line-height: .125em;
}

.vl-font-paragraph-medium, .vl-lesson .vl-add-activity-option .vl-add-activity-option__text, .vl-lesson .vl-card-activity-list .vl-card-activity-list__text, .vl-lesson .vl-card-activity-list .vl-card-activity-list__intents, .vl-lesson .vl-toggle .vl-toggle__text, .vl-lesson .vl-player .vl-player__subtitle, .vl-lesson .vl-confirm-message .vl-confirm-content, .vl-lesson .vl-info-message .vl-info-message__content .vl-info-message__message, .vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__time, .vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__intents {
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.625em;
}

.vl-font-small-regular, .vl-lesson .vl-wrapper-title-error .vl-wrapper-title-error__title, .vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times .vl-tool__left-time-actual, .vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times .vl-tool__left-time-total {
  font-size: .75em;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5625em;
}

.vl-font-small-regular-600, .vl-lesson .vl-button-questions .vl-button-questions__text, .vl-lesson .vl-wrapper-title-error .vl-wrapper-title-error__error, .vl-lesson .vl-tooltip-bubble__message, .vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points .lemonade-exercises__score p {
  font-size: .75em;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1.5625em;
}

.vl-lesson .vl-assessment-grade-tag {
  background: #dfe0df;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 5px 12px 5px 20px;
  display: inline-flex;
}

.vl-lesson .vl-assessment-grade-tag .vl-assessment-grade-tag__icon {
  margin-top: 3px;
}

.vl-lesson .vl-assessment-grade-tag .vl-assessment-grade-tag__icon .icon {
  width: 24px;
  height: 24px;
}

.vl-lesson .vl-assessment-grade-tag__grade-container {
  justify-content: center;
  align-items: baseline;
  margin-right: 10px;
  font-weight: 600;
  display: flex;
}

.vl-lesson .vl-assessment-grade-tag__grade {
  font-size: 1em;
}

.vl-lesson .vl-assessment-grade-tag__grade-total {
  color: #8e8f8d;
  font-size: 1em;
}

.vl-lesson .vl-assessment-grade-tag__grade-text {
  font-size: 1em;
  font-weight: 700;
}

.vl-lesson .vl-assessment-grade-tag--needs-reinforcement, .vl-lesson .vl-assessment-grade-tag--incorrect {
  background: #f5c5c4;
}

.vl-lesson .vl-assessment-grade-tag--needs-reinforcement .vl-assessment-grade-tag__grade, .vl-lesson .vl-assessment-grade-tag--incorrect .vl-assessment-grade-tag__grade {
  color: #d84843;
}

.vl-lesson .vl-assessment-grade-tag--needs-ampliacion {
  background: rgba(242, 170, 62, .1);
}

.vl-lesson .vl-assessment-grade-tag--needs-ampliacion .vl-assessment-grade-tag__grade {
  color: #f2aa3e;
}

.vl-lesson .vl-assessment-grade-tag--good-progress, .vl-lesson .vl-assessment-grade-tag--correct {
  background: #aff0cc;
}

.vl-lesson .vl-assessment-grade-tag--good-progress .vl-assessment-grade-tag__grade, .vl-lesson .vl-assessment-grade-tag--correct .vl-assessment-grade-tag__grade {
  color: #5fcb93;
}

.vl-lesson .vl-assessment-grade-tag--incorrect, .vl-lesson .vl-assessment-grade-tag--correct {
  min-height: 44px;
}

.vl-lesson .vl-assessment-grade-tag--timed-out {
  background: #f7f4f2;
}

.vl-lesson .vl-assessment-grade-tag--timed-out .vl-assessment-grade-tag__grade-container {
  font-weight: 400;
}

.vl-lesson .vl-assessment-grade-tag--timed-out .vl-assessment-grade-tag__grade {
  color: #50524f;
}

.vl-lesson .vl-button {
  color: #fff;
  box-shadow: none;
  background: #2544ca;
  border: 1px solid #2544ca;
  border-radius: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 96px;
  min-height: 43px;
  padding: 10px 24px;
  transition: all .15s ease-in;
  display: flex;
}

.vl-lesson .vl-button:focus {
  outline: none;
}

.vl-lesson .vl-button svg {
  fill: #fff;
}

.vl-lesson .vl-button:hover {
  cursor: pointer;
  opacity: .8;
}

.vl-lesson .vl-button--secondary {
  color: #8c99ad;
  background: #fff;
  border: 1px solid #dfe5ec;
}

.vl-lesson .vl-button--primary-border {
  color: #2544ca;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #2544ca;
  border-radius: 8px;
  gap: 10px;
  width: auto;
  padding: 12px;
}

.vl-lesson .vl-button--primary-border svg path {
  fill: #2544ca;
}

.vl-lesson .vl-button--primary-full-width {
  border: 2px solid #2544ca;
  border-radius: 8px;
  gap: 10px;
  width: auto;
  padding: 12px;
}

.vl-lesson .vl-button--primary-without-bg {
  color: #2544ca;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  gap: 5px;
  width: auto;
  padding: 12px;
}

.vl-lesson .vl-button--small {
  height: 40px;
  min-height: 40px;
}

.vl-lesson .vl-button--icon {
  color: #8c9eea;
  object-fit: contain;
  min-height: unset;
  background: none;
  border: none;
  border-radius: 8px;
  flex-flow: row;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: auto;
  min-height: 30px;
  padding: 0;
  transition: all .3s;
  display: flex;
}

.vl-lesson .vl-button--icon:hover {
  color: #2544ca;
  background-color: #f0f3f8;
}

.vl-lesson .vl-button--icon:disabled {
  cursor: initial;
  opacity: .6;
  background: none;
}

.vl-lesson .vl-button--icon-fill svg {
  fill: #414b5c;
}

.vl-lesson .vl-button--icon-fill:hover svg {
  fill: #2544ca;
}

.vl-lesson .vl-button--icon-fill:disabled svg {
  fill: #c6cfdc;
}

.vl-lesson .vl-button--icon-stroke svg {
  stroke: #414b5c;
}

.vl-lesson .vl-button--icon-stroke:hover svg {
  stroke: #2544ca;
}

.vl-lesson .vl-button--icon-stroke:disabled svg {
  stroke: #c6cfdc;
}

.vl-lesson .vl-button--icon-active {
  color: #2544ca;
  background-color: #f0f3f8;
}

.vl-lesson .vl-button--icon-active.vl-button--icon-fill svg {
  fill: #2544ca;
}

.vl-lesson .vl-button--icon-active.vl-button--icon-stroke svg {
  stroke: #2544ca;
}

.vl-lesson .vl-button--red {
  color: #fff;
  background-color: #d84843;
  border: 1px solid #d84843;
}

.vl-lesson .vl-button--red.vl-button--icon-stroke svg {
  fill: none;
}

.vl-lesson .vl-button--red.vl-button--icon-stroke svg path {
  stroke: #fff;
}

.vl-lesson .vl-button--without-border {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}

.vl-lesson .vl-button--arrow-attempts {
  grid-gap: 10px;
  border: 1px solid #2544ca;
  border-radius: 2px;
  gap: 10px;
  width: 15px;
  height: 15px;
  min-height: 15px;
  padding: 0;
}

.vl-lesson .vl-button-black {
  cursor: pointer;
  color: #fff;
  background: rgba(9, 9, 9, .85);
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.vl-lesson .vl-button-black svg path {
  fill: #fff;
}

.vl-lesson .vl-button-black:hover {
  opacity: .8;
}

.vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow {
  cursor: pointer;
  background-color: #f0f3f8;
  border-radius: 42px;
  flex-direction: column;
  flex-grow: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: 8px;
  padding: 12px 4px;
  display: flex;
}

.vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow svg {
  object-fit: contain;
  flex-grow: 0;
  width: 24px;
  height: 24px;
}

.vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow svg path {
  stroke: #2544ca;
}

.vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow:hover:not(.vl-horizontal-scrolling__arrow--disabled) {
  background-color: #bac4f2;
}

.vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow--disabled {
  cursor: default;
}

.vl-lesson .vl-horizontal-scrolling .vl-horizontal-scrolling__arrow--disabled svg path {
  stroke: #dfe5ec;
}

.vl-lesson .vl-input-text {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-align: inherit;
  background: none;
  margin: 0;
}

.vl-lesson .vl-input-text:focus {
  outline: none;
}

.vl-lesson .vl-input-text--simple {
  letter-spacing: normal;
  text-align: left;
  color: #303949;
  flex-grow: 1;
  width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.64;
  display: block;
}

.vl-lesson .vl-input-text--error {
  border: 1px solid #c4332b;
}

.vl-lesson .vl-input-time {
  display: flex;
  position: relative;
}

.vl-lesson .vl-input-time input::-webkit-calendar-picker-indicator {
  background: none;
  display: none;
}

.vl-lesson .vl-input-time .vl-input-time__buttons {
  grid-gap: 2px;
  background-color: #f7f9fc;
  border: 1px solid rgba(0, 0, 0, 0);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-direction: column;
  flex-grow: 0;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  width: 16px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 1px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.vl-lesson .vl-input-time .vl-input-time__buttons .vl-button {
  object-fit: contain;
  flex-grow: 0;
  width: 14px;
  height: 14px;
  margin: 0 0 1px;
}

.vl-lesson .vl-input-generic-title {
  width: 100%;
}

.vl-input-generic-title * {
  box-sizing: border-box;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises {
  position: relative;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-question-controls .lemo-controls-button-send {
  display: none;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-dropdown-content-item, .vl-lesson .vl-lemonade-question .lemonade-exercises p, .vl-lesson .vl-lemonade-question .lemonade-exercises span, .vl-lesson .vl-lemonade-question .lemonade-exercises li {
  font-size: 18px;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-text-counter-wrapper span, .vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-fr-audio-player span {
  font-size: 1em;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-question-header {
  margin: 0;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises.vl-lemonade-question__question--show-score .lemo-question-header {
  margin-top: 50px;
  transition: all .5s ease-in-out;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-label-image-text .lemo-label-blank-item-wrapper {
  font-size: 100% !important;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-error, .vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-success, .vl-lesson .vl-lemonade-question .lemonade-exercises .text-blank-wrapper .lemo-text-blank.lemo-success, .vl-lesson .vl-lemonade-question .lemonade-exercises .text-blank-wrapper .lemo-text-blank.lemo-error {
  box-shadow: none;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-base-dropdown {
  padding: 0 2px 0 8px;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-other-statement + .lemo-controls-wrapper {
  display: none;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-rt-editor {
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  user-select: auto;
  -khtml-user-select: auto;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-question-header, .vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-question-body {
  padding-left: 24px;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-other-click-to-find:not(.lemo-disabled).show-selection .lemo-option.lemo-selected {
  outline: 2px dashed #3573e7;
}

.vl-lesson .vl-lemonade-question .lemonade-exercises .lemo-other-click-to-find:not(.lemo-disabled) .lemo-question-body.lemo-disabled .lemo-option.lemo-selected {
  outline: none;
}

.vl-lesson .vl-lemonade-question__controls .vl-custom-controls {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.vl-lesson .vl-lemonade-question__controls .vl-custom-controls .vl-custom-controls__left {
  flex-direction: row;
  flex: none;
  order: 0;
  align-items: center;
  gap: 24px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-lemonade-question__controls .vl-custom-controls .vl-custom-controls__right {
  flex-direction: row;
  flex: none;
  order: 2;
  align-items: flex-start;
  gap: 24px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__score-wrapper {
  grid-gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin: 20px 20px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points {
  box-sizing: border-box;
  border-radius: 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin-top: 4px;
  padding: 8px 16px;
  display: flex;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points .lemonade-exercises__score p {
  color: #fff;
  font-size: .75em;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points.vl-lemonade-question__question-points--default {
  background-color: #2544ca;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points.vl-lemonade-question__question-points--correct {
  background-color: #5fcb93;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question-points.vl-lemonade-question__question-points--incorrect {
  background-color: #d84843;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question {
  flex-direction: column;
  display: flex;
  position: relative;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__intents {
  background: #f0f3f8;
  border-radius: 21px;
  flex-direction: row;
  align-self: flex-end;
  align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: fit-content;
  height: 23px;
  margin-bottom: 12px;
  margin-right: 24px;
  padding: 2px 12px;
  font-size: 13px;
  line-height: 19px;
  display: flex;
}

.vl-lesson .vl-lemonade-question .vl-lemonade-question__question .vl-lemonade-question__time {
  color: #fff;
  background-color: #2544ca;
  border-radius: 4px;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  width: -webkit-fit-content;
  width: fit-content;
  height: 23px;
  margin-top: 24px;
  margin-right: 24px;
  padding: 2px 8px;
  font-size: 13px;
  line-height: 19px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.vl-lesson .vl-lemonade-question__navigation-attempts {
  background: #f0f3f8;
  border-radius: 4px;
}

.vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  display: flex;
}

.vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__left {
  flex-direction: row;
  flex: none;
  order: 0;
  align-items: center;
  gap: 24px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__right {
  flex-direction: row;
  flex: none;
  order: 2;
  align-items: center;
  gap: 4px;
  padding: 0 17px 0 0;
  display: flex;
}

.vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__label {
  color: #2544ca;
  grid-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: auto;
  padding: 17px 17px 17px 20px;
  font-size: 12px;
  line-height: 19px;
  display: flex;
}

.vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__number {
  color: #2544ca;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  font-size: 12px;
  line-height: 19px;
  display: flex;
}

.vl-lesson .vl-lemonade-question__navigation-attempts .vl-navigation-attempts .vl-navigation-attempts__number .vl-navigation-attempts__number--disabled {
  color: #c6cfdc;
}

.vl-custom-controls {
  flex-direction: row;
  display: flex;
}

.vl-lesson .vl-mark-slider {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #2544ca;
  border-radius: 50%;
  flex-grow: 0;
  width: 20px;
  height: 20px;
}

.vl-lesson .vl-mark-slider.vl-mark-slider--correct {
  background-color: #5fcb93;
  background-image: url("data:image/svg+xml;utf8,<svg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M3.35425 7.52075L5.43758 9.60409L10.6459 4.39575%27 stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>");
  background-position: 1.5px 1px;
  border: 2px solid #5fcb93;
}

.vl-lesson .vl-mark-slider.vl-mark-slider--incorrect {
  background-color: #d84843;
  background-image: url("data:image/svg+xml;utf8,<svg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7.73447 6.99993L9.97405 4.76556C10.0721 4.66748 10.1272 4.53447 10.1272 4.39577C10.1272 4.25707 10.0721 4.12405 9.97405 4.02598C9.87597 3.9279 9.74296 3.8728 9.60426 3.8728C9.46556 3.8728 9.33254 3.9279 9.23447 4.02598L7.00009 6.26556L4.76572 4.02598C4.66764 3.9279 4.53462 3.8728 4.39592 3.8728C4.25722 3.8728 4.12421 3.9279 4.02613 4.02598C3.92806 4.12405 3.87296 4.25707 3.87296 4.39577C3.87296 4.53447 3.92806 4.66748 4.02613 4.76556L6.26572 6.99993L4.02613 9.23431C3.97732 9.28273 3.93857 9.34033 3.91213 9.4038C3.88568 9.46727 3.87207 9.53534 3.87207 9.6041C3.87207 9.67286 3.88568 9.74093 3.91213 9.8044C3.93857 9.86787 3.97732 9.92547 4.02613 9.97389C4.07455 10.0227 4.13215 10.0615 4.19562 10.0879C4.25909 10.1143 4.32717 10.128 4.39592 10.128C4.46468 10.128 4.53276 10.1143 4.59622 10.0879C4.65969 10.0615 4.7173 10.0227 4.76572 9.97389L7.00009 7.73431L9.23447 9.97389C9.28288 10.0227 9.34049 10.0615 9.40396 10.0879C9.46743 10.1143 9.5355 10.128 9.60426 10.128C9.67301 10.128 9.74109 10.1143 9.80456 10.0879C9.86803 10.0615 9.92563 10.0227 9.97405 9.97389C10.0229 9.92547 10.0616 9.86787 10.0881 9.8044C10.1145 9.74093 10.1281 9.67286 10.1281 9.6041C10.1281 9.53534 10.1145 9.46727 10.0881 9.4038C10.0616 9.34033 10.0229 9.28273 9.97405 9.23431L7.73447 6.99993Z%27 fill=%27white%27/></svg>");
  background-position: 1.5px 1px;
  border: 2px solid #d84843;
}

.vl-lesson .vl-mark-slider.vl-mark-slider--out {
  border: 2px solid #d84843;
}

.vl-lesson .vl-mark-slider.vl-mark-slider--default.vl-mark-slider--focus {
  box-shadow: 0 0 0 3px #b6c3ee;
}

.vl-lesson .vl-mark-slider.vl-mark-slider--correct.vl-mark-slider--focus {
  box-shadow: 0 0 0 3px #aff0cc;
}

.vl-lesson .vl-mark-slider.vl-mark-slider--incorrect.vl-mark-slider--focus {
  box-shadow: 0 0 0 3px #f5c5c4;
}

.vl-lesson .vl-mark-slider.vl-mark-slider--disabled {
  cursor: default;
  background-color: #dfe5ec;
  background-image: none;
  border-color: #dfe5ec;
}

.vl-lesson .vl-mark-slider .vl-mark-slider__wrapper-handle-tooltip {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  bottom: -10px;
  left: 7px;
}

.vl-lesson .vl-mark-slider .vl-mark-slider__wrapper-handle-tooltip .vl-tooltip-bubble__message {
  font-size: .875em;
}

.vl-lesson .vl-info-message {
  box-sizing: border-box;
  background: #414b5c;
  border: 1px solid #414b5c;
  border-radius: 4px;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.vl-lesson .vl-info-message .vl-info-message__content {
  flex: 1;
  gap: 12px;
  display: flex;
}

.vl-lesson .vl-info-message .vl-info-message__content .vl-info-message__message {
  color: #fff;
}

.vl-lesson .vl-info-message .vl-info-message__content .vl-info-message__icon {
  flex: none;
  order: 0;
  width: 24px;
  height: 24px;
}

.vl-lesson .vl-info-message .vl-info-message__close {
  flex: none;
  order: 2;
}

.vl-lesson .vl-info-message .vl-info-message__close:hover {
  cursor: pointer;
  opacity: .8;
}

.vl-lesson .vl-modal {
  z-index: 200;
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.vl-lesson .vl-modal-main {
  width: 80%;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vl-lesson .vl-modal .vl-confirm-message {
  background: #fff;
}

.vl-lesson .vl-confirm-message {
  border-radius: 16px;
  margin: auto;
  box-shadow: 0 0 44px rgba(0, 0, 0, .25);
}

.vl-lesson .vl-confirm-message .vl-confirm-message__content {
  padding: 14px 0 0 24px;
}

.vl-lesson .vl-confirm-message .vl-confirm-title {
  color: #414b5c;
  margin-bottom: .4em;
}

.vl-lesson .vl-confirm-message .vl-confirm-content {
  color: #a8a9a7;
  white-space: pre-wrap;
  line-height: 1.4;
}

.vl-lesson .vl-confirm-message .vl-controls {
  background-color: #f7f9fc;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  margin-top: 1.4em;
  padding: 10px 16px;
  display: flex;
}

.vl-lesson .vl-confirm-message .vl-controls > * {
  margin-inline-end: 1em;
}

.vl-lesson .vl-confirm-message .vl-controls > :last-child {
  margin-inline-end: 0;
}

.vl-lesson .vl-confirm-message .vl-confirm-message__button-confirm {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: flex;
}

.vl-lesson .vl-confirm-message button {
  width: 109px;
}

.vl-lesson .vl-select {
  cursor: pointer;
  background: #fff;
  transition: all .3s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.vl-lesson .vl-select__icon {
  cursor: pointer;
  margin-top: 4px;
  position: absolute;
  right: 15px;
}

.vl-lesson .vl-select__icon > svg path {
  stroke: #414b5c;
}

.vl-lesson .vl-select__select {
  box-shadow: none;
  -webkit-appearance: none;
  cursor: pointer;
  color: #303949;
  background: none;
  border: none;
  width: calc(100% - 30px);
  font-size: .9rem;
  position: relative;
}

.vl-lesson .vl-select__select:focus {
  outline: none;
}

.vl-lesson .vl-select__select-option {
  color: #1b1c1b;
}

.vl-lesson .vl-solutions-list-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.vl-lesson .vl-solutions-list-component .vl-solutions-list-component__question {
  width: 100%;
  max-width: 526px;
}

.vl-lesson .vl-solutions-list-component .vl-solutions-list-component__no-results {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 124px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-solutions-list-component .vl-solutions-list-component__no-results .vl-solutions-list-component__no-results-text {
  color: #414b5c;
}

.vl-lesson .vl-player {
  position: relative;
}

.vl-lesson .vl-player .vl-player__title-subtitle {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 60%);
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  padding: 24px 32px;
  display: flex;
  position: absolute;
}

.vl-lesson .vl-player .vl-player__title {
  text-align: left;
  color: #fff;
  flex-grow: 0;
  width: auto;
  height: auto;
}

.vl-lesson .vl-player .vl-player__subtitle {
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  flex-grow: 0;
  width: auto;
  height: auto;
  margin: 6px 185px 0 3px;
  font-weight: bold;
  line-height: 1.64;
}

.vl-lesson .vl-player .vl-player__tool {
  opacity: 0;
  z-index: 11;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 20px;
  transition: opacity .4s, transform .4s ease-out;
  position: absolute;
  bottom: 0;
}

.vl-lesson .vl-player .vl-player__tool--show {
  opacity: 1;
  transform: translateY(0);
}

.vl-lesson .vl-player .vl-player__video {
  text-align: center;
  background: gray;
}

.vl-lesson .vl-player .vl-player__process {
  z-index: 1;
  margin-top: 12px;
}

.vl-lesson .vl-layer-over-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vl-lesson .vl-slider {
  flex: 1;
  min-width: 273px;
}

.vl-lesson .vl-slider input[type="range"] {
  width: 100%;
  min-width: 273px;
}

.vl-lesson .vl-slider svg g circle:first-child, .vl-lesson .vl-slider svg g circle:nth-child(3) {
  fill: #2544ca;
}

.vl-lesson .vl-slider .rc-slider {
  padding: 2px 0;
}

.vl-lesson .vl-slider .rc-slider .rc-slider-handle {
  margin-top: -4px;
}

.vl-lesson .vl-slider .rc-slider .rc-slider-rail {
  background: #dfe5ec;
  height: 8px;
}

.vl-lesson .vl-slider .rc-slider .rc-slider-handle {
  background: #2544ca;
  width: 15px;
  height: 15px;
}

.vl-lesson .vl-slider .rc-slider .rc-slider-handle:hover, .vl-lesson .vl-slider .rc-slider .rc-slider-handle:focus {
  background: #2544ca;
  border-color: #ebf1fd;
  box-shadow: 0 0 0 8px rgba(53, 115, 231, .1);
}

.vl-lesson .vl-slider .rc-slider .rc-slider-handle-dragging {
  border-color: #ebf1fd;
  box-shadow: 0 0 0 5px #ebf1fd;
}

.vl-lesson .vl-slider .rc-slider .rc-slider-track {
  background: #2544ca;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 8px;
}

.vl-lesson .vl-slider .rc-slider-step {
  display: none;
}

.vl-lesson .vl-slider .rc-slider-mark {
  top: -3px;
}

.vl-lesson .vl-slider .rc-slider-mark-text {
  z-index: 10;
  cursor: default;
}

.vl-lesson .vl-tool {
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 64px;
  padding: 0 16px;
  display: flex;
}

.vl-lesson .vl-tool .vl-tool__left {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: auto;
  height: 40px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-tool .vl-tool__left .vl-tool__left-buttons {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 104px;
  height: 40px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: auto;
  height: 19px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times .vl-tool__left-time-actual, .vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times .vl-tool__left-time-total {
  letter-spacing: normal;
  text-align: left;
  color: #303949;
  flex-grow: 0;
  height: 19px;
}

.vl-lesson .vl-tool .vl-tool__left .vl-tool__left-times .vl-tool__left-time-separator {
  letter-spacing: normal;
  text-align: left;
  color: #8c99ad;
  flex-grow: 0;
  width: 5px;
  height: 19px;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.58;
}

.vl-lesson .vl-tool .vl-tool__right {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: auto;
  height: 32px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-results {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  flex-direction: row;
  order: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 48px;
  padding: 24px 64px;
  display: flex;
}

.vl-lesson .vl-results .vl-results-separator {
  align-self: center;
}

.vl-lesson .vl-results-counter {
  flex-direction: column;
  flex: none;
  order: 0;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-results-counter .vl-results-counter__number--green {
  color: #5fcb93;
}

.vl-lesson .vl-results-counter .vl-results-counter__number--red {
  color: #d84843;
}

.vl-lesson .vl-results-counter .vl-results-counter__text, .vl-lesson .vl-results-counter.vl-results-counter--disabled {
  color: #8c99ad;
}

.vl-lesson .vl-results-separator {
  border-left: 1px solid #dfe5ec;
  height: 71px;
}

.vl-lesson .vl-toggle {
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.vl-lesson .vl-toggle .vl-toggle__switch {
  width: 24px;
  height: 15px;
  display: inline-block;
  position: relative;
}

.vl-lesson .vl-toggle .vl-toggle__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.vl-lesson .vl-toggle .vl-toggle__slider {
  cursor: pointer;
  background-color: #8c99ad;
  transition: all .4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.vl-lesson .vl-toggle .vl-toggle__slider:before {
  content: "";
  background-color: #fff;
  width: 12px;
  height: 12px;
  transition: all .4s;
  position: absolute;
  bottom: 1px;
  left: 3px;
}

.vl-lesson .vl-toggle input:checked + .vl-toggle__slider {
  background-color: #2544ca;
}

.vl-lesson .vl-toggle input:focus + .vl-toggle__slider {
  box-shadow: 0 0 1px #2544ca;
}

.vl-lesson .vl-toggle input:checked + .vl-toggle__slider:before {
  transform: translateX(6px);
}

.vl-lesson .vl-toggle .vl-toggle__slider {
  border-radius: 16px;
}

.vl-lesson .vl-toggle .vl-toggle__slider:before {
  border-radius: 50%;
}

.vl-lesson .vl-toggle .vl-toggle__slider:hover {
  background-color: #bcbdbc;
}

.vl-lesson .vl-toggle input:checked + .vl-toggle__slider:hover {
  background-color: #5e77e1;
}

.vl-lesson .vl-toggle .vl-toggle__text {
  text-align: left;
  color: #414b5c;
  flex-grow: 0;
  margin-left: 8px;
}

.vl-lesson .vl-toggle .vl-toggle__text:hover {
  opacity: .8;
}

.vl-lesson .vl-toggle.vl-toggle--checked .vl-toggle__text {
  color: #414b5c;
}

.vl-lesson .vl-toggle.vl-toggle--disabled {
  pointer-events: none;
}

.vl-lesson .vl-toggle.vl-toggle--disabled .vl-toggle__slider {
  background-color: #c6cfdc;
}

.vl-lesson .vl-toggle.vl-toggle--disabled .vl-toggle__text {
  color: #c6cfdc;
}

.vl-lesson .vl-tooltip {
  position: relative;
}

.vl-lesson .vl-tooltip-trigger {
  text-decoration: underline;
  display: inline-block;
}

.vl-lesson .vl-tooltip-bubble {
  z-index: 10000000;
  max-width: 210px;
  position: absolute;
}

.vl-lesson .vl-tooltip-bubble-top {
  padding-bottom: 9px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.vl-lesson .vl-tooltip-bubble-bottom {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.vl-lesson .vl-tooltip-bubble-left {
  padding-right: 9px;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.vl-lesson .vl-tooltip-bubble-right {
  padding-left: 9px;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.vl-lesson .vl-tooltip-bubble__message {
  color: #f7f9fc;
  text-align: center;
  background: #303949;
  border-radius: 11px;
  width: -webkit-max-content;
  width: max-content;
  padding: .35em .55em;
}

.vl-video-youtube {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.vl-video-youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.vl-video-youtube.vl-video-youtube--disable-play {
  pointer-events: none;
}

.vl-lesson .vl-wrapper-title-error {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-wrapper-title-error .vl-wrapper-title-error__title {
  text-align: left;
  color: #8c99ad;
  flex-grow: 0;
}

.vl-lesson .vl-wrapper-title-error .vl-wrapper-title-error__element {
  width: 100%;
}

.vl-lesson .vl-wrapper-title-error .vl-wrapper-title-error__error {
  text-align: left;
  color: #d84843;
  flex-grow: 0;
}

.vl-lesson .vl-wrapper-visor-question {
  flex-flow: column;
  justify-content: space-between;
  gap: 24px;
  display: flex;
}

.vl-lesson .vl-wrapper-visor-question .vl-wrapper-visor-question__visor {
  width: unset;
  background-color: #fff;
  border: 1px solid #c6cfdc;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 100%;
  justify-content: flex-start;
  align-items: stretch;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 12px;
  display: flex;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
}

.vl-lesson .vl-wrapper-visor-question .vl-wrapper-visor-question__visor .vl-horizontal-scrolling-references {
  margin-top: 24px;
}

.vl-lesson .vl-wrapper-visor-question .vl-wrapper-visor-question__question {
  flex: 1 0 40%;
}

@media only screen and (min-width: 769px) {
  .vl-wrapper-visor-question {
    flex-flow: row !important;
  }

  .vl-wrapper-visor-question .vl-wrapper-visor-question__visor {
    width: 60vh !important;
  }

  .vl-wrapper-visor-question .vl-lesson-visor__question {
    flex-direction: column !important;
  }

  .vl-wrapper-visor-question .vl-lesson-visor__question .vl-results {
    order: 0 !important;
  }
}

.vl-lesson .vl-wrapper-question .vl-question {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: -webkit-fit-content;
  height: fit-content;
  display: flex;
}

.vl-lesson .vl-wrapper-question .vl-lemonade-question__question {
  background-color: #fff;
  border: 1px solid #c6cfdc;
  border-radius: 16px;
  padding: 12px 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
}

.vl-lesson .vl-wrapper-question.vl-wrapper-question--correct .vl-lemonade-question__question {
  border: 2px solid #5fcb93;
}

.vl-lesson .vl-wrapper-question.vl-wrapper-question--incorrect .vl-lemonade-question__question {
  border: 2px solid #d84843;
}

.vl-lesson .vl-range-slider {
  flex: 1;
  min-width: 273px;
}

.vl-lesson .vl-range-slider input[type="range"] {
  width: 100%;
  min-width: 273px;
}

.vl-lesson .vl-range-slider svg g circle:first-child, .vl-lesson .vl-range-slider svg g circle:nth-child(3) {
  fill: #2544ca;
}

.vl-lesson .vl-range-slider .rc-slider {
  height: 48px;
}

.vl-lesson .vl-range-slider .rc-slider .rc-slider-handle {
  opacity: 1;
  background-color: #2544ca;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  align-items: center;
  width: 18px;
  height: 46px;
  margin-top: 0;
  padding: 0 3px;
  display: flex;
}

.vl-lesson .vl-range-slider .rc-slider .rc-slider-handle:hover, .vl-lesson .vl-range-slider .rc-slider .rc-slider-handle:focus {
  background: #2544ca;
  box-shadow: 0 0 rgba(53, 115, 231, .1);
}

.vl-lesson .vl-range-slider .vl-range-slider__wrapper-handle .vl-range-slider__wrapper-handle-icon {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 50%) !important;
}

.vl-lesson .vl-range-slider .vl-range-slider__wrapper-handle .vl-range-slider__wrapper-handle-tooltip {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  bottom: -6px;
  transform: translate(-50%, 50%) !important;
}

.vl-lesson .vl-range-slider .vl-range-slider__wrapper-handle--disabled .rc-slider-handle {
  background-color: #b6c3ee;
}

.vl-lesson .vl-position-slider {
  flex: 1;
  min-width: 273px;
}

.vl-lesson .vl-position-slider input[type="range"] {
  width: 100%;
  min-width: 273px;
}

.vl-lesson .vl-position-slider svg g circle:first-child, .vl-lesson .vl-position-slider svg g circle:nth-child(3) {
  fill: #2544ca;
}

.vl-lesson .vl-position-slider .rc-slider {
  height: 25px;
}

.vl-lesson .vl-position-slider .rc-slider .rc-slider-handle {
  opacity: 1;
  background-color: #2544ca;
  border: 0;
  border-radius: 21px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-top: 0;
  padding: 0 3px;
  display: flex;
}

.vl-lesson .vl-position-slider .rc-slider .rc-slider-handle:hover, .vl-lesson .vl-position-slider .rc-slider .rc-slider-handle:focus {
  background: #2544ca;
  box-shadow: 0 0 rgba(53, 115, 231, .1);
}

.vl-lesson .vl-position-slider .vl-position-slider__wrapper-handle .vl-position-slider__wrapper-handle-icon {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 15%) !important;
}

.vl-lesson .vl-position-slider .vl-position-slider__wrapper-handle .vl-position-slider__wrapper-handle-tooltip {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  bottom: -10px;
  transform: translate(-50%, 15%) !important;
}

.vl-lesson .vl-position-slider .vl-position-slider__wrapper-handle--disabled .rc-slider-handle {
  background-color: #b6c3ee;
}

.vl-lesson .vl-tool-activity {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.vl-lesson .vl-tool-activity .vl-tool-activity__position {
  margin-top: 12px;
}

.vl-lesson .vl-tool-activity .vl-tool-activity__inputs {
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-tool-activity .vl-tool-activity__inputs .vl-wrapper-title-error__element {
  width: 100%;
  max-height: 42px;
}

.vl-lesson .vl-tool-activity .vl-tool-activity__inputs .vl-wrapper-title-error__element .vl-input-time {
  max-height: 42px;
}

.vl-lesson .vl-tool-activity .vl-tool-activity__inputs .vl-wrapper-title-error__element .vl-select {
  width: 100%;
  height: 41px;
}

.vl-lesson .vl-tool-activity .vl-tool-activity__inputs .vl-wrapper-title-error__element input {
  height: 41px;
}

@media only screen and (min-width: 1024px) {
  .vl-lesson .vl-tool-activity .vl-tool-activity__inputs {
    flex-direction: row;
  }
}

.vl-lesson .vl-tool-activity .vl-tool-activity__buttons {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  margin-top: 16px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-tool-activities-list {
  flex-direction: column;
  display: flex;
}

.vl-lesson .vl-tool-activities-list .vl-horizontal-scrolling {
  width: 100%;
  margin: 24px 0 28px;
}

.vl-lesson .vl-tool-activities-list .vl-horizontal-scrolling .react-horizontal-scrolling-menu--scroll-container {
  overflow-x: hidden;
}

.vl-lesson .vl-card-activity-list {
  border: 1px solid #c6cfdc;
  border-radius: 4px;
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 203.3px;
  height: 86px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  display: flex;
  position: relative;
}

.vl-lesson .vl-card-activity-list:hover {
  cursor: pointer;
  border: 1px solid #2544ca;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__wrapper-text-time {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 12px;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__options {
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__options:hover {
  cursor: pointer;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__options:hover svg path {
  stroke: #2544ca;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__text-intents {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__intents {
  background: #f0f3f8;
  border-radius: 21px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: fit-content;
  height: 23px;
  padding: 2px 12px;
  font-size: 13px;
  line-height: 19px;
  display: flex;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__time-variant {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px;
  margin-top: 3px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__text {
  text-align: left;
  color: #303949;
  flex-grow: 0;
  height: 35px;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__time {
  background-color: #2544ca;
  border-radius: 4px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: -webkit-fit-content;
  width: fit-content;
  height: 23px;
  padding: 0 6px;
  display: flex;
}

.vl-lesson .vl-card-activity-list .vl-card-activity-list__time .vl-card-activity-list__time-text {
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  flex-grow: 0;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1.58;
}

.vl-lesson .vl-card-activity-list--active {
  border: 1px solid #2544ca;
}

.vl-lesson .vl-card-activity-list--disabled {
  pointer-events: none;
  border: 1px solid #c6cfdc;
}

.vl-lesson .vl-card-activity-list--disabled .vl-card-activity-list__text {
  color: #c6cfdc;
}

.vl-lesson .vl-card-activity-list--disabled .vl-card-activity-list__time {
  background-color: #c6cfdc;
}

.vl-lesson .vl-card-activity-list--disabled .vl-card-activity-list__options svg path {
  stroke: #c6cfdc;
}

.vl-card-activity-options {
  background-color: #fff;
  border: 1px solid #f0f3f8;
  border-radius: 10px;
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 135px;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 0;
  display: flex;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
}

.vl-card-activity-option {
  cursor: pointer;
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  width: -webkit-fill-available;
  padding: 6px 8px;
  display: flex;
}

.vl-card-activity-option:hover {
  background: #2544ca;
}

.vl-card-activity-option:hover .vl-card-activity-option__text {
  color: #fff;
}

.vl-card-activity-option .vl-card-activity-option__icon svg path {
  stroke: #8c99ad;
}

.vl-card-activity-option .vl-card-activity-option__text {
  letter-spacing: normal;
  text-align: left;
  color: #8c99ad;
  flex-grow: 0;
  width: 100%;
  height: -webkit-fit-content;
  height: fit-content;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.64;
}

.vl-lesson .vl-tool-activities-empty {
  flex-direction: column;
  flex-grow: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 28px;
  height: 275px;
  margin-top: 24px;
  padding: 0 0 16px;
  display: flex;
}

.vl-lesson .vl-tool-activities-empty .vl-tool-activities-empty__icon-wrapper {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.vl-lesson .vl-tool-activities-empty .vl-tool-activities-empty__icon {
  background-color: #f7f9fc;
  border-radius: 60px;
  flex-grow: 0;
  width: 115px;
  height: 115px;
  display: grid;
}

.vl-lesson .vl-tool-activities-empty .vl-tool-activities-empty__icon svg {
  width: 115px;
  height: 115px;
}

.vl-lesson .vl-tool-activities-empty .vl-tool-activities-empty__icon svg path {
  stroke-width: .6px;
}

.vl-lesson .vl-tool-activities-empty .vl-tool-activities-empty__text {
  text-align: left;
  color: #8c99ad;
  flex-grow: 0;
}

.vl-lesson .vl-button-add-activity {
  flex-direction: column;
  display: flex;
  position: relative;
}

.vl-lesson .vl-button-add-activity .vl-button-add-activity__button {
  align-self: center;
  width: -webkit-fit-content;
  width: fit-content;
  position: relative;
}

.vl-lesson .vl-button-add-activity .vl-button-add-activity__button .vl-button {
  width: -webkit-fit-content;
  width: fit-content;
}

.vl-lesson .vl-button-add-activity .vl-button-add-activity__options {
  align-self: center;
  transform: translateY(-90px);
}

.vl-lesson .vl-add-activity-options {
  flex-direction: row;
  width: 296px;
  height: 48px;
  display: flex;
}

.vl-lesson .vl-add-activity-option {
  background-color: #fff;
  border: 1px solid #c6cfdc;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  display: flex;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
}

.vl-lesson .vl-add-activity-option:hover {
  cursor: pointer;
  color: #2544ca;
  background-color: #2544ca;
}

.vl-lesson .vl-add-activity-option:hover .vl-add-activity-option__text {
  color: #fff;
}

.vl-lesson .vl-add-activity-option.vl-add-activity-option__left {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.vl-lesson .vl-add-activity-option.vl-add-activity-option__right {
  border-left: rgba(0, 0, 0, 0);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.vl-lesson .vl-add-activity-option .vl-add-activity-option__text {
  text-align: left;
  color: #8c99ad;
  flex-grow: 0;
}

.vl-lesson .vl-tool-cut .vl-tool-cut__inputs {
  flex-direction: row;
  flex-grow: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 14px;
  margin-top: 12px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-tool-cut .vl-tool-cut__buttons {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  margin-top: 16px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-slider-ranges {
  flex: 1;
  min-width: 273px;
}

.vl-lesson .vl-slider-ranges input[type="range"] {
  width: 100%;
  min-width: 273px;
}

.vl-lesson .vl-slider-ranges svg g circle:first-child, .vl-lesson .vl-slider-ranges svg g circle:nth-child(3) {
  fill: #2544ca;
}

.vl-lesson .vl-slider-ranges .rc-slider {
  padding: 2px 0;
}

.vl-lesson .vl-slider-ranges .rc-slider .rc-slider-handle {
  margin-top: -4px;
}

.vl-lesson .vl-slider-ranges .rc-slider .rc-slider-rail {
  background: #dfe5ec;
  height: 8px;
}

.vl-lesson .vl-slider-ranges .rc-slider .rc-slider-handle {
  background: #2544ca;
  width: 15px;
  height: 15px;
}

.vl-lesson .vl-slider-ranges .rc-slider .rc-slider-handle:hover, .vl-lesson .vl-slider-ranges .rc-slider .rc-slider-handle:focus {
  background: #2544ca;
  border-color: #ebf1fd;
  box-shadow: 0 0 0 8px rgba(53, 115, 231, .1);
}

.vl-lesson .vl-slider-ranges .rc-slider .rc-slider-handle-dragging {
  border-color: #ebf1fd;
  box-shadow: 0 0 0 5px #ebf1fd;
}

.vl-lesson .vl-slider-ranges .rc-slider .rc-slider-track {
  background: #2544ca;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 8px;
}

.vl-lesson .vl-slider-ranges .rc-slider-step {
  display: none;
}

.vl-lesson .vl-slider-ranges .rc-slider-mark {
  top: -3px;
}

.vl-lesson .vl-slider-ranges .rc-slider-mark-text {
  z-index: 10;
  cursor: default;
}

.vl-lesson .vl-tool-title-url .vl-tool-title-url__inputs {
  gap: 14px;
  margin-top: 16px;
}

@media only screen and (min-width: 769px) {
  .vl-lesson .vl-tool-title-url .vl-tool-title-url__inputs {
    display: flex;
  }
}

.vl-lesson .vl-tool-title-url .vl-tool-title-url__buttons {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  margin-top: 16px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-tool-title-url .vl-tool-title-url__toggles {
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  margin-top: 20px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-tool-title-url .vl-tool-title-url__toggles .vl-tooltip-bubble {
  margin-left: 90px;
}

.vl-lesson .vl-tool-title-url .vl-tool-title-url__toggles .vl-tooltip-bubble__message {
  max-width: 350px;
}

.vl-lesson .vl-tool-buttons {
  gap: 16px;
  display: flex;
}

.vl-lesson .vl-tool-buttons .button--icon {
  padding: 0;
}

.vl-lesson .vl-lesson-visor .vl-lesson-visor__question {
  flex-direction: column-reverse;
  gap: 20px;
  display: flex;
}

.vl-lesson .vl-lesson-visor .vl-lesson-visor__question .vl-info-message {
  align-self: center;
  width: 100%;
  max-width: 526px;
  margin: 0 auto;
}

.vl-lesson .vl-button-questions .vl-button-questions__icon-and-text {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 141px;
  min-height: 32px;
  display: flex;
}

.vl-lesson .vl-button-questions .vl-button-questions__icon-and-text svg {
  fill: none;
  width: 20px;
  height: 21px;
}

.vl-lesson .vl-button-questions .vl-button-questions__icon-and-text svg path {
  stroke: #2544ca;
}

.vl-lesson .vl-button-questions .vl-button-questions__text {
  align-self: center;
  margin-left: 8px;
  line-height: 19px;
}

.vl-lesson .vl-button-questions.vl-button-questions--no-active .vl-button {
  color: #414b5c;
  background-color: rgba(0, 0, 0, 0);
}

.vl-lesson .vl-button-questions.vl-button-questions--no-active svg {
  fill: none;
  width: 20px;
  height: 21px;
}

.vl-lesson .vl-button-questions.vl-button-questions--no-active svg path {
  stroke: #414b5c;
}

.vl-lesson .vl-button-questions.vl-button-questions--disabled {
  opacity: .5;
}

.vl-lesson .vl-controls-general {
  align-self: flex-end;
  display: flex;
}

.vl-lesson .vl-teacher-results .vl-teacher-results__content {
  align-self: center;
  max-width: 526px;
  margin: 0 auto;
}

.vl-lesson .vl-teacher-results .vl-teacher-results__content .vl-question-list {
  margin-top: 24px;
}

.vl-lesson .vl-question-list .vl-question-list__no-results {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 124px;
  padding: 0;
  display: flex;
}

.vl-lesson .vl-question-list .vl-question-list__no-results .vl-question-list__no-results-text {
  color: #414b5c;
}

.vl-lesson .vl-teacher-task .vl-teacher-task__task .vl-lesson-practice {
  margin-bottom: 26px;
}

.vl-lesson .vl-teacher-task .vl-solutions-list-component {
  margin-top: 32px;
}

.ML__keyboard {
  --keyboard-zindex: 1002;
}

html, body, #root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

:root {
  --viewer-color-alert: #f2aa3f;
  --viewer-color-error: #f66868;
  --viewer-color-info: #4991e5;
  --viewer-color-link: #4991e5;
  --viewer-color-success: #40d158;
  --viewer-color-primary: #ed7011;
  --viewer-color-inherit: #c7bfb7;
  --viewer-color-text: #706b65;
  --viewer-color-gray-01: #333;
  --viewer-color-gray-02: #4e4e4e;
  --viewer-color-gray-03: #828282;
  --viewer-color-gray-04: #bdbdbd;
  --viewer-color-gray-05: #e0e0e0;
  --viewer-color-gray-06: #f2f2f2;
  --viewer-color-gray-07: #f9f9f9;
  --viewer-logo: url("https://oneclick-prod-content.s3.eu-central-1.amazonaws.com/4e5efd80-1dbc-11ef-bff4-21ed54c44b4d/logo1716982574914.svg");
}

.viewer-styles-encapsulate .viewer-button {
  cursor: pointer;
  background-color: var(--viewer-color-primary);
  color: #fff;
  border: none;
  border-radius: 40px;
  align-items: center;
  padding: 10px 25px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.viewer-styles-encapsulate .viewer-button__variant-outlined {
  background-color: inherit;
  border: 1px solid var(--viewer-color-primary);
  color: var(--viewer-color-primary);
}

.viewer-styles-encapsulate .viewer-button__variant-text {
  background-color: inherit;
  color: var(--viewer-color-primary);
}

.viewer-styles-encapsulate .viewer-button .viewer-icon {
  margin-right: 12px;
}

.viewer-styles-encapsulate button.viewer-button:disabled {
  cursor: not-allowed;
  background-color: var(--viewer-color-gray-05);
}

.viewer-styles-encapsulate .viewer-dialog {
  z-index: 1300;
  outline: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.viewer-styles-encapsulate .viewer-dialog__root {
  -webkit-tap-highlight-color: transparent;
  z-index: -1;
  background-color: rgba(0, 0, 0, .5);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.viewer-styles-encapsulate .viewer-dialog__container {
  background-color: #fff;
  border-radius: 8px;
  margin: 32px;
}

.viewer-styles-encapsulate .viewer-dialog__container-overflow-auto {
  max-height: calc(100% - 10px);
  overflow: auto;
}

.viewer-styles-encapsulate .viewer-dialog__container-xs {
  width: 444px;
}

.viewer-styles-encapsulate .viewer-dialog__container-sm {
  width: 600px;
}

.viewer-styles-encapsulate .viewer-dialog__container-md {
  width: 900px;
}

.viewer-styles-encapsulate .viewer-dialog__container-lg {
  width: 1200px;
}

.viewer-styles-encapsulate .viewer-dialog__container-xl {
  width: 1536px;
}

.viewer-styles-encapsulate .viewer-dialog__container-xxl {
  width: 1536px;
  height: 95%;
}

.viewer-styles-encapsulate .viewer-dialog__content {
  height: calc(100% - 75px);
  padding: 0 16px 16px;
}

.viewer-styles-encapsulate .viewer-dialog__head {
  justify-content: space-between;
  padding: 16px;
  display: flex;
}

.viewer-styles-encapsulate .viewer-dialog__head button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.viewer-styles-encapsulate .viewer-dialog__head .viewer-icon {
  cursor: pointer;
}

.viewer-styles-encapsulate .viewer-dialog__title {
  letter-spacing: .0075em;
  flex: none;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
}

.viewer-styles-encapsulate .viewer-dialog .viewer-container {
  width: 100%;
  height: 100%;
}

.viewer-styles-encapsulate .viewer-draggable-dialog {
  pointer-events: none;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__container {
  pointer-events: auto;
  background-color: #fff;
  border-radius: 8px;
  min-width: 300px;
  max-width: 90vw;
  max-height: 90vh;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
}

.viewer-styles-encapsulate .viewer-draggable-dialog__container-overflow-auto {
  max-height: calc(90vh - 10px);
  overflow: auto;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__container-xs {
  width: 444px;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__container-sm {
  width: 600px;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__container-md {
  width: 900px;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__container-lg {
  width: 1200px;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__container-xl {
  width: 1536px;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__container-xxl {
  width: 1536px;
  height: 95vh;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__content {
  height: calc(100% - 75px);
  padding: 0 16px 16px;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__head {
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
  justify-content: space-between;
  display: flex;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__head:hover {
  background-color: #f0f0f0;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__head:active {
  background-color: #e8e8e8;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__head button {
  touch-action: auto;
  background: none;
  border: none;
  border-radius: 4px;
  margin: 0;
  padding: 4px;
  transition: background-color .2s;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__head button:hover {
  background-color: #e0e0e0;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__head button:active {
  background-color: #d0d0d0;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__head .viewer-icon {
  cursor: pointer;
}

.viewer-styles-encapsulate .viewer-draggable-dialog__title {
  letter-spacing: .0075em;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
}

.viewer-styles-encapsulate .viewer-draggable-dialog .viewer-container {
  width: 100%;
  height: 100%;
}

.viewer-styles-encapsulate .viewer-icon svg {
  height: 24px;
}

.viewer-styles-encapsulate .viewer-video .viewer-icon-default, .viewer-styles-encapsulate .custom-audio-player .viewer-icon-default {
  color: var(--viewer-color-gray-01);
}

.viewer-styles-encapsulate .viewer-video .viewer-icon-default svg, .viewer-styles-encapsulate .custom-audio-player .viewer-icon-default svg, .viewer-styles-encapsulate .viewer-video .viewer-icon-default path, .viewer-styles-encapsulate .custom-audio-player .viewer-icon-default path {
  fill: var(--viewer-color-gray-01);
}

.viewer-styles-encapsulate .viewer-icon-primary {
  color: var(--viewer-color-primary);
}

.viewer-styles-encapsulate .viewer-icon-primary svg, .viewer-styles-encapsulate .viewer-icon-primary path {
  fill: var(--viewer-color-primary);
}

.viewer-styles-encapsulate .viewer-icon-inherit {
  color: var(--viewer-color-inherit);
}

.viewer-styles-encapsulate .viewer-icon-inherit svg, .viewer-styles-encapsulate .viewer-icon-inherit path {
  fill: var(--viewer-color-inherit);
}

.viewer-styles-encapsulate .viewer-icon-first {
  color: var(--color-first);
}

.viewer-styles-encapsulate .viewer-icon-first svg, .viewer-styles-encapsulate .viewer-icon-first path {
  fill: var(--color-first);
}

.viewer-styles-encapsulate .viewer-icon-disabled {
  color: var(--viewer-color-gray-03);
}

.viewer-styles-encapsulate .viewer-icon-disabled svg, .viewer-styles-encapsulate .viewer-icon-disabled path {
  fill: var(--viewer-color-gray-03);
}

.viewer-styles-encapsulate .viewer-icon-white svg {
  fill: #fff;
  color: #fff;
}

.viewer-styles-encapsulate .viewer-input-checkbox {
  align-items: center;
  width: 100%;
  display: flex;
}

.viewer-styles-encapsulate .viewer-input-checkbox:not(.viewer-input-checkbox--disabled) {
  cursor: pointer;
}

.viewer-styles-encapsulate .viewer-input-checkbox__input {
  opacity: 0;
  z-index: 9999;
  width: 0;
  height: 0;
  position: absolute;
}

.viewer-styles-encapsulate .viewer-input-checkbox__icon-container {
  height: 22px;
}

.viewer-styles-encapsulate .viewer-input-checkbox__icon-container .viewer-icon {
  width: 22px;
  height: 22px;
}

.viewer-styles-encapsulate .viewer-input-checkbox__label {
  color: #36393b;
  margin-left: 4px;
}

.viewer-styles-encapsulate .viewer-input-checkbox__icon-container--checked + .viewer-input-checkbox__label {
  color: #222;
}

.viewer-styles-encapsulate .viewer-input-radio {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.viewer-styles-encapsulate .viewer-input-radio[animation="1"] .viewer-input-radio__icon-container {
  animation: .4s wobble;
}

.viewer-styles-encapsulate .viewer-input-radio:not(.viewer-input-radio--disabled) {
  cursor: pointer;
}

.viewer-styles-encapsulate .viewer-input-radio__input {
  opacity: 0;
  z-index: 9999;
  width: 0;
  height: 0;
  position: absolute;
}

.viewer-styles-encapsulate .viewer-input-radio__label, .viewer-styles-encapsulate .viewer-input-radio__description {
  color: #36393b;
  margin-left: 8px;
}

.viewer-styles-encapsulate .viewer-input-radio__description {
  margin-top: 4px;
}

.viewer-styles-encapsulate .viewer-input-radio--checked .viewer-input-radio__label {
  color: #f2944d;
}

.viewer-styles-encapsulate .viewer-input-radio__texts {
  flex-direction: column;
  display: flex;
}

.viewer-styles-encapsulate .viewer-loading {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.viewer-styles-encapsulate .viewer-loading .viewer-loading__backdrop {
  background: #fff;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: fixed;
}

.viewer-styles-encapsulate .viewer-loading .viewer-loading__wrapper {
  z-index: 2147483647;
  background-color: #fff;
  border-radius: 70px;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  padding: 15px;
  display: flex;
  box-shadow: 0 5px 20px rgba(169, 155, 144, .2);
}

.viewer-styles-encapsulate .viewer-loading .viewer-loading__text {
  text-align: center;
  margin-top: 20px;
}

.viewer-styles-encapsulate #viewer-loading__svg {
  animation: 2s linear infinite rotation;
}

.viewer-styles-encapsulate .viewer-loading__logo {
  background-image: var(--viewer-logo);
  z-index: 20;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 100px;
  margin-bottom: 70px;
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.viewer-styles-encapsulate .viewer-switch {
  cursor: pointer;
  align-items: center;
  padding: 12px;
  display: flex;
}

.viewer-styles-encapsulate .viewer-switch[animation="1"] .viewer-switch__icon {
  animation: .4s wobble;
}

.viewer-styles-encapsulate .viewer-switch__icon {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.viewer-styles-encapsulate .viewer-switch__icon .viewer-icon {
  margin-top: 3px;
}

.viewer-styles-encapsulate .viewer-switch__texts {
  margin-left: 8px;
}

.viewer-styles-encapsulate .viewer-switch__label {
  cursor: pointer;
  color: var(--viewer-color-text);
}

.viewer-styles-encapsulate .viewer-switch__description {
  color: #bdbdbd;
}

.viewer-styles-encapsulate .react-toast-notifications__container {
  z-index: 9500 !important;
}

.viewer-styles-encapsulate .react-toast-notifications__toast {
  width: auto !important;
}

.viewer-styles-encapsulate .react-toast-notifications__toast__icon-wrapper {
  display: none;
}

.viewer-styles-encapsulate .viewer-toast {
  color: #fff;
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  min-width: 230px;
  padding: 8px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.viewer-styles-encapsulate .viewer-toast svg {
  margin-right: 8px;
}

.viewer-styles-encapsulate .viewer-toast--error {
  color: var(--viewer-color-error);
  background-color: #ffebe6;
}

.viewer-styles-encapsulate .viewer-toast--info {
  color: var(--viewer-color-info);
}

.viewer-styles-encapsulate .viewer-toast--success {
  color: var(--viewer-color-success);
  background-color: #e3fcef;
}

.viewer-styles-encapsulate .react-toast-notifications__toast--error {
  border: 1px solid var(--viewer-color-error) !important;
}

.viewer-styles-encapsulate .react-toast-notifications__toast--info {
  border: 1px solid var(--viewer-color-info);
}

.viewer-styles-encapsulate .react-toast-notifications__toast--success {
  border: 1px solid var(--viewer-color-success);
}

.viewer {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.viewer .viewer-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.toast__error {
  color: #fff;
  background-color: red;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 14px;
  position: fixed;
  bottom: 10px;
  left: 10px;
}

.content__error {
  color: red;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: sans-serif;
  display: flex;
}

.viewer__audio {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.viewer__audio audio {
  width: 100%;
  height: 48px;
}

.viewer__audio audio::-webkit-media-controls-panel {
  background-color: #fff;
  border-radius: 8px;
}

.viewer__audio audio::-webkit-media-controls-play-button {
  background-color: var(--color-first);
  border-radius: 50%;
  transform: scale(1.5);
}

.viewer__audio audio::-webkit-media-controls-play-button:hover {
  background-color: var(--color-first);
}

.viewer__audio audio::-webkit-media-controls-timeline {
  background-color: #e5e7eb;
  border-radius: 8px;
  height: 4px;
  padding: 0 10px;
}

.viewer__audio audio::-webkit-media-controls-current-time-display {
  color: #4b5563;
  font-size: 14px;
}

.viewer__audio audio::-webkit-media-controls-time-remaining-display {
  color: #4b5563;
  font-size: 14px;
}

.viewer__audio audio::-webkit-media-controls-timeline-container {
  padding: 0 10px;
}

.viewer__audio audio::-webkit-media-controls-progress-bar {
  background-color: #e5e7eb;
}

.viewer__audio audio::-webkit-media-controls-progress-bar-container {
  padding: 0 10px;
}

.viewer__audio audio::-webkit-media-controls-volume-slider {
  background-color: #e5e7eb;
  border-radius: 8px;
  padding: 0 5px;
}

.custom-audio-player {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-width: 470px;
  padding: 20px;
  display: flex;
}

.custom-audio-player .timeline-container {
  box-sizing: border-box;
  background-color: #f2f2f2;
  border-radius: 48px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 8px rgba(44, 44, 44, .1);
}

.custom-audio-player .timeline-container .time {
  color: var(--viewer-color-gray-01);
  min-width: 45px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.custom-audio-player .timeline-container .time.current {
  text-align: right;
}

.custom-audio-player .timeline-container .time.duration {
  text-align: left;
}

.custom-audio-player .timeline-container .time-divider {
  color: var(--viewer-color-gray-01);
}

.custom-audio-player .timeline-container .timeline {
  -webkit-appearance: none;
  background: linear-gradient(to right, var(--color-first) 0%, var(--color-first) var(--progress-percentage, 0%), #828282 var(--progress-percentage, 0%), #828282 100%);
  cursor: pointer;
  border-radius: 8px;
  flex: 1;
  height: 4px;
}

.custom-audio-player .timeline-container .timeline:focus-visible {
  border: 2px solid var(--primary-02, #1e359d);
  color: var(--primary-02, #1e359d);
  border-radius: 4px;
  outline: none;
}

.custom-audio-player .timeline-container .timeline::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  width: 0;
  height: 0;
}

.custom-audio-player .timeline-container .timeline::-moz-range-thumb {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  width: 0;
  height: 0;
}

.custom-audio-player .timeline-container .timeline::-moz-range-progress {
  background-color: var(--color-first);
  border-radius: 8px;
  height: 4px;
}

.custom-audio-player .timeline-container .button-container {
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
}

.custom-audio-player .timeline-container .button-container .volume-control {
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume {
  cursor: pointer;
  color: var(--viewer-color-gray-01);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: flex;
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:hover {
  background-color: rgba(0, 0, 0, .05);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible .viewer-icon {
  color: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:active .viewer-icon svg, .custom-audio-player .timeline-container .button-container .volume-control .btn-volume:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible:active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .btn-volume:focus-visible:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container {
  z-index: 10;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 24px;
  height: 140px;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container:after {
  content: "";
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button {
  cursor: pointer;
  color: var(--viewer-color-gray-01);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 8px;
  display: flex;
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:hover {
  background-color: rgba(0, 0, 0, .05);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible .viewer-icon {
  color: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:active .viewer-icon svg, .custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible:active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container .mute-button:focus-visible:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container.horizontal {
  min-height: unset;
  z-index: 10;
  flex-direction: row;
  align-items: center;
  width: auto;
  min-width: 110px;
  height: auto;
  padding: 8px 12px;
  display: flex;
  position: absolute;
  top: calc(100% + 24px);
  bottom: auto;
  left: 30%;
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container.horizontal:after {
  display: none;
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container.horizontal:before {
  content: "";
  border-bottom: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: 52%;
  transform: translate(-50%);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container.horizontal .mute-button {
  margin-top: 0;
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider-container.horizontal .volume-slider {
  width: 100px;
  margin: 0;
  transform: none;
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider {
  -webkit-appearance: none;
  appearance: none;
  transform-origin: 50%;
  cursor: pointer;
  background: #e5e7eb;
  border-radius: 8px;
  width: 100px;
  height: 4px;
  margin: 50px 0;
  transform: rotate(-90deg);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider:focus-visible {
  border: 2px solid var(--primary-02, #1e359d);
  color: var(--primary-02, #1e359d);
  border-radius: 4px;
  outline: none;
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-first);
  cursor: pointer;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider::-moz-range-thumb {
  background-color: var(--color-first);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.custom-audio-player .timeline-container .button-container .volume-control .volume-slider.horizontal {
  background: linear-gradient(to right, var(--color-first) 0%, var(--color-first) var(--volume-percentage, 0%), #e5e7eb var(--volume-percentage, 0%), #e5e7eb 100%);
  width: 80px;
  transform: none;
}

.custom-audio-player .timeline-container .button-container .speed-control {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 32px;
  display: flex;
  position: relative;
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed {
  cursor: pointer;
  color: var(--viewer-color-gray-01);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 32px;
  height: 32px;
  padding: 4px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  transition: background-color .2s;
  display: flex;
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:hover {
  background-color: rgba(0, 0, 0, .05);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible .viewer-icon {
  color: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:active .viewer-icon svg, .custom-audio-player .timeline-container .button-container .speed-control .btn-speed:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible:active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .btn-speed:focus-visible:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container {
  z-index: 10;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container:after {
  content: "";
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option {
  cursor: pointer;
  color: var(--Grays-05, #8c99ad);
  text-align: center;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 4px;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:hover {
  background-color: rgba(0, 0, 0, .05);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible .viewer-icon {
  color: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:active .viewer-icon svg, .custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible:active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option:focus-visible:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container .speed-options .speed-option.active {
  background-color: color-mix(in srgb, var(--color-first) 70%, transparent 30%);
  color: var(--Grays-06, #414b5c);
  font-weight: 700;
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container.horizontal {
  min-height: unset;
  z-index: 10;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  width: 282px;
  max-width: 300px;
  height: auto;
  padding: 8px 12px;
  display: flex;
  position: absolute;
  top: calc(100% + 24px);
  bottom: auto;
  left: auto;
  right: -140px;
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container.horizontal:after {
  display: none;
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container.horizontal:before {
  content: "";
  border-bottom: 6px solid #fff;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: calc(100% - 22px);
  transform: translate(-50%);
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container.horizontal .speed-options {
  flex-flow: row;
  justify-content: center;
  gap: 4px;
  width: 100%;
  display: flex;
}

.custom-audio-player .timeline-container .button-container .speed-control .speed-selector-container.horizontal .speed-options .speed-option {
  flex: none;
  min-width: 34px;
  padding: 4px 6px;
}

.custom-audio-player .timeline-container .button-container .transcript-select {
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon {
  cursor: pointer;
  color: var(--viewer-color-gray-01);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: flex;
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:hover {
  background-color: rgba(0, 0, 0, .05);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible .viewer-icon {
  color: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:active .viewer-icon svg, .custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible:active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .audio-transcription-icon:focus-visible:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .audio-transcription-title {
  color: var(--Grays-06, #414b5c);
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .transcription-divider {
  border-bottom: 1px solid var(--Grays-03, #dfe5ec);
  align-self: stretch;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 2px;
  display: flex;
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container-selected p {
  background-color: color-mix(in srgb, var(--color-first) 70%, transparent 30%);
  border: 1px solid var(--color-first);
  border-radius: 5px;
  padding: 10px;
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueActive {
  background-color: color-mix(in srgb, var(--color-first) 70%, transparent 30%);
  color: var(--Black, #101010);
  cursor: pointer;
  border-radius: 5px;
  padding: 2px 5px;
  font-family: Fira Code, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive {
  color: var(--Black, #101010);
  cursor: pointer;
  padding: 2px 5px;
  font-family: Fira Code, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible .viewer-icon {
  color: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:active .viewer-icon svg, .custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible:active {
  color: var(--primary-01, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible:active svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible:active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible:active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .button-container .transcript-select .transcript-container .cue-container .cueInactive:focus-visible:active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.custom-audio-player .timeline-container .play-button {
  background-color: var(--color-first);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
  display: flex;
}

.custom-audio-player .timeline-container .play-button:hover {
  background-color: var(--color-first);
}

.custom-audio-player .timeline-container .play-button svg {
  width: 10px;
  height: 10px;
}

.custom-audio-player .timeline-container .pause-button {
  background-color: var(--color-first);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
  display: flex;
}

.custom-audio-player .timeline-container .pause-button:hover {
  background-color: var(--color-first);
}

.custom-audio-player .timeline-container .pause-button .pause-icon {
  font-size: 10px;
}

.custom-audio-player .timeline-container .transcript-details {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}

.custom-audio-player .timeline-container .transcript-details .transcript-summary {
  cursor: pointer;
  background: #f9f9f9;
  padding: 1rem;
  font-weight: 500;
}

.custom-audio-player .timeline-container .transcript-details .transcript-summary:hover {
  background: #f0f0f0;
}

.custom-audio-player .timeline-container .transcript-details .transcript-container {
  padding: 1rem;
}

.custom-audio-player .timeline-container .transcript-details .transcript-container .current-text {
  background: #f5f5f5;
  border-left: 3px solid #007bff;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 1.1rem;
}

.custom-audio-player .timeline-container .transcript-details .transcript-container .transcript-line {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  padding: .5rem;
}

.custom-audio-player .timeline-container .transcript-details .transcript-container .transcript-line:hover {
  background: #f9f9f9;
}

.custom-audio-player .timeline-container .transcript-details .transcript-container .transcript-line.active {
  background: #e3f2fd;
}

.custom-audio-player .play-button {
  background-color: var(--color-first);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
  display: flex;
}

.custom-audio-player .play-button:hover {
  background-color: var(--color-first);
}

.custom-audio-player .play-button svg {
  width: 10px;
  height: 10px;
}

.custom-audio-player .pause-button {
  background-color: var(--color-first);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
  display: flex;
}

.custom-audio-player .pause-button:hover {
  background-color: var(--color-first);
}

.custom-audio-player .pause-button .pause-icon {
  font-size: 10px;
}

.custom-audio-player .transcript-details {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
}

.custom-audio-player .transcript-details .transcript-summary {
  cursor: pointer;
  background: #f9f9f9;
  padding: 1rem;
  font-weight: 500;
}

.custom-audio-player .transcript-details .transcript-summary:hover {
  background: #f0f0f0;
}

.custom-audio-player .transcript-details .transcript-container {
  padding: 1rem;
}

.custom-audio-player .transcript-details .transcript-container .current-text {
  background: #f5f5f5;
  border-left: 3px solid #007bff;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 1.1rem;
}

.custom-audio-player .transcript-details .transcript-container .transcript-line {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  padding: .5rem;
}

.custom-audio-player .transcript-details .transcript-container .transcript-line:hover {
  background: #f9f9f9;
}

.custom-audio-player .transcript-details .transcript-container .transcript-line.active {
  background: #e3f2fd;
}

.custom-audio-player .play-button, .custom-audio-player .pause-button {
  z-index: 5;
  position: relative;
  background-color: var(--color-first) !important;
  border-radius: 50% !important;
}

.custom-audio-player .play-button:focus-visible {
  outline: none;
  border-radius: 50% !important;
}

.custom-audio-player .pause-button:focus-visible {
  outline: none;
  border-radius: 50% !important;
}

.custom-audio-player .play-button:focus-visible:after {
  content: "";
  border: 2px solid var(--primary-02, #1e359d);
  pointer-events: none;
  z-index: 1;
  box-sizing: border-box;
  background: none;
  border-radius: 10px;
  width: 37px;
  height: 37px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-audio-player .pause-button:focus-visible:after {
  content: "";
  border: 2px solid var(--primary-02, #1e359d);
  pointer-events: none;
  z-index: 1;
  box-sizing: border-box;
  background: none;
  border-radius: 10px;
  width: 37px;
  height: 37px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-audio-player .play-button > *, .custom-audio-player .pause-button > * {
  z-index: 2;
  position: relative;
}

.transcript-header {
  z-index: 2;
  background-color: #fff;
  margin-bottom: 8px;
  padding-bottom: 5px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.viewer-image {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.viewer-image__tools {
  justify-content: flex-end;
  padding: 20px;
  display: flex;
}

.viewer-image__tools button {
  z-index: 100;
  margin-right: 12px;
}

.viewer-image-container {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.viewer-image-container img {
  max-width: 100%;
  max-height: 100%;
}

.viewer-question {
  height: 100%;
  padding: 18px;
  overflow: auto;
}

.viewer-question__controls {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.custom-controls {
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.custom-controls button {
  margin-left: 12px;
}

.custom-score {
  border-radius: 25px;
  justify-content: left;
  align-items: center;
  height: 40px;
  font-family: Titilium Semi Bold, sans-serif;
  display: flex;
  box-sizing: border-box !important;
  padding: 0 24px !important;
}

.custom-score__total {
  color: #a39b93;
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-score__points {
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-score__point-needs-reinforcement {
  color: #f66868;
  margin-left: 12px;
}

.custom-score__point-needs-ampliacion {
  color: #ffb979;
  margin-left: 12px;
}

.custom-score__point-good-progress {
  color: #41d158;
  margin-left: 12px;
}

.custom-score__point-timed-out {
  color: #fff;
  margin-left: 12px;
}

.custom-score.needs-reinforcement {
  background: rgba(247, 104, 104, .1);
}

.custom-score.needs-ampliacion {
  background: rgba(242, 170, 62, .1);
}

.custom-score.good-progress {
  background: rgba(65, 209, 88, .1);
}

.custom-score.timed-out {
  background: #a39b93;
}

.viewer-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.viewer-video .viewer-video__container {
  background: var(--White, #fff);
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  max-width: 744px;
  max-height: 622px;
  margin: 10px;
  padding: 24px;
  display: flex;
}

.viewer-video .viewer-video__container .viewer-video__area {
  max-width: 696px;
  max-height: 494px;
}

.viewer-video .viewer-video__container .viewer-video__area video {
  width: 100%;
  height: 100%;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress {
  align-self: stretch;
  width: 100%;
  height: 10px;
  position: relative;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(to right, var(--color-first, #2544ca) 0%, var(--color-first, #2544ca) var(--progress-percentage, 0%), var(--Gray-color-gray-03, #828282) var(--progress-percentage, 0%), var(--Gray-color-gray-03, #828282) 100%);
  outline: none;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]:focus-visible {
  outline: none;
  outline: 2px solid var(--primary-02, #1e359d);
  outline-offset: 2px;
  color: var(--primary-02, #1e359d);
  border-radius: 4px;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-webkit-slider-runnable-track {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 3px;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-moz-range-track {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 3px;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-ms-track {
  color: rgba(0, 0, 0, 0);
  background: none;
  border-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 3px;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: none;
  border-radius: 0;
  width: 10px;
  height: 10px;
  margin-top: -3.5px;
  transition: all .2s;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-moz-range-thumb {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0;
  width: 10px;
  height: 10px;
  transition: all .2s;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-ms-thumb {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0;
  width: 10px;
  height: 10px;
  transition: all .2s;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]:hover::-webkit-slider-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-top: -3.5px;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]:hover::-moz-range-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]:hover::-ms-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-webkit-slider-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-moz-range-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-ms-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-moz-range-progress {
  background: var(--color-first, #2544ca);
  height: 3px;
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-ms-fill-lower {
  background: var(--color-first, #2544ca);
}

.viewer-video .viewer-video__container .viewer-video__controls__progress input[type="range"]::-ms-fill-upper {
  background: var(--Gray-color-gray-03, #828282);
}

.viewer-video .viewer-video__container .viewer-video__controls {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-right {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
  height: 32px;
  display: flex;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left {
  flex-direction: row;
  flex: 1 0 0;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  display: flex;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__time {
  color: var(--Gray-color-gray-01, #333);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute {
  cursor: pointer;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute .viewer-icon svg, .viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute .viewer-icon path {
  fill: var(--viewer-color-gray-01);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute:focus-visible:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute:focus-visible:viewer-video__active svg {
  fill: var(--primary-01, #1e359d);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute:focus-visible:viewer-video__active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute:focus-visible:viewer-video__active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute:focus-visible:viewer-video__active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume {
  width: 100px;
  margin-bottom: 10px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(to right, var(--color-first, #2544ca) 0%, var(--color-first, #2544ca) var(--volume-percentage, 50%), var(--Gray-color-gray-03, #828282) var(--volume-percentage, 50%), var(--Gray-color-gray-03, #828282) 100%);
  outline: none;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]:focus-visible {
  outline: none;
  outline: 2px solid var(--primary-02, #1e359d);
  outline-offset: 2px;
  color: var(--primary-02, #1e359d);
  border-radius: 4px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-webkit-slider-runnable-track {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 3px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-moz-range-track {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 3px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-ms-track {
  color: rgba(0, 0, 0, 0);
  background: none;
  border-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 3px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: none;
  border-radius: 0;
  width: 12px;
  height: 12px;
  margin-top: -4.5px;
  transition: all .2s;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-moz-range-thumb {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0;
  width: 12px;
  height: 12px;
  transition: all .2s;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-ms-thumb {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0;
  width: 12px;
  height: 12px;
  transition: all .2s;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]:focus-visible {
  outline-offset: 8px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-webkit-slider-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-moz-range-progress {
  background: var(--color-first, #2544ca);
  height: 3px;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-moz-range-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-ms-fill-lower {
  background: var(--color-first, #2544ca);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-ms-fill-upper {
  background: var(--Gray-color-gray-03, #828282);
}

.viewer-video .viewer-video__container .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__progress-volume input[type="range"]::-ms-thumb {
  background: var(--color-first, #2544ca);
  border-radius: 50%;
}

.viewer-video .viewer-video__container .viewer-video__subtitles {
  z-index: 1000;
  box-sizing: border-box;
  background-color: #ddd;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 10px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.viewer-video .viewer-video__container .viewer-video__subtitles .viewer-video__subtitles-text {
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  line-height: 1.4;
}

.viewer-video button {
  all: unset;
  cursor: pointer;
}

.viewer-video button:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.viewer-video button:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video button:focus-visible:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video button:focus-visible:viewer-video__active svg {
  fill: var(--primary-01, #1e359d);
}

.viewer-video button:focus-visible:viewer-video__active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.viewer-video button:focus-visible:viewer-video__active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.viewer-video button:focus-visible:viewer-video__active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.viewer-video button svg {
  width: 24px;
  height: 24px;
}

.viewer-video button .viewer-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.viewer-video__dropdown {
  display: inline-block;
  position: relative;
}

.viewer-video__dropdown-menu {
  background: var(--White, #fff);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: -webkit-max-content;
  width: max-content;
  display: flex;
  position: absolute;
  top: 40px;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

.viewer-video__dropdown-options {
  width: 100%;
  max-height: 200px;
  padding: 2px;
  overflow-x: hidden;
  overflow-y: auto;
}

.viewer-video__dropdown-options button {
  text-align: left;
  color: #414b5c;
  box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 10px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  display: flex;
}

.viewer-video__dropdown-options button:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  border-radius: 6px;
}

.viewer-video__dropdown-options button:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video__dropdown-options button:focus-visible:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video__dropdown-options button:focus-visible:viewer-video__active svg {
  fill: var(--primary-01, #1e359d);
}

.viewer-video__dropdown-options button:focus-visible:viewer-video__active .viewer-icon {
  color: var(--primary-01, #1e359d);
}

.viewer-video__dropdown-options button:focus-visible:viewer-video__active .viewer-icon svg {
  fill: var(--primary-01, #1e359d);
}

.viewer-video__dropdown-options button:focus-visible:viewer-video__active .viewer-icon path {
  fill: var(--primary-01, #1e359d);
}

.viewer-video__dropdown-options button span.viewer-video__button-text {
  white-space: nowrap;
  margin-right: 8px;
}

.viewer-video__dropdown-options button span.viewer-video__button-text-subtitle-audiodescription {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 0 65%;
  margin-right: 8px;
  overflow: hidden;
}

.viewer-video__dropdown-options button span.viewer-video__button-text-language {
  background: var(--primary-06, #eef1fd);
  color: var(--primary-02, #1e359d);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 24px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  display: flex;
  overflow: hidden;
}

.viewer-video__dropdown-options button .viewer-video__check-icon {
  flex-shrink: 0;
}

.viewer-video__dropdown-options button:last-child {
  border-bottom: none;
}

.viewer-video__dropdown-options button:hover {
  background-color: #f9f9f9;
}

.viewer-video__dropdown-options button.viewer-video__active {
  color: #414b5c;
  background-color: var(--viewer-color-gray-05);
}

.viewer-video__dropdown-options::-webkit-scrollbar {
  width: 4px;
}

.viewer-video__dropdown-options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.viewer-video__dropdown-options::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

.viewer-video__dropdown-options::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

.viewer-video__check-icon {
  margin-left: 8px;
}

.viewer-video__speed-label {
  color: var(--Gray-color-gray-01, #333);
  flex: none;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
}

.viewer-video__dropdown button {
  flex: none;
}

.viewer-video__dropdown button:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video__dropdown button:focus-visible {
  box-shadow: 0 0 0 2px var(--primary-02, #1e359d);
  background: var(--primary-05, #e0e7ff);
  color: var(--primary-02, #1e359d);
  z-index: 1;
  border-radius: 4px;
  outline: none;
  width: 98%;
  display: flex;
  position: relative;
}

.viewer-video__dropdown button:focus-visible:viewer-video__active {
  box-shadow: 0 0 0 2px var(--primary-02, #1e359d);
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video__tooltip {
  z-index: 10;
  display: inline-block;
  position: relative;
}

.viewer-video__tooltip .viewer-video__tooltip-text {
  visibility: hidden;
  opacity: 0;
  background: var(--Gray-color-gray-01, #333);
  color: var(--White, #fff);
  text-align: center;
  z-index: 1000;
  white-space: nowrap;
  pointer-events: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 120px;
  padding: 4px 8px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  transition: opacity .3s, visibility .3s;
  display: inline-flex;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 4px 4px rgba(140, 153, 173, .25);
}

.viewer-video__tooltip .viewer-video__tooltip-text:after {
  content: "";
  border: 5px solid rgba(0, 0, 0, 0);
  border-top-color: #333;
  margin-left: -5px;
  position: absolute;
  top: 100%;
  left: 50%;
}

.viewer-video__tooltip:hover .viewer-video__tooltip-text {
  visibility: visible;
  opacity: 1;
}

.viewer-video__tooltip:focus-within .viewer-video__tooltip-text {
  visibility: visible;
  opacity: 1;
}

.viewer-video__tooltip button:focus-visible {
  outline: 2px solid var(--primary-02, #1e359d);
  outline-offset: 2px;
  border-radius: 4px;
}

.viewer-video button.viewer-video__tooltip .viewer-video__tooltip-text, button.viewer-video__tooltip .viewer-video__tooltip-text {
  bottom: 150%;
  left: 50%;
  transform: translate(-50%);
}

.viewer-video__controls__mute.viewer-video__tooltip .viewer-video__tooltip-text {
  bottom: 150%;
}

.viewer-video__controls__button--fullscreen.viewer-video__tooltip .viewer-video__tooltip-text {
  bottom: 150%;
  left: auto;
  right: -30px;
  transform: none;
}

.viewer-video__controls__button--fullscreen.viewer-video__tooltip .viewer-video__tooltip-text:after {
  left: auto;
  right: 10px;
}

.viewer-video .viewer-video__controls-left .viewer-video__play-button {
  z-index: 5;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: relative;
}

.viewer-video .viewer-video__controls-left .viewer-video__play-button .viewer-icon, .viewer-video .viewer-video__controls-left .viewer-video__play-button .viewer-icon svg, .viewer-video .viewer-video__controls-left .viewer-video__play-button .viewer-icon path {
  width: 48px;
  height: 48px;
  fill: var(--color-first, #ed7011) !important;
}

.viewer-video .viewer-video__controls-left .viewer-video__play-button:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video .viewer-video__controls-left .viewer-video__play-button:focus-visible:viewer-video__active {
  outline: none;
  transition: transform .1s;
  transform: scale(.95);
}

.viewer-video .viewer-video__controls-left .viewer-video__play-button:focus-visible {
  border-radius: 50%;
  outline: none;
}

.viewer-video .viewer-video__controls-left .viewer-video__play-button:focus-visible:after {
  content: "";
  border: 2px solid var(--primary-02, #1e359d);
  pointer-events: none;
  z-index: 1;
  box-sizing: border-box;
  background: none;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.viewer-video .viewer-video__controls-left .viewer-video__play-button > * {
  z-index: 2;
  position: relative;
}

.viewer-video__container:-webkit-full-screen {
  background: #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.viewer-video__container:fullscreen {
  background: #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.viewer-video__container:-webkit-full-screen .viewer-video__area {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: calc(100vh - 200px);
  display: flex;
}

.viewer-video__container:fullscreen .viewer-video__area {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: calc(100vh - 200px);
  display: flex;
}

.viewer-video__container:-webkit-full-screen .viewer-video__area video {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.viewer-video__container:fullscreen .viewer-video__area video {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls__progress {
  width: 100%;
  margin: 10px 0;
}

.viewer-video__container:fullscreen .viewer-video__controls__progress {
  width: 100%;
  margin: 10px 0;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 2;
  background: rgba(0, 0, 0, .8);
  border-radius: 8px;
  width: 98%;
  margin-top: 10px;
  padding: 15px 20px;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}

.viewer-video__container:fullscreen .viewer-video__controls {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 2;
  background: rgba(0, 0, 0, .8);
  border-radius: 8px;
  width: 98%;
  margin-top: 10px;
  padding: 15px 20px;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__time {
  color: #fff;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__time {
  color: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute .viewer-icon svg {
  fill: #fff;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute .viewer-icon svg {
  fill: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute .viewer-icon path {
  fill: #fff;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute .viewer-icon path {
  fill: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-video__speed-label {
  color: #fff;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right .viewer-video__speed-label {
  color: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-icon-default svg {
  fill: #fff;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right .viewer-icon-default svg {
  fill: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-icon-default path {
  fill: #fff;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right .viewer-icon-default path {
  fill: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-icon-disabled svg {
  fill: #828282;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right .viewer-icon-disabled svg {
  fill: #828282;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-icon-disabled path {
  fill: #828282;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right .viewer-icon-disabled path {
  fill: #828282;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-video__speed-label {
  color: var(--primary-02, #1e359d);
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-video__speed-label {
  color: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-disabled svg {
  fill: var(--primary-02, #1e359d) !important;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-disabled svg {
  fill: var(--primary-02, #1e359d) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-disabled path {
  fill: var(--primary-02, #1e359d) !important;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-disabled path {
  fill: var(--primary-02, #1e359d) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-first svg {
  fill: var(--color-first) !important;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-first svg {
  fill: var(--color-first) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-first path {
  fill: var(--color-first) !important;
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-first path {
  fill: var(--color-first) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__dropdown .viewer-video__dropdown-menu {
  top: auto;
  bottom: 50px;
  transform: translate(-50%);
}

.viewer-video__container:fullscreen .viewer-video__controls .viewer-video__dropdown .viewer-video__dropdown-menu {
  top: auto;
  bottom: 50px;
  transform: translate(-50%);
}

.viewer-video__container:-webkit-full-screen .viewer-video__subtitles {
  color: #fff;
  text-align: center;
  z-index: 1;
  background: rgba(0, 0, 0, .8);
  border-radius: 4px;
  max-width: 80%;
  padding: 10px 20px;
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translate(-50%);
}

.viewer-video__container:fullscreen .viewer-video__subtitles {
  color: #fff;
  text-align: center;
  z-index: 1;
  background: rgba(0, 0, 0, .8);
  border-radius: 4px;
  max-width: 80%;
  padding: 10px 20px;
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translate(-50%);
}

.viewer-video__container:-webkit-full-screen {
  background: #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.viewer-video__container:-webkit-full-screen .viewer-video__area {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: calc(100vh - 200px);
  display: flex;
}

.viewer-video__container:-webkit-full-screen .viewer-video__area video {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls__progress {
  width: 100%;
  margin: 10px 0;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 2;
  background: rgba(0, 0, 0, .8);
  border-radius: 8px;
  width: 98%;
  margin-top: 10px;
  margin-left: 26px;
  padding: 15px 20px;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__time {
  color: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute .viewer-icon svg {
  fill: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left .viewer-video__controls__mute .viewer-icon path {
  fill: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-video__speed-label {
  color: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon-disabled svg {
  fill: var(--primary-02, #1e359d) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon-disabled path {
  fill: var(--primary-02, #1e359d) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon-first svg {
  fill: var(--color-first) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-left button:focus-visible .viewer-icon-first path {
  fill: var(--color-first) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-video__speed-label {
  color: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-icon-default svg {
  fill: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-icon-default path {
  fill: #fff;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-icon-disabled svg {
  fill: #828282;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right .viewer-icon-disabled path {
  fill: #828282;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon svg {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon path {
  fill: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-video__speed-label {
  color: var(--primary-02, #1e359d);
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-disabled svg {
  fill: var(--primary-02, #1e359d) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-disabled path {
  fill: var(--primary-02, #1e359d) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-first svg {
  fill: var(--color-first) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__controls-right button:focus-visible .viewer-icon-first path {
  fill: var(--color-first) !important;
}

.viewer-video__container:-webkit-full-screen .viewer-video__controls .viewer-video__dropdown .viewer-video__dropdown-menu {
  top: auto;
  bottom: 50px;
  transform: translate(-50%);
}

.viewer-video__container:-webkit-full-screen .viewer-video__subtitles {
  color: #fff;
  text-align: center;
  z-index: 1;
  background: rgba(0, 0, 0, .8);
  border-radius: 4px;
  max-width: 80%;
  padding: 10px 20px;
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translate(-50%);
}

.viewer-video__sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.viewer-video__controls__progress input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}

.viewer-video__controls__progress input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
}

.viewer-video__controls__progress input[type="range"][aria-valuenow][aria-valuenow="undefined"] {
  -webkit-appearance: none;
  appearance: none;
}

.viewer__scorm {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: flex;
}

.viewer__scorm iframe {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 600px;
}

.viewer__html_interactive {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: flex;
}

.viewer__html_interactive iframe {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 600px;
}

.viewer__xapi {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: flex;
}

.viewer__xapi iframe {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 600px;
}

.viewer__xapi__newTab {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 100%;
  display: flex;
}

.viewer__xapi__newTab p {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.viewer-header {
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid #eee4dc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  display: flex;
}

.viewer-header .viewer-header__right .viewer-header__right-close {
  cursor: pointer;
}

.viewer-header .viewer-header__right .viewer-header__right-close > div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.viewerHaveHeader.viewer .viewer-container {
  height: calc(100% - 40px);
  position: relative;
}

.viewer-link {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.viewer-link iframe {
  border: 0;
  width: 100%;
  height: calc(100% - 65px);
  position: absolute;
  top: 0;
  left: 0;
}

.viewer-link__footer {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 6px;
  width: 100%;
  height: 65px;
  margin: 0;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.viewer-link__footer a, .viewer-link__footer p {
  margin: 0;
  padding: 0;
}

.viewer-link__footer-link {
  cursor: pointer;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.viewer-link__footer-title {
  padding: 0;
}

.viewer-link--size-sm-widescreen {
  width: 320px;
  height: 245px;
}

.viewer-link--size-md-widescreen {
  width: 640px;
  height: 425px;
}

.viewer-link--size-lg-widescreen {
  width: 1280px;
  height: 785px;
}

.viewer-link--size-sm-square {
  width: 240px;
  height: 305px;
}

.viewer-link--size-md-square {
  width: 480px;
  height: 545px;
}

.viewer-link--size-lg-square {
  width: 960px;
  height: 1025px;
}

.viewer-link--size-sm-standard {
  width: 320px;
  height: 305px;
}

.viewer-link--size-md-standard {
  width: 640px;
  height: 545px;
}

.viewer-link--size-lg-standard {
  width: 1280px;
  height: 1025px;
}

.viewer-quiz {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.viewer-quiz__header {
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 1px solid #eee4dc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 55px;
  padding: 0 20px;
  display: flex;
}

.viewer-quiz__body {
  width: 100%;
  height: calc(100% - 55px);
}

.viewer-quiz__pages {
  justify-content: center;
  align-items: center;
  display: flex;
}

.viewer-quiz__page {
  color: #828282;
  cursor: pointer;
  box-sizing: border-box;
  background-color: #faf7f5;
  border: 2px solid #faf7f5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin: 0 10px;
  font-family: Dosis Bold, sans-serif;
  display: flex;
}

.viewer-quiz__page.current {
  border: 2px solid var(--viewer-color-primary);
  color: var(--viewer-color-primary);
  background-color: #fff;
}

.viewer-quiz__button-send {
  color: var(--viewer-color-primary);
  box-sizing: border-box;
  border: 2px solid var(--viewer-color-primary);
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  min-height: 40px;
  padding: 8px 12px;
  font-family: Dosis Bold, sans-serif;
  font-weight: 700;
}

.viewer-quiz__delivered > div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.viewer-quiz__delivered > div > div {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
}

.viewer-quiz__delivered > div > div > svf {
  width: 100%;
  height: 100%;
}

.viewer-quiz__delivered > div > div > h2 {
  color: #111827;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.viewer-quiz__delivered > div > p {
  color: #6b7280;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
}

.viewer-task {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.viewer-task__header {
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 1px solid #eee4dc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 55px;
  padding: 0 20px;
  display: flex;
}

.viewer-task__body {
  width: 100%;
  height: calc(100% - 55px);
}

.viewer-task__pages {
  justify-content: center;
  align-items: center;
  display: flex;
}

.viewer-task__page {
  color: #828282;
  cursor: pointer;
  box-sizing: border-box;
  background-color: #faf7f5;
  border: 2px solid #faf7f5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin: 0 10px;
  font-family: Dosis Bold, sans-serif;
  display: flex;
}

.viewer-task__page.current {
  border: 2px solid var(--viewer-color-primary);
  color: var(--viewer-color-primary);
  background-color: #fff;
}

.viewer-task__button-send {
  color: var(--viewer-color-primary);
  box-sizing: border-box;
  border: 2px solid var(--viewer-color-primary);
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  min-height: 40px;
  padding: 8px 12px;
  font-family: Dosis Bold, sans-serif;
  font-weight: 700;
}

.viewer-task__delivered > div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.viewer-task__delivered > div > div {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
}

.viewer-task__delivered > div > div > svf {
  width: 100%;
  height: 100%;
}

.viewer-task__delivered > div > div > h2 {
  color: #111827;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.viewer-task__delivered > div > p {
  color: #6b7280;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
}

.viewer-zip {
  background-color: #fff;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 100%;
  max-height: 250px;
  margin: 20px;
  display: flex;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
}

.viewer-zip .title {
  color: #000;
  text-align: center;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

.viewer-zip .subtitle {
  color: #6b7280;
  text-align: left;
  box-sizing: border-box;
  max-height: 135px;
  margin-bottom: 1rem;
  padding: 0 10px;
  font-size: 14px;
  overflow: auto;
}

.viewer-zip .download-button {
  background-color: var(--color-first);
  color: #fff;
  cursor: pointer;
  opacity: 1;
  border: 0;
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: 500;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);
}

.viewer-zip .download-button:hover {
  opacity: .8;
}

.viewer-cat-book {
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.viewer-cat-book iframe {
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

:root {
  --viewer-color-primary: var(--color-first);
  --lemo-color-corporate: var(--color-first);
  --lemo-color-corporate-hover: var(--color-first);
  --lemo-color-corporate-light: var(--color-first);
  --lemo-button-color-primary: var(--color-first);
  --lemo-button-color-primary-hover: : var(--color-first);
  --lemo-color-corporate: var(--color-first) !important;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  overflow: hidden;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider {
  opacity: .3;
  background-color: var(--color-first) !important;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-slider-progress-bar, .lemonade-exercises .lemo-audio-player-slider .lemo-input-slider-fill, .lemonade-exercises .lemo-circular-button, .lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:after, .lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:before {
  background-color: var(--color-first) !important;
}

.custom-dropdown-container {
  z-index: 10000;
  scroll-behavior: smooth;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-width: 220px;
  max-height: 400px;
  position: fixed;
  top: 60px;
  right: 20px;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.custom-dropdown-container::-webkit-scrollbar {
  width: 6px;
}

.custom-dropdown-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.custom-dropdown-container::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.custom-dropdown-container::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.custom-dropdown-group-header {
  letter-spacing: .1px;
  color: #4d525d;
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  align-items: center;
  padding: 8px 12px;
  font: 500 .75rem / 1.25 -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
  display: flex;
}

.custom-dropdown-group-header--has-selection .group-indicator {
  color: #007bff;
  margin-left: auto;
  font-size: 10px;
}

.custom-dropdown-group-separator {
  background: #e0e0e0;
  height: 1px;
  margin: 4px 0;
}

.custom-dropdown-option {
  cursor: pointer;
}

.custom-dropdown-option-content {
  align-items: center;
  padding: 8px 12px;
  transition: all .2s;
  display: flex;
}

.custom-dropdown-option-content .option-icon {
  margin-right: 8px;
  transition: color .2s;
}

.custom-dropdown-option-content .option-title {
  font: 500 .75rem / 1.25 -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
  transition: all .2s;
}

.custom-dropdown-option-content .option-checkmark {
  color: #007bff;
  margin-left: auto;
  font-size: 16px;
  font-weight: 700;
}

.custom-dropdown-option-content:hover:not(.selected) {
  background-color: #f0f0f0;
}

.custom-dropdown-option-content.selected {
  background-color: #e7f3ff;
}

.custom-dropdown-option-content.selected .option-icon {
  color: #007bff;
}

.custom-dropdown-option-content.selected .option-title {
  color: #007bff;
  font: 500 .75rem / 1.25 -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
}

.custom-dropdown-option-content.selected:hover {
  background-color: #d4eaff;
}

@keyframes dropdownFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.custom-dropdown-container {
  animation: .15s ease-out dropdownFadeIn;
}

@media (max-width: 768px) {
  .custom-dropdown-container {
    min-width: auto;
    max-width: calc(100vw - 20px);
    position: fixed;
    top: 50px;
    left: 10px;
    right: 10px;
  }
}

@media (prefers-color-scheme: dark) {
  .custom-dropdown-container {
    background: #2d2d30;
    border-color: #464647;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
  }

  .custom-dropdown-group-header {
    color: #ccc;
    background: #383838;
    border-bottom-color: #464647;
  }

  .custom-dropdown-group-separator {
    background: #464647;
  }

  .custom-dropdown-option-content {
    color: #ccc;
  }

  .custom-dropdown-option-content:hover:not(.selected) {
    background-color: #404040;
  }

  .custom-dropdown-option-content.selected {
    background-color: #1e3a5f;
    border-left-color: #4fc3f7;
  }

  .custom-dropdown-option-content.selected .option-icon, .custom-dropdown-option-content.selected .option-title {
    color: #4fc3f7;
  }

  .custom-dropdown-option-content.selected:hover {
    background-color: #2a5490;
  }
}

@media (prefers-contrast: high) {
  .custom-dropdown-container {
    border: 2px solid #000;
  }

  .custom-dropdown-option-content.selected {
    border-left-width: 4px;
  }
}

.tooltip-container {
  display: inline-block;
  position: relative;
}

.tooltip-wrapper {
  z-index: 100;
  pointer-events: none;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
}

.tooltip-wrapper.tooltip-wrapper-top {
  bottom: 100%;
}

.tooltip-wrapper.tooltip-wrapper-bottom {
  top: 100%;
}

.tooltip-wrapper.tooltip-wrapper-left {
  width: auto;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 100%;
}

.tooltip-wrapper.tooltip-wrapper-right {
  width: auto;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 100%;
}

.tooltip-content {
  background: var(--Grays-06, #414b5c);
  white-space: nowrap;
  z-index: 101;
  color: var(--White, #fff);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  max-width: calc(100vw - 16px);
  padding: 4px 8px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  transition: opacity .15s;
  display: inline-flex;
  position: absolute;
  box-shadow: 0 4px 4px rgba(140, 153, 173, .25);
}

.tooltip-content.tooltip-content-top {
  bottom: 8px;
  left: 50%;
  transform: translate(-50%);
}

.tooltip-content.tooltip-content-bottom {
  top: 8px;
  left: 50%;
  transform: translate(-50%);
}

.tooltip-content.tooltip-content-left {
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.tooltip-content.tooltip-content-right {
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}

.tooltip-arrow {
  z-index: 102;
  border: 6px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  transition: opacity .15s;
  position: absolute;
}

.tooltip-arrow.tooltip-arrow-top {
  border-top-color: var(--Grays-06, #414b5c);
  border-bottom: 0;
  bottom: 2px;
  left: 50%;
  transform: translate(-50%);
}

.tooltip-arrow.tooltip-arrow-bottom {
  border-bottom-color: var(--Grays-06, #414b5c);
  border-top: 0;
  top: 2px;
  left: 50%;
  transform: translate(-50%);
}

.tooltip-arrow.tooltip-arrow-left {
  border-left-color: var(--Grays-06, #414b5c);
  border-right: 0;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
}

.tooltip-arrow.tooltip-arrow-right {
  border-right-color: var(--Grays-06, #414b5c);
  border-left: 0;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
}

.fr-element, .fr-element:focus {
  outline: 0 solid rgba(0, 0, 0, 0);
}

.fr-box.fr-basic {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
}

.fr-box.fr-basic .fr-element {
  color: #414141;
  box-sizing: border-box;
  text-align: left;
  min-height: 60px;
  padding: 20px;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.6;
  overflow-x: auto;
}

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}

.fr-element {
  z-index: 2;
  -webkit-user-select: auto;
  background: none;
  position: relative;
}

.fr-element a {
  -webkit-user-select: auto;
  user-select: auto;
  -o-user-select: auto;
  -khtml-user-select: auto;
}

.fr-element.fr-disabled {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-element [contenteditable="true"] {
  outline: 0 solid rgba(0, 0, 0, 0);
}

.fr-box a.fr-floating-btn {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #333;
  -o-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
  text-align: center;
  box-sizing: border-box;
  background: #fff;
  border: none;
  border-radius: 100%;
  outline: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: background .2s, color .2s, transform .2s;
  -moz-transition: background .2s, color .2s, transform .2s;
  -ms-transition: background .2s, color .2s, transform .2s;
  display: block;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
}

.fr-box a.fr-floating-btn svg {
  -o-transition: transform .2s ease 0s;
  fill: #333;
  -webkit-transition: transform .2s;
  -moz-transition: transform .2s;
  -ms-transition: transform .2s;
}

.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px;
}

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}

.fr-box a.fr-floating-btn:hover {
  cursor: pointer;
  background: #ebebeb;
}

.fr-box a.fr-floating-btn:hover svg {
  fill: #333;
}

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

iframe.fr-iframe {
  z-index: 2;
  box-sizing: border-box;
  border: none;
  width: 100%;
  display: block;
  position: relative;
}

.fr-wrapper {
  z-index: 1;
  position: relative;
}

.fr-wrapper:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-wrapper .fr-placeholder {
  color: #aaa;
  z-index: 1;
  font-family: sans-serif;
  font-size: 14px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.fr-wrapper.show-placeholder .fr-placeholder {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.fr-wrapper ::selection {
  color: #000;
  background: #b5d6fd;
}

.fr-box.fr-basic .fr-wrapper {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #efefef;
  top: 0;
  left: 0;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm;
  }

  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    background: #efefef;
    min-width: 21cm;
    padding: 30px;
  }

  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    z-index: auto;
    background: #fff;
    width: 21cm;
    margin: auto;
    padding: 1cm 2cm;
    overflow: visible;
    min-height: 26cm !important;
  }

  .fr-box.fr-document .fr-wrapper .fr-element hr {
    background: #efefef;
    border: none;
    outline: none;
    height: 1cm;
    margin-left: -2cm;
    margin-right: -2cm;
  }

  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1;
  }
}

.fr-tooltip {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  -o-transition: opacity .2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #222;
  border-radius: 2px;
  padding: 0 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 22px;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  position: absolute;
  top: 0;
  left: -3000px;
}

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative;
}

.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
  display: none;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  color: #333;
  -moz-outline: 0;
  cursor: pointer;
  text-align: left;
  -o-transition: all .5s;
  background: none;
  -moz-background-clip: padding;
  z-index: 2;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  float: left;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  outline: none;
  height: 40px;
  margin: 4px 2px;
  padding: 0;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  position: relative;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0 4px 4px 0;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px 0 0 4px;
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
  text-align: center;
  float: none;
  width: 24px;
  margin: 8px 7px;
  display: block;
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px;
}

.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
  -o-transition: all .5s;
  fill: #333;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 30px;
  height: 17px;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  display: block;
  overflow: hidden;
}

.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
  width: 24px;
  margin: 8px 7px;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: 400;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
  -o-transition: all .3s;
  content: "";
  border-top: 4px solid #333;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  position: absolute;
  top: 18px;
  right: 2px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333;
  -o-transition: .5s ease;
  background: #d6d6d6;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  fill: #333;
  background: #ebebeb;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover:after {
  border-top-color: #333;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222;
}

.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: .3;
  -moz-opacity: .3;
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-command.fr-btn.fr-disabled:after, .fr-popup .fr-command.fr-btn.fr-disabled:after, .fr-modal .fr-command.fr-btn.fr-disabled:after {
  border-top-color: #bdbdbd;
}

.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
  display: none;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  width: 46px;
  height: 40px;
  margin: 0;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
  background: #fff;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
  width: 24px;
  height: 24px;
  margin: 8px 11px;
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7;
}

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: .3;
  -moz-opacity: .3;
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown:after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown:after, .fr-popup.fr-disabled .fr-btn.fr-dropdown:after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown:after, .fr-modal.fr-disabled .fr-btn.fr-dropdown:after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown:after {
  border-top-color: #bdbdbd;
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right;
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px 0 0 4px;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0 4px 4px 0;
}

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  float: none;
  display: inline-flex;
}

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  color: #333;
  outline: 0;
}

.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb;
}

.fr-desktop .fr-command:hover:after, .fr-desktop .fr-command:focus:after, .fr-desktop .fr-command.fr-btn-hover:after, .fr-desktop .fr-command.fr-expanded:after {
  border-top-color: #333;
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333;
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb;
}

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected, .fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: none;
}

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6;
}

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px;
}

.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
  -o-transition: border-left 0s, background-color .5s;
  border-left: 1px solid #fafafa;
  -webkit-transition: border-left, background-color .5s;
  -moz-transition: border-left, background-color .5s;
  -ms-transition: border-left, background-color .5s;
}

.fr-command.fr-btn + .fr-dropdown-menu {
  z-index: 4;
  background: #fff;
  -moz-background-clip: padding;
  -webkit-overflow-scrolling: touch;
  zoom: 1;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
  height: auto;
  display: inline-block;
  position: absolute;
  bottom: auto;
  right: auto;
  overflow: hidden;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
}

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -o-transition: none;
  height: auto;
  max-height: 275px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  text-align: left;
  box-sizing: border-box;
  -o-transition: height .3s;
  float: left;
  height: 0;
  margin: 0 auto auto;
  padding: 0;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  display: inline-block;
  position: relative;
  margin-top: 0 !important;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  min-width: 72px;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  margin: 0;
  padding: 0;
  font-size: 15px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  padding: 0 20px;
  line-height: 200%;
  text-decoration: none;
  display: flex;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  margin-left: 20px;
  font-weight: 700;
}

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px 2px 0 0;
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}

body.fr-prevent-scroll {
  overflow: hidden;
}

body.fr-prevent-scroll.fr-mobile {
  -webkit-overflow-scrolling: touch;
  position: fixed;
}

.fr-modal {
  color: #222;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: scroll;
}

.fr-modal.fr-middle .fr-modal-wrapper {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.fr-modal .fr-modal-wrapper {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff;
  border: 0;
  border-radius: 10px;
  width: 90%;
  min-width: 300px;
  margin: 20px auto;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12);
}

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    width: 70%;
    margin: 30px auto;
  }
}

@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    width: 960px;
    margin: 50px auto;
  }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
  z-index: 3;
  -o-transition: all .2s ease 0s;
  background: #fff;
  border-bottom: 1px solid #efefef;
  width: 100%;
  min-height: 42px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  position: absolute;
  overflow: hidden;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  float: left;
  margin: 0;
  padding: 19px 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  padding-bottom: 20px;
  overflow-y: auto;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  color: #0098f7;
  cursor: pointer;
  -o-transition: background .2s ease 0s;
  background: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 2px;
  outline: none;
  height: 36px;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -ms-transition: background .2s;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  color: #0098f7;
  background: #ebebeb;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  color: #0098f7;
  background: #d6d6d6;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

.fr-overlay {
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
  background: #000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

ol.decimal_type {
  counter-reset: item;
}

ol.decimal_type > li {
  display: block;
}

ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

.fr-popup {
  color: #222;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  z-index: 2147483635;
  text-align: left;
  background: #fff;
  -moz-background-clip: padding;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2;
  display: none;
  position: absolute;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12);
}

.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  box-sizing: content-box;
  padding: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.fr-popup .fr-icon-container {
  box-sizing: border-box;
  max-height: 200px;
  padding: 20px;
  overflow: auto;
}

@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid;
  }
}

@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    -ms-flex-flow: wrap;
    display: inline-flex;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px;
  }
}

.fr-popup .fr-input-focus {
  background: #f5f5f5;
}

.fr-popup.fr-above {
  border-top: 0;
  margin-top: -10px;
}

.fr-popup.fr-active {
  display: block;
}

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup.fr-empty {
  display: none !important;
}

.fr-popup .fr-hs {
  display: block !important;
}

.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}

.fr-popup .fr-input-line {
  padding: 15px 0;
  position: relative;
}

.fr-popup .fr-input-line textarea {
  -moz-background-clip: padding;
  color: #222;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  box-sizing: border-box;
  -o-transition: border .5s, padding .5s;
  background: #fff;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 1px;
  padding: 4px 12px;
  font-size: 14px;
  -webkit-transition: border .5s, padding .5s;
  -moz-transition: border .5s, padding .5s;
  -ms-transition: border .5s, padding .5s;
  position: relative;
}

.fr-popup .fr-input-line input[type="text"] {
  -moz-background-clip: padding;
  color: #222;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  box-sizing: border-box;
  -o-transition: border .5s, padding .5s;
  background: #fff;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 1px;
  padding: 4px 12px;
  font-size: 14px;
  -webkit-transition: border .5s, padding .5s;
  -moz-transition: border .5s, padding .5s;
  -ms-transition: border .5s, padding .5s;
  position: relative;
}

.fr-popup .fr-input-line textarea:hover {
  border: 1px solid #515151;
}

.fr-popup .fr-input-line input[type="text"]:hover {
  border: 1px solid #515151;
}

.fr-popup .fr-input-line textarea:focus {
  border: 2px solid #0098f7;
  padding: 3px 11px;
}

.fr-popup .fr-input-line input[type="text"]:focus {
  border: 2px solid #0098f7;
  padding: 3px 11px;
}

.fr-popup .fr-input-line input[type="text"] {
  height: 46px;
}

.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
  color: gray;
  -o-transition: all .5s ease;
  z-index: 3;
  cursor: text;
  background: #fff;
  padding: 0;
  font-size: 14px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  display: block;
  position: absolute;
  top: 29px;
  left: 12px;
}

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  padding: 0 4px;
  font-size: 11px;
  top: 9px;
  left: 4px;
}

.fr-popup input, .fr-popup textarea {
  -webkit-user-select: text;
  user-select: text;
  -o-user-select: text;
  -khtml-user-select: text;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  outline: none;
}

.fr-popup textarea {
  resize: none;
}

.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0;
}

.fr-popup .fr-buttons .fr-btn {
  float: none;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
}

.fr-popup .fr-buttons .fr-btn i {
  float: left;
}

.fr-popup .fr-buttons .fr-separator {
  float: none;
  display: inline-block;
}

.fr-popup .fr-buttons.fr-tabs {
  -moz-background-clip: padding;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    width: 276px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px;
}

.fr-popup .fr-layer {
  -moz-background-clip: padding;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px;
  width: 195px;
  margin: 20px;
  display: none;
}

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px;
  }
}

.fr-popup .fr-layer.fr-active {
  display: inline-block;
}

.fr-popup .fr-action-buttons {
  z-index: 7;
  text-align: right;
  height: 36px;
}

.fr-popup .fr-action-buttons button.fr-command {
  color: #0098f7;
  cursor: pointer;
  -o-transition: background .2s ease 0s;
  background: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 2px;
  outline: none;
  height: 36px;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -ms-transition: background .2s;
}

.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
  color: #0098f7;
  background: #ebebeb;
}

.fr-popup .fr-action-buttons button.fr-command:active {
  color: #0098f7;
  background: #d6d6d6;
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

.fr-popup .fr-checkbox {
  box-sizing: content-box;
  vertical-align: middle;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.fr-popup .fr-checkbox svg {
  width: 10px;
  height: 10px;
  margin-top: 2px;
  margin-left: 2px;
  display: none;
}

.fr-popup .fr-checkbox span {
  -moz-background-clip: padding;
  z-index: 1;
  box-sizing: border-box;
  -o-transition: background .2s ease 0s, border-color .2s ease 0s;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  -webkit-transition: background .2s, border-color .2s;
  -moz-transition: background .2s, border-color .2s;
  -ms-transition: background .2s, border-color .2s;
  display: inline-block;
  position: relative;
}

.fr-popup .fr-checkbox input {
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer;
  border: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 7px;
  left: 7px;
}

.fr-popup .fr-checkbox input:not(:checked) + span {
  border: 2px solid #999;
}

.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}

.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: 2px solid #0098f7;
}

.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}

.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #ecf5ff;
}

.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: .8;
  -moz-opacity: .8;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup .fr-checkbox-line {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4px;
}

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  vertical-align: middle;
  margin: 0 5px;
}

.fr-popup.fr-rtl {
  text-align: right;
  direction: rtl;
}

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}

.fr-text-edit-layer {
  box-sizing: border-box;
  width: 250px;
  display: block !important;
}

.fr-toolbar {
  color: #222;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  background: #fff;
  -moz-background-clip: padding;
  text-align: left;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-transition: padding-bottom .5s;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2;
  -webkit-transition: padding-bottom .5s;
  -moz-transition: padding-bottom .5s;
  -ms-transition: padding-bottom .5s;
  position: relative;
}

.fr-toolbar:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-toolbar .fr-newline {
  clear: both;
  content: "";
  -o-transition: height .5s;
  background: #efefef;
  height: 1px;
  margin-left: 9px;
  margin-right: 9px;
  -webkit-transition: height .5s;
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  display: block;
}

.fr-toolbar.fr-toolbar-open {
  padding-bottom: 48px;
}

.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0;
}

.fr-toolbar .fr-float-right {
  float: right;
}

.fr-toolbar .fr-float-left {
  float: left;
}

.fr-toolbar .fr-more-toolbar {
  float: left;
  -moz-background-clip: padding;
  -o-transition: height .5s;
  z-index: 2;
  box-sizing: border-box;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  width: 100%;
  height: 0;
  -webkit-transition: height .5s;
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  position: absolute;
  overflow: hidden;
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px;
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible;
}

.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px;
}

.fr-toolbar .fr-btn-grp {
  margin: 0 17px 0 12px;
  display: inline-block;
}

@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px;
  }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px 4px 0 0;
  margin-top: 10px;
  margin-bottom: -1px;
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5;
}

.fr-toolbar.fr-rtl {
  text-align: right;
}

.fr-toolbar.fr-inline {
  white-space: nowrap;
  z-index: 2147483630;
  border: 0;
  margin-top: 5px;
  display: none;
  position: absolute;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12);
}

.fr-toolbar.fr-inline.fr-above {
  border-top: 0;
  margin-top: -10px;
}

.fr-toolbar.fr-inline .fr-newline {
  height: 0;
}

.fr-toolbar.fr-top {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  top: 0;
}

.fr-toolbar.fr-bottom {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding-bottom: 0;
  bottom: 0;
}

.fr-toolbar.fr-bottom .fr-newline {
  -o-transition: padding-top .5s;
  padding-top: 0;
  -webkit-transition: padding-top .5s;
  -moz-transition: padding-top .5s;
  -ms-transition: padding-top .5s;
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  background: #fff;
  padding-top: 48px;
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
  margin-bottom: 10px;
}

.fr-toolbar.fr-sticky-on {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
}

.fr-separator {
  vertical-align: top;
  float: left;
  background: #ebebeb;
  display: block;
}

.fr-separator + .fr-separator {
  display: none;
}

.fr-separator.fr-vs {
  width: 1px;
  height: 32px;
  margin: 8px 4px;
}

.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - 8px);
  height: 1px;
  margin: 0 4px;
}

.fr-separator.fr-hidden {
  display: none !important;
}

.fr-rtl .fr-separator {
  float: right;
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block;
}

.fr-second-toolbar {
  background: #fff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  line-height: 1.4;
}

.fr-second-toolbar:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-second-toolbar:empty {
  z-index: 2;
  min-height: 10px;
  margin-top: -1px;
  position: relative;
}

#fr-logo {
  float: left;
  outline: none;
}

#fr-logo > span {
  float: left;
  color: #b1b2b7;
  -o-transition: color .3s;
  padding: 11px 5px 10px 15px;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 500;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  -ms-transition: color .3s;
  display: inline-block;
}

#fr-logo > svg {
  cursor: pointer;
  width: 47px;
  height: 20px;
  margin: 7px 0;
}

#fr-logo > svg * {
  -o-transition: fill .3s;
  -webkit-transition: fill .3s;
  -moz-transition: fill .3s;
  -ms-transition: fill .3s;
}

#fr-logo:hover > span, #fr-logo:focus > span {
  color: #0098f7;
}

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
  fill: #0098f7;
}

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important;
}

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}

@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}

@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-box {
  position: relative;
}

.fr-sticky {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  position: sticky;
}

.fr-sticky-off {
  position: relative;
}

.fr-sticky-on {
  z-index: 10;
  position: fixed;
}

.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important;
}

.fr-sticky-dummy {
  display: none;
}

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block;
}

span.fr-sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.fr-bottom-extended {
  box-sizing: border-box;
  flex-wrap: wrap;
  display: flex;
}

.position-relative {
  position: relative !important;
}

.fr-box .fr-counter {
  float: right;
  color: #999;
  content: attr(data-chars);
  z-index: 1;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px 0 0;
  padding: 10px;
  font-family: sans-serif;
  font-size: 14px;
}

.fr-box.fr-rtl .fr-counter {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-left: none;
  border-radius: 0 2px 0 0;
  left: 0;
  right: auto;
}

.fr-box.fr-code-view .fr-counter {
  display: none;
}

textarea.fr-code {
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 10px;
  font-family: Courier New, monospace;
  font-size: 14px;
  display: none;
}

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl;
}

.fr-box .CodeMirror {
  display: none;
}

.fr-box.fr-code-view textarea.fr-code {
  display: block;
}

.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
  display: none;
}

.fr-box.fr-code-view .CodeMirror, .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  color: #333;
  -moz-outline: 0;
  cursor: pointer;
  text-align: left;
  -o-transition: background .2s ease 0s;
  background: #fff;
  -moz-background-clip: padding;
  z-index: 2;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  outline: 0;
  padding: 8px 7px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -ms-transition: background .2s;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  text-align: center;
  width: 24px;
  font-size: 24px;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}

.fr-popup .fr-layer.fr-color-hex-layer {
  float: left;
  margin: 0;
  padding: 0 20px 20px;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 15px 0 0;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 38px;
  height: 40px;
  margin: 0;
  padding: 17px 0 0;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 38px;
  height: 40px;
  font-size: 13px;
}

.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px;
}

.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}

.fr-popup .fr-color-set.fr-selected-set {
  padding: 20px 20px 0;
  display: block;
}

.fr-popup .fr-color-set > span {
  z-index: 1;
  width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
}

.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
  text-align: center;
  cursor: default;
  width: 24px;
  height: 24px;
  margin: 4px;
  font-size: 13px;
  line-height: 32px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
  fill: #222;
}

.fr-popup .fr-color-set > span .fr-selected-color {
  color: #fff;
  text-align: center;
  cursor: default;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
  z-index: 2;
  outline: 1px solid #222;
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]:after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}

.fr-drag-helper {
  -webkit-opacity: .2;
  -moz-opacity: .2;
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  display: none;
  position: absolute;
}

.fr-drag-helper.fr-visible {
  display: block;
}

.fr-dragging {
  -webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
}

.fr-popup .fr-emoticon img {
  width: 24px;
  height: 24px;
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px;
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px;
  }
}

.fr-popup .fr-file-upload-layer {
  letter-spacing: 1px;
  box-sizing: border-box;
  text-align: center;
  border: 2px dashed #bdbdbd;
  margin: 20px;
  padding: 25px 0;
  font-size: 14px;
  line-height: 140%;
  position: relative;
}

.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fr-popup .fr-file-progress-bar-layer {
  box-sizing: border-box;
}

.fr-popup .fr-file-progress-bar-layer > h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 400;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
  -o-transition: width .2s ease 0s;
  background: #0098f7;
  width: 0%;
  height: 100%;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  display: block;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  animation: 2s linear infinite loading;
  position: absolute;
  top: 0;
  width: 30% !important;
}

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-height-auto {
  height: auto !important;
}

.fr-by-url-padding {
  padding: 11.5px 0;
}

.fr-popup .fr-upload-progress-layer {
  box-sizing: border-box;
  overscroll-behavior: contain;
  border-radius: 0;
  max-height: 100%;
  padding-top: 15px;
  padding-left: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100% !important;
  margin: auto !important;
}

.fr-popup .fr-files-by-url-layer, .fr-popup .fr-files-embed-layer {
  width: calc(100% - 40px) !important;
}

.fr-popup .fr-files-upload-layer {
  letter-spacing: 1px;
  text-align: center;
  border: 2px dashed #bdbdbd;
  margin: 20px;
  font-size: 10px;
  line-height: 140%;
  position: relative;
  width: calc(100% - 40px) !important;
}

.fr-popup .fr-files-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-files-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-files-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-popup .fr-files-upload-layer .fr-form input {
  cursor: pointer;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fr-popup .fr-files-progress-bar-layer {
  width: calc(100% - 40px);
  width: -webkit-stretch;
  width: -moz-available;
  width: stretch;
}

.fr-popup .fr-files-progress-bar-layer > h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 400;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
  -o-transition: width .2s ease 0s;
  background: #0098f7;
  width: 0%;
  height: 100%;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  display: block;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  animation: 2s linear infinite loading;
  position: absolute;
  top: 0;
  width: 30% !important;
}

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-progress-bar-style {
  width: calc(100% - 40px);
}

.fr-progress-bar {
  width: 100%;
  height: 8px;
  width: -webkit-stretch;
  width: -moz-available;
  background-color: #4caf50;
  width: stretch;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.fr-pull-left {
  float: left;
}

.fr-pull-right {
  float: right;
}

.fr-icons {
  padding: 10px 20px 0;
  display: inline;
}

.fr-transform-135 {
  transform: rotate(135deg);
}

.fr-icons i {
  cursor: pointer;
  color: #999588;
  margin: 4px;
  padding: 2px;
  font-size: 20px;
}

.fr-blue-decorator {
  color: #fff;
  background: #4a7fba;
  padding: 5px;
  display: grid;
}

.fr-upload-progress {
  padding: 1px;
}

.fr-upload-section {
  width: 100%;
  width: -webkit-stretch;
  width: -moz-available;
  width: stretch;
  position: relative;
}

@media screen and (max-width: 399px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media screen and (min-width: 681px) {
  .fr-upload-section {
    margin-left: 35px;
    margin-right: 35px;
  }

  .fr-files-upload-layer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.half-circle {
  z-index: 1;
  background-color: #fff;
  border-bottom: 0;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  width: 60px;
  height: 25px;
  margin-top: -1px;
  margin-left: -25px;
  position: relative;
  left: 50%;
  transform: rotate(180deg);
}

.decorated {
  text-align: center;
  overflow: hidden;
}

.decorated > span {
  display: inline-block;
  position: relative;
}

.decorated > span:before, .decorated > span:after {
  content: "";
  border-bottom: 2px solid #fff;
  width: 100%;
  margin: 0 20px;
  position: absolute;
  top: 50%;
}

.decorated > span:before {
  right: 100%;
}

.decorated > span:after {
  left: 100%;
}

.fr-align-right {
  float: right;
}

.checkbox-container {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 12px;
  padding-left: 20px;
  font-size: 13px;
  display: inline-block;
  position: relative;
}

.fr-files-checkbox-line {
  align-items: center;
  font-size: 10px;
  display: flex;
}

.fr-files-checkbox-line label {
  cursor: pointer;
  vertical-align: middle;
}

.fr-insert-checkbox input, .fr-autoplay-checkbox input {
  width: 13px !important;
  height: 13px !important;
}

button[data-cmd="insertFiles"] {
  padding-top: 2.7px !important;
  padding-left: 2px !important;
}

button[data-cmd="autoplay"] svg {
  position: relative !important;
  top: 3.2px !important;
}

button[data-cmd="insertAll"] {
  padding-left: 4px !important;
}

button[data-cmd="insertAll"] svg {
  position: relative !important;
  top: 3.2px !important;
}

.checkbox-container input {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.checkmark {
  background-color: #eee;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
}

.fr-file-list-item {
  border-bottom: 1px solid #ddd;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  position: relative;
  top: -20px;
}

.fr-file-item-left {
  flex-wrap: wrap;
  display: flex;
}

.fr-file-item-icon {
  align-items: center;
  padding-left: 7px;
  display: flex;
}

.fr-file-item-description {
  flex-flow: column wrap;
  justify-content: center;
  max-width: 400px;
  margin-left: 5px;
  display: flex;
}

.fr-cloud-icon {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  width: 32px;
  height: 30px;
  margin: -18px auto 0;
  display: flex;
  position: relative;
}

.fr-files-checkbox {
  box-sizing: content-box;
  vertical-align: middle;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  padding-right: 5px;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.fr-files-checkbox svg {
  width: 10px;
  height: 10px;
  margin-top: 0;
  margin-left: 0;
  display: none;
}

.fr-files-checkbox span {
  -moz-background-clip: padding;
  z-index: 1;
  box-sizing: border-box;
  -o-transition: background .2s ease 0s, border-color .2s ease 0s;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  -webkit-transition: background .2s, border-color .2s;
  -moz-transition: background .2s, border-color .2s;
  -ms-transition: background .2s, border-color .2s;
  display: inline-block;
  position: relative;
}

.fr-files-checkbox input {
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer;
  border: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  position: absolute;
}

.fr-files-checkbox input:not(:checked) + span {
  border: 2px solid #999;
}

.fr-files-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}

.fr-files-checkbox input:checked + span {
  background: #0098f7;
  border: 2px solid #0098f7;
}

.fr-files-checkbox input:checked + span svg {
  display: block;
}

.fr-files-checkbox input:checked:active + span {
  background-color: #ecf5ff;
}

.fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
  -webkit-opacity: .8;
  -moz-opacity: .8;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-checkbox-disabled {
  opacity: .4;
  box-sizing: content-box;
  vertical-align: middle;
  border-radius: 100%;
  padding-right: 5px;
  line-height: 1;
  display: inline-block;
  position: relative;
  width: 13px !important;
  height: 13px !important;
}

.fr-checkbox-disabled svg {
  width: 10px;
  height: 10px;
  margin-top: 2px;
  margin-left: 2px;
  display: none;
}

.fr-checkbox-disabled span {
  -moz-background-clip: padding;
  z-index: 1;
  box-sizing: border-box;
  -o-transition: background .2s ease 0s, border-color .2s ease 0s;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  -webkit-transition: background .2s, border-color .2s;
  -moz-transition: background .2s, border-color .2s;
  -ms-transition: background .2s, border-color .2s;
  display: inline-block;
  position: relative;
}

.fr-checkbox-disabled input {
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: default;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 13px !important;
  height: 13px !important;
}

.fr-checkbox-disabled input:not(:checked) + span {
  border: 2px solid #999;
}

.fr-checkbox-disabled input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-checkbox-disabled input:checked + span {
  background: #0098f7;
  border: 2px solid #0098f7;
}

.fr-checkbox-disabled input:checked + span svg {
  display: block;
}

.fr-checkbox-disabled input:checked:active + span {
  background-color: #ecf5ff;
}

.fr-file-view {
  z-index: 2147483642;
  max-width: 60%;
  position: absolute;
  right: 10%;
}

.file-item-thumbnail-hover {
  transition: transform .2s;
}

.file-item-thumbnail-hover:hover {
  transform: scale(1.3);
}

.fr-file-name {
  padding-top: 5px;
  font-size: 12px;
  font-weight: 700;
}

.fr-margin-16 {
  margin-bottom: 16px;
}

.fr-none {
  display: none;
}

.fr-display-block {
  display: block;
}

.fr-files-manager-tooltip {
  position: relative;
}

.padding-top-15 {
  padding-top: 15px !important;
  padding-bottom: 0 !important;
}

.fr-files-manager-tooltip .tooltiptext {
  visibility: hidden;
  word-break: break-word;
  word-wrap: break-word;
  color: #fff;
  text-align: left;
  z-index: 2147483647;
  background-color: #000;
  border-radius: 2px;
  width: -webkit-max-content;
  width: max-content;
  max-width: 250px;
  padding: 4px;
  font-size: 10px;
  font-weight: 100;
  position: absolute;
  top: 80%;
  left: 50%;
}

.fr-files-manager-tooltip:hover .tooltiptext {
  visibility: visible;
}

.fr-file-details {
  flex-wrap: wrap;
  font-size: 10px;
  display: flex;
}

.fr-file-date {
  word-break: break-word;
  word-wrap: break-word;
  color: #444;
  max-width: 110px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.fr-file-size {
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dot {
  background-image: radial-gradient(circle, gray 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 100% 33.33%;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  margin-right: 2px;
}

.fr-file-action-icons {
  color: #999;
  margin-right: 5px;
  height: 25px !important;
  margin-left: 5px !important;
  padding: 5px !important;
}

@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    max-width: 250px;
    font-size: 8px;
    top: 90%;
    left: 0%;
  }
}

@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    max-width: 100px;
    top: 90%;
    left: 0%;
  }

  .fr-file-item-description {
    width: 130px;
  }

  .fr-file-item-right {
    width: 100%;
  }

  .progress-circle {
    font-size: 6px;
  }
}

@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    max-width: 100px;
    font-size: 8px;
    top: 90%;
    left: -50%;
  }

  .dot {
    width: 20px;
    margin-left: 0;
    margin-right: 3px;
  }

  .fr-file-item-description {
    width: 80px;
  }

  .fr-file-details {
    flex-wrap: wrap;
    font-size: 9px;
    display: flex;
  }

  .fr-file-name {
    font-size: 10px;
  }

  .fr-file-action-icons {
    padding: 0 !important;
  }
}

@media screen and (min-width: 501px) {
  .progress-circle {
    font-size: 9px;
  }
}

.fr-file-view-modal {
  position: -ms-page;
  z-index: 2147483641;
  background-color: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.fr-file-view-modal-content {
  text-align: center;
  display: inline-block;
}

.fr-file-view-image {
  max-width: 80%;
  max-height: 70%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-file-view-close {
  color: #f1f1f1;
  font-size: 40px;
  font-weight: 700;
  transition: all .3s;
  position: absolute;
  top: 15px;
  right: 35px;
}

.fr-file-view-close:hover, .fr-file-view-close:focus {
  color: #bbb;
  cursor: pointer;
  text-decoration: none;
}

.fr-file-error {
  color: red;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 200;
}

.fr-file-error-h5 {
  margin: 0;
}

.fr-file-item-right {
  justify-content: flex-end;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.fr-file-item-action-buttons {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.fr-file-item-autoplay-checkbox {
  align-items: center;
  margin: 0 5px 0 0;
  padding: 0;
}

.fr-autoplay-checkbox-label {
  margin: 0;
  cursor: default !important;
}

.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkbox-container input:checked ~ .checkmark {
  background-color: #2196f3;
}

.checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  border: 3px solid #fff;
  border-width: 0 3px 3px 0;
  width: 3px;
  height: 7px;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
}

.file-item-details .file-name {
  font-weight: 700;
  display: inline;
}

.file-item-details .file-description {
  font-size: 11px;
  font-weight: 300;
  display: inline;
}

.fr-width-10 {
  width: 10%;
  display: inline-block;
}

.fr-width-20 {
  width: 20%;
  display: inline-block;
}

.fr-width-30 {
  width: 30%;
  display: inline-block;
}

.fr-width-40 {
  width: 40%;
  display: inline-block;
}

.fr-width-50 {
  width: 50%;
  display: inline-block;
}

.fr-width-60 {
  width: 60%;
  display: inline-block;
}

.fr-width-100 {
  width: 100%;
  display: inline-block;
}

.fr-width-80 {
  width: 80%;
  display: inline-block;
}

.fr-width-90 {
  width: 90%;
  display: inline-block;
}

.fr-width-85 {
  width: 85%;
  display: inline-block;
}

.fr-width-5 {
  width: 5%;
  display: inline-block;
}

.fr-width-7 {
  width: 7%;
  display: inline-block;
}

.fr-img-icon {
  color: #aaa;
  padding: 0 4px;
  font-size: 16px;
}

.fr-position-content {
  position: relative;
  top: 10px;
}

.file-error {
  color: red;
}

#myprogressBar {
  background-color: #4caf50;
  width: 10%;
  height: 5px;
  position: relative;
  top: -30px;
}

.fr-files-manager {
  z-index: 2147483641 !important;
}

.progress-circle {
  background-color: #f2e9e1;
  border-radius: 50%;
  width: 5em;
  height: 5.1em;
  margin: 0 0 0 10px;
  padding: 0;
  line-height: 5em;
  position: relative;
}

.progress-circle:after {
  text-align: center;
  content: " ";
  background-color: #fff;
  border: none;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  display: block;
  position: absolute;
  top: .35em;
  left: .35em;
}

.progress-circle span {
  text-align: center;
  color: #53777a;
  z-index: 2;
  width: 5em;
  line-height: 5em;
  display: block;
  position: absolute;
}

.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.progress-circle.over50 .first50-bar {
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
}

.progress-circle:not(.over50) .first50-bar, .progress-circle.p0 .value-bar {
  display: none;
}

.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}

.left-half-clipper {
  clip: rect(0, 5em, 5em, 2.5em);
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
}

.value-bar {
  clip: rect(0, 2.5em, 5em, 0);
  box-sizing: border-box;
  border: .45em solid #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
}

.align-autoplay {
  align-items: flex-end;
  margin-right: 7px;
}

.fr-hovered-over-file {
  background-color: #f0f0f0;
}

.thumbnail-padding {
  padding-right: 4px;
}

body.fr-fullscreen {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}

.fr-box.fr-fullscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important;
  margin: 0 !important;
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper, .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper, .fr-box.fr-fullscreen .fr-toolbar {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important;
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important;
}

.fr-box.fr-fullscreen .fr-second-toolbar {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  margin-top: 0;
}

.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
  text-align: left;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: 1px solid #ebebeb;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  color: #646464;
  width: 60%;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: .5px;
}

.fr-element img {
  cursor: pointer;
  padding: 0 1px;
}

.fr-image-resizer {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  box-sizing: content-box;
  border: 1px solid #0098f7;
  display: none;
  position: absolute;
}

.fr-image-resizer.fr-active {
  display: block;
}

.fr-image-resizer .fr-handler {
  background: #0098f7;
  -moz-background-clip: padding;
  z-index: 4;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 2px;
  display: block;
  position: absolute;
}

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-image-resizer .fr-handler.fr-hnw {
  top: -6px;
  left: -6px;
}

.fr-image-resizer .fr-handler.fr-hne {
  top: -6px;
  right: -6px;
}

.fr-image-resizer .fr-handler.fr-hsw {
  bottom: -6px;
  left: -6px;
}

.fr-image-resizer .fr-handler.fr-hse {
  bottom: -6px;
  right: -6px;
}

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }

  .fr-image-resizer .fr-handler.fr-hnw {
    top: -5px;
    left: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hne {
    top: -5px;
    right: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hsw {
    bottom: -5px;
    left: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hse {
    bottom: -5px;
    right: -5px;
  }
}

.fr-image-overlay {
  z-index: 2147483640;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-popup .fr-image-upload-layer {
  letter-spacing: 1px;
  text-align: center;
  border: 2px dashed #bdbdbd;
  margin: 20px;
  padding: 25px 0;
  font-size: 14px;
  line-height: 140%;
  position: relative;
}

.fr-popup .fr-image-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fr-popup .fr-image-progress-bar-layer > h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 400;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
  -o-transition: width .2s ease 0s;
  background: #0098f7;
  width: 0%;
  height: 100%;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  display: block;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  animation: 2s linear infinite loading;
  position: absolute;
  top: 0;
  width: 30% !important;
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}

.fr-uploading {
  -webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

@keyframes loading {
  0% {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

.fr-modal .fr-modal-head .fr-modal-head-line:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px;
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}

.fr-modal .fr-modal-head .fr-modal-tags {
  text-align: left;
  padding: 0 20px;
  display: none;
}

.fr-modal .fr-modal-head .fr-modal-tags a {
  opacity: 0;
  -moz-background-clip: padding;
  -o-transition: opacity .2s ease 0s, background .2s ease 0s;
  cursor: pointer;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 32px;
  margin: 8px 0 8px 8px;
  padding: 6px 12px;
  text-decoration: none;
  -webkit-transition: opacity .2s, background .2s;
  -moz-transition: opacity .2s, background .2s;
  -ms-transition: opacity .2s, background .2s;
  display: inline-block;
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
  background-color: #ebebeb;
  outline: none;
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
  background-color: #ebebeb;
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
  background-color: #d6d6d6;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  color: #0098f7;
  background-color: #ecf5ff;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
  background-color: #ebebeb;
  outline: none;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
  background-color: #ebebeb;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
  background-color: #d6d6d6;
}

.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7;
}

div.fr-modal-body {
  -o-transition: background .2s ease 0s;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -ms-transition: background .2s;
}

div.fr-modal-body .fr-preloader {
  margin: 50px auto;
  display: block;
}

div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 20px;
  padding: 0;
}

div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: calc(50% - 10px);
}

@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc(33.3333% - 13.3333px);
  }
}

@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc(25% - 15px);
  }
}

div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child, div.fr-modal-body div.fr-image-list div.fr-image-container + div {
  margin-top: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:after {
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -o-transition: opacity .2s ease 0s;
  content: "";
  z-index: 2;
  background: #000;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:before {
  content: attr(data-deleting);
  color: #fff;
  z-index: 3;
  height: 20px;
  margin: auto;
  font-size: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  z-index: 1;
  background: #ccc;
  height: 95px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty:after {
  content: attr(data-loading);
  height: 20px;
  margin: auto;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
  vertical-align: middle;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -o-transition: opacity .2s ease 0s, filter .2s ease 0s;
  width: 100%;
  -webkit-transition: opacity .2s, filter .2s;
  -moz-transition: opacity .2s, filter .2s;
  -ms-transition: opacity .2s, filter .2s;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block;
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  -moz-background-clip: padding;
  -o-transition: background .2s ease 0s, color .2s ease 0s;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 3;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 100%;
  margin: 0;
  line-height: 40px;
  text-decoration: none;
  -webkit-transition: background .2s, color .2s;
  -moz-transition: background .2s, color .2s;
  -ms-transition: background .2s, color .2s;
  display: none;
  position: absolute;
  top: 50%;
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  fill: #fff;
  background: #b8312f;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%)translateX(25%);
  -moz-transform: translateY(-50%)translateX(25%);
  -ms-transform: translateY(-50%)translateX(25%);
  -o-transform: translateY(-50%)translateX(25%);
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  fill: #0098f7;
  background: #fff;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%)translateX(-125%);
  -moz-transform: translateY(-50%)translateX(-125%);
  -ms-transform: translateY(-50%)translateX(-125%);
  -o-transform: translateY(-50%)translateX(-125%);
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  width: 40px;
  height: 40px;
  display: inline-block;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  color: #fff;
  background: #bf4644;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}

.fr-line-breaker {
  cursor: text;
  z-index: 2;
  border-top: 1px solid #0098f7;
  display: none;
  position: fixed;
}

.fr-line-breaker.fr-visible {
  display: block;
}

.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  top: -20px;
  left: calc(50% - 20px);
}

.fr-line-breaker a.fr-floating-btn svg {
  width: 24px;
  height: 24px;
  margin: 8px;
}

.fr-quick-insert {
  z-index: 2147483639;
  white-space: nowrap;
  box-sizing: content-box;
  padding-right: 10px;
  position: absolute;
}

.fr-quick-insert a.fr-floating-btn svg {
  width: 24px;
  height: 24px;
  margin: 8px;
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}

.fr-quick-insert.fr-hidden {
  display: none;
}

.fr-qi-helper {
  z-index: 3;
  white-space: nowrap;
  padding-left: 20px;
  position: absolute;
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  color: #222;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: #fff;
  padding: 6px 10px 10px;
  display: inline-block;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
  fill: #222;
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px;
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
  font-size: 16px;
  font-weight: 400;
}

.fr-popup .fr-special-character {
  width: 24px;
  height: 24px;
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px;
  }
}

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
  border: 1px double #0098f7;
}

.fr-element table tr {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-element table td, .fr-element table th {
  -webkit-user-select: text;
  user-select: text;
  -o-user-select: text;
  -khtml-user-select: text;
}

.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-table-resizer {
  cursor: col-resize;
  z-index: 3;
  display: none;
  position: absolute;
}

.fr-table-resizer.fr-moving {
  z-index: 2;
}

.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #0098f7;
}

.fr-no-selection {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-popup .fr-table-size {
  margin: 20px;
}

.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
}

.fr-popup .fr-table-size .fr-select-table-size {
  white-space: nowrap;
  padding: 5px;
  line-height: 0;
}

.fr-popup .fr-table-size .fr-select-table-size > span {
  background: none;
  padding: 0 4px 4px 0;
  display: inline-block;
}

.fr-popup .fr-table-size .fr-select-table-size > span > span {
  border: 1px solid #ddd;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: none;
}

.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(0, 152, 247, .3);
  border: 1px solid #0098f7;
}

.fr-popup .fr-table-size .fr-select-table-size .new-line:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important;
}

.fr-popup .fr-table-colors {
  padding: 20px 20px 0;
  display: block;
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px;
}

.fr-insert-helper {
  z-index: 9999;
  white-space: nowrap;
  position: absolute;
}

#fr-form-container {
  z-index: 9002;
  background-color: #fefefe;
  border-radius: 5px;
  width: 60%;
  margin: auto;
  position: relative;
  top: 10%;
  overflow: auto;
}

.fr-trim-video-name {
  padding-top: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-top-color: #53777a;
  border-radius: 50%;
  align-items: center;
  width: 20px;
  height: 20px;
  animation: 2s linear infinite spin;
  display: block !important;
}

.fr-trim-button {
  color: #0098f7;
  cursor: pointer;
  background: #eff5fa;
  border: none;
  border-radius: 5px;
  outline: none;
  height: 36px;
  margin-top: 5px;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}

.fr-trim-button:hover {
  background: #ebebeb;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.fr-slidecontainer {
  width: 100%;
}

.fr-slider {
  -webkit-appearance: none;
  background: #d3d3d3;
  width: 100%;
  height: 15px;
}

.fr-video-trim-buttons {
  text-align: right;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-right: 15px;
}

.fr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.fr-slider::-moz-range-thumb {
  cursor: pointer;
  background: #3498db;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.fr-range-value-start {
  position: absolute;
}

.fr-range-value-start > span {
  text-align: center;
  color: #fff;
  background: #03a9f4;
  border-radius: 6px;
  width: 60px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-85%);
}

.fr-range-value-start > span:before {
  content: "";
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  margin-top: -1px;
  margin-left: -5px;
  position: absolute;
  left: 86%;
}

.fr-range-value-end {
  position: absolute;
}

.fr-range-value-end > span {
  text-align: center;
  color: #fff;
  background: #03a9f4;
  border-radius: 6px;
  width: 60px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  display: block;
  position: absolute;
  left: 14%;
  transform: translate(-8%);
}

.fr-range-value-end > span:before {
  content: "";
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  margin-top: -1px;
  margin-left: -5px;
  position: absolute;
  left: 14%;
}

#startTimeValue {
  top: -153% !important;
}

#startTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}

#endTimeValue {
  top: -153% !important;
}

#endTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}

.fr-range-slider {
  width: 80%;
  height: 15px;
  position: relative;
}

.fr-range-slider > input {
  pointer-events: none;
  border-radius: 10px;
  outline: none;
  width: 100%;
  height: 6px;
  position: absolute;
  top: 10px;
  left: 0;
}

.fr-range-slider > input::-webkit-slider-thumb {
  pointer-events: all;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #3498db;
  border-radius: 7px;
  width: 15px;
  height: 15px;
  margin-top: -3.6px;
  position: relative;
}

.fr-range-slider > input::-moz-range-thumb {
  pointer-events: all;
  z-index: 10;
  -moz-appearance: none;
  border-radius: 7px;
  width: 9px;
  height: 15px;
  margin-top: -3.6px;
  position: relative;
}

.fr-range-slider > input::-moz-range-track {
  z-index: -1;
  background-color: #000;
  border: 0;
  border-radius: 50%;
  height: 15px;
  margin-top: -3.6px;
  position: relative;
}

.fr-range-slider > input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none;
  border: 0;
}

.fr-range-slider > input[type="range"]::-moz-focus-outer {
  border: 0;
}

@media screen and (max-width: 430px) {
  .range-value span {
    width: 40px;
    font-size: 10px;
  }

  #fr-form-container {
    top: 20%;
  }
}

#fr-video-edit {
  text-align: center;
  width: 80%;
  height: 50%;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.fr-element .fr-video {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-element .fr-video:after {
  content: "";
  z-index: 1;
  cursor: pointer;
  background: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative;
}

.fr-element .fr-video > * {
  box-sizing: content-box;
  border: none;
  max-width: 100%;
}

.fr-box .fr-video-resizer {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  border: 1px solid #0098f7;
  display: none;
  position: absolute;
}

.fr-box .fr-video-resizer.fr-active {
  display: block;
}

.fr-box .fr-video-resizer .fr-handler {
  z-index: 4;
  box-sizing: border-box;
  background: #0098f7;
  border: 1px solid #fff;
  display: block;
  position: absolute;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  top: -6px;
  left: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  top: -6px;
  right: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  bottom: -6px;
  left: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  bottom: -6px;
  right: -6px;
}

@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    top: -5px;
    left: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    top: -5px;
    right: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    bottom: -5px;
    left: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    bottom: -5px;
    right: -5px;
  }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}

.fr-popup .fr-video-upload-layer {
  letter-spacing: 1px;
  text-align: center;
  border: 2px dashed #bdbdbd;
  margin: 20px;
  padding: 25px 0;
  font-size: 14px;
  line-height: 140%;
  position: relative;
}

.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fr-popup .fr-video-progress-bar-layer > h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 400;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  -o-transition: width .2s ease 0s;
  background: #0098f7;
  width: 0%;
  height: 100%;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  display: block;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  animation: 2s linear infinite loading;
  position: absolute;
  top: 0;
  width: 30% !important;
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-video-overlay {
  z-index: 2147483640;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-autoplay-margin {
  margin-top: 0 !important;
}

.fr-clearfix:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-hide-by-clipping {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
}

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  box-shadow: 10px 10px 5px #ccc;
}

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: 5px solid #ccc;
}

.fr-view img.fr-bordered {
  box-sizing: content-box;
}

.fr-view .fr-img-caption.fr-bordered img {
  box-sizing: border-box;
}

.fr-view {
  word-wrap: break-word;
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table {
  border-collapse: collapse;
  empty-cells: show;
  border: none;
  max-width: 100%;
}

.fr-view table td {
  min-width: 5px;
}

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.fr-view table td, .fr-view table th {
  border: 1px solid #ddd;
}

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #ececec;
}

.fr-view hr {
  clear: both;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  break-after: always;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file:after {
  content: "📎";
  font-weight: 400;
  position: relative;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: 2px solid #5e35b1;
  margin-right: 0;
  padding-left: 0;
  padding-right: 5px;
}

.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}

.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}

.fr-view blockquote {
  color: #5e35b1;
  border-left: 2px solid #5e35b1;
  margin-left: 0;
  padding-left: 5px;
}

.fr-view blockquote blockquote {
  color: #00bcd4;
  border-color: #00bcd4;
}

.fr-view blockquote blockquote blockquote {
  color: #43a047;
  border-color: #43a047;
}

.fr-view span.fr-emoticon {
  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
  font-weight: 400;
  line-height: 0;
  display: inline;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit;
  vertical-align: middle;
  width: 1em;
  min-width: 20px;
  height: 1em;
  min-height: 20px;
  margin: -.1em .1em .1em;
  line-height: 1;
  display: inline-block;
  background-repeat: no-repeat !important;
}

.fr-view .fr-text-gray {
  color: #aaa !important;
}

.fr-view .fr-text-bordered {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view .fr-class-highlighted {
  background-color: #ff0;
}

.fr-view .fr-class-code {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  border-color: #ccc;
  border-radius: 2px;
  padding: 10px;
  font-family: Courier New, Courier, monospace;
}

.fr-view .fr-class-transparency {
  opacity: .5;
}

.fr-view img {
  max-width: 100%;
  position: relative;
}

.fr-view img.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

.fr-view img.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

.fr-view img.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

.fr-view img.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.fr-view span.fr-img-caption {
  max-width: 100%;
  position: relative;
}

.fr-view span.fr-img-caption.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

.fr-view span.fr-img-caption.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video.fr-rv {
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute !important;
}

.fr-view .fr-video > * {
  box-sizing: content-box;
  border: none;
  max-width: 100%;
}

.fr-view .fr-video.fr-dvb {
  clear: both;
  display: block;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 0;
}

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  width: 100%;
  margin: auto;
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap > span {
  font-size: 14px;
  font-weight: initial;
  box-sizing: border-box;
  -webkit-opacity: .9;
  -moz-opacity: .9;
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 5px 5px 10px;
  display: block;
}

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
}

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px;
}

a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

img.fr-view {
  max-width: 100%;
  position: relative;
}

img.fr-view.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

img.fr-view.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

img.fr-view.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

img.fr-view.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

span.fr-img-caption.fr-view {
  max-width: 100%;
  position: relative;
}

span.fr-img-caption.fr-view.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

span.fr-img-caption.fr-view.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.rc-slider {
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  position: relative;
}

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-rail {
  background-color: #e9e9e9;
  border-radius: 6px;
  width: 100%;
  height: 4px;
  position: absolute;
}

.rc-slider-track {
  background-color: #abe2fb;
  border-radius: 6px;
  height: 4px;
  position: absolute;
  left: 0;
}

.rc-slider-handle {
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: pan-x;
  background-color: #fff;
  border: 2px solid #96dbfa;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  position: absolute;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}

.rc-slider-handle:focus {
  outline: none;
}

.rc-slider-handle-click-focused:focus {
  box-shadow: unset;
  border-color: #96dbfa;
}

.rc-slider-handle:hover {
  border-color: #57c5f7;
}

.rc-slider-handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
}

.rc-slider-mark {
  width: 100%;
  font-size: 12px;
  position: absolute;
  top: 18px;
  left: 0;
}

.rc-slider-mark-text {
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
  display: inline-block;
  position: absolute;
}

.rc-slider-mark-text-active {
  color: #666;
}

.rc-slider-step {
  background: none;
  width: 100%;
  height: 4px;
  position: absolute;
}

.rc-slider-dot {
  cursor: pointer;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  position: absolute;
  bottom: -2px;
}

.rc-slider-dot-active {
  border-color: #96dbfa;
}

.rc-slider-dot-reverse {
  margin-right: -4px;
}

.rc-slider-disabled {
  background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}

.rc-slider-disabled .rc-slider-handle, .rc-slider-disabled .rc-slider-dot {
  box-shadow: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ccc;
}

.rc-slider-disabled .rc-slider-mark-text, .rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}

.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-track {
  width: 4px;
  bottom: 0;
  left: 5px;
}

.rc-slider-vertical .rc-slider-handle {
  touch-action: pan-y;
  margin-left: -5px;
}

.rc-slider-vertical .rc-slider-mark {
  height: 100%;
  top: 0;
  left: 18px;
}

.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-dot {
  margin-bottom: -4px;
  left: 2px;
}

.rc-slider-vertical .rc-slider-dot:first-child, .rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}

.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-play-state: paused;
  animation-fill-mode: both;
  display: block !important;
}

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear {
  animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  transform: scale(0);
}

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(.755, .05, .855, .06);
}

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0);
  }

  to {
    transform-origin: 50% 100%;
    transform: scale(1);
  }
}

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0);
  }
}

.rc-slider-tooltip {
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-tooltip-hidden {
  display: none;
}

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px;
}

.rc-slider-tooltip-inner {
  color: #fff;
  text-align: center;
  background-color: #6c6c6c;
  border-radius: 6px;
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 0 4px #d9d9d9;
}

.rc-slider-tooltip-arrow {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
  margin-left: -4px;
  bottom: 4px;
  left: 50%;
}

.lemonade-exercises html, .lemonade-exercises body, .lemonade-exercises div, .lemonade-exercises span, .lemonade-exercises applet, .lemonade-exercises object, .lemonade-exercises iframe, .lemonade-exercises h1, .lemonade-exercises h2, .lemonade-exercises h3, .lemonade-exercises h4, .lemonade-exercises h5, .lemonade-exercises h6, .lemonade-exercises p, .lemonade-exercises blockquote, .lemonade-exercises pre, .lemonade-exercises a, .lemonade-exercises abbr, .lemonade-exercises acronym, .lemonade-exercises address, .lemonade-exercises big, .lemonade-exercises cite, .lemonade-exercises code, .lemonade-exercises del, .lemonade-exercises dfn, .lemonade-exercises em, .lemonade-exercises img, .lemonade-exercises ins, .lemonade-exercises kbd, .lemonade-exercises q, .lemonade-exercises s, .lemonade-exercises samp, .lemonade-exercises small, .lemonade-exercises strike, .lemonade-exercises strong, .lemonade-exercises tt, .lemonade-exercises var, .lemonade-exercises b, .lemonade-exercises u, .lemonade-exercises i, .lemonade-exercises center, .lemonade-exercises dl, .lemonade-exercises dt, .lemonade-exercises dd, .lemonade-exercises ol, .lemonade-exercises ul, .lemonade-exercises li, .lemonade-exercises fieldset, .lemonade-exercises form, .lemonade-exercises label, .lemonade-exercises legend, .lemonade-exercises table, .lemonade-exercises caption, .lemonade-exercises tbody, .lemonade-exercises tfoot, .lemonade-exercises thead, .lemonade-exercises tr, .lemonade-exercises th, .lemonade-exercises td, .lemonade-exercises article, .lemonade-exercises aside, .lemonade-exercises canvas, .lemonade-exercises details, .lemonade-exercises embed, .lemonade-exercises figure, .lemonade-exercises figcaption, .lemonade-exercises footer, .lemonade-exercises header, .lemonade-exercises hgroup, .lemonade-exercises menu, .lemonade-exercises nav, .lemonade-exercises output, .lemonade-exercises ruby, .lemonade-exercises section, .lemonade-exercises summary, .lemonade-exercises time, .lemonade-exercises mark, .lemonade-exercises audio, .lemonade-exercises video {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.lemonade-exercises article, .lemonade-exercises aside, .lemonade-exercises details, .lemonade-exercises figcaption, .lemonade-exercises figure, .lemonade-exercises footer, .lemonade-exercises header, .lemonade-exercises hgroup, .lemonade-exercises menu, .lemonade-exercises nav, .lemonade-exercises section, .lemonade-exercises picture, .lemonade-exercises img {
  display: block;
}

.lemonade-exercises body {
  line-height: 1;
}

.lemonade-exercises ol, .lemonade-exercises ul {
  list-style: none;
}

.lemonade-exercises blockquote, .lemonade-exercises q {
  quotes: none;
}

.lemonade-exercises blockquote, .lemonade-exercises blockquote:before, .lemonade-exercises blockquote:after, .lemonade-exercises q:before, .lemonade-exercises q:after {
  content: "";
  content: none;
}

.lemonade-exercises table {
  border-collapse: collapse;
  border-spacing: 0;
}

.lemonade-exercises h1, .lemonade-exercises h2, .lemonade-exercises h3, .lemonade-exercises h4, .lemonade-exercises h5, .lemonade-exercises h6 {
  margin: 0;
  padding: 0;
}

.lemonade-exercises select {
  -webkit-appearance: none;
}

.lemonade-exercises input, .lemonade-exercises label, .lemonade-exercises select, .lemonade-exercises button, .lemonade-exercises textarea {
  font-size: inherit;
  vertical-align: middle;
  white-space: normal;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: inline-block;
}

.lemonade-exercises button, .lemonade-exercises select {
  box-sizing: border-box;
}

.lemonade-exercises input[type="reset"] {
  box-sizing: border-box;
}

.lemonade-exercises input[type="button"] {
  box-sizing: border-box;
}

.lemonade-exercises input[type="submit"] {
  box-sizing: border-box;
}

.lemonade-exercises input[type="checkbox"] {
  box-sizing: border-box;
}

.lemonade-exercises input[type="radio"] {
  box-sizing: border-box;
}

.lemonade-exercises body {
  word-break: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  font-size: 16px;
  font-weight: 400;
}

.lemo-coordinate-symbol {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises.lemo-color-tokens {
  --lemo-color-base-background: #fafafa;
  --lemo-color-base-white: #fff;
  --lemo-color-base-black: #000;
  --lemo-color-background-overlay: rgba(0, 0, 0, .5);
  --lemo-color-gray-01: #f2f2f2;
  --lemo-color-gray-02: #e0e0e0;
  --lemo-color-gray-03: #bdbdbd;
  --lemo-color-gray-04: #828282;
  --lemo-color-gray-05: #4f4f4f;
  --lemo-color-gray-06: #333;
  --lemo-transitions: .25s;
  --lemo-color-corporate: #4f4fff;
  --lemo-color-corporate-hover: #3c3cbf;
  --lemo-color-corporate-light: #c6defe;
  --lemo-color-corporate-light-alpha: rgba(198, 222, 254, .3);
  --lemo-color-corporate-lighter: #f0f7ff;
  --lemo-color-corporate-dark: #002c66;
  --lemo-color-error: #e41515;
  --lemo-color-error-light: #ffecea;
  --lemo-color-error-light-alpha: rgba(255, 236, 234, .5);
  --lemo-color-success: #28c59d;
  --lemo-color-success-light: #e5fcf5;
  --lemo-color-success-light-alpha: rgba(229, 252, 245, .5);
  --lemo-color-transparent: transparent;
  --lemo-color-blockquote-border: lightblue;
  --lemo-color-blockquote-background: aliceblue;
  --lemo-color-digital-clock: #9ed0bc;
  --lemo-theme-green-out: #bee072;
  --lemo-theme-green-alpha: rgba(190, 224, 114, .5);
  --lemo-theme-green-over: #6c9e04;
  --lemo-theme-dark-orange-out: #fea487;
  --lemo-theme-dark-orange-alpha: rgba(254, 164, 135, .5);
  --lemo-theme-dark-orange-over: #bf4f2a;
  --lemo-theme-turquoise-out: #72d2cd;
  --lemo-theme-turquoise-alpha: rgba(114, 210, 205, .5);
  --lemo-theme-turquoise-over: #18a59e;
  --lemo-theme-dark-blue-out: #9fc1fd;
  --lemo-theme-dark-blue-alpha: rgba(159, 193, 253, .5);
  --lemo-theme-dark-blue-over: #396cc8;
  --lemo-theme-bordeaux-out: #c479b4;
  --lemo-theme-bordeaux-alpha: rgba(196, 121, 180, .5);
  --lemo-theme-bordeaux-over: #bd41a3;
  --lemo-theme-violet-out: #bdb1fb;
  --lemo-theme-violet-alpha: rgba(189, 177, 251, .5);
  --lemo-theme-violet-over: #7864da;
  --lemo-theme-light-blue-out: #a2e4fa;
  --lemo-theme-light-blue-alpha: rgba(162, 228, 250, .5);
  --lemo-theme-light-blue-over: #329fc4;
  --lemo-theme-light-orange-out: #fdcb7d;
  --lemo-theme-light-orange-alpha: rgba(253, 203, 125, .5);
  --lemo-theme-light-orange-over: #d48203;
}

.lemonade-exercises.lemo-text-tokens {
  --lemo-color-text-01: var(--lemo-color-gray-06);
  --lemo-color-text-02: var(--lemo-color-gray-05);
  --lemo-color-text-03: var(--lemo-color-gray-04);
  --lemo-color-text-04: var(--lemo-color-gray-03);
  --lemo-color-text-white: var(--lemo-color-base-white);
  --lemo-color-text-placeholder: var(--lemo-color-gray-03);
  --lemo-text-bold: 700;
  --lemo-text-medium: 500;
  --lemo-text-regular: 400;
  --lemo-text-h1: 2.375em;
  --lemo-text-h2: 2em;
  --lemo-text-h3: 1.5em;
  --lemo-text-body-l: 1.125em;
  --lemo-text-body-m: 1em;
  --lemo-text-body-s: .875em;
  --lemo-text-body-xs: .75em;
  --lemo-line-height: 1.9;
  --lemo-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.lemonade-exercises.lemo-other-tokens {
  --lemo-radii-01: .3em;
  --lemo-radii-02: .5em;
  --lemo-radii-03: .7em;
  --lemo-opacity-disabled: .4;
}

.lemonade-exercises.lemo-box-tokens {
  --lemo-box-background: var(--lemo-color-base-white);
  --lemo-box-border-radius-s: var(--lemo-radii-01);
  --lemo-box-border-radius-l: var(--lemo-radii-02);
  --lemo-box-paddings-s: .5em;
  --lemo-box-paddings-l: .5em .75em;
  --lemo-box-border-light-width: 1px;
  --lemo-box-border-width: 2px;
  --lemo-box-border-color-default: var(--lemo-color-gray-03);
  --lemo-box-border-color-disabled: var(--lemo-color-gray-02);
  --lemo-box-border-color-light: var(--lemo-color-gray-01);
  --lemo-box-border-color-active: var(--lemo-color-corporate);
}

.lemonade-exercises.lemo-button-tokens {
  --lemo-button-color-white: var(--lemo-color-base-white);
  --lemo-button-color-primary: var(--lemo-color-corporate);
  --lemo-button-color-primary-hover: var(--lemo-color-corporate-hover);
  --lemo-button-color-disabled-01: var(--lemo-color-gray-01);
  --lemo-button-color-disabled-02: var(--lemo-color-gray-02);
  --lemo-button-color-disabled-03: var(--lemo-color-gray-03);
  --lemo-button-border-radius: var(--lemo-radii-02);
  --lemo-button-height: 3em;
  --lemo-button-icon-size: 1.25em;
}

.lemonade-exercises .lemo-h1-bold, .lemonade-exercises .lemo-h1-medium {
  font-size: var(--lemo-text-h1);
}

.lemonade-exercises .lemo-h2-bold, .lemonade-exercises .lemo-h2-medium {
  font-size: var(--lemo-text-h2);
}

.lemonade-exercises .lemo-h3-bold, .lemonade-exercises .lemo-h3-medium {
  font-size: var(--lemo-text-h3);
}

.lemonade-exercises .lemo-text-body-l-bold, .lemonade-exercises .lemo-text-body-l-medium, .lemonade-exercises .lemo-text-body-l-regular {
  font-size: var(--lemo-text-body-l);
}

.lemonade-exercises .lemo-text-body-m-regular, .lemonade-exercises .lemo-text-body-m-medium, .lemonade-exercises .lemo-text-body-m-bold {
  font-size: var(--lemo-text-body-m);
}

.lemonade-exercises .lemo-text-body-s-regular, .lemonade-exercises .lemo-text-body-s-medium, .lemonade-exercises .lemo-text-body-s-bold {
  font-size: var(--lemo-text-body-s);
}

.lemonade-exercises .lemo-text-body-xs-regular, .lemonade-exercises .lemo-text-body-xs-bold {
  font-size: var(--lemo-text-body-xs);
}

.lemonade-exercises .lemo-h1-bold, .lemonade-exercises .lemo-h2-bold, .lemonade-exercises .lemo-h3-bold, .lemonade-exercises .lemo-text-body-l-bold, .lemonade-exercises .lemo-text-body-m-bold, .lemonade-exercises .lemo-text-body-s-bold, .lemonade-exercises .lemo-text-body-xs-bold {
  font-weight: var(--lemo-text-bold);
}

.lemonade-exercises .lemo-h1-medium, .lemonade-exercises .lemo-h2-medium, .lemonade-exercises .lemo-h3-medium, .lemonade-exercises .lemo-text-body-l-medium, .lemonade-exercises .lemo-text-body-m-medium, .lemonade-exercises .lemo-text-body-s-medium {
  font-weight: var(--lemo-text-medium);
}

.lemonade-exercises .lemo-text-body-l-regular, .lemonade-exercises .lemo-text-body-m-regular, .lemonade-exercises .lemo-text-body-s-regular, .lemonade-exercises .lemo-text-body-xs-regular {
  font-weight: var(--lemo-text-regular);
}

.lemonade-exercises .lemo-color-text-01 {
  color: var(--lemo-color-text-01);
}

.lemonade-exercises .lemo-color-text-02 {
  color: var(--lemo-color-text-02);
}

.lemonade-exercises .lemo-color-text-03 {
  color: var(--lemo-color-text-03);
}

.lemonade-exercises .lemo-color-text-04 {
  color: var(--lemo-color-text-04);
}

.lemonade-exercises .lemo-color-text-white {
  color: var(--lemo-color-text-white);
}

.lemonade-exercises .lemo-color-text-corporate {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-box-large, .lemonade-exercises .lemo-box-small, .lemonade-exercises .lemo-box-light {
  background-color: var(--lemo-box-background);
  border-radius: var(--lemo-box-border-radius-l);
  border: var(--lemo-box-border-width) solid var(--lemo-box-border-color-default);
}

.lemonade-exercises .lemo-box-light {
  border: var(--lemo-box-border-light-width) solid var(--lemo-box-border-color-light);
}

.lemonade-exercises .lemo-box-large {
  padding: var(--lemo-box-paddings-l);
}

.lemonade-exercises .lemo-box-small {
  padding: var(--lemo-box-paddings-s);
}

.lemonade-exercises .lemo-box-small.lemo-is-empty {
  border-color: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-drag-box {
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-01);
  box-shadow: 0 2px 0 var(--lemo-color-gray-02);
  border-radius: var(--lemo-box-border-radius-l);
  background-color: var(--lemo-color-base-white);
  padding: .8em;
}

.lemonade-exercises .lemo-drag-box.lemo-success {
  border: var(--lemo-box-border-width) solid var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-drag-box.lemo-error {
  border: var(--lemo-box-border-width) solid var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-drag-box.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-base-input {
  font-size: 1em;
  font-family: var(--lemo-font-family);
  font-weight: var(--lemo-text-medium);
  color: var(--lemo-color-text-01);
  background-color: var(--lemo-color-base-white);
  border-radius: var(--lemo-box-border-radius-l);
  padding: var(--lemo-box-paddings-l);
  border: var(--lemo-box-border-width) solid var(--lemo-box-border-color-default);
}

.lemonade-exercises .lemo-base-input::placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input:-ms-input-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input::-moz-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input:focus {
  border-color: var(--lemo-box-border-color-active);
  outline: none;
}

.lemonade-exercises .lemo-base-input:focus::placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-base-button--text-gray {
  color: var(--lemo-color-gray-02);
  fill: var(--lemo-color-gray-02);
  padding: .5em;
}

.lemonade-exercises .lemo-base-button--text-gray .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button--text-gray:hover {
  color: var(--lemo-color-gray-03);
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray:hover .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray:disabled {
  pointer-events: none;
  color: var(--lemo-color-gray-01);
  fill: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-base-button--text-gray:disabled .lemo-icon {
  fill: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-dropdown-native-select, .lemonade-exercises .lemo-base-dropdown {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-gray-05);
  cursor: pointer;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-dropdown {
  border-radius: var(--lemo-radii-02);
  border: 2px solid var(--lemo-box-border-color-default);
  background-color: var(--lemo-color-base-white);
  padding: 6px 2px 6px 8px;
}

.lemonade-exercises .lemo-base-dropdown__item {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  color: var(--lemo-color-gray-04);
  background: var(--lemo-color-base-white);
  word-break: normal;
  padding: 6px;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-dropdown__icon {
  fill: var(--lemo-color-gray-05);
  width: 1.5em;
  height: 1.5em;
}

.lemonade-exercises .lemo-base-dropdown--disabled {
  cursor: default;
  opacity: var(--lemo-opacity-disabled);
}

.lemonade-exercises .lemo-dropdown-control__item--selected {
  color: var(--lemo-color-gray-06);
  background: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-dropdown-control--feedback-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-dropdown-control--feedback-error, .lemonade-exercises .lemo-dropdown-control--feedback-error.lemo-is-empty {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-base-option {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-option .lemo-base-option__wrapper {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-base-white);
  color: var(--lemo-color-gray-05);
  border: 2px solid rgba(0, 0, 0, 0);
  line-height: 1.9;
}

.lemonade-exercises .lemo-base-option .lemo-base-option__wrapper-html {
  width: auto;
}

.lemonade-exercises .lemo-base-option .lemo-base-option__wrapper--without-check-icon {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-base-option--selected .lemo-base-option__wrapper--without-check-icon {
  border-style: solid;
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-base-option--feedback-success .lemo-base-option__wrapper--without-check-icon {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-success-light);
  box-shadow: none;
}

.lemonade-exercises .lemo-base-option--feedback-error .lemo-base-option__wrapper--without-check-icon {
  border: solid 2px var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  border-color: var(--lemo-color-error);
  background-color: var(--lemo-color-error-light);
  box-shadow: none;
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter .lemo-option-content-wrapper {
  border: 2px solid var(--lemo-color-corporate-light);
  border-radius: var(--lemo-radii-03);
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-base-white);
  border-bottom-width: 4px;
  align-items: center;
  padding-left: .6em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter .lemo-option-content-wrapper:hover {
  border-color: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter--selected .lemo-option-content-wrapper {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter.lemo-lock:not(.lemo-base-option--selected) .lemo-option-content-wrapper {
  border-color: var(--lemo-color-gray-02);
  color: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter--feedback-success .lemo-option-content-wrapper {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-success-light);
  box-shadow: none;
}

.lemonade-exercises .lemo-multiple-choice .lemo-base-block-letter--feedback-error .lemo-option-content-wrapper {
  border: solid 2px var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  border-color: var(--lemo-color-error);
  background-color: var(--lemo-color-error-light);
  box-shadow: none;
}

.lemonade-exercises .lemo-base-block-editor {
  padding: 1.5em 1.5em 1.25em;
}

.lemonade-exercises .lemo-base-block-editor .lemo-base-block-editor__title {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-block-editor .lemo-editor-horizontal-content, .lemonade-exercises .lemo-base-block-editor .lemo-editor-content {
  padding: 0;
}

.lemonade-exercises .lemo-base-block-editor .lemo-editor-box-list-item {
  margin-left: -6px;
  padding: .2em 0;
}

.lemonade-exercises .lemo-base-block-editor .lemo-base-button--text {
  padding: 0;
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__line-separator {
  background-color: var(--lemo-color-gray-01);
  height: 1px;
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__toolbar-button {
  cursor: pointer;
  fill: var(--lemo-color-gray-03);
  background: none;
  border: none;
  border-radius: .2em;
  margin-right: .4em;
  padding: .1em;
  line-height: 0;
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__toolbar-button:hover {
  fill: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__toolbar-buttons-separator {
  background-color: var(--lemo-color-gray-02);
  width: 1px;
  height: 12px;
  margin-left: .4em;
  margin-right: .5em;
}

.lemonade-exercises .lemo-base-essay .lemo-base-essay__text-counter {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-gray-03);
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-essay--focused {
  border: 2px solid var(--lemo-color-corporate);
  outline: none;
}

.lemonade-exercises .lemo-base-essay--focused .lemo-base-essay__toolbar-button {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-base-essay--focused .lemo-base-essay__toolbar-button--active {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option {
  border: 2px dashed var(--lemo-color-gray-04);
  background-color: var(--lemo-color-base-white);
  border-radius: 8px;
  padding: .75em;
  line-height: 1.9;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-is-dragging-over, .lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-selected.lemo-is-dragging-over, .lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-drop-area--can-selected {
  border: 2px dashed var(--lemo-color-corporate);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-drop-area--can-selected:hover, .lemonade-exercises .lemo-classify-linking-lines .lemo-classify-linking-lines__option.lemo-is-dragging-over {
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-base-feedback-pin__option {
  align-self: center;
  margin: 0 12px 0 14px;
}

.lemonade-exercises .lemo-no-selection {
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.mathjax-formula-while-rendering, .fr-math-v2-render {
  width: 100vw;
  display: none;
}

.mathjax-formula-while-rendering-loader, .fr-math-v2-render-loader {
  width: 40px;
  height: 26px;
  display: inline-block;
}

.mathjax-formula-while-rendering-loader .line, .fr-math-v2-render-loader .line {
  background-image: linear-gradient(90deg, #f4f4f4, rgba(229, 229, 229, .8), #f4f4f4 80px);
  background-size: 600px;
  border-radius: 5px;
  width: 100%;
  height: 10px;
  margin-top: 13px;
  animation: 2s ease-out infinite shine-lines;
  display: block;
}

.MathJax_Preview {
  opacity: .3;
}

.lemonade-exercises .katex {
  font-size: 1.21em;
}

@keyframes shine-lines {
  0% {
    background-position: -100px;
  }

  40%, to {
    background-position: 140px;
  }
}

.lemonade-exercises .lemo-question.lemo-accesibility {
  font-family: Comic Sans MS, sans-serif;
  font-size: 18px;
}

.lemonade-exercises .lemo-question.lemo-accesibility .html-content {
  color: #000;
  font-family: Comic Sans MS, sans-serif;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option {
  margin: .2em 0;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option-icon {
  display: none;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option-content-wrapper {
  padding: 0;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option .html-content {
  border: 1px solid #000;
  border-radius: 12px;
  padding: .2em 1.4em;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option .html-content:hover {
  background-color: rgba(203, 246, 249, .4);
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option.lemo-selected .html-content {
  background-color: #cbf6f9;
  border: 2px solid #4fafff;
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option.lemo-base-option--feedback-error .html-content {
  background-color: var(--lemo-color-error-light);
  border: 2px solid var(--lemo-color-error);
}

.lemonade-exercises .lemo-question.lemo-accesibility.lemo-multiple-choice .lemo-option.lemo-base-option--feedback-success .html-content {
  background-color: var(--lemo-color-success-light);
  border: 2px solid var(--lemo-color-success);
}

.lemonade-exercises {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
}

.lemonade-exercises .no-break, .lemonade-exercises .fr-no-break {
  white-space: nowrap;
  display: inline-block;
}

.lemonade-exercises ul {
  list-style: disc;
}

.lemonade-exercises ol {
  list-style: decimal;
}

.lemonade-exercises ul, .lemonade-exercises ol {
  margin-inline-start: 1em;
}

.lemonade-exercises .lemo-froala-editor-component .fr-more-toolbar.position-relative {
  position: absolute !important;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element {
  color: #000;
  min-height: 44px;
}

.lemonade-exercises .react-tooltip {
  border-radius: .9em;
  line-height: 1.3;
}

.lemonade-exercises .lemo-editor[lang="pt"] .fr-command[data-cmd="formatULOptions"].fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  justify-content: center;
  font-size: 1.2em;
}

.lemonade-exercises .lemo-editor[lang="pt"] .fr-command[data-cmd="formatULOptions"].fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a[data-cmd="formatUL"][data-param1="default"] {
  display: none;
}

.lemonade-exercises .lemo-question-preview {
  width: 100%;
}

.lemonade-exercises .lemo-simple-button {
  cursor: pointer;
  word-break: keep-all;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: .75em;
  display: inline-flex;
}

.lemonade-exercises .lemo-simple-button .lemo-icon {
  margin: 0 .5em 0 0;
}

.lemonade-exercises .lemo-controls-button-show-hint .lemo-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 3px;
}

.lemonade-exercises .lemo-inline-button {
  cursor: pointer;
  word-break: keep-all;
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-inline-button .lemo-icon {
  margin: 0 .5em 0 0;
}

.lemonade-exercises .lemo-inline-button:disabled {
  pointer-events: none;
  color: var(--lemo-button-color-disabled-03);
  background-color: var(--lemo-button-color-white);
}

.lemonade-exercises .lemo-inline-button:disabled .lemo-icon {
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-send-controls, .lemonade-exercises .lemo-question-controls {
  flex-direction: column;
  margin: 1em auto;
  display: flex;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-wrapper, .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 96%;
  margin-top: 1em;
  margin-left: 2%;
  display: flex;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-wrapper > :last-child, .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper > :last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-left, .lemonade-exercises .lemo-question-controls .lemo-controls-left {
  flex-grow: 1;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-left .lemo-points, .lemonade-exercises .lemo-question-controls .lemo-controls-left .lemo-points {
  word-break: keep-all;
  margin-right: 1em;
  font-size: 1em;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-right, .lemonade-exercises .lemo-question-controls .lemo-controls-right {
  display: flex;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-right > *, .lemonade-exercises .lemo-question-controls .lemo-controls-right > * {
  margin-right: .5em;
}

.lemonade-exercises .lemo-send-controls .lemo-controls-right > :last-child, .lemonade-exercises .lemo-question-controls .lemo-controls-right > :last-child {
  margin-right: 0;
}

@media (max-width: 560px) {
  .lemonade-exercises .lemo-send-controls, .lemonade-exercises .lemo-question-controls {
    flex-direction: column;
  }

  .lemonade-exercises .lemo-send-controls .lemo-controls-left, .lemonade-exercises .lemo-send-controls .lemo-controls-right, .lemonade-exercises .lemo-question-controls .lemo-controls-left, .lemonade-exercises .lemo-question-controls .lemo-controls-right {
    flex-direction: column;
    width: 100%;
  }

  .lemonade-exercises .lemo-send-controls .lemo-controls-left > *, .lemonade-exercises .lemo-send-controls .lemo-controls-right > *, .lemonade-exercises .lemo-question-controls .lemo-controls-left > *, .lemonade-exercises .lemo-question-controls .lemo-controls-right > * {
    text-align: center;
    width: 100%;
    margin: .25em 0;
  }
}

.lemonade-exercises .lemo-scaffolding-navigation-button {
  border-radius: var(--lemo-radii-02);
  border: 2px solid var(--lemo-color-corporate);
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-scaffolding-navigation-button .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-scaffolding-navigation-button:disabled {
  border-color: var(--lemo-color-gray-01);
  background-color: var(--lemo-color-gray-01);
  cursor: auto;
}

.lemonade-exercises .lemo-scaffolding-navigation-button:disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-button.lemo-scaffolding-navigation-button {
  width: auto;
  padding-left: .7em;
  padding-right: .6em;
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-button.lemo-scaffolding-navigation-button .lemo-icon {
  width: 24px;
  transform: rotate(180deg);
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-button.lemo-scaffolding-navigation-button.lemo-is-open .lemo-icon {
  transform: rotate(0);
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-text {
  cursor: pointer;
  display: none;
}

.lemonade-exercises .lemo-scaffold-navigation-toggle-text:hover {
  color: var(--lemo-color-corporate-hover);
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-scaffold-navigation-toggle-text {
    margin-right: .5em;
    display: block;
  }
}

.lemonade-exercises .lemo-scaffold-navigation-counter {
  color: var(--lemo-color-gray-05);
  flex-grow: 1;
  font-style: italic;
}

.lemonade-exercises .lemo-scaffolding-mobile-navigation {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-scaffolding-mobile-navigation .lemo-scaffold-navigation-counter {
  text-align: center;
}

.lemonade-exercises .lemo-scaffolding-mobile-navigation .lemo-scaffolding-navigation-prev-button {
  margin-right: .2em;
}

.lemonade-exercises .lemo-input-chart-view {
  --left-values-width: 40px;
  --canvas-width: 90%;
  --canvas-height: 320px;
  align-self: unset;
  z-index: 2;
  max-width: 500px;
  margin: 0;
  display: block;
  position: relative;
}

.lemonade-exercises .lemo-input-chart-view.lemo-input-chart-view-with-images {
  margin-bottom: 60px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper {
  position: relative;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-label {
  text-align: center;
  font-family: sans-serif;
  font-size: .8em;
  font-weight: var(--lemo-text-bold);
  width: 100%;
  display: inline-block;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-label.lemo-vertical {
  justify-content: right;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-line {
  stroke: var(--lemo-color-gray-03);
  stroke-width: .5px;
  position: relative;
  transform: translate(2px);
}

.lemonade-exercises .lemo-input-chart-view .lemo-histogram-bar-group-list {
  overflow: visible;
}

.lemonade-exercises .lemo-input-chart-view .lemo-histogram-bar-group-list, .lemonade-exercises .lemo-input-chart-view .lemo-bar-group-list, .lemonade-exercises .lemo-input-chart-view .lemo-line-chart {
  top: 0;
  left: var(--left-values-width);
  padding-left: 2px;
  position: absolute;
}

.lemonade-exercises .lemo-input-chart-view .lemo-bar-group-list, .lemonade-exercises .lemo-input-chart-view .lemo-line-chart {
  height: var(--canvas-height);
  width: 90%;
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart {
  overflow: hidden;
}

.lemonade-exercises .lemo-input-chart-view .lemo-bar-group-list.bar_chart_multiple_group {
  left: calc(var(--left-values-width)  + 35%);
  width: 20%;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper.bar_chart_single_group .lemo-vertical-lines line:first-child {
  stroke: var(--lemo-color-gray-03);
  stroke-width: .5px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper.bar_chart_single_group .lemo-vertical-lines line:last-child {
  stroke: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend {
  left: var(--left-values-width);
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  margin: 1em 0;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item {
  align-items: center;
  margin-left: .6em;
  display: flex;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item-color {
  background-color: #add8e6;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item-label {
  font-family: sans-serif;
  font-size: .9em;
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line {
  stroke-width: 4px;
  overflow: visible;
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line circle {
  stroke-width: 0;
}

.lemonade-exercises .lemo-input-chart-view .lemo-pie-chart {
  margin: .5em auto;
  display: block;
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart-line {
  width: 100%;
  position: absolute;
  top: 0;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-canvas, .lemonade-exercises .lemo-input-chart-view .lemo-vertical-lines, .lemonade-exercises .lemo-input-chart-view .lemo-vertical-lines foreignObject {
  overflow: visible;
}

.lemonade-exercises .lemo-input-chart-view .lemo-vertical-lines .lemo-input-chart-line:first-child, .lemonade-exercises .lemo-input-chart-view .lemo-horizontal-lines .lemo-input-chart-line:last-child {
  stroke: var(--lemo-color-gray-04);
  stroke-width: 1px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-line-label {
  stroke: var(--lemo-color-gray-04);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_0, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_0 {
  fill: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_0 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_0 {
  stroke: var(--lemo-theme-light-orange-out);
  fill: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_1, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_1 {
  fill: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_1 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_1 {
  stroke: var(--lemo-theme-dark-orange-out);
  fill: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_2, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_2 {
  fill: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_2 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_2 {
  stroke: var(--lemo-theme-light-blue-out);
  fill: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_3, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_3 {
  fill: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_3 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_3 {
  stroke: var(--lemo-theme-dark-blue-out);
  fill: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_4, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_4 {
  fill: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_4 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_4 {
  stroke: var(--lemo-theme-turquoise-out);
  fill: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_5, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_5 {
  fill: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_5 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_5 {
  stroke: var(--lemo-theme-violet-out);
  fill: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_6, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_6 {
  fill: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_6 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_6 {
  stroke: var(--lemo-theme-bordeaux-out);
  fill: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_7, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_7 {
  fill: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_7 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_7 {
  stroke: var(--lemo-theme-green-out);
  fill: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_8, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_8 {
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_8 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_8 {
  stroke: var(--lemo-theme-green-over);
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_9, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_9 {
  fill: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_9 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_9 {
  stroke: var(--lemo-theme-light-orange-over);
  fill: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_10, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_10 {
  fill: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_10 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_10 {
  stroke: var(--lemo-theme-dark-orange-over);
  fill: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_11, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_11 {
  fill: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_11 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_11 {
  stroke: var(--lemo-theme-light-blue-over);
  fill: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_12, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_12 {
  fill: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_12 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_12 {
  stroke: var(--lemo-theme-dark-blue-over);
  fill: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_13, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_13 {
  fill: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_13 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_13 {
  stroke: var(--lemo-theme-turquoise-over);
  fill: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_14, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_14 {
  fill: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_14 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_14 {
  stroke: var(--lemo-theme-violet-over);
  fill: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_15, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_15 {
  fill: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_15 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_15 {
  stroke: var(--lemo-theme-bordeaux-over);
  fill: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-wrapper .lemo-bar.lemo-bar_16, .lemonade-exercises .lemo-input-chart-view .lemo-pie-chart .lemo-pie-chart-section_16 {
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-input-chart-legend-item.lemo-input-chart-legend-item-color_16 .lemo-input-chart-legend-item-color {
  background-color: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-input-chart-view .lemo-line-chart .lemo-line-chart-line_16 {
  stroke: var(--lemo-theme-green-over);
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-pictograph-view {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  align-items: flex-end;
  margin: 2em 1em;
  display: inline-flex;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__content {
  height: 40px;
  margin: 10px;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__content img {
  width: auto;
  height: 100%;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__column-label-size {
  height: 0;
  margin: 0 10px;
  overflow: hidden;
}

.lemonade-exercises .lemo-pictograph-view .lemo-pictograph__column-label {
  margin: 0 10px;
  position: absolute;
  top: calc(100% + 10px);
}

.lemonade-exercises.lemo-fractions-tokens {
  --fractional-shape-background: #f2f2f2;
  --fractional-shape-fill: #4f4f4f;
  --fractional-shape-border-color: #fff;
  --fractional-shape-border-width: 3px;
}

.fractional-shape {
  pointer-events: none;
  width: 300px;
  height: auto;
}

.fractional-shape, .fractional-shape * {
  box-sizing: border-box;
}

.fractional-shape-background {
  fill: var(--fractional-shape-background);
}

.fractional-shape-feedback-class {
  fill: none;
}

.fractional-shape-line {
  stroke: var(--fractional-shape-border-color);
  stroke-width: var(--fractional-shape-border-width);
}

.fractional-shape-slice {
  fill: rgba(0, 0, 0, 0);
  stroke: none;
}

.fractional-shape-division {
  stroke: var(--fractional-shape-border-color);
  stroke-width: var(--fractional-shape-border-width);
}

.fractional-shape-fix-borders > * {
  transform: scale(.98)translate(2px, 2px);
}

.fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-light-orange-out);
}

.fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-light-orange-over);
}

.theme-light-orange .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-light-orange-out);
}

.theme-light-orange .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-light-orange-over);
}

.theme-dark-orange .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-dark-orange-out);
}

.theme-dark-orange .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-dark-orange-over);
}

.theme-light-blue .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-light-blue-out);
}

.theme-light-blue .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-light-blue-over);
}

.theme-dark-blue .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-dark-blue-out);
}

.theme-dark-blue .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-dark-blue-over);
}

.theme-turquoise .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-turquoise-out);
}

.theme-turquoise .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-turquoise-over);
}

.theme-violet .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-violet-out);
}

.theme-violet .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-violet-over);
}

.theme-bordeaux .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-bordeaux-out);
}

.theme-bordeaux .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-bordeaux-over);
}

.theme-green .fractional-shape .fractional-shape-slice.filled {
  fill: var(--lemo-theme-green-out);
}

.theme-green .fractional-shape .fractional-shape-slice.filled:hover {
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .fr-number-line {
  padding: 1em 0;
}

.lemonade-exercises .lemo-number-line-view {
  margin: 0 auto;
  display: block;
}

.lemonade-exercises .lemo-number-line-view line {
  stroke: var(--lemo-color-gray-04);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-number-line-view text {
  font-family: var(--lemo-font-family);
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-active text {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-active line {
  stroke: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-selected text {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-selected line {
  stroke: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-success text {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-success line {
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-error text {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-number-line-view .number-line-division.lemo-error line {
  stroke: var(--lemo-color-error);
}

.fr-angle {
  container: lemonade_fr_angle / inline-size;
}

.lemo-angle-view {
  z-index: 2;
  margin: 0 auto;
  display: block;
  position: relative;
}

.lemo-angle-view line {
  stroke: #000;
  stroke-width: 2px;
}

.lemo-angle-view path {
  fill: red;
  transform: rotate(90deg);
}

.lemonade-exercises .fr-angle {
  padding: 1em;
  position: relative;
}

.fr-angle.lemo-with-protractor {
  margin-top: 60px;
}

.fr-angle.lemo-with-protractor:before {
  content: "";
  background-color: var(--lemo-color-base-background);
  border-radius: 20px;
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 10px;
  right: 10px;
}

.lemonade-exercises .lemo-protractor-show-tool-button {
  color: var(--lemo-color-corporate);
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 2px solid;
  border-radius: 10px;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 48px;
  height: 48px;
  padding: 12px;
  position: absolute;
  top: -50px;
  right: 8px;
}

.lemonade-exercises .lemo-protractor-show-tool-button-text {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  top: -4px;
}

.lemonade-exercises .lemo-protractor-show-tool-button svg {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-protractor-show-tool-button.lemo-protractor-show-tool-button-active {
  background-color: var(--lemo-color-base-background);
  color: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-protractor-show-tool-button.lemo-protractor-show-tool-button-active svg {
  fill: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-protractor {
  z-index: 999999;
  cursor: grab;
  width: 360px;
  position: absolute;
  top: 20px;
  left: 0;
}

.lemonade-exercises .lemo-protractor:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-protractor-close-button {
  cursor: pointer;
  z-index: 2;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  right: 20px;
}

.lemonade-exercises .lemo-protractor-close-button svg {
  fill: var(--lemo-color-error);
  width: 100%;
}

.lemonade-exercises .lemo-protractor-img {
  width: 100%;
}

.lemonade-exercises .lemo-protractor-drag-icon {
  background-color: var(--lemo-color-corporate);
  outline-offset: 0;
  border: 2px solid #c6defe;
  border-radius: 50px;
  outline: 3px solid rgba(198, 222, 254, .3);
  width: 26px;
  height: 26px;
  margin: 0 auto;
  padding: 4px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-protractor-drag-icon svg {
  fill: #fff;
}

.lemonade-exercises .lemo-headShake {
  animation-name: headShake;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: .5s;
}

.lemonade-exercises .lemo-stop-headShake {
  animation-iteration-count: 0;
}

@media (min-width: 560px) {
  .lemonade-exercises .fr-angle.lemo-with-protractor {
    margin-top: 0;
  }

  .lemonade-exercises .lemo-protractor-show-tool-button {
    top: 16px;
    right: 20px;
  }

  .lemonade-exercises .lemo-protractor-show-tool-button-text {
    display: none;
  }

  .lemonade-exercises .lemo-protractor {
    width: 400px;
  }
}

@keyframes headShake {
  0% {
    transform: translate(0);
  }

  6.5% {
    transform: translate(-6px)rotateY(-9deg);
  }

  18.5% {
    transform: translate(5px)rotateY(7deg);
  }

  31.5% {
    transform: translate(-3px)rotateY(-5deg);
  }

  43.5% {
    transform: translate(2px)rotateY(3deg);
  }

  50% {
    transform: translate(0);
  }
}

.lemo-angle-view path, .fr-angle.theme-light-orange .lemo-angle-view path {
  fill: var(--lemo-theme-light-orange-out);
}

.fr-angle.theme-dark-orange .lemo-angle-view path {
  fill: var(--lemo-theme-dark-orange-out);
}

.fr-angle.theme-light-blue .lemo-angle-view path {
  fill: var(--lemo-theme-light-blue-out);
}

.fr-angle.theme-dark-blue .lemo-angle-view path {
  fill: var(--lemo-theme-dark-blue-out);
}

.fr-angle.theme-turquoise .lemo-angle-view path {
  fill: var(--lemo-theme-turquoise-out);
}

.fr-angle.theme-violet .lemo-angle-view path {
  fill: var(--lemo-theme-violet-out);
}

.fr-angle.theme-bordeaux .lemo-angle-view path {
  fill: var(--lemo-theme-bordeaux-out);
}

.fr-angle.theme-green .lemo-angle-view path {
  fill: var(--lemo-theme-green-out);
}

.lemo-boxplot-view {
  margin-bottom: 1em;
  position: relative;
}

.lemo-boxplot-view svg {
  overflow: visible;
}

.lemo-boxplot-view .lemo-boxplot-view-line {
  stroke-width: 2px;
  stroke: #000;
}

.lemo-boxplot-view .lemo-boxplot-view-quad {
  stroke-width: 1px;
  stroke: #000;
  fill: none;
}

.lemonade-exercises .lemo-functions-view, .lemonade-exercises .lemo-math-expression-view {
  --plane-line-width: 1px;
  --plane-line-color: var(--lemo-color-gray-02);
  --plane-line-middle-color: var(--lemo-color-gray-04);
  --plane-text-size-small: .7em;
  --plane-text-size: .8em;
  --plane-text-color: var(--lemo-color-gray-06);
  --plane-text-axis-color: var(--lemo-color-gray-04);
  --function-line-color: var(--lemo-color-corporate);
  text-align: center;
  margin: 1em auto;
  padding: 1em;
}

.lemonade-exercises .lemo-functions-view .lemo-function-view-container, .lemonade-exercises .lemo-math-expression-view .lemo-function-view-container {
  position: relative;
}

.lemonade-exercises .lemo-functions-view .lemo-function-view-plane, .lemonade-exercises .lemo-math-expression-view .lemo-function-view-plane {
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-functions-view .lemo-plane-line, .lemonade-exercises .lemo-math-expression-view .lemo-plane-line {
  stroke: var(--plane-line-color);
  stroke-width: var(--plane-line-width);
}

.lemonade-exercises .lemo-functions-view .lemo-plane-line-middle, .lemonade-exercises .lemo-math-expression-view .lemo-plane-line-middle {
  stroke: var(--plane-line-middle-color);
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text {
  font-family: sans-serif;
  font-size: var(--plane-text-size-small);
  fill: var(--plane-text-color);
  display: none;
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text.lemo-show-small-devices, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text.lemo-show-small-devices {
  display: block;
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text.lemo-plane-text-vertical, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text.lemo-plane-text-vertical {
  transform: translate(-.3em, calc(var(--plane-text-size) / 2 - 2px));
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text.lemo-plane-text-horizontal, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text.lemo-plane-text-horizontal {
  transform: translate(-.3em, 1em);
}

.lemonade-exercises .lemo-functions-view .lemo-plane-text.lemo-plane-text-axis, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text.lemo-plane-text-axis {
  fill: var(--plane-text-axis-color);
}

.lemonade-exercises .lemo-functions-view .lemo-function-line-container, .lemonade-exercises .lemo-math-expression-view .lemo-function-line-container {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.lemonade-exercises .lemo-functions-view .lemo-function-line, .lemonade-exercises .lemo-math-expression-view .lemo-function-line {
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  fill: none;
}

@media only screen and (min-width: 640px) {
  .lemonade-exercises .lemo-functions-view .lemo-plane-text, .lemonade-exercises .lemo-math-expression-view .lemo-plane-text {
    font-size: var(--plane-text-size);
    display: block;
  }
}

.lemonade-exercises .html-content {
  -webkit-hyphens: auto;
  hyphens: auto;
  width: 100%;
  line-height: 1.6;
}

.lemonade-exercises .html-content.fr-view img {
  cursor: default;
}

.lemonade-exercises .html-content.fr-view td {
  padding: .8em;
  line-height: 1.6;
}

.lemonade-exercises .html-content.fr-view a img {
  cursor: pointer;
}

.lemonade-exercises .lemo-while-latex-rendering {
  opacity: 0;
  display: none;
  position: fixed;
}

.lemonade-exercises .lemo-progress-bar {
  position: relative;
}

.lemonade-exercises .lemo-progress-bar:before {
  content: "";
  background-color: var(--lemo-color-base-background);
  border-radius: 200px;
  width: 100%;
  height: 6px;
  display: block;
}

.lemonade-exercises .lemo-progress-bar .lemo-progress-bar-fill {
  background-color: #00f;
  border-radius: 200px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-wrap-button {
  cursor: pointer;
}

.lemonade-exercises .lemo-file-item .lemo-download-button {
  background: var(--lemo-color-gray-01);
  fill: var(--lemo-color-gray-04);
  cursor: pointer;
  border: none;
  border-radius: 100%;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 4px;
  display: flex;
}

.lemonade-exercises .lemo-file-item .lemo-download-button:hover {
  background: var(--lemo-color-corporate-lighter);
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item {
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: .4em;
  align-items: center;
  padding: .6em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item.lemo-button-events {
  cursor: pointer;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item.lemo-button-events:hover {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item.lemo-button-events:hover .lemo-download-button {
  background: var(--lemo-color-corporate-lighter);
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-icon {
  background: var(--lemo-color-corporate);
  border-radius: .4em;
  width: 48px;
  height: 48px;
  padding: 10px;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-icon path {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-info {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-self: stretch;
  padding: .2em .8em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-name-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-name-wrapper__name-drive {
  text-align: left;
  flex-direction: column;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-name {
  line-height: 1.3;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-size {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  color: var(--lemo-color-gray-03);
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.71;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-upload-progress-value {
  white-space: nowrap;
  color: var(--lemo-color-gray-05);
  padding-left: .5em;
  font-size: .85em;
  display: inline-block;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-remove-button {
  fill: var(--lemo-color-gray-03);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 100%;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  padding: .3em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-cancel-button {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-cancel-button svg {
  fill: var(--lemo-color-gray-01);
  z-index: 1;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-cancel-button:after {
  content: "";
  background-color: var(--lemo-color-gray-03);
  z-index: 0;
  border-radius: 50%;
  width: 55%;
  height: 55%;
  position: absolute;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-remove-button svg {
  width: 80%;
}

.lemonade-exercises .lemo-file-uploader .lemo-file-item .lemo-file-controls {
  pointer-events: auto;
}

.lemonade-exercises .lemo-question .lemo-question-header {
  flex-direction: row;
  display: flex;
}

.lemonade-exercises .lemo-question .lemo-title, .lemonade-exercises .lemo-question .lemo-stimulus {
  margin: 1em 0;
}

.lemonade-exercises .lemo-question .lemo-title p, .lemonade-exercises .lemo-question .lemo-stimulus p {
  margin: 5px 0;
}

.lemonade-exercises .lemo-question .lemo-stimulus {
  flex: 1;
}

.lemonade-exercises .lemo-question .lemo-stimulus-bullet {
  margin-top: 1.6em;
  margin-right: 5px;
}

.lemonade-exercises .lemo-question .lemo-file-item {
  margin-bottom: .8em;
}

.lemonade-exercises .lemo-base-button.lemo-controls-button-restart-scaffolding {
  white-space: nowrap;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout {
  z-index: 200;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  overflow: hidden;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container {
  border-radius: var(--lemo-radii-03) var(--lemo-radii-03) 0 0;
  pointer-events: all;
  background-color: #fff;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
  padding: 1em;
  transition: transform .2s;
  display: grid;
  position: relative;
  transform: translateY(calc(100% - 77px));
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container:after {
  border-radius: var(--lemo-radii-03) var(--lemo-radii-03) 0 0;
  content: "";
  background-color: var(--lemo-color-base-background);
  z-index: -1;
  width: 100%;
  height: 80px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-is-first-time {
  cursor: pointer;
  transform: translateY(40%);
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-is-first-time .lemo-question-container, .lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-is-first-time .lemo-controls-container {
  pointer-events: none;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-opened, .lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-opened:after {
  border-radius: 0;
  transform: translateY(0);
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container.lemo-hidden {
  display: none;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-navigation-container {
  width: 100%;
  margin-bottom: 1em;
}

.lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-controls-container {
  margin-top: 3em;
}

@media only screen and (min-width: 560px) {
  .lemonade-exercises .lemo-scaffolding-mobile-layout .lemo-layout-container {
    padding-left: 2em;
    padding-right: 2em;
  }
}

.lemonade-exercises .lemo-scaffolding-main-question {
  padding: 0 1em;
}

.lemonade-exercises .lemo-scaffolding-main-question.lemo-custom-header-class .lemo-question-wrapper .lemo-question-header {
  display: none;
}

.lemonade-exercises .lemo-scaffolding-main-question .lemo-question-wrapper {
  grid-template-rows: 1fr auto;
  height: 100vh;
  display: grid;
}

.lemonade-exercises .lemo-scaffolding-mobile .main-question-controls {
  padding: .6em 0;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-column-right-wrapper {
  justify-content: flex-end;
  display: flex;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-full-width-wrapper > * {
  width: 100%;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-columns-wrapper {
  gap: .6em;
  display: flex;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-columns-wrapper > :first-child {
  flex-grow: 1;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-button-columns-wrapper > :last-child {
  padding-left: 2.5em;
  padding-right: 2.5em;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding {
  flex-flow: wrap;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-restart-wrapper {
  width: 100%;
  padding: .6em 0;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-restart-wrapper > * {
  width: 100%;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding > :nth-child(2) {
  flex-grow: 1;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding > :nth-child(2) > * {
  width: 100%;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-show-answer-wrapper {
  margin-right: .6em;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-show-answer-wrapper > * {
  width: 100%;
}

.lemonade-exercises .lemo-scaffolding-mobile .lemo-finish-scaffolding .lemo-next-wrapper > * {
  padding-left: 2.5em;
  padding-right: 2.5em;
}

@media only screen and (min-width: 560px) {
  .lemonade-exercises .lemo-scaffolding-mobile .main-question-controls, .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls {
    justify-content: flex-end;
    align-items: center;
    gap: 1em;
    display: flex;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-button-first-row {
    padding: 0;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-button-columns-wrapper {
    justify-content: space-between;
    width: 100%;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-button-columns-wrapper > * {
    flex-grow: unset;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-button-columns-wrapper.lemo-flex-end {
    justify-content: flex-end;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-restart-wrapper {
    width: auto;
    padding: 0;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-restart-wrapper > * {
    width: auto;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-show-answer-wrapper {
    flex-grow: 1;
    order: -1;
    margin-right: .6em;
    padding: 0;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-show-answer-wrapper > * {
    width: auto;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-next-wrapper {
    flex-grow: unset;
    width: auto;
  }

  .lemonade-exercises .lemo-scaffolding-mobile .scaffolding-mobile-controls .lemo-finish-scaffolding .lemo-next-wrapper > * {
    width: auto;
  }
}

.lemonade-exercises .lemo-scaffolding-mobile {
  background-color: var(--lemo-color-gray-01);
  height: 100%;
  position: relative;
  overflow: auto;
}

.lemonade-exercises .lemo-dialog {
  border-radius: var(--lemo-radii-01);
  margin: 1em .6em 1em .5em;
  line-height: 1.9;
  position: relative;
}

.lemonade-exercises .lemo-dialog .lemo-close-button-wrapper {
  z-index: 3;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

.lemonade-exercises .lemo-dialog .lemo-close-button-wrapper .lemo-wrap-button {
  justify-content: center;
  align-items: center;
  width: 35px;
  display: flex;
  transform: translate(14px, -14px);
}

.lemonade-exercises .lemo-dialog .lemo-close-button-wrapper .lemo-wrap-button svg {
  fill: var(--lemo-color-corporate);
  z-index: 1;
}

.lemonade-exercises .lemo-dialog .lemo-close-button-wrapper .lemo-wrap-button:after {
  content: "";
  background-color: var(--lemo-color-base-white);
  z-index: 0;
  width: 12px;
  height: 12px;
  position: absolute;
}

.lemonade-exercises .lemo-dialog .lemo-close-button {
  background-color: var(--lemo-color-corporate);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  padding: .3em;
  display: flex;
  transform: translate(9px, -9px);
}

.lemonade-exercises .lemo-dialog .lemo-close-icon {
  fill: var(--lemo-color-base-white);
  width: 80%;
  height: 80%;
}

.lemonade-exercises .lemo-feedback-pin-number {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  top: -1px;
  right: -1px;
}

.lemonade-exercises .lemo-tooltip {
  z-index: 100;
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 -1px 14px rgba(75, 75, 75, .4);
}

.lemonade-exercises .lemo-tooltip[data-show="true"] {
  display: block;
}

.lemonade-exercises .lemo-tooltip__arrow, .lemonade-exercises .lemo-tooltip__arrow:before {
  background: none;
  width: 14px;
  height: 14px;
  position: absolute;
}

.lemonade-exercises .lemo-tooltip__arrow {
  visibility: hidden;
}

.lemonade-exercises .lemo-tooltip__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

.lemonade-exercises .lemo-tooltip[data-popper-placement^="top"] > .lemo-tooltip__arrow {
  bottom: -8px;
}

.lemonade-exercises .lemo-tooltip[data-popper-placement^="bottom"] > .lemo-tooltip__arrow {
  top: -8px;
}

.lemonade-exercises .lemo-tooltip[data-popper-placement^="left"] > .lemo-tooltip__arrow {
  right: -8px;
}

.lemonade-exercises .lemo-tooltip[data-popper-placement^="right"] > .lemo-tooltip__arrow {
  left: -8px;
}

@media only screen and (max-width: 560px) {
  .lemonade-exercises .lemo-tooltip {
    max-width: 94%;
  }
}

.lemonade-exercises .lemo-tooltip-content {
  position: relative;
}

.lemonade-exercises .lemo-tooltip-content__close {
  z-index: 1;
  position: absolute;
  top: -17px;
  right: -14px;
}

.lemonade-exercises .lemo-tooltip-content__close-button {
  cursor: pointer;
  width: 36px;
  height: 36px;
}

.lemonade-exercises .lemo-tooltip-content__close-button:after {
  content: "";
  background-color: var(--lemo-color-base-white);
  z-index: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 9px;
  left: 8px;
}

.lemonade-exercises .lemo-tooltip-content__close-icon {
  fill: var(--lemo-color-gray-05);
  z-index: 1;
  position: relative;
}

.lemonade-exercises .lemo-tooltip-content__content {
  cursor: default;
  max-width: 500px;
  max-height: 400px;
  padding: 16px 16px 24px 24px;
  overflow: auto;
}

.lemonade-exercises .lemo-tooltip-content__content .fr-view {
  word-wrap: normal;
}

.lemonade-exercises .lemo-feedback-pin-tooltip {
  pointer-events: auto;
  border-radius: 4px;
  min-width: 1.6em;
  height: 1.9em;
  top: -1px;
  right: -1px;
}

.lemonade-exercises .lemo-feedback-pin-tooltip.lemo-floating {
  top: -.4em;
  right: -.4em;
}

.lemonade-exercises .lemo-feedback-pin-tooltip.lemo-hidden {
  display: none;
}

.lemonade-exercises .lemo-feedback-pin-tooltip.lemo-mirror-icon path {
  transform: scaleX(-1)translate(-24px);
}

.lemonade-exercises .lemo-feedback-pin-tooltip .lemo-feedback-pin-tooltip__icon {
  cursor: pointer;
  fill: var(--lemo-color-error);
  overflow: visible;
}

.lemonade-exercises .lemo-feedback-pin-number {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 1.6em;
  height: 1.6em;
  display: flex;
  top: -1px;
  right: -1px;
}

.lemonade-exercises .lemo-feedback-pin-number.lemo-floating {
  top: -.4em;
  right: -.4em;
}

.lemonade-exercises .lemo-feedback-pin-number.lemo-success {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-feedback-pin-number.lemo-error {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-feedback-pin-number.lemo-hidden {
  display: none;
}

.lemonade-exercises .lemo-feedback-pin-number .lemo-text {
  color: var(--lemo-color-base-white);
  font-size: .8em;
  font-weight: 600;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item.lemo-error {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-error-light-alpha);
  align-items: center;
  padding: .75em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item .lemo-feedback-value {
  width: 98%;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-value img {
  max-width: 200px;
  max-height: 200px;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item p {
  margin-block-start: 0;
  margin-block-end: 0;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item.lemo-global-feedback {
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-03);
  background-color: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-item.lemo-show-solution {
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-feedback-item .lemo-feedback-pin-number {
  margin-right: .6em;
}

.lemonade-exercises .lemo-feedback-dialog {
  position: relative;
}

.lemonade-exercises .lemo-feedback-dialog .lemo-feedback-list > div {
  margin: .5em 0 0;
}

.lemonade-exercises .lemo-base-input, .lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element {
  font-size: 1em;
  font-family: var(--lemo-font-family);
  font-weight: var(--lemo-text-medium);
  color: var(--lemo-color-text-01);
  background-color: var(--lemo-color-base-white);
  border-radius: var(--lemo-box-border-radius-l);
  padding: var(--lemo-box-paddings-l);
  border: var(--lemo-box-border-width) solid var(--lemo-box-border-color-default);
}

.lemonade-exercises .lemo-base-input::placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element::placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input:-ms-input-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:-ms-input-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input::-moz-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element::-moz-placeholder {
  color: var(--lemo-color-text-placeholder);
  opacity: 1;
  transition: color .4s;
}

.lemonade-exercises .lemo-base-input:focus, .lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:focus {
  border-color: var(--lemo-box-border-color-active);
  outline: none;
}

.lemonade-exercises .lemo-base-input:focus::-moz-placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:focus::-moz-placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-base-input:focus::placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:focus::placeholder {
  color: var(--lemo-color-transparent);
}

.lemonade-exercises .lemo-froala {
  word-break: break-word;
  font-weight: 500;
}

.lemonade-exercises .lemo-froala h1 {
  margin: .5em 0;
  font-weight: 700;
}

.lemonade-exercises .lemo-froala h2, .lemonade-exercises .lemo-froala h3, .lemonade-exercises .lemo-froala h4 {
  margin: .6em 0;
  font-weight: 700;
}

.lemonade-exercises .lemo-froala p, .lemonade-exercises .lemo-froala table, .lemonade-exercises .lemo-froala blockquote, .lemonade-exercises .lemo-froala ul, .lemonade-exercises .lemo-froala ol {
  margin: 5px 0;
}

.lemonade-exercises .lemo-froala p, .lemonade-exercises .lemo-froala li, .lemonade-exercises .lemo-froala h1, .lemonade-exercises .lemo-froala h2, .lemonade-exercises .lemo-froala h3, .lemonade-exercises .lemo-froala h4, .lemonade-exercises .lemo-froala h5 {
  word-break: break-word;
}

.lemonade-exercises .lemo-froala blockquote {
  border-left: 5px solid;
  padding-left: 5px;
  font-weight: 300;
}

.lemonade-exercises .lemo-froala ul, .lemonade-exercises .lemo-froala ol {
  margin-left: 15px;
  padding-left: 5px;
  list-style-position: outside;
}

.lemonade-exercises .lemo-froala ol {
  list-style: decimal;
}

.lemonade-exercises .lemo-froala ul {
  list-style: disc;
}

.lemonade-exercises .lemo-froala li {
  margin: 5px 0;
}

.lemonade-exercises .lemo-froala sub, .lemonade-exercises .lemo-froala sup {
  font-size: 75%;
  line-height: 0;
}

.lemonade-exercises .lemo-froala sub {
  vertical-align: sub;
}

.lemonade-exercises .lemo-froala sup {
  vertical-align: super;
}

.lemonade-exercises .lemo-froala table {
  border-collapse: collapse;
}

.lemonade-exercises .lemo-froala table.table {
  width: 100%;
}

.lemonade-exercises .lemo-froala td {
  padding: .8em;
}

.lemonade-exercises .lemo-froala em {
  font-style: italic;
}

.lemonade-exercises .lemo-froala strong {
  font-weight: 700;
}

.lemonade-exercises .lemo-froala img {
  max-width: 100%;
}

.lemonade-exercises .lemo-froala .second-toolbar {
  display: none;
}

.lemonade-exercises .lemo-froala p {
  padding: 0;
}

.lemonade-exercises .lemo-froala span.lemo-blank:not(.lemo-blank-cloze-math) {
  text-align: center;
  border: 1px dashed #000;
  border-radius: .4em;
  margin: 0 .3em;
  padding: 0 20px;
  display: inline-block;
}

.lemonade-exercises .lemo-froala span.lemo-blank:not(.lemo-blank-cloze-math):focus {
  outline: #0098f7;
}

.lemonade-exercises .lemo-froala .fr-wrapper.show-placeholder .fr-placeholder {
  z-index: 2;
  pointer-events: none;
  top: 4px;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .no-break {
  border-bottom: 1px solid #ff8c00;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-toolbar {
  z-index: 2;
  width: 100%;
  transition: top .2s;
  display: none;
  position: absolute;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-toolbar .fr-newline {
  background: none;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-toolbar .fr-more-toolbar {
  transition: height .2s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-second-toolbar {
  display: none;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-wrapper {
  background: none;
  border: none;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-placeholder {
  color: var(--lemo-color-text-04);
  transition: color .4s;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element {
  line-height: 1.6;
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component .fr-element:focus + .fr-placeholder {
  color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-froala .lemo-froala-editor-component.lemo-is-empty .fr-element:not(:focus) {
  border-color: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-froala .fr-toolbar.fr-top {
  border-radius: var(--lemo-radii-02) var(--lemo-radii-02) 0 0;
  border: 2px solid var(--lemo-color-gray-02);
  border-bottom: 2px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-froala-wrapper {
  border: .1em solid var(--lemo-color-gray-03);
  color: var(--lemo-color-gray-03);
  background-color: rgba(0, 0, 0, 0);
  border-radius: .4em;
  min-height: 2.2em;
  padding: .8em .3em;
}

.lemonade-exercises .lemo-froala-wrapper.rtl {
  direction: rtl;
}

.lemonade-exercises .lemo-froala-wrapper.hidden {
  display: none;
}

.lemonade-exercises .lemo-froala .fr-popup .fr-checkbox, .lemonade-exercises .lemo-froala .fr-popup .fr-action-buttons button.fr-command {
  padding: 0;
}

.lemonade-exercises .lemo-froala .fr-popup.fr-desktop {
  width: -webkit-min-content;
  width: min-content;
}

.lemonade-exercises .lemo-froala .fr-popup.fr-desktop .fr-layer {
  box-sizing: border-box;
}

.lemonade-exercises .fr-table-with-borders {
  border-collapse: collapse;
}

.lemonade-exercises .fr-table-with-borders td, .lemonade-exercises .fr-table-with-borders th {
  border: 1px solid #ddd;
  padding: .8em;
}

.lemonade-exercises .fr-table-no-border td {
  border: none;
}

.lemonade-exercises .lemo-add-response-close-math {
  display: inline-block;
}

.lemonade-exercises .lemo-add-response-close-math .lemo-add-response-close-math__number {
  color: #fff;
  background: #4f4f4f;
  align-items: center;
  border: none !important;
  border-radius: 0 4px 4px 0 !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  display: inline-block !important;
}

.lemonade-exercises .lemo-add-response-close-math .lemo-add-response-cloze-math__text {
  font-size: var(--lemo-text-body-l);
  font-weight: var(--lemo-text-regular);
  color: #4f4f4f;
  background: #f2f2f2;
  border-radius: 4px 0 0 4px !important;
  padding: 2px 8px 3px !important;
  display: inline-block !important;
}

.lemonade-exercises .fr-math-v2-field {
  border: 1px solid #999;
  border-radius: 2px;
}

.lemonade-exercises .fr-math-v2-field:hover {
  border: 1px solid #515151;
}

.lemonade-exercises .froala-mathField__input {
  outline-width: 1px;
  outline-color: #0098f7;
  width: 100%;
}

.lemonade-exercises .fa {
  font: 14px / 1 FontAwesome, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.lemonade-exercises .fa-code:before {
  content: url("data:image/svg+xml; utf8, <svg viewBox=%270 0 96 96%27 fill=%27grey%27 xmlns=%27http://www.w3.org/2000/svg%27><title/><g><path d=%27M24.8452,25.3957a6.0129,6.0129,0,0,0-8.4487.7617L1.3974,44.1563a5.9844,5.9844,0,0,0,0,7.687L16.3965,69.8422a5.9983,5.9983,0,1,0,9.21-7.687L13.8068,48l11.8-14.1554A6,6,0,0,0,24.8452,25.3957Z%27/><path d=%27M55.1714,12.1192A6.0558,6.0558,0,0,0,48.1172,16.83L36.1179,76.8262A5.9847,5.9847,0,0,0,40.8286,83.88a5.7059,5.7059,0,0,0,1.1835.1172A5.9949,5.9949,0,0,0,47.8828,79.17L59.8821,19.1735A5.9848,5.9848,0,0,0,55.1714,12.1192Z%27/><path d=%27M94.6026,44.1563,79.6035,26.1574a5.9983,5.9983,0,1,0-9.21,7.687L82.1932,48l-11.8,14.1554a5.9983,5.9983,0,1,0,9.21,7.687L94.6026,51.8433A5.9844,5.9844,0,0,0,94.6026,44.1563Z%27/></g></svg>");
}

.lemonade-exercises .lemo-fr-toolbar-inline .fr-element {
  overflow-x: auto;
}

.lemonade-exercises .lemo-editor .lemo-fr-scrollable-container {
  z-index: 7;
  position: relative;
}

.lemonade-exercises .lemo-editor .lemo-fr-scrollable-container .fr-toolbar.fr-inline {
  max-width: 535px;
  max-height: 144px;
}

.lemonade-exercises .lemo-editor .lemo-fr-scrollable-container .fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 8px;
}

.lemonade-exercises .lemo-editor .lemo-fr-scrollable-container .fr-popup .fr-buttons:not(.fr-tabs) {
  display: flex;
}

.fr-popup.fr-desktop .fr-audio-upload-layer {
  text-align: center;
  padding: 10px;
}

.fr-popup.fr-desktop .fr-audio-upload-layer.fr-transcription {
  border-top: 1px solid var(--lemo-color-gray-02);
  margin-top: 10px;
}

.fr-popup.fr-desktop .fr-transcription-actions {
  margin-bottom: 20px;
}

.fr-popup.fr-desktop .fr-transcription-success {
  color: #219653;
  margin-top: 8px;
  display: none;
}

.fr-popup.fr-desktop .fr-remove-transcription {
  color: #eb5757;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0 auto;
  font-size: 15px;
  display: block;
}

.lemonade-exercises .lemo-fr-button-audio-base, .lemonade-exercises .lemo-fr-audio-player .controls .toggle-play, .lemonade-exercises .lemo-fr-button-audio {
  pointer-events: auto;
  cursor: pointer;
  background-color: var(--lemo-color-corporate);
  border-radius: 50px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28px;
  height: 28px;
  padding: 6px;
  display: flex;
}

.lemonade-exercises .lemo-fr-button-audio {
  margin-left: 5px;
  margin-right: 5px;
}

.lemonade-exercises .fr-audio {
  display: inline-flex;
}

.lemonade-exercises .fr-audio-only-play {
  margin-left: 23px;
}

.lemonade-exercises .lemo-fr-audio-player {
  color: #828282;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 200px;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 6px 8px;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
  font-size: 1px !important;
}

.lemonade-exercises .lemo-fr-audio-player .timeline-controls {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .timeline {
  pointer-events: auto;
  cursor: pointer;
  background-color: #f2f2f2;
  border-radius: 3px;
  flex-grow: 1;
  align-self: center;
  height: 4px;
  margin: 12px 8px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-fr-audio-player .timeline .progress {
  background: var(--lemo-color-corporate);
  border-radius: 3px;
  width: 0%;
  height: 100%;
  transition: all .25s;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls {
  flex-grow: 1;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls > * {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls .time {
  letter-spacing: 1px;
  text-align: left;
  font-family: Inter, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 2.4;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls .time .divider {
  margin-left: 4px;
  margin-right: 4px;
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container {
  cursor: pointer;
  z-index: 2;
  position: relative;
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container .volume-button {
  align-items: center;
  height: 26px;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container .volume-button .volume {
  transform: scale(.7);
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container .volume-slider {
  z-index: -1;
  background: #fff;
  width: 0;
  height: 15px;
  transition: all .25s;
  position: absolute;
  top: 15px;
  left: -3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .667);
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container .volume-slider .volume-percentage {
  background: coral;
  width: 75%;
  height: 100%;
}

.lemonade-exercises .lemo-fr-audio-player .controls .volume-container:hover .volume-slider {
  width: 120px;
  left: -123px;
}

.lemonade-exercises .lemo-fr-button-audio__container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-transcription-icon {
  cursor: pointer;
}

.lemonade-exercises .lemo-fr-audio-transcription-icon:hover .lemo-fr-audio-transcription-icon__icon svg path, .lemonade-exercises .lemo-fr-audio-transcription-icon.active .lemo-fr-audio-transcription-icon__icon svg path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-fr-audio-transcription-icon--hidden, .lemonade-exercises .lemo-fr-audio-transcription.lemo-fr-audio-transcription-hidden {
  display: none;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container .lemo-fr-audio-transcription-content__cue {
  cursor: pointer;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container .lemo-fr-audio-transcription-content__cue:hover {
  background-color: #f2f2f2;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content {
  z-index: 50;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  flex-direction: column;
  gap: 0;
  width: 320px;
  max-width: 100vw;
  max-height: 340px;
  padding: 20px 18px 18px;
  display: flex;
  position: absolute;
  top: 54px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(44, 44, 44, .08);
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__header {
  margin-bottom: 8px;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__header .lemo-fr-audio-transcription-content__header-title {
  color: #444950;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__header .lemo-fr-audio-transcription-content__header-divider {
  border-bottom: 1px solid #e5e7eb;
  width: 100%;
  height: 1px;
  margin: 8px 0 0;
  display: block;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container {
  max-height: 250px;
  margin-top: 8px;
  padding: 0;
  overflow-y: auto;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container::-webkit-scrollbar {
  width: 6px;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue-container::-webkit-scrollbar-thumb {
  background: #e5e7eb;
  border-radius: 3px;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue {
  cursor: pointer;
  color: #222;
  white-space: pre-line;
  border-radius: 6px;
  margin: 2px 0;
  padding: 6px 12px;
  font-size: 15px;
  transition: background .2s, color .2s;
  display: block;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue.cueActive {
  color: #fff;
  background: #4f6bed;
  font-weight: 500;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue.cueInactive {
  color: #222;
  background: none;
}

.lemonade-exercises .lemo-fr-audio-transcription .lemo-fr-audio-transcription-content__cue:hover {
  color: #222;
  background: #e5e7eb;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper > * {
  margin-right: 1em;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper > :last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-check-answer {
  margin-left: auto;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-idk ~ .lemo-controls-button-check-answer {
  margin-left: 0;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-idk, .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-reset {
  margin-left: auto;
}

.lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-inline {
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (max-width: 560px) {
  .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper {
    flex-flow: wrap;
  }

  .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper > * {
    width: 100%;
    margin: .5em 0;
  }

  .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-points, .lemonade-exercises .lemo-question-controls .lemo-controls-wrapper .lemo-controls-button-reset {
    order: -1;
    width: -webkit-fit-content;
    width: fit-content;
  }
}

.lemonade-exercises .lemo-sample-answer {
  box-sizing: border-box;
  background: var(--lemo-color-base-background);
  border-left: 4px solid var(--lemo-color-corporate);
  border-radius: 0 8px 8px 0;
  flex-direction: row;
  flex: none;
  order: 3;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
  padding: 12px 16px;
  display: flex;
}

.lemonade-exercises .lemo-print-view {
  border: 1px solid rgba(0, 0, 0, .05);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.lemonade-exercises .lemo-print-view .lemo-question-body {
  padding: 0 5px;
  font-size: 14px;
}

.lemonade-exercises .lemo-print-view .lemo-classify-linking-lines .lemo-question-body {
  font-size: 12px;
  overflow: hidden;
}

.lemonade-exercises .lemo-print-view .lemo-classify-linking-lines .lemo-list {
  max-width: 45%;
}

.lemonade-exercises .lemo-print-view .lemo-classify-order-list .lemo-horizontal-list {
  flex-direction: column;
}

.lemonade-exercises .lemo-print-view .fr-math-v2 img, .lemonade-exercises .lemo-print-view .fr-math img {
  display: inline-block;
}

.lemonade-exercises .lemo-question {
  width: 100%;
}

.lemonade-exercises .lemo-question .fr-element .fr-video > * {
  z-index: 2;
  position: relative;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-content-wrapper {
  flex-grow: 1;
  padding: .6em .5em .6em 0;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-content-wrapper img {
  cursor: pointer;
  max-width: 100%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-single-option .html-content, .lemonade-exercises .lemo-multiple-choice .lemo-multiple-option .html-content {
  width: auto;
  margin-inline-end: .5em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-single-option .lemo-feedback-pin-wrapper, .lemonade-exercises .lemo-multiple-choice .lemo-multiple-option .lemo-feedback-pin-wrapper {
  position: relative;
  top: 2px;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-icon {
  margin-inline-end: .8em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-prefix-label {
  white-space: nowrap;
  margin-inline-end: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-content, .lemonade-exercises .lemo-multiple-choice .lemo-prefix-label {
  line-height: 1.9;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-lock {
  pointer-events: none;
}

.lemonade-exercises .lemo-multiple-choice .lemo-inline-feedback {
  padding: .5em;
}

.lemonade-exercises .lemo-feedback-icon {
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
}

.lemonade-exercises .lemo-feedback-icon .lemo-success-icon, .lemonade-exercises .lemo-feedback-icon .lemo-error-icon {
  width: 100%;
  height: 100%;
}

.lemonade-exercises .lemo-feedback-icon .lemo-success-icon {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-feedback-icon .lemo-error-icon {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option-container {
  width: 100%;
  position: relative;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option-container .lemo-option-container {
  margin-top: 10px;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option.lemo-option-content-wrapper {
  border: 2px solid var(--lemo-color-corporate-light);
  border-radius: var(--lemo-radii-03);
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-base-white);
  border-bottom-width: 4px;
  align-items: flex-start;
  padding-left: .6em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option.lemo-option-content-wrapper:active {
  box-shadow: inset 0 6px 0 var(--lemo-color-corporate-light-alpha);
  border-bottom-width: 2px;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-block-option.lemo-option-content-wrapper.lemo-touched {
  background-color: var(--lemo-color-corporate-lighter);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-selected .lemo-block-option.lemo-option-content-wrapper {
  background-color: var(--lemo-color-corporate-lighter);
  border-bottom-width: 2px;
  border-color: var(--lemo-color-corporate-light);
  box-shadow: inset 0 6px 0 var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-lock:not(.lemo-selected) .lemo-block-option.lemo-option-content-wrapper {
  border-color: var(--lemo-color-gray-02);
  color: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-lock:not(.lemo-selected) .lemo-block-option.lemo-option-content-wrapper .html-content {
  color: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-success .lemo-block-option.lemo-option-content-wrapper {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-error .lemo-block-option.lemo-option-content-wrapper {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-checkbox-square-icon .lemo-shape {
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-checkbox-square-icon svg {
  width: auto;
  height: auto;
}

.lemonade-exercises .lemo-selected .lemo-checkbox-square-icon .lemo-shape {
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-button-color-white);
  box-shadow: 0 0 0 4px var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-selected .lemo-checkbox-square-icon .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-selected .lemo-checkbox-square-icon .lemo-square {
  background-color: var(--lemo-color-corporate);
  border: none;
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.lemonade-exercises .lemo-success .lemo-checkbox-square-icon .lemo-shape {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-success .lemo-checkbox-square-icon .lemo-icon {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-error .lemo-checkbox-square-icon .lemo-shape {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-error .lemo-checkbox-square-icon .lemo-icon {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-checkbox-rounded-icon .lemo-shape {
  border: 2px solid var(--lemo-color-gray-02);
  background-color: var(--lemo-color-base-white);
  transition: all var(--lemo-transitions);
  border-radius: 50%;
  outline: 6px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.lemonade-exercises .lemo-checkbox-rounded-icon .lemo-icon {
  fill: var(--lemo-color-corporate);
  transition: fill var(--lemo-transitions);
  width: 8px;
  height: 8px;
}

.lemonade-exercises .lemo-selected .lemo-checkbox-rounded-icon .lemo-shape {
  border-style: solid;
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
  outline-color: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-selected .lemo-checkbox-rounded-icon .lemo-circle {
  background-color: var(--lemo-color-corporate);
  border: none;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.lemonade-exercises .lemo-success .lemo-checkbox-rounded-icon .lemo-shape {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  outline-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-success .lemo-checkbox-rounded-icon .lemo-icon {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-error .lemo-checkbox-rounded-icon .lemo-shape {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  outline-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-error .lemo-checkbox-rounded-icon .lemo-icon {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option {
  cursor: pointer;
  fill: var(--lemo-color-gray-04);
  z-index: 1;
  margin: .5em 0;
  display: flex;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option-icon {
  margin-top: 1em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-option-container {
  width: 100%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-option-container > * {
  border-radius: var(--lemo-radii-01);
  transition: background-color var(--lemo-transitions);
  padding: .2em .5em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option .lemo-option-container .lemo-inline-feedback {
  margin-top: .3em;
  padding: .4em .5em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-success .lemo-option-container .lemo-option-response, .lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-success .lemo-option-container .lemo-inline-feedback {
  background-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-error .lemo-option-container .lemo-option-response {
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-multiple-choice .lemo-option.lemo-error .lemo-option-container .lemo-inline-feedback {
  background-color: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-multiple-choice {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-multiple-choice *, .lemonade-exercises .lemo-multiple-choice :before, .lemonade-exercises .lemo-multiple-choice :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns {
  flex-flow: wrap;
  align-items: stretch;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-option {
  padding: 0 .5em;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-1 {
  width: 100%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-2 {
  width: 50%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-3 {
  width: 33.333%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-4 {
  width: 25%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-5 {
  width: 20%;
}

.lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-6 {
  width: 16.666%;
}

@media screen and (max-width: 768px) {
  .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-1, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-2, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-3, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-4, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-5, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-column-6, .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-mobile-columns-1 {
    width: 100%;
  }

  .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-mobile-columns-2 {
    width: 49%;
  }

  .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-mobile-columns-3 {
    width: 32%;
  }

  .lemonade-exercises .lemo-multiple-choice .lemo-question-body.lemo-with-columns .lemo-mobile-columns-4 {
    width: 24%;
  }
}

.lemonade-exercises .lemo-editor-title-subtitle-component {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title-subtitle {
  flex-direction: column;
  width: 100%;
  padding-inline-end: 1em;
  line-height: 1.4;
  display: flex;
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title {
  margin-bottom: .4em;
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__title--disabled {
  opacity: var(--lemo-opacity-disabled);
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__subtitle {
  white-space: pre-wrap;
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__subtitle--disabled {
  opacity: var(--lemo-opacity-disabled);
}

.lemonade-exercises .lemo-editor-title-subtitle-component .lemo-editor-title-subtitle-component__component-right {
  flex-shrink: 0;
  align-self: center;
}

.lemonade-exercises .lemo-line1 {
  background-color: var(--lemo-color-gray-01);
  width: 100%;
  height: 1px;
  margin: 11px 0 12px;
}

.lemonade-exercises .lemo-button-icon {
  background: var(--lemo-color-gray-05);
  opacity: .85;
  border-radius: 10px;
  width: 31px;
  height: 31px;
}

.lemonade-exercises .lemo-button-icon .lemo-button-icon__button {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  padding: 0;
  display: flex;
}

.lemonade-exercises .lemo-button-icon .lemo-button-icon__button .lemo-icon {
  margin: 0;
  padding: 0;
}

.lemonade-exercises .lemo-button-icon .lemo-button-icon__button svg {
  fill: var(--lemo-color-base-white);
  width: 75%;
}

.lemonade-exercises .lemo-button-icon:hover {
  background-color: var(--lemo-color-base-white);
  box-shadow: 0 0 8px -3px var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-button-icon:hover .lemo-button-icon__button svg {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-inline-button {
  cursor: pointer;
  border: none;
  align-items: center;
  margin: 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-inline-button .lemo-editor-inline-button__icon {
  align-items: center;
  margin: 0 .5em 0 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-inline-button--color-white .lemo-editor-inline-button__icon {
  fill: #fff;
}

.lemonade-exercises .lemo-editor-inline-button--color-white .lemo-editor-inline-button__text {
  color: #fff;
}

.lemonade-exercises .lemo-editor-inline-button--color-white:hover, .lemonade-exercises .lemo-editor-inline-button--color-white:active, .lemonade-exercises .lemo-editor-inline-button--color-white.selected {
  background: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-drive-button {
  background-color: rgba(53, 115, 231, .05);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 12px;
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.lemonade-exercises .lemo-drive-button .lemo-icon {
  fill: none;
}

.lemonade-exercises .lemo-drive-button:hover {
  border: solid 2px var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drive-button--disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-drive-button--disabled .lemo-icon {
  opacity: .3;
}

.lemonade-exercises .lemo-mobile-button {
  color: var(--lemo-color-corporate);
  border: 2px solid var(--lemo-color-corporate);
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-base-white);
  cursor: pointer;
  outline: none;
  padding: 1em .6em;
  font-size: 1.1em;
  font-weight: 700;
}

.lemonade-exercises .lemo-mobile-button:hover {
  background-color: var(--lemo-color-corporate-light);
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-mobile-button.lemo-disabled {
  pointer-events: none;
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-mobile-button.lemo-completed {
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-upload-progress-icon {
  position: relative;
}

.lemonade-exercises .lemo-upload-progress-icon .lemo-spinner {
  border: 3px solid var(--lemo-color-corporate-dark);
  border-left-color: var(--lemo-color-corporate);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  animation: 1s linear infinite lemo-upload-icon-animation;
}

@keyframes lemo-upload-icon-animation {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.lemonade-exercises .lemo-upload-progress-icon .lemo-icon {
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-upload-progress-icon .lemo-icon path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-start-icon {
  height: 46px;
}

.lemonade-exercises .lemo-start-icon path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-complete-icon {
  fill: var(--lemo-color-base-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-complete-icon.lemo-error {
  background: var(--lemo-color-error);
}

.lemonade-exercises .lemo-complete-icon.lemo-error svg {
  fill: var(--lemo-color-base-white);
  width: 17px;
}

.lemonade-exercises .lemo-complete-icon.lemo-success {
  background: var(--lemo-color-success);
}

.lemonade-exercises .lemo-complete-icon.lemo-success svg {
  fill: var(--lemo-color-base-white);
  width: 21px;
}

.lemonade-exercises .lemo-upload-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-complete-icon--error, .lemonade-exercises .lemo-complete-icon--success {
  width: 72px;
  height: 65px;
}

.lemonade-exercises .lemo-complete-icon--error svg {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-complete-icon--success svg {
  fill: var(--lemo-color-success);
}

.lemonade-exercises .lemo-complete-touch-icon {
  width: 30px;
}

.lemonade-exercises .lemo-complete-touch-icon svg {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area {
  text-align: center;
  background: var(--lemo-color-base-background);
  border: 2px dashed var(--lemo-color-gray-03);
  cursor: pointer;
  border-radius: 48px;
  outline: none;
  margin: 0 auto 1em;
  padding: 1em 3em;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-isDragActive {
  background: var(--lemo-color-corporate-light);
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-disabled {
  background: var(--lemo-color-base-background);
  border-color: var(--lemo-color-gray-02);
  pointer-events: none;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-disabled > * {
  opacity: .6;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch.lemo-disabled > * {
  opacity: 1;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-drop-area-icon {
  fill: var(--lemo-color-corporate);
  margin: 0 auto;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-drop-area-message {
  margin: .7em 0;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-drop-area-message a {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-drop-area-info {
  color: var(--lemo-color-gray-04);
  font-size: .9em;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area .lemo-upload-button {
  display: none;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch {
  background: none;
  border: none;
  padding: .2em;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch .lemo-drop-area-icon, .lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch .lemo-drop-area-message {
  display: none;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch .lemo-upload-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-drop-area.lemo-is-touch .lemo-upload-icon {
  transform-origin: center;
  margin: -15px .3em -15px 0;
  transform: scale(.8);
}

.lemonade-exercises .lemo-file-uploader {
  text-align: -webkit-center;
}

.lemonade-exercises .lemo-file-uploader .lemo-drive-button {
  margin-top: 1.1em;
}

.lemonade-exercises .lemo-file-uploader .lemo-allowed-files {
  text-align: center;
  line-height: var(--lemo-line-height);
  color: var(--lemo-color-gray-03);
  font-size: .8em;
  font-weight: 500;
}

.lemonade-exercises .lemo-file-uploader .lemo-error-message {
  background-color: var(--lemo-color-error-light-alpha);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: .6em;
  display: flex;
}

.lemonade-exercises .lemo-file-uploader .lemo-error-message .lemo-error-message-text {
  text-align: center;
  color: var(--lemo-color-error);
  flex-grow: 1;
  font-weight: 700;
}

.lemonade-exercises .lemo-file-uploader .lemo-error-message .lemo-error-message-close-button {
  width: 28px;
}

.lemonade-exercises .lemo-file-uploader .lemo-error-message .lemo-error-message-close-button svg {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-tooltip-icon .react-tooltip {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  white-space: normal;
  z-index: 2;
  max-width: 400px;
  padding: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
}

.lemonade-exercises .lemo-tooltip-icon.lemo-tooltip-icon--force-show .react-tooltip {
  opacity: .9;
  visibility: visible;
  margin-top: 0;
  margin-left: 0;
}

.lemonade-exercises .lemo-tooltip-icon.lemo-tooltip-icon--force-hide .react-tooltip {
  opacity: 0;
  visibility: hidden;
}

.lemonade-exercises .lemo-editor-input-text {
  width: 100%;
  padding: .8em;
}

.lemonade-exercises .lemo-editor-input-text::placeholder {
  color: var(--lemo-color-text-placeholder);
}

.lemonade-exercises .lemo-editor-input-text.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemo-editor-slider {
  align-items: center;
  display: flex;
}

.lemo-editor-slider .lemo-editor-slider__min, .lemo-editor-slider .lemo-editor-slider__max {
  color: var(--lemo-color-gray-05);
  word-break: normal;
  font-variant-numeric: tabular-nums;
  background-color: var(--lemo-color-base-background);
  text-align: center;
  border-radius: 4px;
  padding: 4px;
}

.lemo-editor-slider .lemo-editor-slider__min {
  margin-right: 16px;
}

.lemo-editor-slider .lemo-editor-slider__max {
  margin-left: 16px;
}

.lemo-editor-slider .lemo-editor-slider__slider {
  flex: 1;
  min-width: 273px;
}

.lemo-editor-slider .lemo-editor-slider__slider input[type="range"] {
  width: 100%;
  min-width: 273px;
}

.lemo-editor-slider .lemo-editor-slider__slider svg g circle:first-child, .lemo-editor-slider .lemo-editor-slider__slider svg g circle:nth-child(3) {
  fill: #1e67e9;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider {
  padding: 2px 0;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle {
  margin-top: -5px;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-rail {
  background: var(--lemo-color-gray-01);
  height: 6px;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle {
  background: var(--lemo-color-corporate);
  width: 15px;
  height: 15px;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle:hover, .lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle:focus {
  background: var(--lemo-color-corporate);
  box-shadow: 0 0 0 8px rgba(var(--lemo-color-corporate-lighter), .1);
  border-color: #ebf1fd;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-handle-dragging {
  border-color: #ebf1fd;
  box-shadow: 0 0 0 5px #ebf1fd;
}

.lemo-editor-slider .lemo-editor-slider__slider .rc-slider .rc-slider-track {
  background: var(--lemo-color-corporate);
  height: 6px;
}

@media only screen and (max-width: 768px) {
  .lemonade-exercises .lemo-slider-title-subtitle .lemo-editor-title-subtitle-component {
    display: block;
  }
}

.lemonade-exercises .lemo-image-preview {
  position: relative;
}

.lemonade-exercises .lemo-image-preview .lemo-image-preview__top-right {
  z-index: 20;
  position: absolute;
  top: 2.94%;
  right: 2.98%;
}

.lemonade-exercises .lemo-image-preview .lemo-image-preview__image {
  background: var(--lemo-color-gray-01);
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-image-preview .lemo-image-size {
  visibility: hidden;
  max-width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-image-preview .lemo-img-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-image-preview .lemo-image {
  max-width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-image-upload-or-preview .lemo-editor-slider__max {
  min-width: 6ch !important;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon {
  top: 23px;
  right: 23px;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button {
  background-color: var(--lemo-color-corporate);
  width: 32px;
  height: 32px;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button .lemo-button-icon__button {
  width: 32px;
  height: 32px;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button:hover {
  background-color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button:hover svg {
  fill: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .lemo-image-upload-or-preview__icon .lemo-base-button svg {
  width: 16px;
  height: 16px;
}

.lemonade-exercises .image_upload_or_preview__input--hide {
  display: none;
}

.lemonade-exercises .lemo-config-background-image__alt-container {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.lemonade-exercises .lemo-config-background-image__alt-container > * {
  width: 100%;
}

.lemonade-exercises .lemo-config-background-image__alt-container--child-50 > * {
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .lemonade-exercises .lemo-config-background-image__alt-container {
    display: block;
  }

  .lemonade-exercises .lemo-config-background-image__alt-container > * {
    width: 100%;
  }
}

.lemonade-exercises .lemo-editor-background__icon {
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-editor-content .lemo-editor-ai-feedback-generator {
  margin-top: .4em;
}

.lemonade-exercises .lemo-editor-content .lemo-editor-ai-feedback-generator .lemo-get-ai-feedback-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-content .lemo-editor-ai-feedback-generator .lemo-spinner {
  border: 5px solid #fff;
  border-bottom-color: var(--lemo-color-corporate-light);
  box-sizing: border-box;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: 1s linear infinite rotation;
  display: inline-block;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container {
  margin-top: 18px;
  display: flex;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container .lemo-add-response-close-math {
  align-self: center;
  margin-right: 20px;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container .lemo-add-response-close-math .lemo-add-response-cloze-math__text {
  padding: 7px 8px !important;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container .lemo-add-response-close-math .lemo-add-response-close-math__number {
  padding: 8px !important;
}

.lemonade-exercises .lemo-editor-feedback-exercise__feedback_individual_container :nth-child(2) {
  flex: 1;
}

.lemonade-exercises .lemo-editor-hint-icon {
  color: var(--lemo-color-gray-06);
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-editor-upload-content {
  background-color: var(--lemo-color-base-background);
  margin-top: 1em;
  padding: 1em;
  position: relative;
}

.lemonade-exercises .lemo-editor-upload-content .lemo-close-button {
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
}

.lemonade-exercises .lemo-editor-upload-content .lemo-close-button .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-editor-upload-content .lemo-close-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-upload-content .lemo-file-item {
  background-color: #fff;
}

.lemonade-exercises .lemo-show-upload-controls-button {
  width: 100%;
}

.lemonade-exercises .lemo-show-upload-controls-button .lemo-icon {
  fill: var(--lemo-color-corporate);
  margin-right: .6em;
}

.lemonade-exercises .lemo-editor {
  padding: 2em 0;
}

.lemonade-exercises .lemo-editor *, .lemonade-exercises .lemo-editor :after, .lemonade-exercises .lemo-editor :before {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-editor-box-list-item {
  padding-bottom: .6em;
}

.lemonade-exercises .lemo-editor-box-list-item-wrapper {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-list-item-icon-drag {
  fill: var(--lemo-color-gray-03);
  pointer-events: none;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-editor-box-list-item-content {
  width: 100%;
}

.lemonade-exercises .lemo-editor-box-list-item-button {
  cursor: pointer;
  border: none;
  border-radius: .3em;
}

.lemonade-exercises .lemo-editor-box-list-item-button > svg {
  fill: var(--lemo-color-gray-03);
  width: 1.5em;
}

.lemonade-exercises .lemo-editor-box-list-item-button:hover, .lemonade-exercises .lemo-editor-box-list-item-button:active, .lemonade-exercises .lemo-editor-box-list-item-button.selected {
  background-color: var(--lemo-color-base-white);
  outline: none;
}

.lemonade-exercises .lemo-editor-box-list-item-button:hover > svg, .lemonade-exercises .lemo-editor-box-list-item-button:active > svg, .lemonade-exercises .lemo-editor-box-list-item-button.selected > svg {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-editor-box-list-item-button:focus {
  outline: none;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item-wrapper > * {
  margin-right: .5em;
}

.lemonade-exercises .lemo-editor-box-list-item:first-child .lemo-editor-box-list-item-wrapper {
  padding-top: 0;
}

.lemonade-exercises .lemo-editor-box {
  background-color: var(--lemo-color-base-white);
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-02);
  margin-bottom: 1em;
}

.lemonade-exercises .lemo-editor-box > .full-width {
  padding-left: 0;
  padding-right: 0;
}

.lemonade-exercises .lemo-editor-box > :first-child {
  margin-top: 0;
}

.lemonade-exercises .lemo-editor-box > :last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-editor-box-flex {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-flex-end {
  justify-content: flex-end;
  display: flex;
}

.lemonade-exercises .lemo-editor-horizontal-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto 1.2em;
  display: flex;
}

.lemonade-exercises .lemo-editor-horizontal-content--space-between {
  justify-content: space-between;
}

.lemonade-exercises .lemo-editor-title-icon-and-text {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-title-icon {
  fill: var(--lemo-color-gray-04);
  align-items: center;
  margin-right: .6em;
  display: flex;
}

.lemonade-exercises .lemo-editor-help-icon {
  fill: var(--lemo-color-gray-03);
  width: 25px;
  height: 25px;
}

.lemonade-exercises .lemo-editor-text {
  color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-editor-title-icon-right {
  fill: #b0b9c1;
  align-self: center;
}

.lemonade-exercises .lemo-editor-content {
  margin: .4em auto;
}

.lemonade-exercises .lemo-editor-content-box {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-editor-content-box-check {
  text-align: center;
}

.lemonade-exercises .lemo-editor-content-box-col-select {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container {
  cursor: pointer;
  align-items: center;
  margin-right: .8em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container-check {
  display: flex;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container-check-label {
  color: var(--lemo-color-text-02);
  margin-left: 1em;
  margin-right: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container-input {
  border: .1em solid;
  border-radius: .3em;
  width: 5em;
  padding: .3em;
}

.lemonade-exercises .lemo-editor-content-box-col-select-container-input:disabled {
  border: .1em solid;
}

.lemonade-exercises .lemo-editor-wrapper {
  align-items: center;
  min-height: 5em;
  padding: .8em 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-toggle-component {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-toggle-component__checkShape {
  background-color: var(--lemo-button-color-disabled-03);
  border-radius: 50px;
  align-items: center;
  width: 3em;
  height: 1.5em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-editor-toggle-component__checkShape__dot {
  background-color: var(--lemo-color-base-white);
  border-radius: 50px;
  width: 1em;
  height: 1em;
  transition: all .25s linear;
  position: relative;
  right: 0;
  transform: translate(5px);
}

.lemonade-exercises .lemo-editor-toggle-component__label {
  color: var(--lemo-color-text-02);
  -webkit-user-select: none;
  user-select: none;
  margin-left: .8em;
  font-size: 1em;
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__label {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__checkShape {
  background-color: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-active .lemo-editor-toggle-component__checkShape__dot {
  transform: translate(1.6em);
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-disabled {
  cursor: default;
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-disabled .lemo-editor-toggle-component__label {
  color: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-editor-toggle-component.lemo-disabled .lemo-editor-toggle-component__checkShape {
  border-color: var(--lemo-button-color-disabled-03);
  background-color: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-editor-line {
  background: var(--lemo-color-text-02);
  height: .01em;
  margin-top: .8em;
  margin-bottom: .8em;
}

.lemonade-exercises .lemo-editor-icon-button {
  background-color: var(--lemo-color-base-white);
  cursor: pointer;
  border: none;
  border-radius: .2em;
  margin-left: .6em;
  margin-right: .6em;
  padding: .3em;
}

.lemonade-exercises .lemo-editor-icon-button > svg {
  fill: var(--lemo-color-text-02);
  width: 1.5em;
  height: 1.5em;
}

.lemonade-exercises .lemo-editor-icon-button:hover, .lemonade-exercises .lemo-editor-icon-button:active, .lemonade-exercises .lemo-editor-icon-button.selected {
  background-color: var(--lemo-color-text-02);
  outline: none;
}

.lemonade-exercises .lemo-editor-icon-button:hover > svg, .lemonade-exercises .lemo-editor-icon-button:active > svg, .lemonade-exercises .lemo-editor-icon-button.selected > svg {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-editor-icon-button:focus {
  outline: none;
}

.lemonade-exercises .lemo-editor .lemo-editor-input-text {
  width: 100%;
}

.lemonade-exercises .lemo-editor .lemo-editor-alternative-text .lemo-editor-text {
  margin: 1em 0 .4em;
  display: inline-block;
}

.lemonade-exercises .lemo-editor .lemo-editor-columns {
  gap: 4em;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor .lemo-editor-columns .lemo-column {
  flex-grow: 1;
}

.lemonade-exercises .lemo-editor .lemo-editor-columns.lemo-columns-darker {
  background-color: var(--lemo-color-base-background);
  margin-top: .5em;
  padding: .5em;
}

.lemonade-exercises .lemo-dropdown {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-dropdown .lemo-dropdown-control {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-dropdown .lemo-dropdown-selected-label {
  line-height: var(--lemo-line-height);
  white-space: nowrap;
  margin-right: .2em;
  display: inline;
}

.lemonade-exercises .lemo-dropdown .lemo-dropdown-content {
  box-sizing: border-box;
  background: var(--lemo-color-base-white);
  border: 2px solid var(--lemo-box-border-color-default);
  border-radius: var(--lemo-radii-01);
  z-index: 3;
  width: 100%;
  max-height: 9em;
  margin-top: 2px;
  line-height: 2.2;
  position: absolute;
  overflow-y: auto;
}

.lemonade-exercises .lemo-confirm-message {
  border-radius: var(--lemo-radii-02);
  margin: auto;
  padding: 2em;
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-confirm-message .lemo-confirm-title {
  margin-bottom: .4em;
  font-size: 1.2em;
  font-weight: 600;
}

.lemonade-exercises .lemo-confirm-message .lemo-confirm-content {
  color: var(--lemo-color-gray-04);
  white-space: pre-wrap;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
}

.lemonade-exercises .lemo-confirm-message .lemo-controls {
  flex-direction: row;
  justify-content: right;
  margin-top: 1.4em;
  display: flex;
}

.lemonade-exercises .lemo-confirm-message .lemo-controls > * {
  margin-inline-end: 1em;
}

.lemonade-exercises .lemo-confirm-message .lemo-controls > :last-child {
  margin-inline-end: 0;
}

.lemonade-exercises .lemo-modal {
  z-index: 200;
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-modal-main {
  width: 80%;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lemonade-exercises .lemo-modal .lemo-confirm-message {
  background: #fff;
}

.lemonade-exercises .lemo-editor-clear-all-default {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  display: flex;
}

.lemonade-exercises .lemo-editor-clear-all-default .lemo-editor-clear-all-default__left {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-clear-all-default .lemo-editor-clear-all-default__left .lemo-editor-inline-button__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lemonade-exercises .lemo-editor-clear-all-default .lemo-editor-clear-all-default__left .lemo-editor-clear-all-default__left-description {
  color: var(--lemo-color-text-04);
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.lemonade-exercises .lemo-editor-clear-all-default .lemo-editor-clear-all-default__right .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-editor-clear-all-confirm {
  flex-direction: row;
  align-items: center;
  gap: 1em;
  display: flex;
}

.lemonade-exercises .lemo-editor-clear-all-confirm .lemo-editor-clear-all-confirm__left {
  flex-direction: row;
  align-items: center;
  gap: 1em;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-clear-all-confirm .lemo-editor-clear-all-confirm__left .lemo-editor-clear-all-confirm__left-title {
  color: var(--lemo-color-gray-06);
  font-size: 1.125em;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-clear-all-confirm .lemo-editor-clear-all-confirm__left .lemo-editor-clear-all-confirm__left-description {
  color: var(--lemo-color-text-06);
  font-size: 1.125em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-clear-all-confirm .lemo-editor-clear-all-confirm__right {
  flex-direction: row;
  align-items: center;
  gap: 1em;
  display: flex;
}

.lemonade-exercises *, .lemonade-exercises :after, .lemonade-exercises :before {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-flex-start {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-flex-center {
  justify-content: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-flex-end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-flex-align-center {
  align-items: center;
}

.lemonade-exercises .lemo-flex-grow-1 {
  flex-grow: 1;
}

.lemonade-exercises .lemo-flex-row {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-flex-wrap {
  flex-wrap: wrap;
  display: flex;
}

.lemonade-exercises .lemo-flex-column {
  flex-direction: column;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-col-1 {
  width: 100%;
}

.lemonade-exercises .lemo-col-2 {
  width: 50%;
}

.lemonade-exercises .lemo-stack-layout > * {
  margin-top: 1em;
}

.lemonade-exercises .lemo-stack-layout-150 > * {
  margin-top: 1.5em;
}

.lemonade-exercises .lemo-hstack-layout > * {
  margin-left: 1em;
}

.lemonade-exercises .lemo-near-stack-layout > *, .lemonade-exercises .lemo-near-hstack-layout > * {
  margin-top: .6em;
}

.lemonade-exercises .lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-text-center {
  text-align: center;
}

.lemonade-exercises .lemo-full-w {
  width: 100%;
}

.lemonade-exercises .lemo-popover-options {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-popover-options__content {
  box-sizing: border-box;
  background: var(--lemo-color-base-white);
  border: 1px solid var(--lemo-color-gray-03);
  z-index: 2;
  border-radius: .3em;
  max-height: 9em;
  margin-top: 2px;
  padding: 0 .4em;
  line-height: 2.2;
  position: absolute;
  overflow-y: auto;
}

.lemonade-exercises .lemo-popover-options__content--left {
  right: 0;
}

.lemonade-exercises .lemo-popover-options__content-item {
  border-bottom: 1px solid var(--lemo-color-gray-01);
  cursor: pointer;
  align-items: center;
  margin-right: 10px;
  padding: 8px 12px;
  display: flex;
}

.lemonade-exercises .lemo-popover-options__content-item .lemo-popover-options__content-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.lemonade-exercises .lemo-popover-options__content-item .lemo-popover-options__content-icon svg {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-popover-options__content-item .lemo-popover-options__content-name {
  color: var(--lemo-color-gray-04);
  flex-grow: 1;
}

.lemonade-exercises .lemo-popover-options__content-item:last-child {
  border-bottom: none;
}

.lemonade-exercises .lemo-popover-options__content-item.selected {
  color: #00f;
}

.lemonade-exercises .lemo-number-option .lemo-number-option__number {
  text-align: center;
  width: -webkit-max-content;
  width: max-content;
  border-radius: 4px !important;
}

.lemonade-exercises .lemo-editor-box-list-item {
  padding: .6em 1.2em;
}

.lemonade-exercises .lemo-editor-box-list-item.lemo-with-feedback {
  background-color: var(--lemo-color-gray-01);
  border-top: 1px solid var(--lemo-color-base-white);
  border-bottom: 1px solid var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-editor-box-list-item-content {
  margin: .4em 0;
  position: relative;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-wrapper {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value {
  flex-grow: 1;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-right {
  white-space: nowrap;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-right > * {
  margin-right: .5em;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-right > :first-child {
  margin-left: .5em;
}

.lemonade-exercises .lemo-editor-box-list-item-content__value-right > :last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-editor-box-list-item-content__feedback {
  margin-top: 16px;
  display: flex;
}

.lemonade-exercises .lemo-editor-box-list-item-content__feedback-froala {
  flex-grow: 1;
}

.lemonade-exercises .lemo-feedback-controls {
  cursor: pointer;
  align-items: center;
  padding: .3em;
  display: flex;
}

.lemonade-exercises .lemo-feedback-controls.lemo-remove .lemo-icon {
  fill: var(--lemo-color-gray-04);
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-feedback-controls.lemo-remove .lemo-text {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-feedback-controls.lemo-add .lemo-icon {
  fill: var(--lemo-color-corporate);
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-feedback-controls.lemo-add .lemo-text {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__number-drags {
  width: 4.5rem;
  height: 56px;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__number-drags::-webkit-inner-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__number-drags::-webkit-outer-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__delete {
  cursor: pointer;
  background: none;
  border: 0;
}

.lemonade-exercises .lemo-editor-box-list-item .lemo-editor-box-list-item__delete > svg {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-add-image-button {
  background: var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.lemonade-exercises .lemo-add-image-button .lemo-icon {
  fill: #fff;
  width: 22px;
}

.lemonade-exercises .lemo-add-image-button .react-tooltip {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  white-space: normal;
  max-width: 200px;
  padding: 5px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
}

.lemonade-exercises .lemo-add-image-button.lemo-is-active {
  background-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-add-image-button.lemo-is-active .lemo-icon {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-optional-image-picker {
  position: relative;
}

.lemonade-exercises .lemo-optional-image-picker .lemo-remove-image-button {
  border: 1px solid var(--lemo-color-corporate);
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: none;
  position: absolute;
  top: -2px;
  right: -2px;
}

.lemonade-exercises .lemo-optional-image-picker .lemo-remove-image-button .lemo-icon {
  fill: var(--lemo-color-corporate);
  width: 6px;
  overflow: visible;
}

.lemonade-exercises .lemo-optional-image-picker.lemo-with-image .lemo-remove-image-button {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-answer-options__disabled-add-tooltip {
  flex-grow: 1;
}

.lemonade-exercises .lemo-editor-answer-options__disabled-add-tooltip .lemo-tooltip-icon {
  width: -webkit-fit-content;
  width: fit-content;
}

.lemonade-exercises .lemo-editor-answer-options .lemo-editor-answer-options__icon-plus {
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-editor-answer-options .lemo-editor-horizontal-content__toggles {
  gap: 16px;
  display: flex;
}

.lemonade-exercises .lemo-config-canvas-height .lemo-editor-slider__max {
  min-width: 7ch;
}

.lemonade-exercises .lemo-label-title-subtitle .lemo-label-title-subtitle__label {
  color: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-config-audio-duration-limit .lemo-editor-slider__min, .lemonade-exercises .lemo-config-audio-duration-limit .lemo-editor-slider__max {
  min-width: 5ch;
}

.lemonade-exercises .lemo-config-files-limit .lemo-editor-slider__min, .lemonade-exercises .lemo-config-files-limit .lemo-editor-slider__max {
  min-width: 3ch;
}

.lemonade-exercises .lemo-editor-color {
  position: relative;
}

.lemonade-exercises .lemo-editor-color__color-circle {
  background-color: #828282;
  border-radius: 50%;
  flex-grow: 0;
  width: 22px;
  height: 22px;
}

.lemonade-exercises .lemo-editor-color__color-label {
  line-height: var(--lemo-line-height);
  white-space: nowrap;
  margin-left: .6em;
  margin-right: .2em;
}

.lemonade-exercises .lemo-dropdown-with-icon {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-control {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-selected-label {
  line-height: var(--lemo-line-height);
  white-space: nowrap;
  margin-right: .2em;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-content {
  box-sizing: border-box;
  background: var(--lemo-color-base-white);
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  z-index: 3;
  width: 100%;
  max-height: 9em;
  margin-top: 2px;
  line-height: 2.2;
  position: absolute;
  overflow-y: auto;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-with-icon-left-element {
  margin-right: 10px;
}

.lemonade-exercises .lemo-dropdown-with-icon .lemo-dropdown-content-item {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-config .lemo-icon-format-shape path:first-child {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-editor-config .lemo-icon-format-shape path:nth-child(2) {
  fill: none;
  stroke: var(--lemo-color-gray-04);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-editor-config .lemo-icon-format-shape rect {
  fill: #fff;
  stroke: var(--lemo-color-gray-04);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-hints-dialog .lemo-hint {
  border: 2px solid var(--lemo-color-corporate);
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-corporate-light);
  padding: 1em;
  display: block;
  position: relative;
  overflow: auto;
}

.lemonade-exercises .lemo-solutions-preview {
  margin-top: 1em;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  letter-spacing: normal;
  text-align: left;
  color: var(--lemo-color-gray-03);
  background: var(--lemo-color-gray-01);
  text-transform: capitalize;
  cursor: pointer;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  flex-grow: 0;
  gap: 10px;
  margin: 0 6px;
  padding: 12px 16px;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.5;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button.lemo-selected, .lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-button.lemo-negative {
  background: var(--lemo-color-gray-04);
  color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-add {
  fill: var(--lemo-color-corporate);
  cursor: pointer;
  align-self: center;
  align-items: center;
  margin: 0 0 0 6px;
  display: flex;
  position: relative;
  top: 2px;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-buttons-add .lemo-add-alternative-text {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-corporate);
  margin: 0 10px;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points {
  display: inline-block;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-label {
  color: var(--lemo-color-gray-04);
  font-size: .8em;
  display: inline-block;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points__percent-wrapper {
  background: #fff;
  border-radius: 8px;
  width: 52px;
  font-size: .8em;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points__percent-wrapper:after {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  content: "%";
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5em;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 7px;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  border-radius: var(--lemo-radii-02);
  color: #000;
  text-indent: 0;
  text-align: right;
  background: none;
  border: 0;
  width: 4em;
  padding: .8em 1.6em .8em 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score[type="number"] {
  -moz-appearance: textfield;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-score:disabled, .lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points__percent-wrapper--disabled {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-points-label {
  color: var(--lemo-color-base-white);
  margin-left: .4em;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-delete {
  background-color: var(--lemo-color-base-white);
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-left: .6em;
  padding: 8px;
  position: relative;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-delete svg {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-main-response-button {
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-base-white);
  cursor: pointer;
  align-items: center;
  padding: .9em .6em;
  display: flex;
}

.lemonade-exercises .lemo-main-response-button > :last-child {
  margin-left: .6em;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options {
  background: var(--lemo-color-gray-04);
  border-radius: 0 8px 8px;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 12px;
  display: flex;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-solution-controls {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-editor-solutions-content {
  background-color: var(--lemo-color-base-white);
  border: none;
  border-radius: .5em;
  padding: 0;
  position: relative;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-box {
  z-index: 2;
  flex-wrap: wrap;
  padding: 0;
  display: flex;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-box > * {
  margin: 0 .4em 0 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-box > :first-child {
  margin-left: 0;
}

.lemonade-exercises .lemo-editor-solutions-content .lemo-editor-solutions-tab-options-toggles {
  justify-content: flex-end;
}

.lemonade-exercises .lemo-editor-solutions__toggle-container, .lemonade-exercises .lemo-editor-solutions__penalty-modes-container, .lemonade-exercises .lemo-editor-solutions__custom-penalty-value-container {
  width: 100%;
  margin: 1em 0;
}

.lemonade-exercises .lemo-editor-solutions__custom-penalty-value-container .lemo-editor-slider__max {
  min-width: 6ch;
}

.lemonade-exercises .lemo-table-grid {
  padding: .2em 0;
  display: grid;
}

.lemonade-exercises .lemo-table-grid .lemo-row-cell {
  z-index: 1;
  place-items: center;
  padding: .5em .3em;
  display: flex;
}

.lemonade-exercises .lemo-choice-item {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: .5em;
  display: flex;
}

.lemonade-exercises .lemo-question-response {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item {
  margin: .5em 0;
}

.lemonade-exercises .lemo-choice-matrix .lemo-question-stem-content img {
  max-width: 200px;
  max-height: 200px;
}

.lemonade-exercises .lemo-choice-matrix .lemo-inline-feedback {
  border-radius: var(--lemo-radii-01);
  transition: background-color var(--lemo-transitions);
  background-color: var(--lemo-color-error-light);
  padding: .2em .5em;
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item .lemo-row-cell {
  padding: 1em .5em;
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item .lemo-row-cell:first-child, .lemonade-exercises .lemo-choice-matrix .lemo-table-body-item .lemo-row-cell:last-child {
  border-radius: var(--lemo-radii-02);
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item:nth-child(2n):not(.lemo-row-success):not(.lemo-row-error) .lemo-row-cell {
  background-color: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item.lemo-row-success .lemo-row-cell {
  background-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-body-item.lemo-row-error .lemo-row-cell {
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-choice-matrix {
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-choice-matrix .lemo-table-wrapper {
  background-color: var(--lemo-color-base-white);
  width: 100%;
}

.lemonade-exercises .lemo-choice-matrix .lemo-with-hScroll {
  overflow-x: auto;
}

.lemonade-exercises .lemo-text-counter-wrapper {
  text-align: right;
  flex-grow: 1;
  position: relative;
}

.lemo-rt-editor {
  border-radius: var(--lemo-radii-01);
  border: 2px solid var(--lemo-color-gray-03);
  padding: .4em .8em;
}

.lemo-rt-editor .lemo-rt-editor-editable {
  line-height: var(--lemo-line-height);
  min-height: 2.5em;
  padding: .8em .3em;
}

.lemo-rt-editor .lemo-rt-editor-editable__content:focus {
  outline: none;
}

.lemo-rt-editor .lemo-rt-editor-toolbar {
  align-items: center;
  padding-bottom: .6em;
  display: flex;
}

.lemo-rt-editor .lemo-word-counter-wrapper {
  flex-grow: 1;
}

.lemo-rt-editor h1 {
  margin: .2em 0;
  font-size: 1.8em;
  display: block;
}

.lemo-rt-editor ol, .lemo-rt-editor ul {
  margin-left: 1.6em;
}

.lemo-rt-editor ol {
  list-style: decimal;
}

.lemo-rt-editor ul {
  list-style: disc;
}

.lemo-rt-editor blockquote {
  border-left: 3px solid var(--lemo-color-blockquote-border);
  background: var(--lemo-color-blockquote-background);
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: .3em 0 .3em 1.5em;
  font-size: 1.2em;
}

.lemo-rt-editor [data-slate-placeholder] {
  color: var(--lemo-color-text-02);
  transition: color .4s;
  top: 0;
}

.lemo-rt-editor [data-slate-editor] {
  color: var(--lemo-color-text-02);
  font-weight: 400;
}

.lemo-rt-editor [data-slate-editor]:focus [data-slate-placeholder] {
  color: var(--lemo-color-text-04);
}

.lemonade-exercises .lemo-real-time-froala-editor-container {
  position: relative;
}

.lemonade-exercises .lemo-real-time-froala-editor-container .fr-document {
  width: 100%;
  max-width: 24cm;
  margin: 30px auto 0;
}

.lemonade-exercises .lemo-real-time-froala-editor-container .codox-styles {
  position: absolute;
  top: -30px;
  right: 10px;
}

.lemonade-exercises .lemo-print-margin-bottom {
  display: none;
}

.lemonade-exercises .lemo-print-view .lemo-print-margin-bottom {
  display: block;
}

.lemonade-exercises .lemo-print-view .lemo-print-margin-bottom + .lemo-question-body, .lemonade-exercises .lemo-print-view img[src="data:,"] {
  display: none;
}

.lemonade-exercises .lemo-essay-rich-text {
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-essay-rich-text .lemo-question-body {
  margin-bottom: 2em;
}

.lemonade-exercises .lemo-essay-rich-text.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-essay-rich-text.lemo-disabled .lemo-rt-editor-toolbar, .lemonade-exercises .lemo-essay-rich-text.lemo-disabled .lemo-rt-editor__line-separator {
  display: none;
}

.lemonade-exercises .lemo-essay-short-text {
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-essay-short-text.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-essay-short-text .lemo-response {
  box-sizing: border-box;
  background: var(--lemo-color-base-background);
  resize: none;
  border: 2px solid var(--lemo-color-gray-03);
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-base-white);
  color: var(--lemo-color-gray-05);
  outline: none;
  width: calc(100% - 4px);
  margin: 1px;
  padding: .4em;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1em;
  line-height: 1.9;
  display: inline-block;
}

.lemonade-exercises .lemo-essay-short-text .lemo-response.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-essay-short-text .lemo-response.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-essay-short-text .lemo-response ::placeholder {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-essay-short-text .lemo-response:not(.lemo-lock):hover, .lemonade-exercises .lemo-essay-short-text .lemo-response:not(.lemo-lock):focus {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-essay-short-text .lemo-text-counter-wrapper {
  text-align: right;
  padding: .6em;
}

.lemonade-exercises .lemo-essay-short-text .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-essay-short-text .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 24px;
  right: -6px;
}

.lemonade-exercises .lemo-editor-sample-answer-icon {
  color: var(--lemo-color-gray-06);
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-drag-option {
  z-index: 10;
  cursor: grab;
  margin: .3em .4em;
  position: relative;
}

.lemonade-exercises .lemo-drag-option .fr-view img.fr-dib {
  margin: 0;
}

.lemonade-exercises .lemo-drag-option.lemo-dragging {
  opacity: .5;
  z-index: 100;
}

.lemonade-exercises .lemo-drag-option.lemo-is-dropped {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-drag-option.lemo-no-padding {
  padding: 0;
}

.lemonade-exercises .lemo-drag-option.lemo-overflow {
  border-bottom-width: 2px;
  padding: 0;
  overflow: hidden;
}

.lemonade-exercises .lemo-drag-option.lemo-selected {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drag-option .lemo-drag-content img {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.lemonade-exercises .lemo-drag-option .lemo-drag-content img:not([width]) {
  width: auto;
}

.lemonade-exercises .lemo-drag-option * {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-user-drag: none;
}

.lemonade-exercises .lemo-drag-option.lemo-is-highlighted:not(.lemo-selected) {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
  cursor: copy;
  background-color: #fff;
}

.lemonade-exercises .lemo-drag-option.lemo-is-highlighted.lemo-is-dropped:not(.lemo-selected):hover {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drag-option.lemo-is-highlighted.lemo-is-dropped:not(.lemo-selected) {
  box-shadow: none;
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-drag-option.lemo-is-highlighted.lemo-is-dropped:not(.lemo-selected) .html-content {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-drag-option .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -16px !important;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item {
  vertical-align: middle;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drag-option {
  text-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drop-area {
  text-align: center;
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: pointer;
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 5em;
  min-height: 2.8em;
  padding: 0 .3em;
  display: flex;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drop-area .lemo-shim > * {
  white-space: nowrap;
  opacity: 0;
  margin: 0 .3em;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-empty:hover .lemo-drop-area {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-selected.lemo-is-empty .lemo-drop-area {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-dragging-over.lemo-is-empty .lemo-drop-area, .lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-dragging-over .lemo-drag-option {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-highlighted .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-highlighted .lemo-drag-option {
  cursor: copy;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-highlighted.lemo-selected .lemo-drop-area {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-is-highlighted.lemo-selected .lemo-drag-option {
  cursor: grab;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-success.lemo-is-empty .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  border: solid 2px var(--lemo-color-success);
  box-shadow: 0 0 0 var(--lemo-color-success-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item.lemo-error.lemo-is-empty .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  border: solid 2px var(--lemo-color-error);
  box-shadow: 0 0 0 var(--lemo-color-error-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-base-feedback-pin {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-cloze-question-template {
  color: var(--lemo-color-gray-05);
  line-height: 3;
}

.lemonade-exercises .lemo-cloze-question-template p {
  margin: 5px 0;
}

.lemonade-exercises .lemo-drag-duplicate.lemo-drag-option {
  pointer-events: none;
  z-index: unset;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(6px, 6px);
}

.lemonade-exercises .lemo-drag-duplicate.lemo-drag-option:has(.lemo-drag-content img) {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.lemonade-exercises .lemo-drag-with-duplicates {
  position: relative;
}

.lemonade-exercises .lemo-drag-with-duplicates.lemo-callout .lemo-drag-option {
  outline: 2px solid var(--lemo-color-corporate);
  animation: 1.4s 3 animateOutline;
}

.lemonade-exercises .lemo-drag-with-duplicates .lemo-drag-option.lemo-is-highlighted + .lemo-drag-duplicate {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drag-with-duplicates .lemo-base-drag-and-drop__drag.lemo-drag-duplicate {
  --horizontal-padding: .73em;
  padding-left: var(--horizontal-padding);
  padding-right: var(--horizontal-padding);
}

.lemonade-exercises .lemo-drag-with-duplicates .lemo-base-drag-and-drop__drag.lemo-drag-duplicate:has(.lemo-drag-content img) {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.lemonade-exercises .lemo-drag-with-duplicates .lemo-base-drag-and-drop__drag.lemo-drag-duplicate .lemo-drag-option .lemo-drag-content img:not([width]) {
  width: auto;
}

@keyframes animateOutline {
  0% {
    outline-width: 2px;
    outline-color: var(--lemo-color-corporate);
  }

  80% {
    outline-width: 6px;
    outline-color: rgba(255, 255, 255, 0);
  }

  to {
    outline-width: 6px;
    outline-color: rgba(255, 255, 255, 0);
  }
}

.lemonade-exercises .lemo-drags-container {
  border: solid 2px var(--lemo-color-gray-01);
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 124px;
  min-height: 104px;
  margin: 2em auto;
  padding: 10px;
  display: flex;
}

.lemonade-exercises .lemo-drags-container > * {
  margin: .5em;
}

.lemonade-exercises .lemo-drags-container.lemo-is-dragging-over {
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-drags-container.lemo-is-highlighted {
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-drags-container.lemo-is-highlighted:hover, .lemonade-exercises .lemo-drags-container.lemo-is-dragging-over:hover {
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-drags-container .lemo-drag-option {
  margin: 0;
}

.lemonade-exercises .lemo-cloze-drag .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drawer-box {
  width: 100%;
  max-height: 60vh;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drawer-box-bg {
  background: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-cloze-drag .lemo-text-blank-wrapper {
  display: inline-block;
}

.lemonade-exercises .lemo-cloze-drag .lemo-text-blank {
  cursor: pointer;
  min-width: 5em;
  line-height: 2.2;
}

.lemonade-exercises .lemo-cloze-drag .lemo-text-blank-touch {
  z-index: 5;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
}

.lemonade-exercises .lemo-cloze-drag .lemo-blank {
  margin: 0;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drag-dropped .lemo-content-wrapper {
  text-align: center;
}

.lemonade-exercises .lemo-cloze-drag .lemo-drop-item .lemo-drop-area.lemo-selected.lemo-drop-area--can-selected {
  background: var(--lemo-color-corporate-light);
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-cloze-drag .lemo-drag-option, .lemonade-exercises .lemo-cloze-drag .lemo-drag-duplicate {
  white-space: nowrap;
}

.lemonade-exercises .lemo-cloze-drag .fr-element {
  z-index: unset;
}

.lemonade-exercises .lemo-dropdown-native {
  padding: 0;
  line-height: 1.2;
  display: block;
  position: relative;
}

.lemonade-exercises .lemo-dropdown-native.lemo-dropdown-control--open {
  border: 2px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-dropdown-native .lemo-dropdown-native-select {
  z-index: 1;
  padding: .4em 1.7em .4em .4em;
  position: relative;
}

.lemonade-exercises .lemo-dropdown-native .lemo-dropdown-native-select:focus {
  outline: none;
}

.lemonade-exercises .lemo-dropdown-native .lemo-dropdown-native-select:disabled {
  color: var(--lemo-color-text-02);
  opacity: 1;
}

.lemonade-exercises .lemo-dropdown-native .lemo-dropdown-icon {
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2px;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-dropdown-blank-wrapper {
  display: inline-flex;
  position: relative;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-feedback-icon__wrapper {
  position: relative;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-cloze-dropdown {
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-cloze-dropdown.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-blank {
  margin: 0;
  line-height: 1.9;
  display: inline-flex;
  position: relative;
  top: -5px;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-blank.lemo-lock {
  pointer-events: none;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-base-feedback-pin__option {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .lemo-cloze-dropdown .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .lemo-keyboard-button {
  --button-width: 68px;
  --button-height: 70px;
  min-width: var(--button-width);
  height: var(--button-height);
  border-radius: var(--lemo-radii-01);
  pointer-events: none;
  color: var(--lemo-button-color-disabled-03);
  fill: var(--lemo-button-color-disabled-03);
  background-color: var(--lemo-color-gray-02);
  border-bottom: 2px solid var(--lemo-button-color-disabled-03);
  background-color: var(--lemo-button-color-disabled-02);
  justify-content: center;
  align-items: center;
  padding: .3em;
  font-size: 2.6em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-active .lemo-keyboard-button {
  color: var(--lemo-color-text-02);
  fill: var(--lemo-color-text-02);
  border-color: var(--lemo-button-color-disabled-03);
  cursor: pointer;
  pointer-events: all;
}

.lemonade-exercises .lemo-active .lemo-keyboard-button:hover {
  border: 2px solid var(--lemo-button-color-primary);
  background-color: var(--lemo-button-color-primary);
  color: var(--lemo-button-color-white);
  fill: var(--lemo-button-color-white);
  top: -2px;
}

.lemonade-exercises .lemo-keyboard-button[data-isnumber="true"] {
  background-color: var(--lemo-button-color-disabled-01);
  border-color: var(--lemo-button-color-disabled-02);
}

.lemonade-exercises .lemo-keyboard-button[data-isnumber="true"]:hover {
  color: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-active .lemo-keyboard-button[data-isnumber="true"] {
  background-color: var(--lemo-button-color-white);
}

.lemonade-exercises .lemo-delete-keyboard-icon {
  width: 36px;
  height: 36px;
}

.lemonade-exercises .lemo-keys-group {
  display: flex;
}

.lemonade-exercises .lemo-basic-keyboard .lemo-basic-keyboard-regular {
  width: 384px;
  padding: 1em 0;
  display: inline-block;
}

@media (min-width: 601px) {
  .lemonade-exercises .lemo-basic-keyboard.lemo-with-tabulator-key {
    padding-left: 68px;
  }
}

@media (min-width: 501px) {
  .lemonade-exercises .lemo-basic-keyboard .lemo-basic-keyboard-regular {
    width: -webkit-fit-content;
    width: fit-content;
    min-width: 384px;
  }
}

.lemonade-exercises .lemo-basic-keyboard .lemo-basic-keyboard-mobile {
  width: 310px;
  padding: 1em 0;
  display: inline-block;
}

.lemonade-exercises .lemo-basic-keyboard {
  text-align: center;
}

.lemonade-exercises .lemo-basic-keyboard .lemo-keys-group {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.lemonade-exercises .lemo-basic-keyboard .lemo-keyboard-button {
  margin: .1em;
}

.lemonade-exercises .lemo-input-keyboard {
  align-items: center;
  margin: 0 .3em;
  display: inline-flex;
}

.lemonade-exercises .lemo-input-keyboard .lemo-input-keyboard__button {
  cursor: pointer;
  margin: -4px;
}

.lemonade-exercises .lemo-input-keyboard .lemo-input-keyboard__icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-input-keyboard.lemo-selected {
  border-color: var(--lemo-box-border-color-active);
}

.lemonade-exercises .lemo-input-keyboard:focus-within {
  border-color: var(--lemo-box-border-color-active);
}

.lemonade-exercises .lemo-input-keyboard.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-input-keyboard.lemo-success .lemo-input-keyboard__icon {
  fill: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-input-keyboard.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-input-keyboard.lemo-error .lemo-input-keyboard__icon {
  fill: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-input-keyboard__input {
  color: var(--lemo-color-text-02);
  border: none;
  outline: none;
  width: -webkit-max-content;
  width: max-content;
  font-size: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-input-keyboard__input:focus {
  color: #000;
}

.lemonade-exercises .lemo-input-keyboard__icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-numeric-keyboard {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
  display: flex;
}

.lemonade-exercises .lemo-numeric-keyboard .lemo-keys-group {
  display: flex;
}

.lemonade-exercises .lemo-numeric-keyboard .lemo-keyboard-button {
  margin: .1em;
}

.lemonade-exercises .lemo-keyboard.lemo-floating-keyboard {
  z-index: 100000;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: fixed;
  top: 100%;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-keyboard.lemo-floating-keyboard.lemo-active {
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-keyboard.lemo-no-interactive {
  pointer-events: none;
}

.lemonade-exercises .lemo-keyboard .lemo-background {
  background-color: var(--lemo-color-base-background);
  margin-top: 1em;
}

.lemonade-exercises .lemo-keyboard.lemo-active .lemo-background.lemo-fix-bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
}

.lemonade-exercises .lemo-keyboard.lemo-floating-keyboard .lemo-background {
  margin-top: 0;
}

.lemonade-exercises .lemo-keyboard .lemo-floating-input-preview {
  background-color: rgba(0, 0, 0, .5);
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-keyboard .lemo-floating-input-preview .lemo-input-keyboard {
  background-color: #fff;
}

.lemonade-exercises .lemo-roman-keyboard {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
  display: flex;
}

.lemonade-exercises .lemo-roman-keyboard .lemo-keys-group {
  display: flex;
}

.lemonade-exercises .lemo-roman-keyboard .lemo-keyboard-button {
  margin: .1em;
}

.lemonade-exercises .lemo-add-alternative-response-button {
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.lemonade-exercises .lemo-add-alternative-response-button .lemo-icon path:last-child {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-add-alternative-response-button:hover .lemo-icon path:last-child, .lemonade-exercises .lemo-add-alternative-response-button:active .lemo-icon path:last-child {
  fill: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-grouped-responses-counter .lemo-pill {
  background: var(--lemo-color-gray-01);
  border: none;
  border-radius: 3em;
  margin-top: .2em;
  margin-bottom: .2em;
  padding: .5em .6em;
}

.lemonade-exercises .lemo-editable-text {
  white-space: nowrap;
  text-align: left;
  font-size: 1em;
  line-height: 1.2;
  font-family: var(--lemo-font-family);
  max-width: 400px;
  display: inline-block;
}

.lemonade-exercises .lemo-editable-text:focus, .lemonade-exercises .lemo-editable-text.lemo-is-empty:focus {
  border-color: var(--lemo-box-border-color-active);
  outline: none;
}

.lemonade-exercises .lemo-editable-text[contenteditable="false"], .lemonade-exercises .lemo-editable-text.lemo-is-empty {
  border-color: var(--lemo-box-border-color-disabled);
}

.lemonade-exercises .lemo-editable-text.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-editable-text.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .text-blank-wrapper {
  display: inline-flex;
  position: relative;
}

.lemonade-exercises .text-blank-wrapper .react-tooltip {
  margin-top: 10px !important;
}

.lemonade-exercises .text-blank-wrapper .text-metrics {
  white-space: nowrap;
  visibility: hidden;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
}

.lemonade-exercises .text-blank-wrapper .lemo-alternative-response-wrapper {
  align-items: center;
  width: 20px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: -6px;
}

.lemonade-exercises .text-blank-wrapper.lemo-with-plus-icon {
  padding-right: .2em;
}

.lemonade-exercises .text-blank-wrapper.lemo-with-plus-icon .lemo-text-blank {
  padding-right: .8em;
}

.lemonade-exercises .text-blank-wrapper.lemo-selected .lemo-text-blank {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .text-blank-wrapper .lemo-base-feedback-pin__option {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .text-blank-wrapper .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .text-blank-wrapper .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .text-blank-wrapper .lemo-feedback-icon__wrapper {
  position: relative;
}

.lemonade-exercises .text-blank-wrapper .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-cloze-text {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-cloze-text.lemo-disabled {
  pointer-events: none;
}

.lemo-template-markup-add-blank {
  margin-top: 10px !important;
}

.lemo-template-markup-add-blank__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .lemo-accordion__head-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-accordion__head {
  cursor: pointer;
  background: var(--lemo-color-base-background);
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
}

.lemonade-exercises .lemo-accordion__head--open {
  border-radius: 6px 6px 0 0;
}

.lemonade-exercises .lemo-accordion__head-title {
  width: 100%;
  display: inline-block;
}

.lemonade-exercises .lemo-accordion__head-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.lemonade-exercises .lemo-accordion__head-icon--open {
  transform: rotate(180deg);
}

.lemonade-exercises .lemo-accordion__children {
  background: var(--lemo-color-base-white);
  border: 2px solid var(--lemo-color-base-background);
  box-sizing: border-box;
  border-radius: 0 0 6px 6px;
  padding: 32px 18px;
}

.lemonade-exercises .lemo-cloze-editor-box {
  background-color: var(--lemo-color-base-white);
  border: none;
  border-radius: .4em;
  margin: 1.8em auto;
  padding: 1em 1.1em;
  box-shadow: 0 .2em .3em rgba(14, 59, 95, .1);
}

.lemonade-exercises .lemo-cloze-editor-wrapper {
  align-items: center;
  height: 4.5em;
  display: flex;
}

.lemonade-exercises .lemo-cloze-editor-drag-indicator {
  fill: gray;
  pointer-events: none;
  width: 24px;
  height: 24px;
  position: relative;
  top: .2em;
}

.lemonade-exercises .lemo-cloze-editor-input {
  flex-grow: 1;
  width: 100%;
}

.lemo-editor-horizontal-content.lemo-cloze-editor-space-between {
  justify-content: space-between;
}

.lemonade-exercises .lemo-start-controls.lemo-duplicate-controls {
  cursor: pointer;
  margin: 0 .5em;
}

.lemonade-exercises .lemo-start-controls.lemo-duplicate-controls .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-start-controls.lemo-duplicate-controls:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-response-input__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .popover-wrapper {
  z-index: 1000;
}

.lemonade-exercises .lemo-grouped-response-item {
  align-items: center;
  margin: .5em 0;
  display: flex;
}

.lemonade-exercises .lemo-grouped-response-item .lemo-base-input {
  flex-grow: 1;
  height: 48px;
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon {
  cursor: pointer;
  width: 28px;
  margin-left: 8px;
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon path:first-child {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon:hover path:first-child {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon:disabled {
  cursor: not-allowed;
}

.lemonade-exercises .lemo-grouped-response-item .lemo-delete-icon:disabled path:first-child {
  fill: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-grouped-response-item .lemo-input-keyboard {
  width: 100%;
}

.lemonade-exercises .lemo-grouped-response-panel {
  border-radius: var(--lemo-radii-03);
  border: 1px solid var(--lemo-color-gray-02);
  background-color: #fff;
  width: 351px;
}

.lemonade-exercises .lemo-grouped-response-panel .lemo-grouped-response-panel__header {
  align-items: center;
  padding: 1em 1.3em .4em;
  display: flex;
}

.lemonade-exercises .lemo-grouped-response-panel .lemo-base-block-editor__title {
  flex-grow: 1;
}

.lemonade-exercises .lemo-grouped-response-panel .lemo-hline {
  background-color: var(--lemo-color-gray-01);
  border: none;
  height: 1px;
}

.lemonade-exercises .lemo-grouped-response-panel .lemo-response-list {
  padding: .3em 1.3em;
}

.lemonade-exercises .lemo-classification-drop {
  vertical-align: middle;
  background-color: var(--lemo-color-corporate-lighter);
  border-radius: var(--lemo-radii-02);
  cursor: pointer;
  border: 2px solid #fff;
  min-width: 1.5em;
  height: 0;
  position: relative;
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container .lemo-drag-option.lemo-is-highlighted {
  border-color: var(--lemo-color-corporate);
  background-color: #fff;
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container .lemo-drag-option.lemo-is-highlighted .html-content {
  color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container.lemo-without-box .lemo-drag-option {
  background: none;
  border: none;
}

.lemonade-exercises .lemo-classification-drop.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-classification-drop.lemo-selected {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-classification-drop.lemo-is-dragging-over {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classification-drop.lemo-is-highlighted {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-classification-drop.lemo-is-highlighted:hover {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classification-drop.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classification-drop.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container.lemo-success .lemo-drag-option {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container.lemo-error .lemo-drag-option {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classification-drop .lemo-drop-container {
  position: relative;
}

.lemonade-exercises .lemo-classification-drop .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-base-drag-and-drop__drag {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  border: 2px solid var(--lemo-color-gray-02);
  border-bottom: 4px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-base-white);
  cursor: grab;
  margin: .3em .4em;
  padding: .75em;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-base-drag-and-drop__drag:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-base-drag-and-drop__drag .html-content {
  color: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-base-drag-and-drop__drag:hover, .lemonade-exercises .lemo-base-drag-and-drop__drag--selected {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-base-drag-and-drop__drag:focus {
  outline: 2px solid var(--lemo-color-corporate);
  outline-offset: 4px;
}

.lemonade-exercises .lemo-classify-classification {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-classify-classification *, .lemonade-exercises .lemo-classify-classification :before, .lemonade-exercises .lemo-classify-classification :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-classify-classification .lemo-table-wrapper {
  width: 100%;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-table {
  border-spacing: .8em;
  border-collapse: separate;
  width: 100%;
  margin: 1em 0;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-th {
  text-align: left;
  padding: .8em 0;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-th-content {
  font-weight: 400;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-th-content img {
  max-width: 400px;
  max-height: 400px;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-tr {
  transition: height .3s;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-rows-header {
  min-width: 6em;
  padding: .8em 0;
  font-weight: 400;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-rows-header-content img {
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-dropped-item-container {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-width: 150px;
  min-height: 3.5em;
  padding: .8em;
  display: flex;
}

.lemonade-exercises .lemo-classify-classification .lemo-classification-dropped-item-container > * {
  margin: .2em;
}

.lemonade-exercises .lemo-classify-classification .lemo-question-body {
  overflow-x: auto;
  overflow-y: hidden;
}

.lemonade-exercises .lemo-print-view .lemo-classify-classification .lemo-question-body {
  overflow: unset;
}

.lemonade-exercises .lemo-print-view .lemo-classify-classification .lemo-table-wrapper {
  padding-bottom: 10px;
}

.lemonade-exercises .lemo-print-view .lemo-classify-classification .lemo-table-wrapper img {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option .lemo-base-feedback-pin__option {
  margin: 0 10px 0 2px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  position: relative;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper img {
  pointer-events: none;
  width: 100%;
  max-width: 400px;
  height: auto;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-horizontal-left {
  padding-right: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-horizontal-right {
  padding-left: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-vertical-top {
  padding-bottom: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-vertical-bottom {
  padding-top: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content {
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: .5em auto;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content img {
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option:hover:not(.lemo-disabled) .lemo-option-content {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
  background: var(--lemo-color-corporate-lighter);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option:hover:not(.lemo-disabled) .lemo-option-content.lemo-is-waiting-for-match {
  cursor: copy;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-is-matched {
  border: 2px solid var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-selected, .lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-is-matched.lemo-selected, .lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-is-waiting-for-match {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-success {
  pointer-events: none;
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-content.lemo-error {
  pointer-events: none;
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -6px;
  right: -12px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-horizontal-left .lemo-feedback-icon-position {
  right: 20px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-option-wrapper.lemo-vertical-bottom .lemo-feedback-icon-position {
  top: 28px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-dot {
  fill: var(--lemo-color-gray-04);
  z-index: 2;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-dot-highlight {
  fill: none;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-dot.lemo-selected {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-dot-highlight.lemo-selected {
  fill: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-visible-line {
  pointer-events: none;
  stroke: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-hidden-line {
  pointer-events: all;
  visibility: hidden;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-line-progress {
  stroke: var(--lemo-color-corporate);
  stroke-linecap: round;
  stroke-dasharray: 10 14;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-options-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-options-wrapper.lemo-horizontal-direction {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-options-wrapper.lemo-horizontal-direction > :first-child {
  pointer-events: none;
  align-items: flex-end;
  padding-bottom: 110px;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-options-wrapper.lemo-horizontal-direction > :last-child {
  align-items: flex-start;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-list {
  z-index: 5;
  flex-direction: column;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 30%;
  padding: .5em;
  display: flex;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-question-list {
  align-items: flex-end;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-answer-list {
  align-items: flex-start;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-list {
  flex-direction: row;
  width: 100%;
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option {
  justify-content: center;
  margin: 0 .2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option .lemo-option-wrapper {
  width: auto;
  padding-bottom: 2em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option .lemo-base-feedback-pin__option {
  position: relative;
  top: -1em;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-2 {
  width: 50%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-3 {
  width: 33.3333%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-4 {
  width: 25%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-5 {
  width: 20%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-horizontal-direction .lemo-option.row-6 {
  width: 16.6667%;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-stage {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-linking-lines .lemo-stage:hover.lemo-is-dragging {
  cursor: pointer;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area-wrapper {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area-wrapper .lemo-base-feedback-pin__option {
  margin: 0 0 0 10px;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area {
  text-align: center;
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: pointer;
  border: 2px solid #fff;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  min-width: 9em;
  min-height: 2.8em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area img {
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-empty:hover {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area:not(.lemo-is-empty) {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-selected.lemo-is-empty {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-dragging-over.lemo-is-empty, .lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-dragging-over {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-empty.lemo-is-highlighted {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-highlighted .lemo-drag-option {
  cursor: copy;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-is-highlighted.lemo-selected .lemo-drag-option {
  cursor: grab;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-success .lemo-is-empty .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  border: solid 2px var(--lemo-color-success);
  box-shadow: 0 0 0 var(--lemo-color-success-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-classify-match-list .lemo-drop-area.lemo-error.lemo-is-empty .lemo-drop-area {
  color: var(--lemo-color-gray-06);
  border: solid 2px var(--lemo-color-error);
  box-shadow: 0 0 0 var(--lemo-color-error-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-classify-match-list .lemo-base-feedback-pin {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-pin-wrapper {
  justify-content: center;
  align-items: center;
  width: 0;
  display: flex;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-pin-wrapper.lemo-has-pin-visible {
  width: 35px;
}

.lemonade-exercises .lemo-classify-match-list .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-match-list-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1em .8em;
  display: flex;
}

.lemonade-exercises .lemo-match-list-row:nth-child(2n) {
  background: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-match-list-row:nth-child(odd) {
  background: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-match-list-row .lemo-steam-wrapper {
  line-height: var(--lemo-line-height);
  min-width: 50%;
}

.lemonade-exercises .lemo-match-list-row .lemo-steam img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.lemonade-exercises .lemo-match-list-row .lemo-arrow-icon-wrapper {
  text-align: right;
  flex-grow: 0;
  min-width: 40px;
  margin: 0 .8em;
}

.lemonade-exercises .lemo-match-list-row .lemo-arrow-icon {
  fill: var(--lemo-color-gray-06);
  height: 2em;
}

.lemonade-exercises .lemo-classify-match-list {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-classify-match-list *, .lemonade-exercises .lemo-classify-match-list :before, .lemonade-exercises .lemo-classify-match-list :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-classify-match-list .fr-element {
  z-index: unset;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item {
  border: 2px solid var(--lemo-color-gray-01);
  border-radius: var(--lemo-radii-02);
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  box-shadow: 0 2px 0 var(--lemo-color-gray-02);
  background: #fff;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  padding: 1em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-text {
  text-align: left;
  z-index: 1;
  width: -webkit-fit-content;
  width: fit-content;
  position: relative;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item .html-content {
  -webkit-hyphens: none;
  hyphens: none;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-selected {
  border-color: var(--lemo-color-corporate);
  box-shadow: 0 2px 0 var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-background {
  opacity: .25;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-0:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-light-orange-out);
  box-shadow: 0 2px 0 var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-0:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-light-orange-out);
  box-shadow: 0 2px 0 var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-0 .lemo-background {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-1:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-green-out);
  box-shadow: 0 2px 0 var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-1:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-green-out);
  box-shadow: 0 2px 0 var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-1 .lemo-background {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-2:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-light-blue-out);
  box-shadow: 0 2px 0 var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-2:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-light-blue-out);
  box-shadow: 0 2px 0 var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-2 .lemo-background {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-3:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-bordeaux-out);
  box-shadow: 0 2px 0 var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-3:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-bordeaux-out);
  box-shadow: 0 2px 0 var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-3 .lemo-background {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-4:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-violet-out);
  box-shadow: 0 2px 0 var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-4:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-violet-out);
  box-shadow: 0 2px 0 var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-4 .lemo-background {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-5:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-dark-orange-out);
  box-shadow: 0 2px 0 var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-5:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-dark-orange-out);
  box-shadow: 0 2px 0 var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-5 .lemo-background {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-6:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-dark-blue-out);
  box-shadow: 0 2px 0 var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-6:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-dark-blue-out);
  box-shadow: 0 2px 0 var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-6 .lemo-background {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-7:not(:-webkit-any(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-turquoise-out);
  box-shadow: 0 2px 0 var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-7:not(:is(.lemo-success, .lemo-error)) {
  border-color: var(--lemo-theme-turquoise-out);
  box-shadow: 0 2px 0 var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-match-7 .lemo-background {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-success {
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-item.lemo-error {
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-feedback-pin-wrapper {
  z-index: 3;
  position: absolute;
  top: -9px;
  right: -24px;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-feedback-pin-wrapper .lemo-feedback-pin-tooltip {
  margin: 0;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-feedback-pin-wrapper .lemo-feedback-pin-number {
  position: relative;
  top: 32px;
  right: 10px;
}

.lemo-question-body .lemo-question-body.lemo-match-list-mobile-question {
  overflow-x: hidden;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-container {
  flex-direction: row;
  width: 100%;
  padding-top: 4px;
  display: flex;
}

.lemonade-exercises .lemo-match-list-mobile-question .lemo-column-container > * {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  margin: 0 10px;
  padding: .4em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance, .lemonade-drag-portal .lemo-drag-instance {
  word-break: keep-all;
  margin: 6px 0;
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance:active:hover, .lemonade-drag-portal .lemo-drag-instance:active:hover {
  cursor: grab;
  border-style: solid;
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance.lemo-error, .lemonade-drag-portal .lemo-drag-instance.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance.lemo-success, .lemonade-drag-portal .lemo-drag-instance.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance .lemo-drag-instance-content, .lemonade-drag-portal .lemo-drag-instance .lemo-drag-instance-content {
  text-align: center;
  margin: 0;
  display: inline-block;
}

.lemonade-exercises .lemo-classify-order-list .lemo-drag-instance .lemo-drag-instance-content.lemo-has-image, .lemonade-drag-portal .lemo-drag-instance .lemo-drag-instance-content.lemo-has-image {
  width: -webkit-max-content;
  width: max-content;
}

.lemonade-exercises .lemo-drag-wrapper {
  align-items: stretch;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-drag-wrapper .lemo-feedback-pin-wrapper {
  margin: 5px 0;
  position: relative;
}

.lemonade-exercises .lemo-drag-wrapper .lemo-feedback-pin-position {
  height: 26px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-drag-wrapper .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  right: -8px;
}

.lemonade-exercises .lemo-classify-order-list .lemo-horizontal-list .lemo-feedback-pin-wrapper.lemo-with-feedback-pin {
  margin-right: 50px;
  position: relative;
  left: -8px;
}

.lemonade-exercises .lemo-classify-order-list-question .lemo-base-drag-and-drop__drag {
  pointer-events: auto;
}

.lemonade-exercises .lemo-base-drag-and-drop__drag.lemo-dragging {
  border-style: solid;
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-classify-order-list {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-classify-order-list *, .lemonade-exercises .lemo-classify-order-list :before, .lemonade-exercises .lemo-classify-order-list :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-classify-order-list.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-classify-order-list .lemo-question-body {
  text-align: center;
  overflow: auto;
}

.lemonade-exercises .lemo-classify-order-list .lemo-option-list {
  padding: 1em;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list .lemo-horizontal-list {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
}

.lemonade-exercises .lemo-classify-order-list .lemo-horizontal-list .lemo-drag-instance {
  margin-left: .3em;
  margin-right: .3em;
}

.lemonade-exercises .lemo-column-left {
  padding-right: .4em;
}

.lemonade-exercises .lemo-column-right {
  padding-left: .4em;
}

.lemonade-exercises .lemo-column-label {
  color: gray;
  margin: 0 0 .3em .2em;
  font-size: .9em;
  display: inline-block;
}

.lemonade-exercises .lemo-table-config .lemo-table-config__icon-plus {
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list {
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list.lemo-selected {
  background-color: var(--lemo-color-corporate-light);
  border: 2px solid var(--lemo-color-corporate);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drop-area {
  z-index: 2;
  background: pink;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drop-area.lemo-is-dragging-over, .lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drop-area.lemo-selected.lemo-is-dragging-over, .lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drop-area.lemo-drop-area--can-selected {
  border: 2px dashed var(--lemo-color-corporate);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drag-list-container > * {
  margin-bottom: 1em;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drag-list .lemo-drag-list-container > :last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop {
  line-height: var(--lemo-line-height);
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 2.8em;
  margin: .3em 0;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop img {
  max-width: 100%;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop-index {
  pointer-events: none;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-empty:hover {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-empty {
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  text-align: center;
  color: var(--lemo-color-gray-04);
  cursor: pointer;
  flex-grow: 1;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-empty.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop .lemo-drag-option {
  width: 100%;
  margin: 0;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-selected, .lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-empty.lemo-is-dragging-over {
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-is-highlighted {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-success .lemo-drag-option {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop.lemo-error .lemo-drag-option {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop:not(.lemo-is-empty) {
  background: none;
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-feedback-pin-wrapper {
  z-index: 10;
  position: absolute;
  top: -6px;
  right: -36px;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-feedback-pin-number {
  position: relative;
  left: -10px;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-drop-list {
  flex-direction: column;
  padding: .2em .4em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-classify-order-list-mobile .fr-element {
  z-index: unset;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-column-container {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-classify-order-list-mobile .lemo-column-container > * {
  background-color: var(--lemo-color-base-background);
  border-radius: var(--lemo-radii-03);
  border: 2px solid rgba(0, 0, 0, 0);
  width: 50%;
  margin: 0 10px;
  padding: .4em;
}

.lemonade-exercises .lemo-sticker-drag-feedback {
  border-radius: var(--lemo-radii-03);
  background-color: rgba(255, 255, 255, .6);
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-sticker-drag-feedback .lemo-sticker-drag-feedback-border {
  border-radius: var(--lemo-radii-03);
  border: 3px solid;
  height: 100%;
}

.lemonade-exercises .lemo-sticker-drag-feedback .lemo-icon {
  --icon-size: 24px;
  --x-shift: -6px;
  top: 0;
  right: var(--x-shift);
  width: var(--icon-size);
  height: var(--icon-size);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-sticker-drag-feedback .lemo-error-icon {
  padding: 1px;
}

.lemonade-exercises .lemo-sticker-drag-feedback .lemo-icon svg {
  fill: var(--lemo-color-base-white);
  width: 14px;
  overflow: visible;
}

.lemonade-exercises .lemo-sticker-drag-feedback.lemo-success .lemo-icon {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-sticker-drag-feedback.lemo-success .lemo-sticker-drag-feedback-border {
  border-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-sticker-drag-feedback.lemo-error .lemo-icon {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-sticker-drag-feedback.lemo-error .lemo-sticker-drag-feedback-border {
  border-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-sticker-drag-content {
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
  position: relative;
}

.lemonade-exercises .lemo-sticker-drag {
  cursor: pointer;
  border-radius: var(--lemo-radii-02);
  border: 2px solid rgba(0, 0, 0, 0);
  width: -webkit-fit-content;
  width: fit-content;
  padding: .5em;
  position: relative;
}

.lemonade-exercises .lemo-sticker-drag:hover, .lemonade-exercises .lemo-sticker-drag.lemo-dragging {
  z-index: 5;
  border-color: var(--lemo-color-corporate);
  background: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children {
  margin-bottom: 24px;
  position: relative;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-drag {
  z-index: 2;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children:has(.lemo-sticker-drag.lemo-dragging) {
  z-index: 5;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-second-drag-duplicate, .lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-first-drag-duplicate {
  padding: .5em;
  position: absolute;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-first-drag-duplicate {
  top: 12px;
}

.lemonade-exercises .lemo-drag-with-duplicates-for-children .lemo-sticker-second-drag-duplicate {
  top: 24px;
}

.lemonade-exercises .lemo-arrow {
  opacity: 0;
  overflow: visible;
}

.lemonade-exercises .lemo-arrow.lemo-visible {
  opacity: 1;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-background {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drops {
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drop-area {
  position: absolute;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-sticker-drag {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drop-container {
  align-items: center;
  padding: 0 10px;
  display: flex;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drag-dropped-list {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drag-dropped-container:not(.lemo-description) {
  cursor: pointer;
  position: relative;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drag-dropped-container:hover:not(.lemo-description):before {
  --margin-size: -5px;
  left: var(--margin-size);
  top: var(--margin-size);
  bottom: var(--margin-size);
  right: var(--margin-size);
  content: "";
  border-radius: var(--lemo-radii-02);
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-light-alpha);
  position: absolute;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-drag-dropped-container img {
  z-index: 2;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-arrow {
  z-index: 6;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 20px;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-classify-stickers-series .lemo-drops-zone .lemo-sticker-drag-feedback {
  top: -10%;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%);
}

.lemonade-exercises .lemo-arrow {
  opacity: 0;
  display: none;
  overflow: visible;
}

.lemonade-exercises .lemo-arrow.lemo-visible {
  opacity: 1;
  display: block;
}

.lemonade-exercises .lemo-arrow.lemo-visible path {
  animation: 1s infinite bounce;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, to {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.lemonade-exercises .lemo-classify-stickers .lemo-polygon-area {
  fill: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-classify-stickers .lemo-polygon-area.lemo-show-area {
  stroke: var(--lemo-color-corporate);
  stroke-width: 2px;
  fill: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-background {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-drops {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-sticker-drag, .lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-drag-dropped-list {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-classify-stickers .lemo-drops-zone .lemo-drag-dropped-list .lemo-sticker-drag.lemo-dragging {
  z-index: 5;
}

.lemonade-exercises .lemo-classify-stickers {
  box-sizing: border-box;
}

.lemonade-exercises .lemo-classify-stickers *, .lemonade-exercises .lemo-classify-stickers :before, .lemonade-exercises .lemo-classify-stickers :after {
  box-sizing: inherit;
}

.lemonade-exercises .lemo-classify-stickers .fr-element {
  z-index: unset;
}

.lemonade-exercises .lemo-classify-stickers .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-tabs {
  background-color: var(--lemo-color-base-white);
  border: none;
  border-radius: .5em;
  padding: 0;
  position: relative;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__box {
  flex-wrap: wrap;
  padding: 0;
  display: flex;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__box > * {
  margin: 0 .4em 0 0;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__box > :first-child {
  margin-left: 0;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__button {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  letter-spacing: normal;
  text-align: left;
  color: var(--lemo-color-gray-03);
  background: var(--lemo-color-gray-01);
  text-transform: capitalize;
  cursor: pointer;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  flex-grow: 0;
  gap: 10px;
  margin: 0 6px;
  padding: 12px 16px;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.5;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-tabs .lemo-tabs__button.lemo-tabs__button--selected {
  background: var(--lemo-color-gray-04);
  color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-tabs-options {
  background: var(--lemo-color-gray-04);
  border-radius: 0 8px 8px;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 12px;
  display: flex;
}

.lemonade-exercises .hotspots-painter-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__left-container, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__right-container {
  flex-wrap: nowrap;
  flex: auto;
  display: flex;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__left-container {
  gap: 12px;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__right-container {
  justify-content: flex-end;
  gap: 12px;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select {
  color: var(--lemo-color-base-white) !important;
  border-color: var(--lemo-color-base-white) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  height: 36px !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select .lemo-icon {
  fill: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select:hover, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select:active {
  background-color: var(--lemo-color-base-white) !important;
  color: var(--lemo-color-gray-04) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select:hover .lemo-icon, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select:active .lemo-icon {
  fill: var(--lemo-color-gray-04) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--disabled {
  cursor: not-allowed;
  color: var(--lemo-color-gray-03) !important;
  border-color: var(--lemo-color-gray-03) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--disabled .lemo-icon {
  fill: var(--lemo-color-gray-03) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active {
  background-color: var(--lemo-color-base-white) !important;
  color: var(--lemo-color-gray-04) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active .lemo-icon {
  fill: var(--lemo-color-gray-04) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active:hover, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active:active {
  color: var(--lemo-color-base-white) !important;
  border-color: var(--lemo-color-base-white) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  height: 36px !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active:hover .lemo-icon, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-draw-select.hotspots-painter-toolbar__button--active:active .lemo-icon {
  fill: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo {
  margin-left: 8px;
  height: 36px !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo .lemo-editor-inline-button__text {
  color: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo .lemo-editor-inline-button__icon svg {
  fill: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo:hover .lemo-editor-inline-button__text, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo:active .lemo-editor-inline-button__text {
  color: var(--lemo-color-gray-06) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo:hover .lemo-editor-inline-button__icon svg, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo:active .lemo-editor-inline-button__icon svg {
  fill: var(--lemo-color-gray-06) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo.hotspots-painter-toolbar__button--disabled {
  cursor: not-allowed;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo.hotspots-painter-toolbar__button--disabled .lemo-editor-inline-button__text {
  color: var(--lemo-color-gray-03) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-undo-redo.hotspots-painter-toolbar__button--disabled .lemo-editor-inline-button__icon svg {
  fill: var(--lemo-color-gray-03) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete {
  border: 2px solid var(--lemo-color-base-white);
  border-radius: 36px;
  align-items: center;
  gap: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  background-color: rgba(0, 0, 0, 0) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete .lemo-icon {
  fill: var(--lemo-color-base-white);
  margin: 0;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete:hover, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete:active {
  border: 2px solid var(--lemo-color-base-white);
  background-color: var(--lemo-color-base-white) !important;
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete:hover .lemo-icon, .lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete:active .lemo-icon {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete.hotspots-painter-toolbar__button--disabled {
  border: 2px solid var(--lemo-color-gray-03);
}

.lemonade-exercises .hotspots-painter-toolbar .hotspots-painter-toolbar__button-delete.hotspots-painter-toolbar__button--disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
  margin: 0;
}

.lemonade-exercises .hotspots-painter-drop-info {
  width: -webkit-max-content;
  width: max-content;
}

.lemonade-exercises .hotspots-painter-drop-info .hotspots-painter-drop-info__text {
  font-size: var(--lemo-text-body-l);
  font-weight: var(--lemo-text-regular);
  background: var(--lemo-color-gray-01);
  color: var(--lemo-color-gray-05);
  line-height: 24px;
  border-radius: 4px 0 0 4px !important;
  padding: 2px 8px 3px !important;
  display: inline-block !important;
}

.lemonade-exercises .hotspots-painter-drop-info .hotspots-painter-drop-info__number {
  font-size: var(--lemo-text-body-l);
  font-weight: var(--lemo-text-regular);
  background: var(--lemo-color-gray-05);
  color: var(--lemo-color-base-white);
  align-items: center;
  line-height: 24px;
  border: none !important;
  border-radius: 0 4px 4px 0 !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  display: inline-block !important;
}

.lemonade-exercises .hotspots-painter .hotspots-painter__tab-content {
  width: 100%;
}

.lemonade-exercises .hotspots-painter .hotspots-painter__first-vertex {
  pointer-events: all;
  cursor: pointer;
}

.lemonade-exercises .hotspots-painter .hotspots-painter__selected-hotspot-vertex {
  cursor: move;
}

.lemonade-exercises .lemo-input-text-title-subtitle .lemo-editor-input-text {
  width: 18em;
}

.lemonade-exercises .lemo-input-text-title-subtitle.lemo-small-input .lemo-editor-input-text {
  width: 10em;
}

.lemonade-exercises .lemo-input-text-title-subtitle.lemo-autosize .lemo-editor-input-text {
  width: 100%;
}

.lemonade-exercises .lemo-label-image-pointer-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin: 10px;
  display: flex;
  position: relative;
  transform: translate(-15px, -15px);
}

.lemonade-exercises .lemo-label-image-pointer-wrapper .lemo-label-image-pointer {
  background-color: var(--lemo-color-corporate);
  border: 1px solid var(--lemo-color-base-white);
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(79, 79, 255, .07);
}

.lemonade-exercises .lemo-drop-editor-item {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-draggable-position {
  display: inline-block;
  position: absolute;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-draggable-content {
  background-color: var(--lemo-color-base-background);
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-draggable-text {
  text-align: center;
  color: var(--lemo-color-gray-05);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  margin: 0 5px;
  padding: 0;
  font-size: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-draggable-text.lemo-disabled {
  color: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-drop-editor-item .lemo-pointer-wrapper {
  pointer-events: none;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box {
  text-align: center;
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: pointer;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: visible;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box.lemo-selected {
  border-color: var(--lemo-color-corporate);
  background-color: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box.lemo-resizable-box {
  border-radius: 8px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box.lemo-overlap {
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-drop-editor-item .lemo-drag-box.lemo-selected.lemo-overlap {
  border-color: var(--lemo-color-error);
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller {
  border: 2px solid var(--lemo-color-corporate);
  background-color: var(--lemo-color-base-white);
  z-index: 1;
  width: 10px;
  height: 10px;
  position: absolute;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller.lemo-vertex-controller__top-left {
  cursor: nwse-resize;
  top: -5px;
  left: -5px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller.lemo-vertex-controller__top-right {
  cursor: nesw-resize;
  top: -5px;
  right: -5px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller.lemo-vertex-controller__bottom-left {
  cursor: nesw-resize;
  bottom: -5px;
  left: -5px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-vertex-controller.lemo-vertex-controller__bottom-right {
  cursor: nwse-resize;
  bottom: -5px;
  right: -5px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller {
  background-color: var(--lemo-color-corporate);
  position: absolute;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller.lemo-edge-controller__left-edge {
  cursor: ew-resize;
  width: 2px;
  height: 100%;
  top: 0;
  left: -1px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller.lemo-edge-controller__right-edge {
  cursor: ew-resize;
  width: 2px;
  height: 100%;
  top: 0;
  right: -1px;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller.lemo-edge-controller__top-edge {
  cursor: ns-resize;
  width: 100%;
  height: 2px;
  top: -1px;
  left: 0;
}

.lemonade-exercises .lemo-drop-editor-item .lemo-edge-controller.lemo-edge-controller__bottom-edge {
  cursor: ns-resize;
  width: 100%;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-icon, .lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__left-text {
  margin-right: .1em;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__left-text {
  color: var(--lemo-color-gray-04);
  cursor: default;
  padding: 2px;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input {
  text-align: center;
  color: var(--lemo-color-base-white);
  border-radius: var(--lemo-radii-01);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 2.4em;
  padding: .2em 0;
  font-size: 1em;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--hide-number-controls::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--hide-number-controls::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--hide-number-controls[type="number"] {
  -moz-appearance: textfield;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--show-number-controls {
  cursor: default;
  width: 3.8em;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--show-number-controls::-webkit-inner-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input--show-number-controls::-webkit-outer-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-input:focus {
  background-color: var(--lemo-color-gray-05);
  outline: none;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__input-wrapper--disabled-key-down {
  position: relative;
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__input-wrapper--disabled-key-down .lemo-input {
  caret-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-drops-config-wrapper .lemo-drop-editor-control .lemo-drop-editor-control__input-wrapper--disabled-key-down:after {
  content: "";
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-pointer-editor {
  align-items: center;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown {
  margin: .2em 0 .2em .2em;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-control {
  background-color: var(--lemo-color-gray-06);
  color: var(--lemo-color-base-white);
  border: none;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-icon {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-content {
  background-color: var(--lemo-color-gray-05);
  border: none;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-content-item {
  color: var(--lemo-color-gray-02);
  background-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-pointer-editor .lemo-base-dropdown--open {
  background-color: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-content-item.lemo-selected {
  background-color: var(--lemo-color-gray-04);
  color: var(--lemo-color-base-white);
  font-weight: 700;
}

.lemonade-exercises .lemo-pointer-editor .lemo-dropdown .lemo-dropdown-control svg {
  width: 26px;
  height: 26px;
}

.lemonade-exercises .lemo-pointer-editor .lemo-label {
  margin-right: 10px;
}

.lemonade-exercises .lemo-drops-editor-item-props {
  pointer-events: auto;
  font-size: .85em;
  display: inline-block;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-config-wrapper {
  background-color: var(--lemo-color-gray-06);
  color: var(--lemo-color-base-white);
  border-radius: var(--lemo-radii-01);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: .2em .3em;
  display: flex;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-controls-wrapper {
  align-items: center;
  gap: 10px;
  display: flex;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-buttons-wrapper {
  align-items: center;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-divider {
  background-color: var(--lemo-color-gray-05);
  width: 1px;
  height: 1.8em;
  margin: 0 .4em;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-trash-button, .lemonade-exercises .lemo-drops-editor-item-props .lemo-copy-button {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0 .2em;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-trash-button > svg, .lemonade-exercises .lemo-drops-editor-item-props .lemo-copy-button > svg {
  fill: var(--lemo-color-base-white);
  width: 18px;
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-editor-item-props__icon-width path:first-child, .lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-editor-item-props__icon-height path:first-child {
  fill: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-editor-item-props__icon-width path:last-child, .lemonade-exercises .lemo-drops-editor-item-props .lemo-drops-editor-item-props__icon-height path:last-child {
  stroke: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-drops-editor {
  max-width: 100%;
  font-size: 1em;
  position: relative;
}

.lemonade-exercises .lemo-drops-editor .lemo-scalable-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lemonade-exercises .lemo-drops-editor .lemo-scalable-content-wrapper {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-drops-editor .lemo-scalable-content-background {
  -webkit-user-select: none;
  user-select: none;
  height: auto;
  margin: 0;
  padding: 0;
}

.lemonade-exercises .lemo-drops-editor .lemo-drops-editor-background {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-drops-editor .lemo-item-props-wrapper {
  z-index: 100;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: top .5s;
  display: flex;
  position: absolute;
  top: -25px;
}

.lemonade-exercises .lemo-editor-exercise-label .lemo-editor-slider__max {
  min-width: 6ch;
}

.lemonade-exercises .lemo-editor-exercise-label__icon {
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-editor-exercise-label__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .lemo-editor-exercise-stickers-series .lemo-drag-box {
  background-color: var(--lemo-color-corporate-light-alpha);
}

.lemonade-exercises .lemo-editor-exercise-stickers-series .lemo-drag-box.lemo-selected {
  background-color: var(--lemo-color-corporate-light-alpha);
  border-style: inset;
}

.lemonade-exercises .lemo-editor-exercise-stickers-series .lemo-drag-box:not(.lemo-selected) {
  border-style: hidden;
}

.lemonade-exercises .lemo-onLoadShow {
  opacity: 0;
  transition: all .4s;
}

.lemonade-exercises .lemo-onLoadShow.lemo-ready, .lemonade-exercises .lemo-print-view .lemo-onLoadShow {
  opacity: 1;
}

.lemonade-exercises .lemo-label-blank-item {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-label-blank-item-wrapper {
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-pointer-wrapper {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area {
  text-align: center;
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-corporate-lighter);
  cursor: pointer;
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-disabled {
  pointer-events: none;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-empty:hover {
  border-color: var(--lemo-color-corporate);
  cursor: pointer;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-empty.lemo-is-highlighted:hover {
  cursor: copy;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-selected.lemo-is-empty {
  background-color: var(--lemo-color-corporate-light);
  cursor: pointer;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-selected + .lemo-drag-option, .lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-dragging-over.lemo-is-empty, .lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-dragging-over + .lemo-drag-option {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-is-highlighted {
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-corporate-light);
  cursor: copy;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-success + .lemo-drag-option {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-label-image-drag .lemo-drop-area.lemo-error + .lemo-drag-option {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list .lemo-drag-option {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: visible;
}

.lemonade-exercises .lemo-label-image-drag .lemo-base-feedback-pin__option {
  z-index: 2;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -35px;
}

.lemonade-exercises .lemo-label-image-drag .lemo-base-feedback-pin__option svg {
  position: relative;
  right: -10px;
  width: 30px !important;
  height: 30px !important;
}

.lemonade-exercises .lemo-label-image-drag .lemo-right .lemo-base-feedback-pin__option {
  right: unset;
  left: -35px;
}

.lemonade-exercises .lemo-label-image-drag .lemo-right .lemo-base-feedback-pin__option .lemo-tooltip-wrapper__icon {
  position: relative;
  left: -15px;
}

.lemonade-exercises .lemo-label-image-drag .lemo-scalable-content-wrapper {
  text-align: center;
}

.lemonade-exercises .lemo-label-image-drag .lemo-scalable-content-center {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-scene {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-background-img {
  width: 100%;
  height: auto;
  position: relative;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drag-item-container {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list .lemo-label-box.lemo-drop-area.lemo-selected.lemo-drop-area--can-selected {
  border-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-label-image-drag .lemo-drag-option {
  z-index: 1;
}

.lemonade-exercises .lemo-label-image-drag .lemo-drag-duplicate.lemo-drag-option {
  z-index: unset;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list .lemo-drag-option {
  margin: 0;
}

.lemonade-exercises .lemo-label-image-drag .lemo-label-image-drops-list .lemo-drag-option.lemo-dragging, .lemonade-exercises .lemo-label-image-drag .lemo-drag-option.lemo-dragging {
  z-index: 3;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-blank-item-container {
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-blank {
  z-index: 3;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-blank.lemo-lock {
  pointer-events: none;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-dropdown-control--disabled {
  opacity: 1;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-base-feedback-pin__option {
  z-index: 2;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -35px;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-base-feedback-pin__option svg {
  position: relative;
  right: -10px;
  width: 30px !important;
  height: 30px !important;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-right .lemo-base-feedback-pin__option {
  right: unset;
  left: -35px;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-right .lemo-base-feedback-pin__option .lemo-tooltip-wrapper__icon {
  position: relative;
  left: -15px;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-scalable-content-wrapper {
  text-align: center;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-scalable-content-center {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-image-scene {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-image-background-img {
  width: 100%;
  height: auto;
  position: relative;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper {
  justify-content: center;
  align-items: center;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper.lemo-left {
  justify-content: flex-start;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper.lemo-right {
  justify-content: flex-end;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper.lemo-top {
  align-items: flex-start;
}

.lemonade-exercises .lemo-label-image-dropdown .lemo-label-blank-item-wrapper.lemo-bottom {
  align-items: flex-end;
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input {
  text-align: center;
  background: var(--lemo-color-base-background);
  border: 2px solid var(--lemo-color-gray-03);
  border-radius: var(--lemo-radii-01);
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 .1em;
  font-size: 1em;
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input:hover, .lemonade-exercises .lemo-label-image-text .lemo-label-text-input:focus {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-selected {
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-label-image-text .lemo-label-text-input.lemo-is-safari {
  height: auto;
  min-height: 100%;
}

.lemonade-exercises .lemo-label-image-text .lemo-blank-item-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.lemonade-exercises .lemo-label-image-text .lemo-grouped-response-counter-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-label-image-text .lemo-alternative-response-wrapper {
  align-items: center;
  width: 20px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  right: -8px;
}

.lemonade-exercises .lemo-label-image-text .lemo-base-feedback-pin__option {
  z-index: 2;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -35px;
}

.lemonade-exercises .lemo-label-image-text .lemo-base-feedback-pin__option svg {
  position: relative;
  right: -10px;
  width: 30px !important;
  height: 30px !important;
}

.lemonade-exercises .lemo-label-image-text .lemo-right .lemo-base-feedback-pin__option {
  right: unset;
  left: -35px;
}

.lemonade-exercises .lemo-label-image-text .lemo-right .lemo-base-feedback-pin__option .lemo-tooltip-wrapper__icon {
  position: relative;
  left: -15px;
}

.lemonade-exercises .lemo-label-image-text .lemo-feedback-icon-position {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-label-image-text .lemo-scalable-content-wrapper {
  text-align: center;
}

.lemonade-exercises .lemo-label-image-text .lemo-scalable-content-center {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-text .lemo-label-image-scene {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-label-image-text .lemo-label-image-background-img {
  width: 100%;
  height: auto;
  position: relative;
}

.lemonade-exercises .lemo-editor-answer-options-multiple__photograph-icon {
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-mathField {
  align-items: center;
  line-height: 1;
  transition: height .2s;
  display: flex;
}

.lemonade-exercises .lemo-mathField.lemo-selected {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-mathField.lemo-selected .lemo-calc-button {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-mathField-background {
  border-radius: var(--lemo-radii-01);
  background-color: #fff;
  flex-direction: row-reverse;
  display: flex;
}

.lemonade-exercises .lemo-mathField math-field {
  border: none;
  min-width: 3em;
  margin-left: .6em;
  padding: 0;
}

.lemonade-exercises .lemo-mathField:not(.lemo-with-focus) math-field {
  width: 100%;
}

.lemonade-exercises .lemo-mathField.lemo-disabled math-field > span {
  pointer-events: none;
}

.lemonade-exercises .lemo-mathField.lemo-with-focus {
  background-color: var(--lemo-color-background-overlay);
  opacity: 1;
  z-index: 10000;
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 210px);
  font-size: 1.4em;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-mathField.lemo-with-focus .lemo-mathField-background {
  outline: 2px solid var(--lemo-color-corporate);
  padding: .3em;
}

.lemonade-exercises .lemo-mathField.lemo-with-focus math-field {
  border: none;
}

@-moz-document url-prefix() {
  .lemonade-exercises .lemo-mathField.lemo-with-focus math-field {
    outline: none;
  }
}

.lemonade-exercises .lemo-calc-button {
  cursor: pointer;
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-calc-button:hover {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-text-blank.lemo-error .lemo-calc-button, .lemonade-exercises .lemo-text-blank.lemo-success .lemo-calc-button {
  cursor: default;
  fill: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-mathField.lemo-mathField--hide-keyboard-toggle .lemo-calc-button {
  display: none;
}

.lemonade-exercises math-field::part(virtual-keyboard-toggle) {
  display: none;
}

.lemonade-exercises math-field::part(virtual-keyboard-toggle):after {
  display: none;
}

.lemonade-exercises .lemo-mathField__tooltip .react-tooltip {
  margin-top: 4px !important;
}

body .ML__keyboard {
  z-index: 10001;
  --keyboard-zindex: 10001;
  position: fixed;
}

body .ML__keyboard .ML__keyboard--plate .rows ul:last-child li.action:last-child {
  background-color: var(--lemo-color-corporate);
}

body .ML__keyboard .MLK__rows .row .MLK__keycap {
  min-width: 28px;
}

@supports (-webkit-touch-callout: none) {
  body .ML__keyboard .MLK__backdrop {
    height: calc(30px + var(--_keyboard-height));
  }
}

@media (pointer: coarse) {
  .ML__keyboard .MLK__rows .row .MLK__keycap {
    min-width: 28px;
  }
}

@media (min-width: 560px) and (pointer: coarse) {
  .ML__keyboard .MLK__rows .row .MLK__keycap {
    min-width: 50px;
  }
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank {
  visibility: hidden;
  display: inline-block;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank > div {
  visibility: visible;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank .lemo-feedback-pin {
  z-index: 5;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank .lemo-feedback-icon__wrapper {
  position: relative;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-blank .lemo-feedback-icon-position {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -12px;
  right: -12px;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank {
  background: none;
  border: none;
  min-width: 4em;
  margin: 2px 0;
  padding: 0;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank.lemo-text-blank--is-floating .react-tooltip {
  margin-top: 10px !important;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank.lemo-error > .lemo-mathField {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank.lemo-success > .lemo-mathField {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank .lemo-base-feedback-pin__option {
  margin: 0 5px 0 10px;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank .lemo-feedback-pin-tooltip .lemo-base-button--text-red {
  padding: 0;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-text-blank .lemo-feedback-pin-tooltip .lemo-editor-inline-button__icon, .lemonade-exercises .lemo-math-cloze-math .lemo-input-keyboard {
  margin: 0;
}

.lemonade-exercises .lemo-math-cloze-math.lemo-with-keyboard {
  z-index: 10;
  position: relative;
}

.lemonade-exercises .lemo-math-cloze-math .lemo-cloze-question-template.html-content.fr-element {
  line-height: 3;
}

.lemonade-exercises .lemo-editor-math-field-wrapper {
  min-height: 43px;
}

.lemonade-exercises .lemo-editor-math-field-wrapper .lemo-mathField:not(.lemo-with-focus) .lemo-mathField-background {
  width: 100%;
}

.lemonade-exercises .lemo-editor-math-field-wrapper math-field {
  width: 100%;
  line-height: 3;
}

.lemonade-exercises .lemo-editor-responses__response {
  margin-top: 12px;
}

.lemonade-exercises .lemo-editor-responses__response .lemo-input-keyboard {
  width: 100%;
}

.lemonade-exercises .lemo-decoration-icon {
  position: absolute;
}

.lemonade-exercises .lemo-decoration-icon.lemo-svg-circle-icon {
  fill: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-decoration-icon.lemo-svg-circle-icon circle:last-child {
  stroke: var(--lemo-color-corporate);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-decoration-icon.lemo-svg-slash-icon {
  fill: none;
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
}

.lemonade-exercises .lemo-decoration-icon.lemo-svg-slash-icon path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-counting-item {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: .6em;
  padding: .8em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-counting-item img {
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  height: 100%;
}

.lemonade-exercises .lemo-operation-subtract.lemo-selected img {
  opacity: .4;
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item.lemo-success .lemo-svg-circle-icon circle:first-child {
  stroke-width: 6px;
  stroke: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item.lemo-success .lemo-svg-circle-icon circle:last-child {
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item.lemo-error .lemo-svg-circle-icon circle:first-child {
  stroke-width: 6px;
  stroke: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item.lemo-error .lemo-svg-circle-icon circle:last-child {
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-counting-group {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20em;
  display: flex;
}

.lemonade-exercises .lemo-single-group.lemo-counting-group {
  width: 100%;
}

.lemonade-exercises .lemo-term, .lemonade-exercises .lemo-sign {
  text-align: center;
  color: var(--lemo-color-gray-05);
  border-radius: .2em;
  min-width: 1.3em;
  padding: .15em .3em;
  font-size: 2.5em;
  font-weight: 600;
  position: relative;
}

.lemonade-exercises .lemo-term.lemo-is-empty {
  background-color: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-term.lemo-is-empty:not(.lemo-show-zero) .lemo-term-value {
  visibility: hidden;
}

.lemonade-exercises .lemo-term.lemo-is-empty:not(.lemo-show-zero) .lemo-term-value:before {
  content: "";
  background-color: var(--lemo-color-gray-04);
  visibility: initial;
  z-index: 1;
  width: 70%;
  height: 3px;
  position: absolute;
  bottom: 14%;
  left: 15%;
}

.lemonade-exercises .lemo-term.lemo-success {
  background-color: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-term.lemo-error {
  background-color: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-math-counting .lemo-counting-add-question .lemo-counting-groups {
  max-width: 45em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-add-question .lemo-counting-groups > * {
  margin: 0 1em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-add-question .lemo-counting-groups .lemo-counting-group {
  margin: 1em;
}

.lemonade-exercises .lemo-counting-subtract-question .lemo-counting-groups {
  max-width: 55em;
}

.lemonade-exercises .lemo-counting-subtract-question .lemo-counting-groups > * {
  margin: 0 1em;
}

.lemonade-exercises .lemo-counting-subtract-question .lemo-counting-groups .lemo-counting-group {
  margin: 1em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-counting-groups {
  max-width: 45em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-counting-groups > * {
  margin: 0 1em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-counting-groups .lemo-counting-group {
  margin: 1em;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-svg-circle-icon {
  overflow: visible;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-count-question .lemo-svg-circle-icon circle:first-child {
  stroke: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-math-counting.lemo-error-result .lemo-counting-count-question .lemo-counting-group {
  border: 2px solid var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-counting.lemo-success-result .lemo-counting-count-question .lemo-counting-group {
  border: 2px solid var(--lemo-color-success);
}

.lemonade-exercises .lemo-math-counting .lemo-operation-container {
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-groups {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-groups.lemo-single-group {
  max-width: 120em;
}

.lemonade-exercises .lemo-math-counting .lemo-term, .lemonade-exercises .lemo-math-counting .lemo-sign {
  margin: 0;
}

.lemonade-exercises .lemo-math-counting .lemo-counting-item img {
  --image-size: 48px;
  width: var(--image-size);
  height: var(--image-size);
  -o-object-fit: contain;
  object-fit: contain;
}

.lemonade-exercises .lemo-counting-count-question .lemo-counting-item img {
  --image-size: 65px;
}

@media screen and (min-width: 730px) {
  .lemonade-exercises .lemo-math-counting .lemo-operation-container {
    font-size: 16px;
  }

  .lemonade-exercises .lemo-math-counting .lemo-term, .lemonade-exercises .lemo-math-counting .lemo-sign {
    margin: 0 .4em;
  }

  .lemonade-exercises .lemo-math-counting .lemo-counting-item img {
    --image-size: 56px;
  }

  .lemonade-exercises .lemo-counting-count-question .lemo-counting-item img {
    --image-size: 65px;
  }
}

@media screen and (min-width: 1100px) {
  .lemonade-exercises .lemo-math-counting .lemo-operation-container {
    font-size: 20px;
  }

  .lemonade-exercises .lemo-math-counting .lemo-term, .lemonade-exercises .lemo-math-counting .lemo-sign {
    margin: 0 .4em;
  }

  .lemonade-exercises .lemo-math-counting .lemo-counting-item img, .lemonade-exercises .lemo-counting-count-question .lemo-counting-item img {
    --image-size: 70px;
  }
}

.lemonade-exercises .lemo-operation {
  justify-content: center;
  align-items: center;
  margin: 1em auto;
  padding: 2em;
  display: inline-flex;
}

.lemonade-exercises .lemo-operation.lemo-success {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-operation.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-render-fraction {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 2px;
  display: flex;
}

.lemonade-exercises .lemo-render-fraction .lemo-fraction-line {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.lemonade-exercises .lemo-number-line-label {
  color: var(--lemo-color-gray-04);
  position: relative;
}

.lemonade-exercises .lemo-number-line-label .lemo-label {
  white-space: nowrap;
}

.lemonade-exercises .lemo-number-line-label .lemo-label, .lemonade-exercises .lemo-number-line-label .lemo-render-fraction {
  visibility: hidden;
}

.lemonade-exercises .lemo-number-line-label.lemo-show .lemo-label, .lemonade-exercises .lemo-number-line-label.lemo-show .lemo-render-fraction, .lemonade-exercises .lemo-number-line-label.lemo-is-first .lemo-label, .lemonade-exercises .lemo-number-line-label.lemo-is-first .lemo-render-fraction, .lemonade-exercises .lemo-number-line-label.lemo-is-last .lemo-label, .lemonade-exercises .lemo-number-line-label.lemo-is-last .lemo-render-fraction {
  visibility: visible;
}

.lemonade-exercises .lemo-number-line-label .lemo-label img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-height: 160px;
}

.lemonade-exercises .lemo-number-line-label.lemo-is-first {
  align-self: flex-start;
}

.lemonade-exercises .lemo-number-line-label.lemo-is-last {
  align-self: flex-end;
}

.lemonade-exercises .lemo-simple-tooltip-wrapper .react-tooltip {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  white-space: normal;
  z-index: 2;
  max-width: 400px;
  padding: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
}

.lemonade-exercises .lemo-number-line-labels {
  text-align: center;
  background-color: var(--lemo-color-gray-01);
  border-radius: var(--lemo-radii-02);
  width: -webkit-fit-content;
  width: fit-content;
  margin: 4em auto 5em;
}

.lemonade-exercises .lemo-number-line-labels .lemo-number-line-label > * {
  text-align: center;
  color: var(--lemo-color-text-02);
  width: auto;
  margin: 0 .3em;
  padding: 0 .2em;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 5em;
  display: flex;
  position: relative;
  top: -47px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment .lemo-label {
  margin-bottom: 5px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment .lemo-vertical-line {
  background-color: var(--lemo-color-gray-04);
  width: 2px;
  height: 24px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment .lemo-vertical-line.lemo-with-label {
  width: 4px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selecting {
  cursor: pointer;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selecting.lemo-dragging {
  cursor: grabbing;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selecting:hover .lemo-vertical-line {
  background-color: var(--lemo-color-corporate);
  width: 4px;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selecting:hover .lemo-label {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selected:not(.lemo-success):not(.lemo-error) .lemo-vertical-line {
  background-color: var(--lemo-color-corporate);
  width: 4px;
  height: 32px;
  transform: translateY(-4px);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-selected:not(.lemo-success):not(.lemo-error) .lemo-label {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-is-used .lemo-vertical-line {
  background-color: var(--lemo-color-gray-06);
  width: 4px;
  height: 26px;
  transform: translateY(-2px);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-is-used .lemo-number-line-label {
  color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-success .lemo-vertical-line {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-success .lemo-number-line-label {
  color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-error .lemo-vertical-line {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-number-line__line .lemo-segment.lemo-error .lemo-number-line-label {
  color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-number-line__line .lemo-horizontal-line {
  background-color: var(--lemo-color-gray-04);
  width: 100%;
  height: 1px;
  margin: 0;
}

.lemonade-exercises .lemo-number-line__line .lemo-segment-list {
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  width: 100%;
  display: flex;
  position: relative;
  top: -2em;
  left: 2%;
}

.lemonade-exercises .lemo-number-line__line .lemo-label {
  -webkit-user-select: none;
  user-select: none;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  margin-top: .3em;
}

.lemonade-exercises .lemo-hand-animation {
  pointer-events: none;
  z-index: 10;
  width: 140px;
  height: auto;
  position: absolute;
  top: 10px;
  left: -10px;
}

.lemonade-exercises .lemo-hand-animation img {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-number-line__bullet {
  z-index: 2;
  position: absolute;
  top: 25px;
  left: 2%;
}

.lemonade-exercises .lemo-number-line__bullet .lemo-bullet {
  width: 37px;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-disabled .lemo-bullet {
  pointer-events: none;
}

.lemonade-exercises .lemo-number-line__bullet .lemo-bullet {
  transform-origin: 50% 0;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-number-line__bullet .lemo-tracker {
  fill: var(--lemo-color-gray-02);
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-first-interaction-done .lemo-tracker {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-number-line__bullet.lemo-grouped-position_2 .lemo-tracker, .lemonade-exercises .lemo-number-line__bullet.lemo-grouped-position_3 .lemo-tracker {
  fill: var(--lemo-color-gray-02);
  filter: drop-shadow(0 3px .5px rgba(0, 0, 0, .15));
}

.lemonade-exercises .lemo-number-line__bullet.lemo-grouped-position_2:not(.lemo-selected) {
  top: 30px;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-grouped-position_3:not(.lemo-selected) {
  top: 38px;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-selected {
  z-index: 3;
  cursor: grabbing;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-selected .lemo-tracker {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-number-line__bullet.lemo-disabled-while-dragging {
  pointer-events: none;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-success .lemo-tracker {
  fill: var(--lemo-color-success);
  stroke: var(--lemo-color-success-light-alpha);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-number-line__bullet.lemo-error .lemo-tracker {
  fill: var(--lemo-color-error);
  stroke: var(--lemo-color-error-light-alpha);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-math-number-line .lemo-question-body:not(.lemo-dragging) .lemo-bullet:hover {
  cursor: grab;
}

.lemonade-exercises .lemo-math-number-line .lemo-question-body {
  overflow: hidden;
}

.lemonade-exercises .lemo-math-number-line .lemo-number-line-wrapper {
  touch-action: none;
  height: 135px;
  position: relative;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-vertical-labels {
  text-anchor: end;
  transform: translate(27px, 15px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-vertical-labels {
  text-anchor: start;
  transform: translate(320px, 15px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_right .lemo-quadrant-vertical-labels {
  text-anchor: end;
  transform: translate(30px, 45px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-vertical-labels {
  text-anchor: end;
  transform: translate(330px, 45px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-vertical-labels {
    text-anchor: start;
    transform: translate(458px, 15px);
  }

  .lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-vertical-labels {
    text-anchor: end;
    transform: translate(471px, 45px);
  }
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-line {
  stroke: var(--lemo-color-gray-04);
  stroke-width: .5px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-axis-line {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 1.5px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-line.lemo-selected, .lemonade-exercises .lemo-quadrant-container .lemo-quadrant-axis-line.lemo-selected {
  stroke: var(--lemo-color-corporate);
  stroke-width: 1.5px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_right .lemo-quadrant-grid {
  transform: translate(40px, 10px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-quadrant-grid {
  transform: translate(20px, 10px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-quadrant-grid .lemo-vertical-line {
  transform: translate(286px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-quadrant-grid .lemo-horizontal-line {
  transform: translate(-9px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-quadrant-grid {
  transform: translate(40px, 40px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-quadrant-grid .lemo-vertical-line {
  transform: translateY(10px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-quadrant-grid .lemo-horizontal-line {
  transform: translateY(-286px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid {
  transform: translate(20px, 40px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid .lemo-vertical-line {
  transform: translate(286px, 10px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid .lemo-horizontal-line {
  transform: translate(-10px, -286px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid {
  transform: translate(28px, 18px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid .lemo-vertical-line {
  transform: translate(144px, 5px);
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid .lemo-horizontal-line {
  transform: translate(-5px, -144px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-quadrant-grid .lemo-vertical-line {
    transform: translate(430px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-quadrant-grid .lemo-horizontal-line {
    transform: translateY(-430px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid .lemo-vertical-line {
    transform: translate(430px, 10px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-quadrant-grid .lemo-horizontal-line {
    transform: translate(-10px, -430px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid .lemo-vertical-line {
    transform: translate(215px, 5px);
  }

  .lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-quadrant-grid .lemo-horizontal-line {
    transform: translate(-5px, -215px);
  }
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-horizontal-labels {
  text-anchor: end;
  transform: translate(44px, 320px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-horizontal-labels {
  text-anchor: start;
  transform: translate(10px, 318px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_right .lemo-quadrant-horizontal-labels {
  text-anchor: end;
  transform: translate(44px, 30px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-horizontal-labels {
  text-anchor: end;
  transform: translate(26px, 30px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-horizontal-labels {
    transform: translate(44px, 464px);
  }

  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-horizontal-labels {
    transform: translate(7px, 464px);
  }
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-origin-label {
  text-anchor: end;
  transform: translate(30px, 320px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-origin-label {
  text-anchor: end;
  transform: translate(324px, 316px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_right .lemo-quadrant-origin-label {
  text-anchor: end;
  transform: translate(30px, 30px);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-origin-label {
  text-anchor: end;
  transform: translate(324px, 25px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_right .lemo-quadrant-origin-label {
    transform: translate(27px, 464px);
  }

  .lemonade-exercises .lemo-math_coordinate_axes .lemo-top_left .lemo-quadrant-origin-label {
    transform: translate(463px, 464px);
  }

  .lemonade-exercises .lemo-math_coordinate_axes .lemo-bottom_left .lemo-quadrant-origin-label {
    transform: translate(471px, 25px);
  }
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-single-quadrant {
  fill: none;
  margin: 0 auto;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-single-quadrant-bounds {
  fill: none;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-test-mode .lemo-single-quadrant-bounds {
  fill: var(--lemo-color-corporate-light);
  opacity: .5;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-quadrant-label {
  fill: var(--lemo-color-gray-06);
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  pointer-events: none;
  font-size: .8em;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-quadrant-label.lemo-selected {
  fill: #fff;
}

.lemonade-exercises .lemo-dot-atom .lemo-dot, .lemonade-exercises .lemo-dot-atom .lemo-dot-atom {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom .lemo-line {
  stroke: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-dot-atom {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-light-orange .lemo-line {
  stroke: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-dot-atom {
  fill: var(--lemo-theme-dark-orange-out);
  stroke: var(--lemo-theme-dark-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-dark-orange-over);
  stroke: var(--lemo-theme-dark-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-dark-orange .lemo-line {
  stroke: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-dot-atom {
  fill: var(--lemo-theme-light-blue-out);
  stroke: var(--lemo-theme-light-blue-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-blue-over);
  stroke: var(--lemo-theme-light-blue-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-light-blue .lemo-line {
  stroke: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-dot-atom {
  fill: var(--lemo-theme-dark-blue-out);
  stroke: var(--lemo-theme-dark-blue-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-dark-blue-over);
  stroke: var(--lemo-theme-dark-blue-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-dark-blue .lemo-line {
  stroke: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-dot-atom {
  fill: var(--lemo-theme-turquoise-out);
  stroke: var(--lemo-theme-turquoise-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-turquoise-over);
  stroke: var(--lemo-theme-turquoise-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-turquoise .lemo-line {
  stroke: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-dot-atom.theme-violet .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-violet .lemo-dot-atom {
  fill: var(--lemo-theme-violet-out);
  stroke: var(--lemo-theme-violet-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-violet .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-violet .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-violet-over);
  stroke: var(--lemo-theme-violet-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-violet .lemo-line {
  stroke: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-dot-atom {
  fill: var(--lemo-theme-bordeaux-out);
  stroke: var(--lemo-theme-bordeaux-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-bordeaux-over);
  stroke: var(--lemo-theme-bordeaux-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-bordeaux .lemo-line {
  stroke: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-dot-atom.theme-green .lemo-dot, .lemonade-exercises .lemo-dot-atom.theme-green .lemo-dot-atom {
  fill: var(--lemo-theme-green-out);
  stroke: var(--lemo-theme-green-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-dot-atom.theme-green .lemo-dot.lemo-active, .lemonade-exercises .lemo-dot-atom.theme-green .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-green-over);
  stroke: var(--lemo-theme-green-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-dot-atom.theme-green .lemo-line {
  stroke: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-dot-handler {
  stroke: none;
  fill: rgba(0, 0, 0, 0);
  cursor: grab;
}

.lemonade-exercises .lemo-dot-handler:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-dot {
  fill: #1e67e9;
  stroke: none;
  pointer-events: none;
}

.lemonade-exercises .lemo-dot-atom.lemo-success .lemo-dot {
  fill: #fff;
  stroke: var(--lemo-color-success);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-dot-atom.lemo-success .lemo-dot-handler {
  fill: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-dot-atom.lemo-error .lemo-dot {
  fill: #fff;
  stroke: var(--lemo-color-error);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-dot-atom.lemo-error .lemo-dot-handler {
  fill: var(--lemo-color-error-light-alpha);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-quadrant-container .lemo-dot-atom.lemo-success .lemo-dot, .lemonade-exercises .lemo-quadrant-container .lemo-dot-atom.lemo-error .lemo-dot {
    stroke-width: 2px;
  }
}

.lemonade-exercises .lemo-quadrant-container .lemo-dot-list {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_right .lemo-dot-list {
  top: -2px;
  left: 28px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-top_left .lemo-dot-list {
  top: -2px;
  left: 8px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_right .lemo-dot-list {
  top: 28px;
  left: 28px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-bottom_left .lemo-dot-list {
  top: 28px;
  left: 8px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant_all .lemo-dot-list {
  top: 6px;
  left: 16px;
}

.lemonade-exercises .lemo-quadrant-container .lemo-dot-list-bounds {
  fill: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-quadrant-container .lemo-test-mode .lemo-dot-list-bounds {
  fill: #ff0;
  opacity: .6;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item {
  justify-content: center;
  align-items: center;
  margin: .5em;
  display: flex;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle {
  background-color: var(--lemo-color-gray-03);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-light-orange {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-dark-orange {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-light-blue {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-dark-blue {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-turquoise {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-violet {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-bordeaux {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-circle.theme-green {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item .lemo-text {
  margin-left: .2em;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item__delete {
  fill: var(--lemo-color-gray-03);
  cursor: pointer;
  margin-left: 2px;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend-item__delete:hover {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-legend {
  border-radius: var(--lemo-radii-02);
  background-color: var(--lemo-color-gray-01);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 1.5em auto;
  display: flex;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-question-body {
  text-align: center;
  display: block;
}

.lemonade-exercises .lemo-math_coordinate_axes .lemo-center-container {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-all-vertical-labels {
  text-anchor: end;
  transform: translate(168px, 22px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-quadrant-container .lemo-quadrant-all-vertical-labels {
    text-anchor: end;
    transform: translate(233px, 29px);
  }
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-all-horizontal-labels {
  text-anchor: middle;
  transform: translate(25px, 175px);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-quadrant-container .lemo-quadrant-all-horizontal-labels {
    text-anchor: middle;
    transform: translate(25px, 256px);
  }
}

.lemonade-exercises .lemo-quadrant-container .lemo-four-quadrant {
  fill: none;
  margin: 0 auto;
}

.lemonade-exercises .lemo-quadrant-container .lemo-four-quadrant-bounds {
  fill: none;
}

.lemonade-exercises .lemo-quadrant-container .lemo-test-mode .lemo-four-quadrant-bounds {
  fill: var(--lemo-color-corporate-light);
  opacity: .5;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-label {
  fill: var(--lemo-color-gray-06);
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  pointer-events: none;
  font-size: .8em;
}

.lemonade-exercises .lemo-quadrant-container .lemo-quadrant-label.lemo-selected {
  fill: #fff;
}

.lemonade-exercises .lemo-fraction-figure {
  justify-content: center;
  align-items: center;
  margin: 2em auto;
  display: flex;
}

.lemonade-exercises .lemo-fraction-figure .fractional-shape {
  pointer-events: all;
  width: 400px;
}

.lemonade-exercises .lemo-fraction-figure .fractional-shape-slice {
  cursor: pointer;
  display: block;
}

.lemonade-exercises .lemo-fraction-figure.lemo-error .fractional-shape-slice.filled, .lemonade-exercises .lemo-fraction-figure.lemo-success .fractional-shape-slice.filled {
  stroke-width: 2px;
  stroke-dasharray: 5;
  z-index: 1;
  position: absolute;
}

.lemonade-exercises .lemo-fraction-figure.lemo-error .fractional-shape-slice.filled {
  fill: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-fraction-figure.lemo-error .fractional-shape-feedback-class {
  stroke: var(--lemo-color-error);
  stroke-width: 2px;
  stroke-dasharray: 4;
}

.lemonade-exercises .lemo-fraction-figure.lemo-success .fractional-shape-slice.filled {
  fill: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-fraction-figure.lemo-success .fractional-shape-feedback-class {
  stroke: var(--lemo-color-success);
  stroke-width: 2px;
  stroke-dasharray: 4;
}

.lemonade-exercises .lemo-disabled .lemo-fraction-figure .fractional-shape-slice {
  cursor: auto;
}

.lemonade-exercises .lemo-fraction .lemo-question-body {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-boxplot-labels {
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-gray-01);
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: .2em .4em;
  display: flex;
}

.lemonade-exercises .lemo-boxplot-labels .lemo-label {
  color: var(--lemo-color-gray-06);
  margin: 0 .3em;
  padding: .4em 0;
  font-size: 1em;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet {
  pointer-events: none;
  fill: var(--lemo-color-gray-06);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-handler {
  fill: rgba(0, 0, 0, 0);
  cursor: grab;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-handler:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-modified .lemo-bullet {
  fill: #fff;
  stroke: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-selected .lemo-bullet {
  fill: #fff;
  stroke: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-success .lemo-bullet {
  fill: #fff;
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-success .lemo-bullet-handler {
  fill: var(--lemo-color-success-light);
  opacity: .5;
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-error .lemo-bullet {
  fill: #fff;
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-boxplot .lemo-bullet-group.lemo-error .lemo-bullet-handler {
  fill: var(--lemo-color-error-light-alpha);
  opacity: .5;
}

.lemonade-exercises .lemo-math-boxplot .lemo-horizontal-union {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-math-boxplot .lemo-box {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 1px;
  fill: none;
}

.lemonade-exercises .lemo-math-boxplot .lemo-question-body > * {
  margin-bottom: 2em;
}

.lemonade-exercises .lemo-editor-fraction-shape .lemo-color-pattern-icon {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  border-radius: var(--lemo-radii-01);
}

.lemonade-exercises .lemo-editor-fraction-shape .lemo-color-selector-dropdown .lemo-dropdown-selected-label {
  width: 110px;
}

.lemonade-exercises .lemo-icon-image-picker {
  padding-right: 17px;
  position: relative;
}

.lemonade-exercises .lemo-icon-image-picker .lemo-add-image-button {
  z-index: 1;
  position: absolute;
  top: 6px;
  right: 0;
}

.lemonade-exercises .lemo-icon-image-picker .lemo-image-preview {
  -o-object-fit: contain;
  object-fit: contain;
  opacity: .5;
  width: 57px;
  height: 52px;
}

.lemonade-exercises .lemo-error-message {
  color: var(--lemo-color-error);
  margin-bottom: 1em;
  font-size: .85em;
  font-weight: 500;
}

.lemonade-exercises .lemo-draggable-list-item .lemo-item-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-draggable-list-item .lemo-editor-input-text {
  margin: .4em;
  padding: .8em;
}

.lemonade-exercises .lemo-draggable-list-item .lemo-delete-button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}

.lemonade-exercises .lemo-draggable-list-item .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-draggable-list-item .lemo-delete-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-draggable-list-item .lemo-draggable-item-list-error {
  margin-left: 2.4em;
}

.lemonade-exercises .lemo-editor-item-list .lemo-item-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-editor-item-list .lemo-item-wrapper .lemo-editor-input-text {
  margin: .4em;
  padding: .8em;
}

.lemonade-exercises .lemo-answer-options-editor .lemo-label-wrapper {
  flex-grow: 1;
  margin: .4em 0;
}

.lemonade-exercises .lemo-answer-options-editor .lemo-editor-item-list .lemo-editor-horizontal-content:last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-light-orange {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-dark-orange {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-light-blue {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-dark-blue {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-turquoise {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-violet {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-bordeaux {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-editor-coordinate-axes-config-dot-color .lemo-editor-theme.theme-green {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation-cell {
  border: 1px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-cell-input {
  text-align: center;
}

.lemonade-exercises .lemo-cell-input:focus {
  color: var(--lemo-color-corporate);
  outline: 1px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cell-input:disabled {
  cursor: not-allowed;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button {
  background-color: var(--lemo-color-white);
  border: 2px solid var(--lemo-color-corporate-light);
  border-radius: var(--lemo-radii-03);
  cursor: pointer;
  border-bottom-width: 4px;
  width: 36px;
  height: 38px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button .lemo-icon {
  fill: var(--lemo-color-corporate-light);
  position: relative;
  top: 2px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button.lemo-focus {
  border-bottom-width: 4px;
  border-color: var(--lemo-color-corporate-light);
  box-shadow: none;
  height: 38px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button.lemo-focus .lemo-icon {
  fill: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:hover, .lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:active {
  border-color: var(--lemo-color-corporate-light);
  background-color: var(--lemo-color-corporate-lighter);
  box-shadow: inset 0 4px 0 var(--lemo-color-corporate-light-alpha);
  border-bottom-width: 2px;
  height: 38px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:hover .lemo-icon, .lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:active .lemo-icon {
  fill: var(--lemo-color-corporate-light);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-disabled .lemo-flag-button, .lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:disabled {
  border: 2px solid var(--lemo-color-gray-01);
  background-color: var(--lemo-color-white);
  border-radius: var(--lemo-radii-03);
  box-shadow: 0 2px 0 var(--lemo-color-gray-02);
  cursor: not-allowed;
  width: 36px;
  height: 36px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-disabled .lemo-flag-button .lemo-icon, .lemonade-exercises .lemo-vertical-operation-question .lemo-flag-button:disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
  position: relative;
  top: 2px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-annotation-cell.lemo-is-active {
  z-index: 2;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell {
  background-color: var(--lemo-color-white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell .lemo-icon {
  background-color: var(--lemo-color-corporate);
  width: 74%;
  height: 3px;
  position: absolute;
  bottom: 6px;
  left: 13%;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell.lemo-disabled {
  background-color: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell.lemo-disabled .lemo-icon {
  background-color: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell.lemo-success {
  border: 2px solid var(--lemo-color-success);
  background-color: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-response-cell.lemo-error {
  border: 2px solid var(--lemo-color-error);
  background-color: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-operand-row .lemo-cross-out {
  stroke: var(--lemo-color-gray-03);
  stroke-width: 3px;
  stroke-linecap: round;
  position: absolute;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-grid {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-grid .lemo-grid-line {
  stroke: var(--lemo-color-gray-02);
  stroke-width: 2px;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-grid .lemo-grid-line.lemo-operation-line {
  stroke: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-visual-help {
  border: 2px dashed var(--lemo-color-gray-05);
  pointer-events: none;
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation-sign {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation-wrapper {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation {
  margin: 0;
  padding: 0;
  display: block;
}

.lemonade-exercises .lemo-vertical-operation-question .lemo-operation > div {
  flex-direction: row;
  display: flex;
}

.lemonade-exercises .lemo-subtraction .lemo-operation-wrapper {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-subtraction .lemo-operation {
  margin: 0;
  padding: 0;
  display: block;
}

.lemonade-exercises .lemo-subtraction .lemo-operation > div {
  flex-direction: row;
  display: flex;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-grid {
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-grid-line {
  stroke: var(--lemo-color-gray-02);
  stroke-width: .5px;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-grid-line-symmetry {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 1px;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-feedback-border {
  fill: none;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-feedback-border.lemo-error {
  stroke: var(--lemo-color-error);
  stroke-width: 4px;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-feedback-border.lemo-success {
  stroke: var(--lemo-color-success);
  stroke-width: 4px;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-polygon {
  opacity: .6;
}

.lemonade-exercises .lemo-transformations-in-plane.lemo-success-result .lemo-user-element, .lemonade-exercises .lemo-transformations-in-plane.lemo-error-result .lemo-user-element {
  opacity: 1;
  stroke-width: 2px;
  stroke-dasharray: 4;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-polygon.lemo-user-element.lemo-error {
  fill: var(--lemo-color-error-light);
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-polygon.lemo-user-element.lemo-success {
  fill: var(--lemo-color-success-light);
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-figure-pivot circle {
  fill: var(--lemo-color-text-02);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-figure-pivot text {
  text-anchor: middle;
  fill: var(--lemo-color-text-01);
  font-weight: 700;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-figure-container {
  overflow: visible;
}

.lemonade-exercises .lemo-key-button {
  border-radius: var(--lemo-button-border-radius);
  border: 2px solid var(--lemo-button-color-primary);
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.lemonade-exercises .lemo-key-button .lemo-icon {
  fill: var(--lemo-button-color-primary);
  width: 32px;
  height: 32px;
  position: relative;
}

.lemonade-exercises .lemo-key-button:hover, .lemonade-exercises .lemo-key-button:active {
  background-color: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-key-button:hover .lemo-icon, .lemonade-exercises .lemo-key-button:active .lemo-icon {
  fill: var(--lemo-button-color-white);
}

.lemonade-exercises .lemo-key-button:disabled {
  border-color: var(--lemo-button-color-disabled-03);
  background: var(--lemo-button-color-white);
  cursor: not-allowed;
}

.lemonade-exercises .lemo-key-button:disabled .lemo-icon {
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-figure-controls {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 250px;
  height: -webkit-fit-content;
  height: fit-content;
  margin-top: 20px;
  display: flex;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-up {
  order: -5;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-left, .lemonade-exercises .lemo-transformations-in-plane .lemo-down {
  order: -3;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-right {
  order: -2;
}

@media screen and (min-width: 600px) {
  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-figure-controls {
    flex-wrap: nowrap;
    width: 100%;
  }

  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-up {
    order: unset;
    margin: 0;
  }

  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-left, .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-down, .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout:not(.lemo-position-left):not(.lemo-position-right) .lemo-right {
    order: unset;
  }
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-rotation-reference {
  --size: 10px;
  width: var(--size);
  height: var(--size);
  background-color: var(--lemo-color-gray-05);
  border-radius: 50%;
  position: relative;
  transform: translate(-5px, -5px);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector {
  overflow: auto;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector line, .lemonade-exercises .lemo-transformations-in-plane .lemo-vector path {
  stroke: var(--lemo-color-gray-05);
  stroke-width: 2px;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
  animation: 1s ease-in-out 3 colorTransition;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector rect.lemo-bounds:hover {
  cursor: grab;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector.lemo-dragging rect.lemo-bounds:hover {
  cursor: grabbing;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector.lemo-hover line, .lemonade-exercises .lemo-transformations-in-plane .lemo-vector.lemo-hover path {
  stroke: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-vector path {
  fill: none;
  transform: scale(.5);
}

@keyframes colorTransition {
  0% {
    stroke: var(--lemo-color-gray-05);
  }

  50% {
    stroke: var(--lemo-color-corporate);
  }

  to {
    stroke: var(--lemo-color-gray-05);
  }
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-question-body {
  position: relative;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout {
  flex-flow: column wrap;
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
  display: flex;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-controls-block {
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-canvas {
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-transformations-in-plane .lemo-canvas .lemo-feedback-icon-position {
  left: unset;
  top: -10px;
  right: 20px;
}

@media screen and (min-width: 600px) {
  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout.lemo-position-left, .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout.lemo-position-right {
    justify-content: space-around;
  }

  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout.lemo-position-left {
    flex-direction: row-reverse;
  }

  .lemonade-exercises .lemo-transformations-in-plane .lemo-columns-layout.lemo-position-right {
    flex-direction: row;
  }
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls {
  border-radius: var(--lemo-radii-03) var(--lemo-radii-03) 0 0;
  background: var(--lemo-color-gray-01);
  justify-content: flex-start;
  align-items: center;
  padding: .4em 0;
  display: flex;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button {
  cursor: pointer;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 1em;
  display: flex;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-right-align-controls {
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-right-align-controls > * {
  margin-right: .6em;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button.lemo-circular-button {
  background: var(--lemo-color-base-white);
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button .lemo-label {
  width: -webkit-fit-content;
  width: fit-content;
  margin-left: .3em;
  display: block;
  position: relative;
  top: 3px;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button .lemo-icon {
  fill: var(--lemo-color-text-02);
  width: 20px;
  height: 20px;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button:disabled {
  cursor: not-allowed;
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button:disabled .lemo-label {
  color: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button:disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-math-functions .lemo-math-functions-controls .lemo-math-functions-button.lemo-circular-button:disabled {
  border: 2px solid var(--lemo-color-gray-03);
  background: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-math-functions .lemo-grid {
  cursor: pointer;
  margin: 1em auto;
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-math-functions .lemo-grid .lemo-grid-line {
  stroke: var(--lemo-color-gray-03);
  stroke-width: .5px;
}

.lemonade-exercises .lemo-math-functions .lemo-grid .lemo-grid-line.lemo-grid-line-symmetry {
  stroke: var(--lemo-color-gray-06);
  stroke-width: 1px;
}

.lemonade-exercises .lemo-math-functions .lemo-grid .lemo-axis-label {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-math-functions .lemo-grid.lemo-show-highlight .lemo-grid-line.lemo-highlighted {
  stroke: #00f;
}

.lemonade-exercises .lemo-math-functions .lemo-grid.lemo-show-highlight .lemo-axis-label.lemo-highlighted {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-line-connector .lemo-dot, .lemonade-exercises .lemo-line-connector .lemo-dot-atom {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector .lemo-line {
  stroke: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-dot-atom {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-light-orange .lemo-line {
  stroke: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-dot-atom {
  fill: var(--lemo-theme-dark-orange-out);
  stroke: var(--lemo-theme-dark-orange-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-dark-orange-over);
  stroke: var(--lemo-theme-dark-orange-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-dark-orange .lemo-line {
  stroke: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-dot-atom {
  fill: var(--lemo-theme-light-blue-out);
  stroke: var(--lemo-theme-light-blue-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-light-blue-over);
  stroke: var(--lemo-theme-light-blue-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-light-blue .lemo-line {
  stroke: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-dot-atom {
  fill: var(--lemo-theme-dark-blue-out);
  stroke: var(--lemo-theme-dark-blue-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-dark-blue-over);
  stroke: var(--lemo-theme-dark-blue-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-dark-blue .lemo-line {
  stroke: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-dot-atom {
  fill: var(--lemo-theme-turquoise-out);
  stroke: var(--lemo-theme-turquoise-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-turquoise-over);
  stroke: var(--lemo-theme-turquoise-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-turquoise .lemo-line {
  stroke: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-line-connector.theme-violet .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-violet .lemo-dot-atom {
  fill: var(--lemo-theme-violet-out);
  stroke: var(--lemo-theme-violet-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-violet .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-violet .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-violet-over);
  stroke: var(--lemo-theme-violet-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-violet .lemo-line {
  stroke: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-dot-atom {
  fill: var(--lemo-theme-bordeaux-out);
  stroke: var(--lemo-theme-bordeaux-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-bordeaux-over);
  stroke: var(--lemo-theme-bordeaux-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-bordeaux .lemo-line {
  stroke: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-line-connector.theme-green .lemo-dot, .lemonade-exercises .lemo-line-connector.theme-green .lemo-dot-atom {
  fill: var(--lemo-theme-green-out);
  stroke: var(--lemo-theme-green-out);
  transition: background-color .3s, stroke-width .3s;
}

.lemonade-exercises .lemo-line-connector.theme-green .lemo-dot.lemo-active, .lemonade-exercises .lemo-line-connector.theme-green .lemo-dot-atom.lemo-active {
  fill: var(--lemo-theme-green-over);
  stroke: var(--lemo-theme-green-over);
  stroke-width: 12px;
}

.lemonade-exercises .lemo-line-connector.theme-green .lemo-line {
  stroke: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-line-connector .lemo-line {
  stroke-width: 2px;
  fill: none;
}

.lemonade-exercises .lemo-line-connector.lemo-is-preview .lemo-line {
  stroke-dasharray: 4 4;
}

.lemonade-exercises .lemo-line-connector.lemo-success .lemo-line {
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-line-connector.lemo-error .lemo-line {
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-functions .lemo-question-body {
  margin: auto;
}

.lemonade-exercises .lemo-math-functions .lemo-grid-container {
  margin-top: 2.5em;
  position: relative;
}

.lemonade-exercises .lemo-math-functions .lemo-grid-container:before, .lemonade-exercises .lemo-math-functions .lemo-grid-container:after {
  color: var(--lemo-color-gray-06);
  font-family: sans-serif;
  font-weight: var(--lemo-text-bold);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-math-functions .lemo-grid-container:before {
  content: "y";
  width: 100%;
  top: -1em;
  transform: translateY(-16px);
}

.lemonade-exercises .lemo-math-functions .lemo-grid-container:after {
  content: "x";
  top: 0;
  bottom: 0;
  right: -4%;
}

.lemonade-exercises .lemo-math-functions .lemo-entry {
  margin: .4em 0;
}

.lemonade-exercises .lemo-math-functions .lemo-entry.lemo-selected {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-quotient-list {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-quotient {
  width: -webkit-fit-content;
  width: fit-content;
}

.lemonade-exercises .lemo-basic-input-keyboard {
  text-align: center;
  box-sizing: content-box;
  outline: none;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 1em;
}

.lemonade-exercises .lemo-basic-input-keyboard:focus {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-basic-input-keyboard:disabled {
  cursor: not-allowed;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-middle-line {
  background-color: var(--lemo-color-gray-06);
  border-radius: 50px;
  align-self: stretch;
  width: 2px;
  min-height: 20px;
  margin: 0 1.5em;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-operation-layout {
  justify-content: center;
  align-items: flex-start;
  min-height: 160px;
  margin: 2em 0;
  display: flex;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-operation-layout > :first-child, .lemonade-exercises .lemo-math-prime-number-decomposition .lemo-operation-layout > :last-child {
  width: 40%;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor, .lemonade-exercises .lemo-math-prime-number-decomposition .lemo-quotient {
  border: 2px solid;
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 1em;
  padding: 6px;
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor {
  border-color: var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-02);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor.lemo-selected {
  border-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor.lemo-success {
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 4px var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-divisor.lemo-error {
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 4px var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-math-prime-number-decomposition .lemo-quotient {
  border-color: rgba(0, 0, 0, 0);
  line-height: 1.2;
}

@media only screen and (min-width: 560px) {
  .lemonade-exercises .lemo-math-prime-number-decomposition .lemo-operation-layout {
    min-height: 240px;
  }
}

.lemonade-exercises .lemo-find-closest-value__line {
  position: relative;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment .lemo-label {
  margin-bottom: 5px;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment .lemo-vertical-line {
  background-color: var(--lemo-color-gray-04);
  width: 2px;
  height: 24px;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment .lemo-vertical-line.lemo-with-label {
  width: 3px;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selecting {
  cursor: pointer;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selecting.lemo-dragging {
  cursor: grabbing;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selecting:hover .lemo-vertical-line {
  background-color: var(--lemo-color-corporate);
  width: 3px;
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selecting:hover .lemo-label {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selected:not(.lemo-success):not(.lemo-error) .lemo-vertical-line {
  background-color: var(--lemo-color-corporate);
  width: 4px;
  height: 32px;
  transform: translateY(-4px);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-selected:not(.lemo-success):not(.lemo-error) .lemo-label {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-is-used .lemo-vertical-line {
  background-color: var(--lemo-color-gray-06);
  width: 3px;
  height: 26px;
  transform: translateY(-2px);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-is-used .lemo-number-line-label {
  color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-success .lemo-vertical-line {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-success .lemo-number-line-label {
  color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-error .lemo-vertical-line {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-find-closest-value__line .lemo-segment.lemo-error .lemo-number-line-label {
  color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-find-closest-value__line {
  overflow: hidden;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-find-closest-value__line .lemo-horizontal-line {
  background-color: var(--lemo-color-gray-04);
  width: 100%;
  height: 1px;
  margin: 0;
  position: absolute;
  top: 47px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-find-closest-value__line .lemo-segment-list {
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  width: 100%;
  display: flex;
  position: relative;
  left: 2%;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-find-closest-value__line .lemo-label {
  -webkit-user-select: none;
  user-select: none;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  margin-top: .3em;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-range-pointer {
  background-color: var(--lemo-color-corporate-light-alpha);
  border-radius: 4px;
  width: 8px;
  height: 40px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-range-pointer .lemo-range-pointer-inner {
  width: 4px;
  height: 32px;
  margin: 4px 2px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider {
  z-index: 2;
  margin: 1em auto 2em;
  position: relative;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-bullet {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-bullet-head-wrapper {
  position: absolute;
  transform: translate(-50%);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-disabled .lemo-bullet {
  pointer-events: none;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-bullet {
  transform-origin: 50% 0;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-bullet-head-wrapper {
  pointer-events: none;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-tracker {
  fill: var(--lemo-color-gray-02);
  pointer-events: none;
  opacity: 1;
  display: block;
  overflow: visible;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range:hover {
  cursor: grab;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range-pointer {
  position: absolute;
  top: -49px;
  left: 15px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range {
  cursor: grab;
  z-index: 1;
  opacity: 0;
  width: calc(100% + 37px);
  height: 120px;
  margin-left: -18.5px;
  position: relative;
  top: -60px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range::-webkit-slider-thumb {
  cursor: grab;
  width: 37px;
  height: 37px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider .lemo-range::-moz-range-thumb {
  cursor: grab;
  width: 37px;
  height: 37px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-first-interaction-done .lemo-tracker {
  fill: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-first-interaction-done .lemo-range-pointer-inner {
  background-color: var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-tracker {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-range-pointer-inner {
  background-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-range {
  cursor: grabbing;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-range::-webkit-slider-thumb {
  cursor: grabbing;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-selected .lemo-range::-moz-range-thumb {
  cursor: grabbing;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-success .lemo-tracker {
  fill: var(--lemo-color-success);
  stroke: var(--lemo-color-success-light);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-success .lemo-range-pointer {
  background-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-success .lemo-range-pointer-inner {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-error .lemo-tracker {
  fill: var(--lemo-color-error);
  stroke: var(--lemo-color-error-light);
  stroke-width: 3px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-error .lemo-range-pointer {
  background-color: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-slider.lemo-error .lemo-range-pointer-inner {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-exact-position {
  --custom-green-success: #93e2ce;
  z-index: 100;
  position: absolute;
  top: 35px;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-exact-position .lemo-exact-position-line {
  background-color: var(--custom-green-success);
  width: 3px;
  height: 25px;
  position: relative;
  top: 0;
}

.lemonade-exercises .lemo-math-find-closest-value .lemo-number-line-wrapper {
  position: relative;
}

.lemonade-exercises .lemo-math-find-closest-value.lemo-success-result .lemo-horizontal-line, .lemonade-exercises .lemo-math-find-closest-value.lemo-error-result .lemo-horizontal-line, .lemonade-exercises .lemo-math-find-closest-value.lemo-success-result .lemo-find-closest-value__line .lemo-segment .lemo-vertical-line, .lemonade-exercises .lemo-math-find-closest-value.lemo-error-result .lemo-find-closest-value__line .lemo-segment .lemo-vertical-line {
  background-color: var(--lemo-color-text-04);
}

.lemonade-exercises .lemo-math-find-closest-value.lemo-success-result .lemo-find-closest-value__line .lemo-segment .lemo-number-line-label, .lemonade-exercises .lemo-math-find-closest-value.lemo-error-result .lemo-find-closest-value__line .lemo-segment .lemo-number-line-label {
  color: var(--lemo-color-text-04);
}

.lemonade-exercises .lemo-numeric-input {
  min-width: 2em;
  margin: 0 .2em;
  display: inline-block;
}

.lemonade-exercises .lemo-numeric-input.lemo-full-width {
  width: 100%;
}

.lemonade-exercises .lemo-numeric-input.lemo-error {
  border-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-function-list .lemo-function-item-container {
  margin-bottom: .5em;
  padding: .5em;
  display: flex;
}

.lemonade-exercises .lemo-function-list .lemo-function-item-container > :first-child {
  flex-grow: 1;
}

.lemonade-exercises .lemo-function-list .lemo-function-list-solution {
  justify-content: flex-start;
  align-items: center;
  padding: .5em;
  display: flex;
}

.lemonade-exercises .lemo-function-list .lemo-delete-button {
  cursor: pointer;
  margin-left: .5em;
}

.lemonade-exercises .lemo-checkbox-square-label {
  gap: var(--lemo-box-paddings-s);
  cursor: pointer;
  display: flex;
}

.lemonade-exercises .lemo-editor-prime-number-list {
  justify-content: space-around;
  align-items: center;
  margin: 1.4em 0;
  display: flex;
}

.lemonade-exercises .lemo-audio-player-slider {
  position: relative;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-slider-progress-bar {
  background-color: var(--lemo-color-corporate);
  pointer-events: none;
  border-radius: 50px;
  height: 7px;
  position: absolute;
  bottom: 2px;
  left: 0;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider {
  -webkit-appearance: none;
  background: var(--lemo-color-corporate-light);
  border-radius: 5px;
  width: 100%;
  height: 7px;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  visibility: hidden;
  cursor: ew-resize;
  width: 7px;
  height: 7px;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-moz-range-thumb {
  -webkit-appearance: none;
  visibility: hidden;
  cursor: ew-resize;
  width: 7px;
  height: 7px;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-ms-thumb {
  -webkit-appearance: none;
  visibility: hidden;
  cursor: ew-resize;
  width: 7px;
  height: 7px;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-audio-player-slider .lemo-input-slider::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  background: none;
  border: none;
}

.lemonade-exercises .lemo-audio-player {
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: .6em;
  padding: 1em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-audio-player .lemo-play-icon, .lemonade-exercises .lemo-audio-player .lemo-pause-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-audio-player .lemo-play-icon:hover, .lemonade-exercises .lemo-audio-player .lemo-pause-icon:hover {
  fill: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-middle {
  flex-direction: column;
  flex-grow: 1;
  padding: 0 1em;
  display: flex;
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-middle input {
  width: 100%;
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-middle-top {
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-right {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-audio-player .lemo-audio-player-right .lemo-trash-audio {
  cursor: pointer;
}

.lemonade-exercises .lemo-audio-player .lemo-trash-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-circular-button {
  background-color: var(--lemo-button-color-primary);
  color: var(--lemo-button-color-white);
  fill: var(--lemo-button-color-white);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-circular-button:hover {
  background-color: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-no-mic-available-message {
  border: 2px solid var(--lemo-color-error);
  border-radius: var(--lemo-radii-01);
  align-items: center;
  max-width: 560px;
  padding: .6em;
  display: inline-flex;
}

.lemonade-exercises .lemo-no-mic-available-message .lemo-icon-wrapper {
  align-items: center;
  height: 40px;
  display: flex;
}

.lemonade-exercises .lemo-no-mic-available-message .lemo-no-mic-icon {
  fill: var(--lemo-color-error);
}

.lemonade-exercises .lemo-no-mic-available-message .lemo-text {
  padding-left: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-no-mic-controls .lemo-mic-no-available-button {
  margin: 1.5em auto;
}

.lemonade-exercises .lemo-no-mic-controls .lemo-no-mic-available-message {
  margin: 2em auto 0;
}

.lemonade-exercises .lemo-no-mic-controls .lemo-mic-no-available-button {
  background-color: var(--lemo-color-gray-02);
  cursor: not-allowed;
}

.lemonade-exercises .lemo-no-mic-controls .lemo-mic-off-icon path, .lemonade-exercises .lemo-no-mic-controls .lemo-mic-off-icon rect {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-no-mic-controls .lemo-mic-off-icon rect {
  stroke: var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-cancel-audio-button {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-icon {
  fill: var(--lemo-color-gray-01);
  z-index: 1;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-cancel-audio-button:hover {
  opacity: .6;
  transform: scale(1.1);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-cancel-audio-button:after {
  content: "";
  background-color: var(--lemo-color-gray-06);
  z-index: 0;
  width: 18px;
  height: 18px;
  position: absolute;
}

@keyframes pulse {
  0% {
    transform: scale(1.2);
  }

  to {
    transform: scale(.8);
  }
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer .lemo-red-circle-icon {
  animation: 1s linear infinite alternate pulse;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer {
  background-color: var(--lemo-color-gray-01);
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  padding: .3em .6em;
  display: flex;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer .lemo-red-circle-icon {
  margin-right: .3em;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer .lemo-current-time {
  color: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer .lemo-max-time {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-controls-button-wrapper {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-cancel-audio-button {
  position: absolute;
  top: -7px;
  right: -32px;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer {
  opacity: 0;
  z-index: 4;
  width: -webkit-max-content;
  width: max-content;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(20px);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-timer.active {
  opacity: 1;
  transition: all .3s ease-out;
  transform: translateY(15px);
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-circular-button {
  z-index: 3;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:after, .lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:before {
  background: var(--lemo-color-corporate);
  opacity: .3;
  content: "";
  z-index: 2;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:hover {
  cursor: pointer;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:hover .lemo-stop-button-circles:after, .lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:hover .lemo-stop-button-circles:before {
  opacity: 1;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:after {
  animation: 10s .1s infinite a01;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-button-circles:before {
  animation: 10s .1s infinite a02;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-recording {
  z-index: 3;
  position: relative;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-stop-recording svg {
  fill: var(--lemo-color-corporate);
}

@keyframes a01 {
  0% {
    border-radius: 95%;
    transform: skew(0deg);
  }

  10% {
    border-radius: 70%;
    transform: skew(2deg, 4deg)rotate(30deg);
  }

  20% {
    border-radius: 95%;
    transform: skew(4deg, 8deg);
  }

  30% {
    border-radius: 40%;
    transform: skew(38deg, -24deg);
  }

  40% {
    border-radius: 95%;
    transform: skew(0deg);
  }

  50% {
    border-radius: 40%;
    transform: skew(4deg, -14deg)rotate(25deg);
  }

  75% {
    border-radius: 40%;
    transform: skew(8deg, -8deg);
  }

  to {
    border-radius: 95%;
    transform: skew(0deg);
  }
}

@keyframes a02 {
  0% {
    border-radius: 70%;
    transform: skew(0deg);
  }

  15% {
    border-radius: 80%;
    transform: skew(-14deg, 24deg);
  }

  25% {
    border-radius: 95%;
    transform: skew(0deg, -12deg);
  }

  50% {
    border-radius: 75%;
    transform: skew(12deg, -22deg);
  }

  75% {
    border-radius: 80%;
    transform: skew(-8deg, -12deg);
  }

  to {
    border-radius: 90%;
    transform: skew(0deg);
  }
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-audio-recorder-controls {
  margin: 2em auto;
  position: relative;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-circular-button {
  margin: 0 auto;
}

.lemonade-exercises .lemo-audio-recorder-widget {
  text-align: center;
}

.lemonade-exercises .lemo-audio-recorder-widget .lemo-no-mic-button {
  margin: 0 auto 1em;
  display: none;
}

.lemonade-exercises .lemo-question-context-empty-response {
  border: 2px dashed var(--lemo-color-gray-03);
  border-radius: .6em;
  align-items: center;
  width: 100%;
  padding: .8em;
  display: flex;
}

.lemonade-exercises .lemo-question-context-empty-response .lemo-icon-wrapper {
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-gray-02);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 1em;
  display: flex;
}

.lemonade-exercises .lemo-question-context-empty-response .lemo-icon-wrapper > svg {
  fill: #fff;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-controls {
  background-color: var(--lemo-color-gray-05);
  z-index: 101;
  border-radius: 2em;
  justify-content: space-between;
  padding: .4em;
  transition: all .2s;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-button {
  background-color: var(--lemo-color-gray-04);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-button svg {
  fill: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-button.lemo-selected {
  background-color: #fff;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box {
  border-radius: var(--lemo-radii-01);
  pointer-events: none;
  z-index: 101;
  position: absolute;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-solutions-mode .lemo-evaluation-box, .lemonade-exercises .lemo-other-click-to-find .feedback-with-border .lemo-evaluation-box, .lemonade-exercises .lemo-other-click-to-find .feedback-with-tick .lemo-evaluation-box {
  border: 2px dashed;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box:before {
  content: "";
  z-index: 100;
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box.lemo-error {
  color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box.lemo-success {
  color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-other-click-to-find .lemo-solutions-mode .lemo-evaluation-box.lemo-error:before, .lemonade-exercises .lemo-other-click-to-find .feedback-with-tick .lemo-evaluation-box.lemo-error:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kd8rg1EYxz/brImJUFy4WBpXJqYWN8qWRi2tmTLcbK/9UNu8ve+WllvldkWJG78u+Au4Va6VIlJyp1wTN+j1vKYm2XN6zvM533Oep3OeA9ZoVsnpdQOQyxe0SNDvmo3NuRyP2Gmlg2Fa44qujoXDIWra2w0WM155zFq1z/1rjYtJXQFLvfCoomoF4Qnh0EpBNXlTuF3JxBeFj4X7NLmg8LWpJyr8ZHK6wh8ma9FIAKwtwq70L078YiWj5YTl5bhz2aLycx/zJc5kfmZaYrd4FzoRgvhxMck4AXwMMiKzDw9e+mVFjfyB7/wpliVXkVmlhMYSaTIU6BO1KNWTElOiJ2VkKZn9/9tXPTXkrVR3+sH+YBgvPeDYgM+yYbzvG8bnAdju4SxfzV/eg+FX0ctVzb0LzWtwcl7VEltwug6dd2pci39LNnFrKgXPR9AUg7ZLaJiv9Oxnn8NbiK7KV13A9g70yvnmhS99w2fw1aJmCQAAAAlwSFlzAAALEwAACxMBAJqcGAAABVlJREFUaIHNmk9oFHcUxz/zZ8265k8LWdEESdWDbTWHFoPGg4mYCNFiIojTtKBgQA8q5lBsxWulxVxFEL2oScwkUTQxiWCDJJeKtIJCzEEwguAhA0Wb7K667E4PM7Nu3J3fzOwa7Rf2ML/fe/s+/Gb2N++930oUKUPTQkAD0AysAqqyPgAvsj7PgTvARFTXk8XElQqELQF2A23ALqAi4Fe8BEaBG8BQVNffBGUIBG5omgy0A78CXwQN5qJnwCmgL6rrab9OvsENTWsCzgDfBEbzpwfAz1Fd/8OPsSe4oWkK8DvwU5FgftUFnIzqekpkJAQ3NK0C6AV2fkAwPxoF2qO6/q+bgSu4oWmrgRHgq0UA86NpYFdU12fyTeYFt1f6HvDlIoL50TRQH9X1V+9PyO8P2M/0VT49NFh3u9dmWqAccKwfYovo26RIhCV1dZRs2YJSXR2YRlm5klBtLeratSDnQ1igncBvOQzZF/aWd8edWCLS1kZk715Q7EUwTRJjY8S6uyHtsQ2rKqUdHYS3bcsMmXNzxHSd1+PjYJoi76aoro/ngNsvl79w26clibLOTko2bco7/Xpigvnz593hVZXyzk6WbNyY3398nPmLF0XwD4A65yWVfZ++d4UGlra0uEIDhBsaKD18OP+tV1XKjx93hQYIb99OuLHRdR74FtCcCxkyucdpVxdZZumePaIvtYI3NFB66BBIWU+gA11X5+kfaW9f6Jur0zZrZsV3I8g91DVrkMvKPAMDhBsbrZWXJFAU39AAcnk5ak2NyGS1zYpqD7SJrCVVFU3nyLnl8rJlvqEz8t5lWoEByc6nDQSpqVxRwednzyKFQsEgAspMJPjnyBHMeFxk9hJYLmMVAcJ8Ov3qFfGBgQ+ImF+x7m4vaIDPgK0yVuXiqcTwMImhoWLZXBXr7bX2cn9qlrHKLW+ZJrGrV0kMDxfK5qpYb2/QRVkl86429JZpWkE+IHwB0ABVwcDhHfytW0GD5ahAaCgIHCz4np6i4GN9fcX8Zqo8N01XyTJyZWXB7kplpddbUhweq98RMKpC2bFjlGzeXHDgcFMTpR0dhcK/CA6uKJQdPVoUtKNwUxOlBw8WAh8Q3IGurw8ayFXh5uZC4F/IWG0xby0CtKMC4J/LiCqeLJUeOLAo0I7Czc1E9u3za35HBiaAnCo6W2pNDeEdO4pl81SktRWlynN3fglMynbXdERkqaxYERgi3t9PYnQ0mJMso67yzEBGorqedBLtG8APbpZp74xtgeL9/cSvX7eeWUliaYuwabAwViLhZXIT3lVAQ1hd07xKPn5Mem7OV+D4wIAFDdYb9vJlEmNjvnzTc3Mkp6ZEJjM2qwVu96dPuZqnUsSuXPGGHhwkfu3awkEH/vZtT//5CxcgJex1nnJ66dmv/D6sFkBevZmcFOYm8cFB4oOD+SdNk9ilS0L4eF8fb+/fF0H/DejORaa11TU1ZZ7YsOEpsN/NM/noEWnDILR+faaMM5NJ4j09JG7eFAW1/B8+BCC0bl2mtkwZBvPnzvH67l0v9/1RXX/qXOTs+IamdeHRC5dCIUK1taCqpGZmSBmGJ3S2lOXLUaqrMWMxkk+eeHWwALqiun4ieyBf+f4L8DWCnriZTPL2getT5anU7Cyp2Vm/5iPAyfcHRW3mP/l0vXFH08DmfA3+vPm43Y/eZTt+Kk0DO91OJVwLCfskoB7rWONjawRrpZ+5GQgrIHvld2MdKH0snQFaRec/8P87LjyR3QMXyXfNaZ8/bgR+RJAeFKAZrDypzi80FH8k3gp8R2FH4iNYCdPiH4nnk9003UqwPyFMFvsnhP8AR4PLtcYsUNUAAAAASUVORK5CYII=) 0 0 / contain no-repeat;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-solutions-mode .lemo-evaluation-box.lemo-success:before, .lemonade-exercises .lemo-other-click-to-find .feedback-with-tick .lemo-evaluation-box.lemo-success:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kd8rg1EYxz/brImJUFy4WBpXJqYWN8qWRi2tmTLcbK/9UNu8ve+WllvldkWJG78u+Au4Va6VIlJyp1wTN+j1vKYm2XN6zvM533Oep3OeA9ZoVsnpdQOQyxe0SNDvmo3NuRyP2Gmlg2Fa44qujoXDIWra2w0WM155zFq1z/1rjYtJXQFLvfCoomoF4Qnh0EpBNXlTuF3JxBeFj4X7NLmg8LWpJyr8ZHK6wh8ma9FIAKwtwq70L078YiWj5YTl5bhz2aLycx/zJc5kfmZaYrd4FzoRgvhxMck4AXwMMiKzDw9e+mVFjfyB7/wpliVXkVmlhMYSaTIU6BO1KNWTElOiJ2VkKZn9/9tXPTXkrVR3+sH+YBgvPeDYgM+yYbzvG8bnAdju4SxfzV/eg+FX0ctVzb0LzWtwcl7VEltwug6dd2pci39LNnFrKgXPR9AUg7ZLaJiv9Oxnn8NbiK7KV13A9g70yvnmhS99w2fw1aJmCQAAAAlwSFlzAAALEwAACxMBAJqcGAAABYlJREFUaIHNmm1sU1UYx3/tWsoGuFVhkyEvDThgimbjJbKwDeQlcUVGUhNeNMSIYKgvH4xOFzASZQFZREhwHwB1xgRBU8MgHYEBBnxDQN0kWDNhd2HQZYNIt/G2jbZ+uG1p13vbc9sN/CX9cM95nnP+PX3uved5TnUkiaXKZgSKgfnAaCA77APgDvu0AHXAccnu6E1mXl2CYk3AImAxYAXSNQ7hAWqBfcB+ye7o1qpBk3BLlU0PLAM2AOO0TqZCM7AW2CPZHT5RJ2HhlirbPGAzkKdZmhi/A+9IdscREeO4wi1VthRgE/BWksJEqQTKJbvDG8sopnBLlS0d2A2U9KMwEWqBZZLd0almoCrcUmWzAE5g8gAIE8EFWCW7Q1LqVBQeWOmTwKQBFCaCC5gp2R0dfTv0fRsCMf019180yL/27oCmCKKEI9+Izwy0okEpRvKzcrBNnM2TmRMw6KO0BSkBNvZtjAiVwCOvrv9lRmIePIydJeXkZ+WE2q733OKjk1+x+1wdfvxKbvMku+No8CL0NQMvl2+BkQOoGR06ti94k4JRUyLaB6UYeXrsVEYNG8GR5jNKro+brbm7PE6XHyJDZSkD93IJsTiniDljp6r2PzdpDrZJs5W68oElwQs9hPYeFf0rMZrMNDPvz3oprt3y3AVqXRUBraEVX0T/7T0U0aGjovgVHjANiWs73jxKrcuCrDUkfHG/qItBaU4hc8dNE7Ktb/sn5lAAusB++grat6bCZKaZObR0K+kCq+3z+7F9V05D+3k1Ew+QaUBOAoRE52XlUPDIFHLMo2nqcFPT+APNHa0xfXTo2FC8Wkg0wI76mliiATKAIgNy5hKTh1LTWV+4Euv4goj2F6dYWXVwI2da/1b1ffbRWcwbN11I9Plrl9h2eq+I6Xw9crqlilFvoHrhuijRAOmmIVRb32P6SOV92Ii0DNYXrhQRgs/vp+z7T+n2CmV0o/XczQ0VWZ1XymPDLar9aUYTX1jXMSM7N6Jdh44Pi1aTYRoqIoSd9TXxbspwsuMKLxk/M+4oaUYTn5esjRC/cEIBCywzhFRc8Fxmq1iIBIkvPCvtQaGR5JWXxQ9PzWB94ctCfj6/n7ePbRcNkSDZhngWdc2nWTJ5rtBoqQZZvOtqM+bBw4R8NIZICD1yvUOVDT9V0/jvReEBUw0m8h+eKGSbQIgEcccVfqP3FqsObuLa7a5EJlDF5/dTdkz4KdKX+MIBWjrbWXOoEq8vZuKtiV0N+/mjrTFRd7ceuSwWl1Puv1h3YkeiE0VwwXOZT07tSWaIFj0aMp69rqNUn61NZsJkQyRInR44DkRl0WpU/PwlP15qSHjGJEME5E3WCX2gauoU9fL6vLx+eAuSJ+6tEUWTx53oUyQcp2R39Ab34/u0eHZ032DVwU109dwU9gm+aG7f6dEylRI1cDeR2I9cNRWmyePmtcMf4/MrZuRRfNZwINkQAZCQtcpZvsfp8pqtuVcAm5ZRLna20dVzk+IxsXPsJo+bN+q2cCf5x+mrkt1RD5FZ/h7kUq8mqv+sZduZb1T7W69fZc2hyv4Ikd+A0A0Sqqt4nC6/2ZrbBKzQOuKv7nNc6mpn9pg8UsIqUmevXOCFAx9wsbMtSc0ArJDsjqbgRVTR01JlqyTBWrgpxcgTmRMYOXQ49W2NtHS2q1WltFIp2R1l4Q1Ku8N3gVwSqIl3e3s53epKUJsqTqC8b2OsMvMv3L/aeBAX8JRSgV+pWkugHm0NON4vXECJ2qmEonCAwEnATORjjXuNE3mlm9UMVIVDaOUXIR8o3Ss2A6Wxzn/g/3dcWBZeA49FzBUPJ3D+OA14Ho3bg3hDA8uB6aKiIfkj8VJgIYkdiTuRN0wDfySuRKBoWoS2PyGcSPZPCP8Ba43YUdDfn8MAAAAASUVORK5CYII=) 0 0 / contain no-repeat;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-evaluation-box.lemo-hide-feedback {
  display: none;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option img {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-question-body {
  text-align: center;
}

.lemonade-exercises .lemo-other-click-to-find .stage {
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-background {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option-list-base {
  width: 100%;
  height: 100%;
}

.lemonade-exercises .lemo-other-click-to-find .lemo-option-list--show-selection .lemo-option.lemo-selected {
  outline: 2px dashed var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-other-click-to-find.lemo-click-to-find-box-no-padding .lemo-option {
  outline-offset: 0;
}

.lemonade-exercises .lemo-other-clock .lemo-clock {
  touch-action: none;
}

.lemonade-exercises .lemo-other-clock .lemo-clock svg {
  max-height: 336px;
}

.lemonade-exercises .lemo-other-clock .lemo-other-clock__time-inputs {
  justify-content: center;
  padding-bottom: 12px;
  display: flex;
}

.lemo-clock svg {
  margin: 0 auto;
  display: block;
}

.lemo-clock .lemo-clock__frame {
  stroke: #e0e0e0;
  fill: #333;
  stroke-width: 10px;
}

.lemo-clock .lemo-clock__frame-status {
  stroke: #e0e0e0;
  fill: rgba(0, 0, 0, 0);
  stroke-width: 3px;
}

.lemo-clock .lemo-clock__hand-seconds {
  stroke: red;
}

.lemo-clock .lemo-clock__hand-hours {
  stroke: var(--lemo-color-corporate);
  fill: var(--lemo-color-corporate);
}

.lemo-clock .lemo-clock__hand-minutes {
  stroke: #828282;
  fill: #828282;
}

.lemo-clock .lemo-clock__center {
  fill: var(--lemo-color-corporate);
}

.lemo-clock .lemo-clock__text {
  -webkit-user-select: none;
  user-select: none;
  fill: #fff;
  font-size: 1.5em;
  font-weight: 700;
}

.lemo-clock .lemo-clock__min-marker, .lemo-clock .lemo-clock__five-min-marker {
  stroke: #fff;
}

.lemo-clock .lemo-clock__hand-hours:hover, .lemo-clock .lemo-clock__hand-minutes:hover, .lemo-clock--active svg {
  cursor: grab;
}

.lemo-clock.lemo-error .lemo-clock__frame {
  stroke: var(--lemo-color-error-light);
}

.lemo-clock.lemo-error .lemo-clock__frame-status {
  stroke: var(--lemo-color-error);
}

.lemo-clock.lemo-success .lemo-clock__frame {
  stroke: var(--lemo-color-success-light);
}

.lemo-clock.lemo-success .lemo-clock__frame-status {
  stroke: var(--lemo-color-success);
}

.lemo-clock--dark .lemo-clock__frame {
  fill: #333;
}

.lemo-clock--dark .lemo-clock__text {
  fill: #fff;
}

.lemo-clock--dark .lemo-clock__min-marker, .lemo-clock--dark .lemo-clock__five-min-marker {
  stroke: #fff;
}

.lemo-clock--dark.lemo-clock--active .lemo-clock__five-min-marker, .lemo-clock--dark.lemo-clock--active .lemo-clock__min-marker {
  stroke: #7a7a7a;
}

.lemo-clock--dark.lemo-clock--active .lemo-clock__text {
  fill: #7a7a7a;
}

.lemo-clock--dark.lemo-clock--active .lemo-clock__five-min-marker--active, .lemo-clock--dark.lemo-clock--active .lemo-clock__min-marker--active, .lemo-clock--dark.lemo-clock--active .lemo-clock__hand-hours--active, .lemo-clock--dark.lemo-clock--active .lemo-clock__hand-minutes--active {
  stroke: #fff;
  fill: #fff;
}

.lemo-clock--dark.lemo-clock--active .lemo-clock__text--active, .lemo-clock--dark.lemo-clock--active .lemo-clock__center, .lemo-clock--light .lemo-clock__frame {
  fill: #fff;
}

.lemo-clock--light .lemo-clock__text {
  fill: #333;
}

.lemo-clock--light .lemo-clock__min-marker, .lemo-clock--light .lemo-clock__five-min-marker {
  stroke: #333;
}

.lemo-clock--light.lemo-clock--active .lemo-clock__five-min-marker, .lemo-clock--light.lemo-clock--active .lemo-clock__min-marker {
  stroke: #d8d8d8;
}

.lemo-clock--light.lemo-clock--active .lemo-clock__text {
  fill: #d8d8d8;
}

.lemo-clock--light.lemo-clock--active .lemo-clock__five-min-marker--active, .lemo-clock--light.lemo-clock--active .lemo-clock__min-marker--active, .lemo-clock--light.lemo-clock--active .lemo-clock__hand-hours--active, .lemo-clock--light.lemo-clock--active .lemo-clock__hand-minutes--active {
  stroke: #333;
  fill: #333;
}

.lemo-clock--light.lemo-clock--active .lemo-clock__text--active, .lemo-clock--light.lemo-clock--active .lemo-clock__center {
  fill: #333;
}

.lemonade-exercises .lemo-clock-digital-digits {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__arrow {
  opacity: .25;
  cursor: pointer;
  flex-grow: 0;
  justify-content: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__arrow svg {
  pointer-events: none;
  fill: var(--lemo-color-digital-clock);
  width: 49px;
  height: 48px;
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__arrow:hover {
  opacity: 1;
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__arrow-down {
  transform: rotate(-180deg);
}

.lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__digits {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-digital-clock);
  pointer-events: none;
  font-family: DS-Digital, sans-serif;
  font-size: 8.125em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: .7;
}

@media screen and (min-width: 760px) {
  .lemonade-exercises .lemo-clock-digital-digits .lemo-clock-digital-digits__digits {
    font-size: 11.5em;
  }
}

.lemonade-exercises .lemo-clock-digital {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 24px;
}

.lemonade-exercises .lemo-clock-digital .lemo-clock-digital__wrapper {
  background-color: #333;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 24px;
  flex-direction: row;
  flex-grow: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}

.lemonade-exercises .lemo-clock-digital .lemo-clock-digital-digits__arrow {
  visibility: hidden;
}

.lemonade-exercises .lemo-clock-digital:hover .lemo-clock-digital-digits__arrow {
  visibility: visible;
}

.lemonade-exercises .lemo-clock-digital .lemo-clock-digital__two_points {
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-digital-clock);
  margin: 0 10px;
  font-family: DS-Digital, sans-serif;
  font-size: 8.125em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: .82;
}

@media screen and (min-width: 760px) {
  .lemonade-exercises .lemo-clock-digital .lemo-clock-digital__two_points {
    font-size: 11.5em;
  }
}

.lemonade-exercises .lemo-clock-digital.lemo-error .lemo-clock-digital__wrapper {
  border: solid 4px var(--lemo-color-error);
  outline: solid 4px var(--lemo-color-error-light-alpha);
  outline-offset: 0px;
}

.lemonade-exercises .lemo-clock-digital.lemo-success .lemo-clock-digital__wrapper {
  border: solid 4px var(--lemo-color-success);
  outline: solid 4px var(--lemo-color-success-light);
  outline-offset: 0px;
}

@media (hover: none) {
  .lemonade-exercises .lemo-clock-digital .lemo-clock-digital-digits__arrow {
    visibility: visible;
  }
}

@media screen and (min-width: 760px) {
  .lemonade-exercises .lemo-clock-digital .lemo-clock-digital__wrapper {
    max-width: 550px;
  }
}

.lemonade-exercises .lemo-time-input {
  background: var(--lemo-color-gray-01);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 5.5px 3px;
}

.lemonade-exercises .lemo-time-input .lemo-editor-input-text {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  background: none;
  border: none;
  padding: 10px;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: 0;
}

.lemonade-exercises .lemo-time-input.lemo-time-input--focused {
  background: var(--lemo-color-corporate-lighter);
}

.lemonade-exercises .lemo-time-input.lemo-time-input--focused .lemo-editor-input-text {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-clock-time-inputs {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.lemonade-exercises .lemo-clock-time-inputs .lemo-clock-time-inputs__separator {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  background: none;
  border: none;
  align-self: center;
  padding: 10px;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  line-height: 0;
}

.lemonade-exercises #drawing-canvas-holder {
  z-index: 98;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.lemonade-exercises #drawing-app-overlay {
  z-index: 97;
  pointer-events: all;
  touch-action: none;
}

.lemonade-exercises #drawing-app-background {
  z-index: 96;
  touch-action: none;
}

.lemonade-exercises .lemo-drawing-app-canvas {
  position: absolute;
}

.lemonade-exercises .lemo-drawing-app-canvas:not(.lemo-disabled) {
  cursor: pointer;
}

.lemonade-exercises .lemo-drawing-app-canvas:active:not(.lemo-disabled) {
  cursor: crosshair;
}

.lemonade-exercises .lemo-drawing-canvas-loading {
  opacity: .5;
  color: #000;
  background: #fff;
  width: 100%;
  font-size: 3em;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-drawing-canvas-loading.lemo-is-loading {
  z-index: 1000;
  pointer-events: all;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-print-view .lemo-drawing-canvas-loading.lemo-is-loading {
  display: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper {
  z-index: 100;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-drawing-tools-wrapper.lemo-isPressing {
  opacity: .2;
  pointer-events: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-drawing-tools {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-drawing-tool-panel {
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  background: #fff;
  margin: 0 .3em 0 0;
  padding: .4em;
  list-style: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper li {
  text-align: center;
  margin: .8em auto;
}

.lemonade-exercises .lemo-drawing-tools-wrapper li:first-child {
  margin-top: 0;
}

.lemonade-exercises .lemo-drawing-tools-wrapper li:last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-button {
  border-radius: var(--lemo-radii-02);
  cursor: pointer;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  padding: 4px;
  display: block;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-icon {
  fill: var(--lemo-color-gray-04);
  stroke: var(--lemo-color-gray-04);
  width: 32px;
  height: 32px;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-eraser-icon .lemo-tool-icon {
  stroke: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-icon.lemo-light {
  opacity: .5;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-button.lemo-selected {
  background: var(--lemo-color-corporate-light-alpha);
  cursor: default;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-tool-button.lemo-selected .lemo-tool-icon {
  fill: var(--lemo-color-corporate);
  stroke: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-eraser-icon.lemo-tool-button.lemo-selected .lemo-tool-icon {
  fill: none;
  stroke: none;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-eraser-icon.lemo-tool-button.lemo-selected .lemo-tool-icon path {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-color-swatch {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  outline: none;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  transition: height .6s ease-out;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-color-swatch.lemo-with-border {
  border: 1px solid var(--lemo-color-gray-06);
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-color-swatch.selected, .lemonade-exercises .lemo-drawing-tools-wrapper .lemo-color-swatch.lemo-with-border.lemo-selected {
  border: 2px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-optional-item {
  width: 34px;
  height: 34px;
  transition: height .22s ease-in-out;
  overflow: hidden;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-hide {
  height: 0;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-show {
  height: 32px;
}

.lemonade-exercises .lemo-drawing-tools-wrapper .lemo-separator {
  background: var(--lemo-color-gray-02);
  width: 90%;
  height: 1px;
  margin: .5em auto;
}

.lemonade-exercises .lemo-other-pencil .lemo-question-body {
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-other-pencil .background-wrapper {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.lemonade-exercises .lemo-other-pencil .lemo-canvas-wrapper {
  border: 2px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-01);
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-other-pencil .lemo-background-image {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.lemonade-exercises .lemo-other-pencil .lemo-thickness-panel, .lemonade-exercises .lemo-other-pencil .lemo-color-panel {
  position: absolute;
  left: 53px;
}

.lemonade-exercises .lemo-other-statement .lemo-statement-image {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-word-search-cell {
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
}

.lemonade-exercises .lemo-is-hovered {
  color: #fff;
}

.lemonade-exercises .lemo-word-search-cell__text {
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  pointer-events: none;
}

.lemonade-exercises .lemo-word-search-board {
  z-index: 1;
  display: grid;
  position: relative;
}

.lemonade-exercises .lemo-word-search-selection {
  stroke-width: 1.6em;
}

.lemonade-exercises .lemo-size-S .lemo-word-search-selection {
  transform: translate(1em, 1em);
}

.lemonade-exercises .lemo-size-M .lemo-word-search-selection {
  transform: translate(.95em, .95em);
}

.lemonade-exercises .lemo-size-L .lemo-word-search-selection {
  transform: translate(.8em, .75em);
}

.lemonade-exercises .lemo-word-search-selection.lemo-show-solution {
  filter: drop-shadow(0 0 2px var(--lemo-color-success));
}

@media screen and (min-width: 480px) {
  .lemonade-exercises .lemo-other-word-search .lemo-size-S .lemo-word-search-selection {
    transform: translate(1em, 1em);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-selection {
    transform: translate(1.125em, 1.14em);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-selection {
    transform: translate(.9em, .95em);
  }
}

@media screen and (min-width: 1024px) {
  .lemonade-exercises .lemo-other-word-search .lemo-size-S .lemo-word-search-selection {
    transform: translate(1.25em, 1.25em);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-selection {
    transform: translate(1.41em, 1.4em);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-selection {
    transform: translate(1.2em, 1.2em);
  }
}

.lemonade-exercises .lemo-word-search-selection-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-other-word-search .lemo-question-body {
  touch-action: none;
  overflow-x: auto;
}

.lemonade-exercises .lemo-other-word-search .lemo-word-search-board-wrapper {
  font-weight: var(--lemo-text-medium);
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-other-word-search .lemo-size-S {
  font-size: var(--lemo-word-search-font--tablet-small);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-S .lemo-word-search-cell {
  width: var(--lemo-word-search-cell--tablet-small);
  height: var(--lemo-word-search-cell--tablet-small);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-M {
  font-size: var(--lemo-word-search-font--cellular-medium);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-cell {
  width: var(--lemo-word-search-cell--cellular-medium);
  height: var(--lemo-word-search-cell--cellular-medium);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-L {
  font-size: var(--lemo-word-search-font--cellular-large);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-board-wrapper {
  font-weight: var(--lemo-text-bold);
}

.lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-cell {
  width: var(--lemo-word-search-cell--cellular-large);
  height: var(--lemo-word-search-cell--cellular-large);
}

@media screen and (min-width: 480px) {
  .lemonade-exercises .lemo-other-word-search .lemo-size-M {
    font-size: var(--lemo-word-search-font--tablet-medium);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--tablet-medium);
    height: var(--lemo-word-search-cell--tablet-medium);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L {
    font-size: var(--lemo-word-search-font--tablet-large);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--tablet-large);
    height: var(--lemo-word-search-cell--tablet-large);
  }
}

@media screen and (min-width: 1024px) {
  .lemonade-exercises .lemo-other-word-search .lemo-size-S {
    font-size: var(--lemo-word-search-font--desktop-small);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-S .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--desktop-small);
    height: var(--lemo-word-search-cell--desktop-small);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M {
    font-size: var(--lemo-word-search-font--desktop-medium);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-M .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--desktop-medium);
    height: var(--lemo-word-search-cell--desktop-medium);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L {
    font-size: var(--lemo-word-search-font--desktop-large);
  }

  .lemonade-exercises .lemo-other-word-search .lemo-size-L .lemo-word-search-cell {
    width: var(--lemo-word-search-cell--desktop-large);
    height: var(--lemo-word-search-cell--desktop-large);
  }
}

.lemonade-exercises.lemo-word-search-tokens {
  --lemo-word-search-cell--tablet-small: 50px;
  --lemo-word-search-font--tablet-small: var(--lemo-text-h3);
  --lemo-word-search-cell--desktop-small: 60px;
  --lemo-word-search-font--desktop-small: var(--lemo-text-h3);
  --lemo-word-search-cell--cellular-medium: 34px;
  --lemo-word-search-font--cellular-medium: var(--lemo-text-body-l);
  --lemo-word-search-cell--tablet-medium: 40px;
  --lemo-word-search-font--tablet-medium: var(--lemo-text-body-l);
  --lemo-word-search-cell--desktop-medium: 50px;
  --lemo-word-search-font--desktop-medium: var(--lemo-text-body-l);
  --lemo-word-search-cell--cellular-large: 22px;
  --lemo-word-search-font--cellular-large: var(--lemo-text-body-s);
  --lemo-word-search-cell--tablet-large: 30px;
  --lemo-word-search-font--tablet-large: var(--lemo-text-body-m);
  --lemo-word-search-cell--desktop-large: 38px;
  --lemo-word-search-font--desktop-large: var(--lemo-text-body-m);
}

.lemonade-exercises .lemo-editor-exercise-click-to-find .lemo-image-preview .lemo-image-preview__image {
  text-align: center;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map__input--hide {
  display: none;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map__uploading {
  position: absolute;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspot-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__img {
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable:after {
  content: "";
  outline: 3px dashed var(--lemo-color-gray-05);
  outline-offset: 6px;
  pointer-events: none;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable.lemo-no-box-padding:after {
  outline-offset: 0;
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable--selected:after, .lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable:hover:after {
  outline: 3px dashed var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor-exercise-click-to-find-map-hotspots .lemo-editor-exercise-click-to-find-map-hotspots__draggable-img {
  pointer-events: none;
  width: 100%;
  height: auto;
}

.lemonade-exercises .lemo-control {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-control .lemo-text {
  margin-bottom: 1px;
  margin-right: .4em;
}

.lemonade-exercises .lemo-control .lemo-input {
  color: var(--lemo-color-base-white);
  border-color: var(--lemo-color-gray-05);
  border-radius: var(--lemo-radii-01);
  width: 5em;
  height: 24px;
  padding: .2em;
  font-size: 1em;
}

.lemonade-exercises .lemo-control .lemo-input--hide-number-controls::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-control .lemo-input--hide-number-controls::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lemonade-exercises .lemo-control .lemo-input--hide-number-controls[type="number"] {
  -moz-appearance: textfield;
}

.lemonade-exercises .lemo-control .lemo-input--show-number-controls {
  cursor: default;
}

.lemonade-exercises .lemo-control .lemo-input--show-number-controls::-webkit-inner-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-control .lemo-input--show-number-controls::-webkit-outer-spin-button {
  opacity: 1;
}

.lemonade-exercises .lemo-control .lemo-input:focus {
  outline: none;
}

.lemonade-exercises .lemo-control--disabled-key-down {
  position: relative;
}

.lemonade-exercises .lemo-control--disabled-key-down .lemo-input {
  caret-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.lemonade-exercises .lemo-control--disabled-key-down:after {
  content: "";
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-popover-hotspot {
  width: 100%;
  display: inline-block;
  position: relative;
}

.lemonade-exercises .lemo-popover-hotspot__content {
  box-sizing: border-box;
  background: var(--lemo-color-gray-06);
  border: 1px solid var(--lemo-color-gray-06);
  z-index: 2;
  border-radius: .3em;
  align-items: center;
  gap: 7px;
  max-height: 9em;
  margin-top: 2px;
  padding: 4px 8px;
  display: flex;
  position: absolute;
  overflow-y: auto;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-editor-slider__slider input {
  min-width: 150px;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-editor-title-subtitle-component__title-subtitle {
  white-space: nowrap;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: -webkit-max-content;
  width: max-content;
  display: flex;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls .lemo-text {
  color: var(--lemo-color-gray-04);
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-separator {
  background-color: var(--lemo-color-gray-05);
  flex-grow: 0;
  width: 1px;
  height: 24px;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-xy {
  display: flex;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-xy > div:first-child {
  margin-right: .6em;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-button {
  text-align: center;
  align-items: center;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-button .lemo-editor-inline-button {
  height: auto;
  margin-bottom: 1px;
  display: inline-block;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-button .lemo-editor-inline-button .lemo-editor-inline-button__icon {
  margin: 0;
}

.lemonade-exercises .lemo-popover-hotspot__content .lemo-popover-hotspot__content-controls-button .lemo-editor-inline-button svg {
  width: 25px;
}

.lemonade-exercises .lemo-editor-word-search-preview .lemo-solutions-preview .lemo-word-search-board-wrapper {
  pointer-events: none;
}

.lemonade-exercises .lemo-editor-word-search-preview__button .lemo-simple-button {
  width: 100%;
}

.lemonade-exercises .lemo-editor-word-search-preview__button .lemo-editor-word-search-preview__button-progress-icon-spinner {
  border: 3px solid var(--lemo-color-corporate);
  border-left-color: var(--lemo-color-base-white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 auto;
  animation: 1s linear infinite lemo-upload-icon-animation;
}

.lemonade-exercises .lemo-editor-simple-list {
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  gap: 12px;
  padding: 12px 0 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-simple-list .lemo-editor-simple-list__footer {
  width: 100%;
}

.lemonade-exercises .lemo-editor-simple-list .lemo-editor-simple-list__footer-add {
  flex-grow: 1;
}

.lemonade-exercises .lemo-editor-simple-list .lemo-editor-simple-list__icon-plus {
  width: 24px !important;
  height: 24px !important;
}

.lemonade-exercises .lemo-base-button {
  border-radius: var(--lemo-button-border-radius);
  height: var(--lemo-button-height);
  color: var(--button-color);
  border: 2px solid var(--button-border-color);
  background-color: var(--button-bg-color);
}

.lemonade-exercises .lemo-base-button .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button:hover {
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-bg-color-hover);
}

.lemonade-exercises .lemo-base-button:hover .lemo-icon {
  fill: var(--button-icon-color-hover);
}

.lemonade-exercises .lemo-base-button:disabled {
  pointer-events: none;
  color: var(--button-color-disabled);
  border-color: var(--button-border-color-disabled);
  background-color: var(--button-bg-color-disabled);
}

.lemonade-exercises .lemo-base-button:disabled .lemo-icon {
  fill: var(--button-icon-color-disabled);
}

.lemonade-exercises .lemo-base-button--primary {
  --button-color: var(--lemo-button-color-white);
  --button-border-color: var(--lemo-button-color-primary);
  --button-bg-color: var(--lemo-button-color-primary);
  --button-icon-color: var(--lemo-button-color-white);
  --button-color-hover: var(--lemo-button-color-white);
  --button-border-color-hover: var(--lemo-button-color-primary-hover);
  --button-bg-color-hover: var(--lemo-button-color-primary-hover);
  --button-icon-color-hover: var(--lemo-button-color-white);
  --button-color-disabled: var(--lemo-button-color-disabled-03);
  --button-border-color-disabled: var(--lemo-button-color-disabled-01);
  --button-bg-color-disabled: var(--lemo-button-color-disabled-01);
  --button-icon-color-disabled: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-base-button--secondary {
  --button-color: var(--lemo-button-color-primary);
  --button-icon-color: var(--lemo-button-color-primary);
  --button-border-color: var(--lemo-button-color-primary);
  --button-bg-color: var(--lemo-button-color-white);
  --button-color-hover: var(--lemo-button-color-primary-hover);
  --button-border-color-hover: var(--lemo-button-color-primary-hover);
  --button-icon-color-hover: var(--lemo-button-color-primary-hover);
  --button-bg-color-hover: var(--lemo-button-color-white);
  --button-color-disabled: var(--lemo-button-color-disabled-03);
  --button-border-color-disabled: var(--lemo-button-color-disabled-03);
  --button-bg-color-disabled: var(--lemo-button-color-white);
  --button-icon-color-disabled: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-base-button--text {
  color: var(--lemo-button-color-primary);
  fill: var(--lemo-button-color-primary);
  padding: .5em;
}

.lemonade-exercises .lemo-base-button--text .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button--text:hover {
  color: var(--lemo-button-color-primary-hover);
  fill: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-base-button--text:hover .lemo-icon {
  fill: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-base-button--text:disabled {
  pointer-events: none;
  color: var(--lemo-button-color-disabled-03);
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-base-button--text:disabled .lemo-icon {
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-base-button--text-red {
  color: var(--lemo-color-error);
  fill: var(--lemo-color-error);
  padding: .5em;
}

.lemonade-exercises .lemo-base-button--text-red .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button--text-red:hover {
  color: var(--lemo-color-error-light);
  fill: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-base-button--text-red:hover .lemo-icon {
  fill: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-base-button--text-red:disabled {
  pointer-events: none;
  color: var(--lemo-color-gray-03);
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-red:disabled .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove {
  color: var(--lemo-color-gray-02);
  fill: var(--lemo-color-gray-02);
  padding: .5em;
}

.lemonade-exercises .lemo-base-button--text-gray .lemo-icon, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove .lemo-icon {
  fill: var(--button-icon-color);
  width: var(--lemo-button-icon-size);
  height: var(--lemo-button-icon-size);
}

.lemonade-exercises .lemo-base-button--text-gray:hover, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove:hover {
  color: var(--lemo-color-gray-03);
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray:hover .lemo-icon, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove:hover .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-base-button--text-gray:disabled, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove:disabled {
  pointer-events: none;
  color: var(--lemo-color-gray-01);
  fill: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-base-button--text-gray:disabled .lemo-icon, .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove:disabled .lemo-icon {
  fill: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-editor-simple-list-item {
  flex-direction: column;
  display: flex;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove {
  flex-direction: row;
  flex-grow: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0;
  display: flex;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__input {
  flex: 1;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__input input {
  flex: 1;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__text-counter {
  color: var(--lemo-color-gray-03);
  margin-right: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove {
  padding: 0;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__remove .lemo-icon {
  width: 24px;
  height: 24px;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-base-input.lemo-error {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
}

@media only screen and (max-width: 480px) {
  .lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__input_remove .lemo-editor-simple-list-item__text-counter {
    align-self: center;
    margin-left: 5px;
    margin-right: 0;
    position: relative;
    top: auto;
    transform: none;
  }
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__error {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-error);
  margin-top: 6px;
  margin-left: 6px;
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__number {
  background-color: var(--lemo-color-gray-01);
  border-radius: 5px;
  flex-direction: column;
  flex-grow: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 48px;
  height: 48px;
  padding: 12px;
  display: flex;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__number .lemo-editor-simple-list-item__number-number {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  color: var(--lemo-color-gray-04);
  flex-grow: 0;
  width: 24px;
  height: 24px;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-editor-simple-list-item .lemo-editor-simple-list-item__remove--disabled {
  pointer-events: none;
  opacity: .5;
}

.lemonade-exercises .lemo-pathway-instructions {
  text-align: center;
  min-height: 2.8em;
  margin: 1em auto;
  padding: 0;
}

.lemonade-exercises .lemo-pathway-instructions .lemo-instruction {
  text-align: left;
  border-radius: var(--lemo-radii-02);
  color: var(--lemo-color-gray-05);
  background-color: var(--lemo-color-gray-01);
  width: -webkit-fit-content;
  width: fit-content;
  margin: .3em;
  padding: .5em;
  list-style: none;
  display: inline-block;
}

.lemonade-exercises .lemo-layout-orientation-bottom .lemo-pathway-instructions, .lemonade-exercises .lemo-layout-orientation-top .lemo-pathway-instructions {
  margin: 1em auto;
}

.lemonade-exercises .lemo-layout-orientation-bottom .lemo-pathway-instructions .lemo-instruction, .lemonade-exercises .lemo-layout-orientation-top .lemo-pathway-instructions .lemo-instruction {
  display: inline-block;
}

@media screen and (min-width: 769px) {
  .lemonade-exercises .lemo-pathway-instructions {
    margin: 0 1em;
  }

  .lemonade-exercises .lemo-pathway-instructions .lemo-instruction {
    display: block;
  }
}

.lemo-pathway-player {
  z-index: 1;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.lemo-pathway-player__img {
  width: 55%;
  height: auto;
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction {
  border-radius: 0 var(--lemo-radii-01) var(--lemo-radii-01) 0;
  transform-origin: -50%;
  background-color: rgba(0, 0, 0, .3);
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 92%;
  display: flex;
  position: absolute;
  top: 4%;
  right: 4%;
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction .lemo-icon {
  fill: #fff;
  width: 32px;
  height: 32px;
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction-top {
  transform: rotate(-90deg);
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction-left {
  transform: rotate(-180deg);
}

.lemonade-exercises .lemo-pathway-cell .first-cell-direction-bottom {
  transform: rotate(90deg);
}

.lemonade-exercises .lemo-pathway-cell {
  border: 1px solid var(--lemo-color-gray-01);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-pathway-cell__bg {
  border-radius: var(--lemo-radii-01);
  width: 92%;
  height: 92%;
}

.lemonade-exercises .lemo-pathway-cell.lemo-player-position .lemo-pathway-cell__bg {
  cursor: auto;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .15);
}

.lemonade-exercises .lemo-pathway-cell.lemo-is-action-button .lemo-pathway-cell__bg {
  cursor: pointer;
  pointer-events: auto;
}

.lemonade-exercises .lemo-pathway-cell.lemo-is-action-button:not(.lemo-hide-buttons) .lemo-pathway-cell__bg {
  background-color: rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-pathway-cell.lemo-cell-visited .lemo-pathway-cell__bg {
  background-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-pathway-cell.lemo-cell-visited.lemo-is-back-button:not(.lemo-hide-buttons) .lemo-pathway-cell__bg {
  background-color: var(--lemo-color-corporate);
  opacity: .6;
}

.lemonade-exercises .lemo-pathway-cell.lemo-preview-first-cell .lemo-pathway-cell__bg {
  background-color: rgba(0, 0, 0, .15);
}

.lemonade-exercises .lemo-pathway-cell.lemo-user-path-feedback {
  outline: 2px solid var(--lemo-color-error);
  outline-offset: -2px;
}

.lemonade-exercises .lemo-pathway-cell.lemo-user-path-feedback.lemo-cell-visited {
  outline-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-question-body.lemo-success .lemo-pathway-cell.lemo-is-action-button .lemo-pathway-cell__bg, .lemonade-exercises .lemo-question-body.lemo-error .lemo-pathway-cell.lemo-is-action-button .lemo-pathway-cell__bg {
  background-color: unset;
}

.lemonade-exercises .lemo-question-body.lemo-success .lemo-pathway-board:not(.lemo-preview-mode) .lemo-pathway-cell.lemo-cell-visited .lemo-pathway-cell__bg, .lemonade-exercises .lemo-question-body.lemo-success .lemo-pathway-board:not(.lemo-preview-mode) .lemo-pathway-cell.lemo-cell-visited.lemo-is-back-button .lemo-pathway-cell__bg {
  background-color: var(--lemo-color-success);
  opacity: 1;
}

.lemonade-exercises .lemo-question-body.lemo-error .lemo-pathway-board:not(.lemo-preview-mode) .lemo-pathway-cell.lemo-cell-visited .lemo-pathway-cell__bg, .lemonade-exercises .lemo-question-body.lemo-error .lemo-pathway-board:not(.lemo-preview-mode) .lemo-pathway-cell.lemo-cell-visited.lemo-is-back-button .lemo-pathway-cell__bg {
  background-color: var(--lemo-color-error);
  opacity: 1;
}

.lemonade-exercises .lemo-disabled .lemo-pathway-cell.lemo-is-action-button .lemo-pathway-cell__bg {
  cursor: auto;
}

.lemonade-exercises .lemo-pathway-board {
  background-color: var(--lemo-color-base-background);
  width: -webkit-fit-content;
  width: fit-content;
  display: grid;
}

.lemonade-exercises .lemo-pathway-board:focus {
  outline: 2px solid var(--lemo-color-corporate);
  outline-offset: 3px;
}

.lemonade-exercises .lemo-disabled .lemo-pathway-board:focus {
  outline: none;
}

.lemonade-exercises .lemo-pathway-board-wrapper {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 5px 0;
  position: relative;
}

@media only screen and (min-width: 560px) {
  .lemonade-exercises .lemo-pathway-board-wrapper {
    padding: 5px;
  }
}

.lemonade-exercises .lemo-refresh-button {
  width: 100%;
  max-width: 600px;
  margin: 1em auto 0;
  display: flex;
}

.lemonade-exercises .lemo-refresh-button svg {
  fill: #fff;
  width: 24px;
  margin-right: .3em;
}

.lemonade-exercises .lemo-other-pathway .lemo-question-body {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-top, .lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-left, .lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-right {
  flex-direction: column;
}

.lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-bottom {
  flex-direction: column-reverse;
}

@media screen and (min-width: 769px) {
  .lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-left {
    flex-direction: row;
  }

  .lemonade-exercises .lemo-other-pathway .lemo-question-body.lemo-layout-orientation-right {
    flex-direction: row-reverse;
  }
}

.lemonade-exercises .lemo-single-image-uploader .lemo-close-button {
  cursor: pointer;
}

.lemonade-exercises .lemo-single-image-uploader .lemo-close-button .lemo-icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .lemo-single-image-uploader .lemo-close-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cross-word-cell {
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: flex;
  position: absolute;
}

.lemonade-exercises .lemo-cross-word-cell__text {
  border: 1px solid var(--lemo-color-gray-02);
  color: var(--lemo-color-gray-06);
  background-color: var(--lemo-color-base-background);
  text-align: center;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  font-size: 2em;
  font-weight: 500;
}

.lemonade-exercises .lemo-success .lemo-cross-word-cell__text {
  border-color: var(--lemo-color-success);
  background-color: var(--lemo-color-success-light);
}

.lemonade-exercises .lemo-error .lemo-cross-word-cell__text {
  border-color: var(--lemo-color-error);
  background-color: var(--lemo-color-error-light);
}

.lemonade-exercises .lemo-cross-word-cell__text:disabled {
  color: var(--lemo-color-gray-06);
  cursor: not-allowed;
}

.lemonade-exercises .lemo-cross-word-cell__text:hover {
  background-color: #f6f8fe;
}

.lemonade-exercises .lemo-cross-word-cell__text:focus {
  outline-color: var(--lemo-color-corporate);
  background-color: #f6f8fe;
}

.lemonade-exercises .lemo-is-word-selected .lemo-cross-word-cell__text {
  outline: 1px solid var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-cross-word-cell__first-word-index, .lemonade-exercises .lemo-cross-word-cell__second-word-index {
  color: var(--lemo-color-text-03);
  font-size: .75em;
  font-weight: 700;
  position: absolute;
}

.lemonade-exercises .lemo-cross-word-cell__first-word-index {
  top: 5px;
  left: 5px;
}

.lemonade-exercises .lemo-cross-word-cell__second-word-index {
  bottom: 5px;
  left: 5px;
}

.lemonade-exercises .lemo-cross-word-board {
  margin: 1em auto;
  position: relative;
}

.lemonade-exercises .lemo-other-crossword .lemo-question-body {
  overflow-x: auto;
}

.lemonade-exercises .lemo-other-crossword .lemo-cross-word-board-wrapper {
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
}

.lemonade-exercises .lemo-generation-error {
  text-align: center;
  padding: 2.2em 0;
}

.lemonade-exercises .lemo-generation-error > * {
  margin: 1.2em 0;
}

.lemonade-exercises .lemo-generation-error .lemo-generation-error__icon {
  fill: var(--lemo-color-gray-03);
}

.lemonade-exercises .response-feedback {
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-03);
  background-color: var(--lemo-color-base-background);
  border-radius: var(--lemo-radii-01);
  flex-flow: column wrap;
  width: 98%;
  padding: .75em;
  display: flex;
}

.lemonade-exercises .response-feedback__item {
  justify-content: left;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lemonade-exercises .response-feedback__number {
  color: var(--lemo-color-text-01);
  font-weight: 600;
}

.lemonade-exercises .response-feedback__answer {
  color: var(--lemo-color-text-01);
}

.lemonade-exercises .response-feedback__icon {
  width: 30px;
  height: 30px;
}

.lemonade-exercises .lemo-editor-crossword-preview__button .lemo-simple-button {
  width: 100%;
}

.lemonade-exercises .lemo-word-serach-solution-letters .lemo-word-serach-solution-letters__error_footer {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  color: var(--lemo-color-gray-04);
  background: #fafafa;
  border-radius: 4px;
  gap: 10px;
  padding: 4px;
  font-size: .875em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-top .lemo-icon {
  transform: rotate(-90deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-left .lemo-icon {
  transform: rotate(-180deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-bottom .lemo-icon {
  transform: rotate(90deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-controls {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin: .5em auto;
  display: flex;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-controls .lemo-key-button {
  margin: 5px;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-top, .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-right {
  order: 1;
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-controls {
    width: 200px;
    margin: 1em auto;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-controls .lemo-key-button:first-child {
    margin: 5px 50px;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-top, .lemonade-exercises .lemo-other-reverse-pathway .lemo-direction-button-right {
    order: 0;
  }
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-counter {
  text-align: right;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response-counter {
    top: 6px;
  }
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-button-color-primary);
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response.lemo-selected {
  background-color: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response.lemo-success {
  background-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response.lemo-error {
  background-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-close-button {
  background: var(--lemo-button-color-primary-hover);
  cursor: pointer;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -11px;
  right: -11px;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-close-button .lemo-icon {
  fill: #fff;
  width: 100%;
  height: 100%;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-icon {
  fill: #fff;
  width: 80%;
  height: 80%;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-close-button:hover {
  background: var(--lemo-button-color-primary);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-top .lemo-icon {
  transform: rotate(-90deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-left .lemo-icon {
  transform: rotate(-180deg);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-bottom .lemo-icon {
  transform: rotate(90deg);
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response {
    width: 52px;
    height: 52px;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response .lemo-close-button {
    width: 24px;
    height: 24px;
    top: -6px;
    right: -6px;
  }
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list {
  border: 2px solid var(--lemo-box-border-color-default);
  border-radius: var(--lemo-radii-02);
  flex-wrap: wrap;
  align-items: center;
  min-height: 60px;
  margin: .5em 0;
  padding: .5em;
  display: flex;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list.lemo-success {
  border: 2px solid var(--lemo-color-success);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list.lemo-error {
  border: 2px solid var(--lemo-color-error);
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list .lemo-response {
  margin: .35em;
}

@media screen and (min-width: 561px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list {
    min-height: 90px;
    margin: 1em 0;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-response-list .lemo-response {
    margin: .5em;
  }
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body {
  flex-direction: column;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-above {
  flex-direction: column-reverse;
}

.lemonade-exercises .lemo-other-reverse-pathway .lemo-user-controls {
  flex-grow: 1;
  width: 100%;
  min-width: 300px;
}

@media screen and (min-width: 960px) {
  .lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-left {
    flex-direction: row-reverse;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-left .lemo-pathway-board-wrapper {
    margin: 0 1em;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-right {
    flex-direction: row;
  }

  .lemonade-exercises .lemo-other-reverse-pathway .lemo-question-body.lemo-layout-orientation-right .lemo-pathway-board-wrapper {
    margin: 0 1em;
  }
}

.lemonade-exercises .lemo-other-rating .lemo-rating-container {
  text-align: center;
  gap: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-options-container {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-description-container {
  justify-content: center;
  display: flex;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-description {
  color: var(--lemo-color-gray-04);
  text-align: center;
  max-width: 400px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  padding: 8px;
  transition: all .2s;
  display: flex;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button:hover {
  transform: scale(1.1);
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-text-button {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 8px;
  min-width: 80px;
  min-height: 50px;
  padding: 8px 12px;
  font-weight: 500;
  overflow: hidden;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button__content {
  font-size: 32px;
  line-height: 1;
  transition: all .2s;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button__content svg {
  fill: var(--lemo-color-gray-05);
  transition: all .2s;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button:not(.lemo-rating-option-button--selected) .lemo-rating-option-button__content {
  color: var(--lemo-color-gray-05);
  font-size: 28px;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button:not(.lemo-rating-option-button--selected) .lemo-rating-option-button__content svg {
  fill: var(--lemo-color-gray-05);
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-rating-option-button--selected .lemo-rating-option-button__content {
  color: var(--lemo-color-corporate);
  font-size: 32px;
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-rating-option-button--selected .lemo-rating-option-button__content svg {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-rating-option-button--selected.lemo-text-button {
  outline: 2px solid var(--lemo-color-corporate);
  outline-offset: 2px;
}

.lemonade-exercises .lemo-other-rating .lemo-text-button .lemo-rating-option-button__content {
  font-size: 32px;
}

.lemonade-exercises .lemo-other-rating .lemo-text-button .lemo-rating-option-button__content svg {
  width: 32px;
  height: 32px;
}

@media (max-width: 480px) {
  .lemonade-exercises .lemo-other-rating .lemo-rating-container {
    max-width: 100%;
    margin: 0 8px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-options-container {
    gap: 8px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-description {
    max-width: 300px;
    font-size: 12px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-option-button__content {
    font-size: 28px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-option-button {
    min-width: 40px;
    min-height: 40px;
    padding: 6px;
  }

  .lemonade-exercises .lemo-other-rating .lemo-rating-option-button.lemo-text-button {
    min-width: 70px;
    min-height: 45px;
    font-size: 12px;
  }
}

.lemo-adaptative-choice .lemo-adaptative-choice__container {
  width: 100%;
  margin: 0 auto;
}

.lemo-adaptative-choice .lemo-adaptative-choice__options-container {
  margin-bottom: 30px;
}

.lemo-adaptative-choice .lemo-adaptative-choice__grid {
  -moz-column-gap: 16px;
  grid-template-rows: repeat(auto-fit, minmax(120px, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 8px 16px;
  display: grid;
}

.lemo-adaptative-choice .lemo-adaptative-choice__option, .lemo-adaptative-choice .lemo-adaptative-choice__option.lemo-adaptative-choice__option {
  border: 2px solid var(--lemo-color-corporate);
  background: var(--lemo-color-base-white);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 120px;
  padding: 12px;
  transition: all .3s;
  display: flex;
}

.lemo-adaptative-choice .lemo-adaptative-choice__option .lemo-adaptative-choice__option-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  display: flex;
}

.lemo-adaptative-choice .lemo-adaptative-choice__option:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 123, 255, .2);
}

.lemo-adaptative-choice .lemo-adaptative-choice__option.lemo-adaptative-choice__option--selected {
  background-color: var(--lemo-color-corporate);
}

.lemo-adaptative-choice .lemo-adaptative-choice__option.lemo-adaptative-choice__option.lemo-adaptative-choice__option--selected {
  background-color: var(--lemo-color-corporate-light);
}

.lemo-adaptative-choice .lemo-adaptative-choice-option-icon {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.lemo-adaptative-choice .lemo-adaptative-choice-option-icon img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.lemo-adaptative-choice .lemo-adaptative-choice-option-icon .lemo-adaptative-choice-option-emoji {
  font-size: 32px;
  line-height: 1;
}

.lemo-adaptative-choice .lemo-adaptative-choice-option-text {
  color: inherit;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.lemo-adaptative-choice .lemo-adaptative-choice__no-options {
  text-align: center;
  color: #666;
  padding: 40px;
  font-style: italic;
}

.lemo-adaptative-choice .lemo-adaptative-choice__navigation {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.lemo-adaptative-choice .lemo-adaptative-choice__navigation-left {
  flex: 1;
}

.lemo-adaptative-choice .lemo-adaptative-choice__navigation-right {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.lemo-adaptative-choice .lemo-disabled .lemo-adaptative-choice__navigation, .lemo-adaptative-choice .lemo-disabled .lemo-adaptative-choice__navigation button {
  pointer-events: auto;
}

.lemo-adaptative-choice .lemo-adaptative-choice__progress {
  color: #666;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .lemo-adaptative-choice .lemo-adaptative-choice__grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
  }

  .lemo-adaptative-choice .lemo-adaptative-choice__option, .lemo-adaptative-choice .lemo-adaptative-choice__option.lemo-adaptative-choice__option {
    padding: 15px;
  }

  .lemo-adaptative-choice .lemo-adaptative-choice__navigation {
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
  }

  .lemo-adaptative-choice .lemo-adaptative-choice__navigation-left, .lemo-adaptative-choice .lemo-adaptative-choice__navigation-right {
    flex: none;
    justify-content: center;
  }
}

.lemo-levels-config__container {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.lemo-levels-config__level-container {
  flex-direction: column;
  align-self: stretch;
  gap: 8px;
  display: flex;
}

.lemo-levels-config__level-title {
  color: var(--lemo-color-text-02);
  font-weight: var(--lemo-text-bold);
  font-size: var(--lemo-text-body-m);
  margin-bottom: 8px !important;
}

.lemo-levels-config__field-container {
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.lemo-levels-config__field-label {
  font-size: var(--lemo-text-body-m);
  font-style: normal;
  font-weight: var(--lemo-text-regular);
  color: var(--lemo-color-black);
  margin-bottom: 4px;
  line-height: 24px;
  display: block;
}

.lemo-levels-config__field-input {
  min-height: 100px;
}

.lemo-levels-config__options-container {
  flex-direction: column;
  gap: 20px;
  display: flex;
  margin-top: 12px !important;
  margin-left: 24px !important;
}

.lemo-levels-config__option-container {
  flex: 1;
  margin-bottom: 10px;
}

.lemo-levels-config__option-content {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.lemo-levels-config__option-content .lemo-levels-config__option-content-input {
  flex: 1;
}

.lemo-levels-config__option-input {
  flex: 1;
  min-height: 60px;
}

.lemo-levels-config__visibility-controls {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lemo-levels-config__visibility-button {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.lemo-levels-config__visibility-button:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, .05);
}

.lemo-levels-config__visibility-button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.lemo-levels-config__visibility-button svg {
  width: 24px;
  height: 24px;
}

.lemo-levels-config__visibility-button--disabled {
  cursor: not-allowed;
  opacity: .5;
}

.lemo-levels-config__input .fr-element {
  pointer-events: none !important;
}

.lemo-levels-config__input .fr-wrapper {
  cursor: not-allowed !important;
}

.lemo-levels-config__input .fr-toolbar {
  display: none !important;
}

.lemo-levels-config__input--hidden .fr-element, .lemo-levels-config__input--disabled .fr-element {
  color: var(--lemo-color-text-03) !important;
  background-color: var(--lemo-color-gray-01) !important;
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-03) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.lemo-levels-config__input--hidden .fr-wrapper, .lemo-levels-config__input--disabled .fr-wrapper {
  cursor: not-allowed !important;
}

.lemo-levels-config__input--hidden .fr-toolbar, .lemo-levels-config__input--disabled .fr-toolbar {
  display: none !important;
}

.lemo-levels-config__input--disabled .fr-element {
  color: var(--lemo-color-text-04) !important;
  border: var(--lemo-box-border-width) solid var(--lemo-color-gray-02) !important;
}

.lemo-levels-config__dependencies-container {
  flex-direction: column;
  gap: 20px;
  display: flex;
  margin-top: 12px !important;
  margin-left: 24px !important;
}

.lemo-levels-config__dependency-group {
  flex: 1;
  margin-bottom: 10px;
}

.lemo-levels-config__dependency-options-container {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.lemo-levels-config__dependency-title {
  font-weight: var(--lemo-text-medium);
  color: var(--lemo-color-text-02);
  font-size: var(--lemo-text-body-m);
  margin-bottom: 12px !important;
}

.lemonade-exercises .lemo-vertical-label {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: center;
  width: 1.3em;
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-vertical-label {
    width: 1.5em;
  }
}

.lemonade-exercises .lemo-chart-y-values-container {
  margin-left: 10px;
  position: relative;
}

.lemonade-exercises .lemo-chart-y-values {
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-chart-initial-y-value {
  position: absolute;
  bottom: -.5em;
}

.lemonade-exercises .lemo-chart-y-label-container {
  position: relative;
}

.lemonade-exercises .lemo-highligted-label {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-corporate);
  width: -webkit-max-content;
  width: max-content;
  padding: 6px;
  display: none;
  position: absolute;
  top: -2px;
  right: 0;
}

.lemonade-exercises .lemo-chart-y-label-container.lemo-selected .lemo-default-label {
  visibility: hidden;
}

.lemonade-exercises .lemo-chart-y-label-container.lemo-selected .lemo-highligted-label {
  display: block;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-content, .lemonade-exercises .lemo-charts-histograms .lemo-chart-content {
  border-bottom: 1px solid var(--lemo-color-gray-04);
  flex-direction: column-reverse;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-line, .lemonade-exercises .lemo-charts-histograms .lemo-chart-line {
  background-color: var(--lemo-color-gray-03);
  width: 100%;
  height: 1px;
  transition: background-color .2s;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-line.lemo-selected, .lemonade-exercises .lemo-charts-histograms .lemo-chart-line.lemo-selected {
  background-color: var(--lemo-color-corporate);
  z-index: 10;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-line.lemo-first-line, .lemonade-exercises .lemo-charts-histograms .lemo-chart-line.lemo-first-line {
  opacity: 0;
}

.lemonade-exercises .lemo-vertical-slider {
  writing-mode: bt-lr;
  -moz-orient: vertical;
  -webkit-appearance: slider-vertical;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar-value, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar-value {
  width: 70px;
  height: 100%;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-bar-handler, .lemonade-exercises .lemo-charts-histograms .lemo-bar-handler {
  width: 100%;
  position: absolute;
}

.lemonade-exercises .lemo-charts-barchart .lemo-bar-handler-dot, .lemonade-exercises .lemo-charts-histograms .lemo-bar-handler-dot {
  background: var(--lemo-color-corporate);
  border: 5px solid #fff;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  margin: 0 auto;
  position: relative;
  top: .75em;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-charts-barchart .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-bar-shape {
  border-radius: var(--lemo-radii-01) var(--lemo-radii-01) 0 0;
  background-color: green;
  width: 86%;
  position: absolute;
  bottom: 0;
  left: 7%;
}

.lemonade-exercises .lemo-charts-barchart .lemo-feedback-icon, .lemonade-exercises .lemo-charts-histograms .lemo-feedback-icon {
  width: 26px;
  height: 26px;
  position: absolute;
  top: -17px;
  right: -11px;
}

.lemonade-exercises .lemo-charts-barchart .lemo-bar-slider, .lemonade-exercises .lemo-charts-histograms .lemo-bar-slider {
  bottom: 10px;
}

.lemonade-exercises .lemo-charts-barchart .lemo-success .lemo-bar-shape, .lemonade-exercises .lemo-charts-barchart .lemo-error .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-success .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-error .lemo-bar-shape {
  bottom: 4px;
}

.lemonade-exercises .lemo-charts-barchart .lemo-success .lemo-bar-handler, .lemonade-exercises .lemo-charts-barchart .lemo-error .lemo-bar-handler, .lemonade-exercises .lemo-charts-histograms .lemo-success .lemo-bar-handler, .lemonade-exercises .lemo-charts-histograms .lemo-error .lemo-bar-handler {
  display: none;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar-value .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar-value .lemo-bar-shape {
  background-color: var(--lemo-theme-light-orange-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar-value:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar-value:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-light-orange .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-light-orange .lemo-bar-shape {
  background-color: var(--lemo-theme-light-orange-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-light-orange:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-light-orange:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-dark-orange .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-dark-orange .lemo-bar-shape {
  background-color: var(--lemo-theme-dark-orange-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-dark-orange:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-dark-orange:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-light-blue .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-light-blue .lemo-bar-shape {
  background-color: var(--lemo-theme-light-blue-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-light-blue:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-light-blue:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-dark-blue .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-dark-blue .lemo-bar-shape {
  background-color: var(--lemo-theme-dark-blue-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-dark-blue:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-dark-blue:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-turquoise .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-turquoise .lemo-bar-shape {
  background-color: var(--lemo-theme-turquoise-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-turquoise:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-turquoise:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-violet .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-violet .lemo-bar-shape {
  background-color: var(--lemo-theme-violet-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-violet:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-violet:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-bordeaux .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-bordeaux .lemo-bar-shape {
  background-color: var(--lemo-theme-bordeaux-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-bordeaux:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-bordeaux:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-charts-barchart .theme-green .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-green .lemo-bar-shape {
  background-color: var(--lemo-theme-green-out);
  transition: background-color .3s;
}

.lemonade-exercises .lemo-charts-barchart .theme-green:hover .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .theme-green:hover .lemo-bar-shape {
  background-color: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-charts-barchart .lemo-success .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-success .lemo-bar-shape {
  border: 2px solid var(--lemo-color-success);
  outline: 4px solid var(--lemo-color-success-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-charts-barchart .lemo-error .lemo-bar-shape, .lemonade-exercises .lemo-charts-histograms .lemo-error .lemo-bar-shape {
  border: 2px solid var(--lemo-color-error);
  outline: 4px solid var(--lemo-color-error-light-alpha);
  background-color: #fff;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar.lemo-is-multiple-bar, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar.lemo-is-multiple-bar {
  margin: 0 .2em;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar.lemo-is-multiple-bar .lemo-chart-x-bar-value, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar.lemo-is-multiple-bar .lemo-chart-x-bar-value {
  width: 65px;
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar-value, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar-value {
    width: 85px;
  }
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-bar, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-bar {
  flex-grow: 1;
  justify-content: center;
  height: 100%;
  margin: 0 .5em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-x-values, .lemonade-exercises .lemo-charts-histograms .lemo-chart-x-values {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.lemonade-exercises .lemo-chart-label {
  text-align: center;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding: 1em .5em 0;
  display: inline-block;
}

.lemonade-exercises .lemo-chart-label-image {
  -o-object-fit: contain;
  object-fit: contain;
  width: 45px;
  height: 30px;
  display: inline-block;
}

.lemonade-exercises .lemo-chart-label-text {
  text-align: center;
  display: inline-block;
  position: relative;
}

@media screen and (min-width: 760px) {
  .lemonade-exercises .lemo-chart-label-text {
    text-align: center;
    align-items: center;
  }
}

.lemonade-exercises .lemo-chart-x-labels {
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-horizontal-label {
  text-align: center;
  margin-top: 1em;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart, .lemonade-exercises .lemo-charts-histograms .lemo-chart {
  width: 100%;
  height: 380px;
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding: 1em 0 0;
  transition: margin-bottom .4s ease-in-out;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart.lemo-chart-with-image-labels, .lemonade-exercises .lemo-charts-histograms .lemo-chart.lemo-chart-with-image-labels {
  margin-bottom: 3em;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart .lemo-chart-left-side, .lemonade-exercises .lemo-charts-histograms .lemo-chart .lemo-chart-left-side {
  padding-right: .3em;
  display: flex;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart .lemo-chart-right-side, .lemonade-exercises .lemo-charts-histograms .lemo-chart .lemo-chart-right-side {
  flex-grow: 1;
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart .lemo-chart-area, .lemonade-exercises .lemo-charts-histograms .lemo-chart .lemo-chart-area {
  width: 100%;
  height: calc(100% - 1em);
  margin-top: .5em;
  position: relative;
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-charts-barchart .lemo-chart, .lemonade-exercises .lemo-charts-histograms .lemo-chart {
    padding: 1em 1em 0;
  }
}

.lemonade-exercises .lemo-chart-area .lemo-chart-vertical-line {
  background-color: var(--lemo-color-gray-04);
  z-index: 1;
  width: 1px;
  height: calc(100% + 12px);
  position: absolute;
  bottom: 0;
  left: 0;
}

.lemonade-exercises .lemo-chart-table {
  width: 100%;
  max-width: 100%;
}

.lemonade-exercises .lemo-chart-table table {
  width: 100%;
}

.lemonade-exercises .lemo-chart-table th, .lemonade-exercises .lemo-chart-table td {
  vertical-align: middle;
  height: 0;
}

.lemonade-exercises .lemo-chart-table .lemo-item-header, .lemonade-exercises .lemo-chart-table .lemo-item-body {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-chart-table thead th .lemo-item-header {
  word-break: keep-all;
  border-top: 1px solid var(--lemo-color-corporate);
  border-bottom: 1px solid var(--lemo-color-corporate);
  background: var(--lemo-color-corporate-lighter);
  padding: .7em .2em;
}

.lemonade-exercises .lemo-chart-table thead th:first-child .lemo-item-header {
  border-left: 1px solid var(--lemo-color-corporate);
  border-radius: var(--lemo-radii-01) 0 0 0;
}

.lemonade-exercises .lemo-chart-table thead th:last-child .lemo-item-header {
  border-right: 1px solid var(--lemo-color-corporate);
  border-radius: 0 var(--lemo-radii-01) 0 0;
}

.lemonade-exercises .lemo-chart-table tbody td .lemo-item-body {
  text-align: center;
  border-color: var(--lemo-color-gray-02);
  border-bottom: 1px solid var(--lemo-color-gray-02);
  background: #fff;
  padding: .8em;
}

.lemonade-exercises .lemo-chart-table tbody td:first-child .lemo-item-body {
  border-left: 1px solid var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-chart-table tbody td:last-child .lemo-item-body {
  border-right: 1px solid var(--lemo-color-gray-02);
}

@-moz-document url-prefix() {
  .lemonade-exercises .lemo-chart-table .lemo-item-header, .lemonade-exercises .lemo-chart-table .lemo-item-body {
    height: unset;
  }

  .lemonade-exercises .lemo-chart-table th {
    background: var(--lemo-color-corporate-lighter);
    border: 1px solid var(--lemo-color-corporate);
    border-left: none;
    border-right: none;
  }

  .lemonade-exercises .lemo-chart-table th:first-child {
    border-left: 1px solid var(--lemo-color-corporate);
  }

  .lemonade-exercises .lemo-chart-table th:last-child {
    border-right: 1px solid var(--lemo-color-corporate);
  }

  .lemonade-exercises .lemo-chart-table thead th .lemo-item-header {
    background: none;
    border: none;
  }

  .lemonade-exercises .lemo-chart-table thead th:first-child .lemo-item-header {
    border-left: none;
  }

  .lemonade-exercises .lemo-chart-table thead th:last-child .lemo-item-header {
    border-right: none;
  }

  .lemonade-exercises .lemo-chart-table tbody td .lemo-item-body {
    border: none;
  }

  .lemonade-exercises .lemo-chart-table tbody td:first-child .lemo-item-body {
    border-left: none;
  }

  .lemonade-exercises .lemo-chart-table tbody td:last-child .lemo-item-body {
    border-right: none;
  }

  .lemonade-exercises .lemo-chart-table tbody td {
    border: none;
    border-bottom: 1px solid var(--lemo-color-gray-02);
  }

  .lemonade-exercises .lemo-chart-table tbody td:first-child {
    border-left: 1px solid var(--lemo-color-gray-02);
  }

  .lemonade-exercises .lemo-chart-table tbody td:last-child {
    border-right: 1px solid var(--lemo-color-gray-02);
  }
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-chart-table {
    width: auto;
  }

  .lemonade-exercises .lemo-chart-table th, .lemonade-exercises .lemo-chart-table td {
    min-width: 10em;
  }

  .lemonade-exercises .lemo-chart-table thead th .lemo-item-header {
    padding: .9em 1.5em;
  }
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item {
  align-items: center;
  margin: 0 .5em;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .lemo-color-swatch {
  background: var(--lemo-theme-light-orange-out);
  border-radius: 3px;
  width: 2em;
  height: 1em;
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .lemo-text {
  margin-left: .3em;
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .lemo-legend-item:last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-light-orange {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-dark-orange {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-light-blue {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-dark-blue {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-turquoise {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-violet {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-bordeaux {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend-item .theme-green {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-chart-question .lemo-legend {
  justify-content: flex-end;
  width: 100%;
  margin: 1em 0 0;
  padding-right: 1em;
  display: flex;
}

.lemonade-exercises .lemo-chart-question {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-chart-wrapper {
  width: 100%;
}

.lemonade-exercises .lemo-chart-question.lemo-table_position_above, .lemonade-exercises .lemo-chart-question.lemo-table_position_below, .lemonade-exercises .lemo-chart-question.lemo-table_position_left, .lemonade-exercises .lemo-chart-question.lemo-table_position_right {
  flex-direction: column;
}

@supports not (container-type: inline-size) {
  @media screen and (min-width: 780px) {
    .lemonade-exercises .lemo-chart-question {
      min-width: 460px;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_above {
      flex-direction: column;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart-info-table, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart-info-table {
      flex-grow: 1;
      width: -webkit-max-content;
      width: max-content;
      margin-left: 1em;
      margin-right: 1em;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart-wrapper, .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart-wrapper, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart {
      flex-grow: 10;
      width: auto;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_left {
      flex-direction: row;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_right {
      flex-direction: row-reverse;
    }

    .lemonade-exercises .lemo-chart-question.lemo-table_position_below {
      flex-direction: column-reverse;
    }
  }
}

@container lemonade_chart_question (width >= 780px) {
  .lemonade-exercises .lemo-chart-question {
    min-width: 460px;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_above {
    flex-direction: column;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart-info-table, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart-info-table {
    flex-grow: 1;
    width: -webkit-max-content;
    width: max-content;
    margin-left: 1em;
    margin-right: 1em;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart-wrapper, .lemonade-exercises .lemo-chart-question.lemo-table_position_left .lemo-chart, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart-wrapper, .lemonade-exercises .lemo-chart-question.lemo-table_position_right .lemo-chart {
    flex-grow: 10;
    width: auto;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_left {
    flex-direction: row;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_right {
    flex-direction: row-reverse;
  }

  .lemonade-exercises .lemo-chart-question.lemo-table_position_below {
    flex-direction: column-reverse;
  }
}

@supports (container-type: inline-size) {
  .lemonade-exercises .lemo-charts-line-chart, .lemonade-exercises .lemo-charts-barchart, .lemonade-exercises .lemo-charts-pie-chart, .lemonade-exercises .lemo-charts-histograms, .lemonade-exercises .lemo-charts-pictograph {
    container: lemonade_chart_question / inline-size;
  }
}

.lemonade-exercises .lemo-charts-barchart .lemo-chart-question {
  padding: 1em 0 2em;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category-image-list {
  border-radius: var(--lemo-radii-02) var(--lemo-radii-02) 0 0;
  outline-offset: 2px;
  flex-direction: column-reverse;
  align-items: center;
  width: 100%;
  height: -webkit-fit-content;
  height: fit-content;
  min-height: 48px;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category-image-list.lemo-success {
  border: 2px solid var(--lemo-color-success);
  outline: 4px solid var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category-image-list.lemo-error {
  border: 2px solid var(--lemo-color-error);
  outline: 4px solid var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category-img {
  opacity: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  width: 30px;
  height: 26px;
  margin: 6px auto;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-feedback-icon {
  width: 26px;
  height: 26px;
  top: -17px;
  right: -17px;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category {
  align-items: flex-end;
  width: 65px;
  min-width: 65px;
  padding-bottom: .5em;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category:hover .lemo-category-img, .lemonade-exercises .lemo-charts-pictograph .lemo-category .lemo-category-image-list.lemo-is-touch .lemo-category-img {
  opacity: .3;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category .lemo-category-image-list .lemo-category-img.lemo-selected, .lemonade-exercises .lemo-charts-pictograph .lemo-category .lemo-category-image-list.lemo-is-touch .lemo-category-img.lemo-selected {
  opacity: 1;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-category .lemo-category-slider {
  bottom: -20px;
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-charts-pictograph .lemo-category {
    width: 80px;
    min-width: 80px;
  }
}

.lemonade-exercises .lemo-charts-pictograph .lemo-pictograph-categories {
  border-left: 1px solid var(--lemo-color-gray-06);
  border-bottom: 1px solid var(--lemo-color-gray-06);
  flex-grow: 1;
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-pictograph .lemo-pictograph-container {
  margin: 1em;
  display: flex;
}

.lemonade-exercises .lemo-charts-pictograph .lemo-question-body .lemo-pictograph {
  width: 100%;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-content {
  border-bottom: 1px solid var(--lemo-color-gray-06);
  border-left: 1px solid var(--lemo-color-gray-06);
  flex-direction: column-reverse;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line {
  background-color: var(--lemo-color-gray-03);
  width: 100%;
  height: 1px;
  transition: background-color .2s;
  position: relative;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line.lemo-selected {
  background-color: var(--lemo-color-corporate);
  z-index: 10;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line.lemo-first-line {
  opacity: 0;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line-box {
  border-radius: var(--lemo-radii-01);
  background-color: var(--lemo-color-corporate);
  pointer-events: none;
  -webkit-user-drag: none;
  width: 24px;
  height: 24px;
  display: none;
  position: absolute;
  top: -12px;
  right: 0;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line-box-value {
  color: #fff;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  font-size: .7em;
  font-weight: 700;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-line.lemo-selected .lemo-chart-line-box {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 768px) {
  .lemonade-exercises .lemo-charts-line-chart .lemo-chart-line.lemo-selected .lemo-chart-line-box {
    display: none;
  }
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot {
  stroke-width: 0;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot-handler {
  fill: rgba(0, 0, 0, 0);
  cursor: grab;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot-handler:active {
  cursor: grabbing;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot-connection {
  stroke-width: 5px;
  pointer-events: none;
  fill: none;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-dot-connection-feedback {
  stroke: rgba(0, 0, 0, 0);
  stroke-width: 15px;
  stroke-linecap: round;
  cursor: pointer;
  fill: none;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-success .lemo-dot-connection-feedback {
  stroke: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-error .lemo-dot-connection-feedback {
  stroke: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line .lemo-dot {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line .lemo-dot-connection {
  stroke: var(--lemo-theme-light-orange-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line:hover .lemo-dot {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange .lemo-dot {
  fill: var(--lemo-theme-light-orange-out);
  stroke: var(--lemo-theme-light-orange-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange .lemo-dot-connection {
  stroke: var(--lemo-theme-light-orange-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange:hover .lemo-dot {
  fill: var(--lemo-theme-light-orange-over);
  stroke: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-orange:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange .lemo-dot {
  fill: var(--lemo-theme-dark-orange-out);
  stroke: var(--lemo-theme-dark-orange-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange .lemo-dot-connection {
  stroke: var(--lemo-theme-dark-orange-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange:hover .lemo-dot {
  fill: var(--lemo-theme-dark-orange-over);
  stroke: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-orange:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue .lemo-dot {
  fill: var(--lemo-theme-light-blue-out);
  stroke: var(--lemo-theme-light-blue-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue .lemo-dot-connection {
  stroke: var(--lemo-theme-light-blue-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue:hover .lemo-dot {
  fill: var(--lemo-theme-light-blue-over);
  stroke: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-light-blue:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue .lemo-dot {
  fill: var(--lemo-theme-dark-blue-out);
  stroke: var(--lemo-theme-dark-blue-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue .lemo-dot-connection {
  stroke: var(--lemo-theme-dark-blue-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue:hover .lemo-dot {
  fill: var(--lemo-theme-dark-blue-over);
  stroke: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-dark-blue:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise .lemo-dot {
  fill: var(--lemo-theme-turquoise-out);
  stroke: var(--lemo-theme-turquoise-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise .lemo-dot-connection {
  stroke: var(--lemo-theme-turquoise-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise:hover .lemo-dot {
  fill: var(--lemo-theme-turquoise-over);
  stroke: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-turquoise:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet .lemo-dot {
  fill: var(--lemo-theme-violet-out);
  stroke: var(--lemo-theme-violet-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet .lemo-dot-connection {
  stroke: var(--lemo-theme-violet-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet:hover .lemo-dot {
  fill: var(--lemo-theme-violet-over);
  stroke: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-violet:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux .lemo-dot {
  fill: var(--lemo-theme-bordeaux-out);
  stroke: var(--lemo-theme-bordeaux-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux .lemo-dot-connection {
  stroke: var(--lemo-theme-bordeaux-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux:hover .lemo-dot {
  fill: var(--lemo-theme-bordeaux-over);
  stroke: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-bordeaux:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green .lemo-dot {
  fill: var(--lemo-theme-green-out);
  stroke: var(--lemo-theme-green-out);
  transition: fill .3s, stroke .3s, stroke-width .4s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green .lemo-dot-connection {
  stroke: var(--lemo-theme-green-out);
  transition: stroke .3s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green.lemo-selected .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green.lemo-mouse-over .lemo-dot, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green:hover .lemo-dot {
  fill: var(--lemo-theme-green-over);
  stroke: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green.lemo-selected .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green.lemo-mouse-over .lemo-dot-connection, .lemonade-exercises .lemo-charts-line-chart .lemo-line.theme-green:hover .lemo-dot-connection {
  stroke: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-success .lemo-dot {
  fill: var(--lemo-color-success);
  stroke: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-success .lemo-dot-connection {
  stroke: var(--lemo-color-success);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-error .lemo-dot {
  fill: var(--lemo-color-error);
  stroke: var(--lemo-color-error-light-alpha);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-error .lemo-dot-connection {
  stroke: var(--lemo-color-error);
}

.lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-success .lemo-dot-handler, .lemonade-exercises .lemo-charts-line-chart .lemo-line.lemo-error .lemo-dot-handler {
  fill: #fff;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-vertical-line {
  stroke: var(--lemo-color-gray-03);
  stroke-width: 1px;
  transition: background-color .2s;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-canvas {
  z-index: 2;
  width: 100%;
  position: absolute;
  left: 0;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart-wrapper {
  flex-grow: 1;
  overflow-y: hidden;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart {
  width: 100%;
  height: 380px;
  margin-bottom: 3em;
  padding: 1em 1em 0;
  transition: margin-bottom .4s ease-in-out;
  display: flex;
  position: relative;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart.lemo-chart-with-image-labels {
  margin-bottom: 3em;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart .lemo-chart-left-side {
  padding-right: .3em;
  display: flex;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart .lemo-chart-right-side {
  flex-grow: 1;
}

.lemonade-exercises .lemo-charts-line-chart .lemo-chart .lemo-chart-area {
  width: 100%;
  height: calc(100% - 1em);
  margin-top: .5em;
  position: relative;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-pie-figure {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  outline: 4px solid rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  width: 312px;
  height: 312px;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-pie-figure.lemo-success {
  border-color: var(--lemo-color-success);
  outline-color: var(--lemo-color-success-light-alpha);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-pie-figure.lemo-error {
  border-color: var(--lemo-color-error);
  outline-color: var(--lemo-color-error-light-alpha);
}

@keyframes bg-animation-theme-light-orange {
  0% {
    fill: var(--lemo-theme-light-orange-out);
  }

  to {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-light-orange .fractional-shape-slice:hover {
  fill: var(--lemo-theme-light-orange-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-light-orange {
  fill: var(--lemo-theme-light-orange-out);
}

@keyframes bg-animation-theme-dark-orange {
  0% {
    fill: var(--lemo-theme-dark-orange-out);
  }

  to {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-dark-orange .fractional-shape-slice:hover {
  fill: var(--lemo-theme-dark-orange-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-dark-orange {
  fill: var(--lemo-theme-dark-orange-out);
}

@keyframes bg-animation-theme-light-blue {
  0% {
    fill: var(--lemo-theme-light-blue-out);
  }

  to {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-light-blue .fractional-shape-slice:hover {
  fill: var(--lemo-theme-light-blue-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-light-blue {
  fill: var(--lemo-theme-light-blue-out);
}

@keyframes bg-animation-theme-dark-blue {
  0% {
    fill: var(--lemo-theme-dark-blue-out);
  }

  to {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-dark-blue .fractional-shape-slice:hover {
  fill: var(--lemo-theme-dark-blue-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-dark-blue {
  fill: var(--lemo-theme-dark-blue-out);
}

@keyframes bg-animation-theme-turquoise {
  0% {
    fill: var(--lemo-theme-turquoise-out);
  }

  to {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-turquoise .fractional-shape-slice:hover {
  fill: var(--lemo-theme-turquoise-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-turquoise {
  fill: var(--lemo-theme-turquoise-out);
}

@keyframes bg-animation-theme-violet {
  0% {
    fill: var(--lemo-theme-violet-out);
  }

  to {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-violet .fractional-shape-slice:hover {
  fill: var(--lemo-theme-violet-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-violet {
  fill: var(--lemo-theme-violet-out);
}

@keyframes bg-animation-theme-bordeaux {
  0% {
    fill: var(--lemo-theme-bordeaux-out);
  }

  to {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-bordeaux .fractional-shape-slice:hover {
  fill: var(--lemo-theme-bordeaux-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-bordeaux {
  fill: var(--lemo-theme-bordeaux-out);
}

@keyframes bg-animation-theme-green {
  0% {
    fill: var(--lemo-theme-green-out);
  }

  to {
    fill: #fff;
    opacity: .3;
  }
}

.lemonade-exercises .lemo-charts-pie-chart.lemo-drawing-theme.theme-green .fractional-shape-slice:hover {
  fill: var(--lemo-theme-green-over);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice.theme-green {
  fill: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape {
  pointer-events: all;
}

.lemonade-exercises .lemo-charts-pie-chart .fractional-shape-slice {
  cursor: pointer;
  transition: fill .4s;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-small-screen .lemo-pie-figure {
  width: 212px;
  height: 212px;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-small-screen .fractional-shape {
  width: 200px;
  height: 200px;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-disabled .fractional-shape {
  pointer-events: none;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-disabled .fractional-shape-slice {
  cursor: auto;
}

.lemonade-exercises .lemo-charts-pie-chart .theme-light-orange .lemo-category-icon {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-dark-orange .lemo-category-icon {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-light-blue .lemo-category-icon {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-dark-blue .lemo-category-icon {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-turquoise .lemo-category-icon {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-violet .lemo-category-icon {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-bordeaux .lemo-category-icon {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-charts-pie-chart .theme-green .lemo-category-icon {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category {
  border-radius: var(--lemo-radii-03);
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  margin: .4em;
  padding: .8em;
  transition: border-color .15s;
  overflow-x: hidden;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category-content {
  justify-content: center;
  align-items: center;
  width: -webkit-max-content;
  width: max-content;
  display: flex;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category:hover, .lemonade-exercises .lemo-charts-pie-chart .lemo-category.lemo-selected {
  border-color: var(--lemo-button-color-primary);
  width: -webkit-max-content;
  width: max-content;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category-icon {
  border-radius: var(--lemo-radii-01);
  width: 13px;
  height: 13px;
  margin-right: 1em;
  display: inline-block;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category-text {
  color: var(--lemo-button-color-primary);
  font-weight: 700;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category:disabled {
  pointer-events: none;
  opacity: .6;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-category:disabled .lemo-category-text {
  color: var(--lemo-color-gray-04);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-small-screen .lemo-category:not(.lemo-selected) {
  border-color: var(--lemo-button-color-primary);
  width: 42px;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-categories {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input {
  color: var(--lemo-color-gray-06);
  justify-content: center;
  align-items: center;
  margin: 1.5em 0;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input .lemo-total-items-input-value-box {
  background-color: var(--lemo-color-corporate-lighter);
  border-radius: var(--lemo-radii-02);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0 .4em;
  display: flex;
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input .lemo-total-items-input-value {
  font-size: 1.1em;
  font-weight: 600;
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input.lemo-initial-state .lemo-total-items-input-value-box {
  color: var(--lemo-color-gray-04);
  background-color: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input.lemo-error .lemo-total-items-input-value-box {
  border: solid 2px var(--lemo-color-error);
  border-color: var(--lemo-color-error);
  box-shadow: 0 0 0 4px var(--lemo-color-error-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-chart-question .lemo-total-items-input.lemo-success .lemo-total-items-input-value-box {
  border: solid 2px var(--lemo-color-success);
  border-color: var(--lemo-color-success);
  box-shadow: 0 0 0 4px var(--lemo-color-success-light-alpha);
  background-color: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-horizontal-chart-table {
  max-width: 100%;
}

.lemonade-exercises .lemo-horizontal-chart-table th, .lemonade-exercises .lemo-horizontal-chart-table td {
  text-align: center;
  height: 0;
}

.lemonade-exercises .lemo-horizontal-chart-table .lemo-item-header, .lemonade-exercises .lemo-horizontal-chart-table .lemo-item-body {
  -webkit-hyphens: auto;
  hyphens: auto;
  height: 100%;
}

.lemonade-exercises .lemo-horizontal-chart-table th .lemo-item-header {
  word-break: keep-all;
  border: 1px solid var(--lemo-color-corporate);
  background: var(--lemo-color-corporate-lighter);
  padding: .8em;
}

.lemonade-exercises .lemo-horizontal-chart-table tr:first-child th .lemo-item-header {
  border-radius: var(--lemo-radii-01) 0 0 0;
}

.lemonade-exercises .lemo-horizontal-chart-table tr:last-child th .lemo-item-header {
  border-radius: 0 0 0 var(--lemo-radii-01);
}

.lemonade-exercises .lemo-horizontal-chart-table tbody td .lemo-item-body {
  text-align: center;
  border-color: var(--lemo-color-gray-02);
  border-top: 1px solid var(--lemo-color-gray-02);
  border-bottom: 1px solid var(--lemo-color-gray-02);
  background: #fff;
  padding: .8em;
}

.lemonade-exercises .lemo-horizontal-chart-table tbody td:first-child .lemo-item-body {
  border-left: 1px solid var(--lemo-color-gray-02);
}

.lemonade-exercises .lemo-horizontal-chart-table tbody td:last-child .lemo-item-body {
  border-right: 1px solid var(--lemo-color-gray-02);
}

@-moz-document url-prefix() {
  .lemonade-exercises .lemo-horizontal-chart-table .lemo-item-header, .lemonade-exercises .lemo-horizontal-chart-table .lemo-item-body {
    height: unset;
  }

  .lemonade-exercises .lemo-horizontal-chart-table th {
    background: var(--lemo-color-corporate-lighter);
    border: 1px solid var(--lemo-color-corporate);
    border-left: none;
    border-right: none;
  }

  .lemonade-exercises .lemo-horizontal-chart-table th:first-child {
    border-left: 1px solid var(--lemo-color-corporate);
    border-right: 1px solid var(--lemo-color-corporate);
  }

  .lemonade-exercises .lemo-horizontal-chart-table th .lemo-item-header {
    background: none;
    border: none;
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td .lemo-item-body {
    border: none;
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td:last-child .lemo-item-body {
    border-right: none;
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td {
    border: none;
    border-bottom: 1px solid var(--lemo-color-gray-02);
    border-top: 1px solid var(--lemo-color-gray-02);
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td:first-child {
    border-left: 1px solid var(--lemo-color-gray-02);
  }

  .lemonade-exercises .lemo-horizontal-chart-table tbody td:last-child {
    border-right: 1px solid var(--lemo-color-gray-02);
  }
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-count-button {
  cursor: pointer;
  transform-origin: center;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 3em;
  height: 3em;
  margin: 1em auto;
  padding: .2em;
  transition: all .2s;
  display: block;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-count-button svg {
  fill: var(--lemo-button-color-primary);
  width: 100%;
  transition: fill .2s;
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-count-button:hover svg {
  fill: var(--lemo-button-color-primary-hover);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-count-button:disabled svg {
  fill: var(--lemo-button-color-disabled-03);
}

.lemonade-exercises .lemo-charts-pie-chart .lemo-small-screen .lemo-pie-chart-controls, .lemonade-exercises .lemo-charts-pie-chart .lemo-is-touch .lemo-pie-chart-controls {
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.lemonade-exercises .lemo-editor-inline-titles {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.lemonade-exercises .lemo-editor-inline-titles > * {
  flex: 1 1 0;
}

.lemonade-exercises .lemo-text-label-container {
  margin: .5em 0;
}

.lemonade-exercises .lemo-text-label-container .lemo-text {
  color: var(--lemo-color-gray-04);
  line-height: 1.9;
}

.lemonade-exercises .lemo-swatch-selector {
  border-radius: var(--lemo-radii-01);
  cursor: pointer;
  border: none;
  width: 22px;
  height: 22px;
}

.lemonade-exercises .lemo-swatch-selector.theme-light-orange {
  background-color: var(--lemo-theme-light-orange-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-dark-orange {
  background-color: var(--lemo-theme-dark-orange-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-light-blue {
  background-color: var(--lemo-theme-light-blue-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-dark-blue {
  background-color: var(--lemo-theme-dark-blue-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-turquoise {
  background-color: var(--lemo-theme-turquoise-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-violet {
  background-color: var(--lemo-theme-violet-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-bordeaux {
  background-color: var(--lemo-theme-bordeaux-out);
}

.lemonade-exercises .lemo-swatch-selector.theme-green {
  background-color: var(--lemo-theme-green-out);
}

.lemonade-exercises .lemo-theme-draggable-item {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-theme-draggable-item .lemo-error-message-container {
  width: 100%;
  padding-right: 1em;
}

.lemonade-exercises .lemo-theme-draggable-item .lemo-error-message-container .lemo-editor-input-text {
  margin-right: 0;
}

.lemonade-exercises .lemo-color-swatch-item-list {
  border-radius: var(--lemo-radii-02);
  cursor: pointer;
  padding: .6em;
}

.lemonade-exercises .lemo-color-swatch-item-list .lemo-text {
  margin-left: .7em;
  display: inline-block;
}

.lemonade-exercises .lemo-color-swatch-item-list:hover {
  background-color: var(--lemo-color-corporate-lighter);
}

.lemonade-exercises .lemo-color-swatch-item-list.lemo-selected {
  background-color: var(--lemo-color-gray-01);
}

.lemonade-exercises .lemo-color-swatch-list {
  border: 1px solid var(--lemo-color-gray-04);
  border-radius: var(--lemo-radii-02);
  background-color: #fff;
  flex-direction: column;
  gap: .8em;
  padding: .6em;
  display: flex;
}

.lemonade-exercises .lemo-serie-list-editor .lemo-draggable-item-list-error {
  margin-left: 4em;
}

.lemonade-exercises .lemo-editor-table-title .lemo-table-title-error-message {
  margin-top: .4em;
  margin-left: .2em;
}

.lemonade-exercises .lemo-editor.lemo-charts-barchart .lemo-data-list-item {
  flex-grow: 1;
  align-items: center;
  padding: 0 .5em;
  display: flex;
}

.lemonade-exercises .lemo-editor.lemo-charts-barchart .lemo-data-list-item .lemo-add-image-button {
  background-color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-editor.lemo-charts-barchart .lemo-data-list-item .lemo-add-image-button .lemo-icon {
  fill: var(--lemo-color-base-white);
}

.lemonade-exercises .lemo-editor.lemo-charts-pictograph .lemo-data-list-item {
  flex-grow: 1;
  align-items: center;
  padding: 0 .5em;
  display: flex;
}

.lemonade-exercises .lemo-flowchart-button {
  cursor: pointer;
}

.lemonade-exercises .lemo-flowchart {
  width: 100%;
  max-width: 600px;
  margin: auto;
  position: relative;
}

.lemonade-exercises .lemo-flowchart .lemo-flowchart-controls {
  pointer-events: none;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.lemonade-exercises .lemo-flowchart .lemo-flowchart-button {
  pointer-events: fill;
}

.lemonade-exercises .lemo-flowchart .lemo-flowchart-controls .lemo-flowchart-button {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-flowchart .flowchart circle.basic.label-container {
  fill: var(--lemo-theme-light-orange-out);
  stroke: none;
}

.lemonade-exercises .lemo-flowchart #lemo-flowchart-tooltip {
  border-radius: var(--lemo-radii-02);
  z-index: 10;
  max-width: 300px;
  padding: .5em;
}

.lemonade-exercises .lemo-flowchart .flowchart {
  margin: auto;
  display: block;
}

.lemonade-exercises .lemo-flowchart .flowchart .nodeLabel .fc-empty-node {
  visibility: hidden;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container {
  fill: var(--lemo-theme-bordeaux-alpha) !important;
  stroke: var(--lemo-theme-bordeaux-alpha) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container:not([data-tooltip-content]), .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container:not([data-tooltip-content]) {
  fill: var(--lemo-color-corporate-light-alpha) !important;
  stroke: var(--lemo-color-corporate-light-alpha) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container {
  cursor: pointer;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container:hover, .lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container.lemo-selected, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container:hover, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container.lemo-selected {
  fill: var(--lemo-color-corporate-light) !important;
  stroke: var(--lemo-color-corporate) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node circle.label-container {
  fill: var(--lemo-theme-light-orange-out) !important;
  stroke: var(--lemo-theme-light-orange-out) !important;
  stroke-width: 2px !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container.lemo-success, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container.lemo-success {
  fill: var(--lemo-color-success-light) !important;
  stroke: var(--lemo-color-success) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node polygon.label-container.lemo-error, .lemonade-exercises .lemo-flowchart .flowchart .node rect.label-container.lemo-error {
  fill: var(--lemo-color-error-light) !important;
  stroke: var(--lemo-color-error) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .node .label {
  pointer-events: none;
}

.lemonade-exercises .lemo-flowchart .flowchart .edgePaths path {
  stroke: var(--lemo-color-text-03) !important;
  stroke-width: 2px !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .edgeLabels, .lemonade-exercises .lemo-flowchart .flowchart .edgeLabels .edgeLabel {
  fill: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.lemonade-exercises .lemo-flowchart .flowchart .edgeLabels .edgeLabel .labelBkg p {
  color: var(--lemo-color-text-02) !important;
  background-color: #fff !important;
}

.lemonade-exercises .lemo-flowchart .flowchart marker {
  stroke: var(--lemo-color-text-03) !important;
  fill: var(--lemo-color-text-03) !important;
}

.lemonade-exercises .lemo-flowchart-options-panel {
  z-index: 1000;
  width: 98%;
  max-width: 600px;
  margin: 0 auto;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-flowchart-options-panel-container {
  background-color: var(--lemo-color-base-white);
  border: 2px solid var(--lemo-color-corporate-light);
  border-bottom: 4px solid var(--lemo-color-corporate-light);
  border-radius: var(--lemo-radii-03);
  margin: 0;
  padding: 0;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-flowchart-options-panel-option {
  border-bottom: 2px solid var(--lemo-color-corporate-light);
  list-style: none;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-flowchart-options-panel-option:last-child {
  border-bottom: none;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-option-button, .lemonade-exercises .lemo-flowchart-options-panel .lemo-empty-figure-button {
  cursor: pointer;
  width: 100%;
  padding: 1.2em .8em;
  line-height: 1.2;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-option-button {
  text-align: left;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-empty-figure-button {
  text-align: right;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-empty-figure-button .lemo-icon {
  fill: var(--lemo-color-corporate);
  width: 24px;
  height: 24px;
  position: relative;
  top: 5px;
}

.lemonade-exercises .lemo-flowchart-options-panel .lemo-option-button:hover, .lemonade-exercises .lemo-flowchart-options-panel .lemo-empty-figure-button:hover {
  background-color: var(--lemo-color-corporate-light-alpha);
  box-shadow: 0 5px 0 0 var(--lemo-color-corporate-light-alpha) inset;
}

.lemonade-exercises .lemo-charts-flowchart .lemo-question-body {
  width: 98%;
  margin-left: 1%;
  padding-bottom: 2em;
  position: relative;
  overflow: hidden;
}

.lemonade-exercises .lemo-charts-flowchart .lemo-panel-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-charts-histograms {
  --line-height: .8em;
}

.lemonade-exercises .lemo-charts-histograms .chart-x-labels {
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 2em;
  display: flex;
}

.lemonade-exercises .lemo-charts-histograms .chart-x-label-container {
  position: relative;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-x-label-line {
  height: var(--line-height);
  background-color: var(--lemo-color-gray-04);
  width: 2px;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-label-text {
  top: var(--line-height);
  padding-top: .2em;
  position: absolute;
  transform: translate(-50%);
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-area .lemo-chart-x-values {
  width: -webkit-fit-content;
  width: fit-content;
  margin: auto;
  left: 0;
  right: 0;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-area .lemo-chart-x-bar-value {
  width: 62px;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-area .lemo-chart-x-bar {
  flex-grow: unset;
  margin: 0;
}

.lemonade-exercises .lemo-charts-histograms .lemo-chart-area .lemo-bar-shape {
  width: 98%;
  left: 0;
}

.lemonade-exercises .lemo-charts-histograms .lemo-question-body {
  box-sizing: content-box;
  padding: .4em 0 2.3em;
  overflow-x: hidden;
  overflow-y: auto;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points {
  border-bottom: 1px solid var(--lemo-color-gray-02);
  justify-content: space-between;
  align-items: center;
  padding: .4em 0;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points .lemo-progress {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points .lemo-progress-text {
  letter-spacing: -2.6px;
  margin-right: .3em;
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points .lemo-completed-text {
  color: var(--lemo-color-gray-04);
  font-size: 14px;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-points .lemo-score {
  color: var(--lemo-color-base-white);
  background-color: var(--lemo-color-gray-02);
  border-radius: 50px;
  padding: .9em 1.1em;
  font-size: 14px;
  display: inline-block;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question {
  border-radius: var(--lemo-radii-03);
  border: 2px solid rgba(0, 0, 0, 0);
  margin-bottom: 1em;
  padding: 1em;
  position: relative;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question:last-child {
  margin-bottom: 0;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question.lemo-grouped-question-success {
  border-color: var(--lemo-color-success);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question.lemo-grouped-question-error {
  border-color: var(--lemo-color-error);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question .lemo-group-question-menu-icon {
  fill: var(--lemo-color-gray-03);
  cursor: pointer;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 42px;
  right: 0;
}

.lemonade-exercises .lemo-questions-group {
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-base-white);
  padding: 1em;
  position: relative;
}

.lemonade-exercises .lemo-questions-group .lemo-group-points {
  display: none;
}

.lemonade-exercises .lemo-empty-questions-group-message {
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-base-white);
  margin-bottom: 1.4em;
  padding: 2em 1em;
  position: relative;
}

.lemonade-exercises .lemo-empty-questions-group-message p {
  color: var(--lemo-color-gray-06);
  text-align: center;
  font-size: 1.125em;
}

.lemonade-exercises .style-guide-box-component {
  margin: 20px;
}

.lemonade-exercises .style-guide-box-component .style-guide-box-component__title {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-box-component .style-guide-box-component__subtitle {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 10px;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-feedbacks, .lemonade-exercises .style-guide-blocks-editor, .lemonade-exercises .style-guide-buttons {
  display: block;
}

.lemonade-exercises .style-guide-buttons .style-guide-buttons__group {
  flex-wrap: wrap;
  display: flex;
}

.lemonade-exercises .style-guide-buttons .style-guide-buttons__group-name {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-dropdowns {
  display: block;
}

.lemonade-exercises .style-guide-dropdowns .style-guide-dropdowns__group {
  flex-wrap: wrap;
  display: flex;
}

.lemonade-exercises .style-guide-dropdowns .style-guide-dropdowns__group-name {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-essay, .lemonade-exercises .style-guide-slider {
  display: block;
}

.lemonade-exercises .style-guide-slider .style-guide-slider__group {
  flex-wrap: wrap;
  display: flex;
}

.lemonade-exercises .style-guide-slider .style-guide-slider__group-name {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-all {
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.lemonade-exercises .style-guide-all .style-guide-all__title {
  font-family: var(--lemo-font-family);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 20px;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5em;
}

.lemonade-exercises .style-guide-icons {
  flex-wrap: wrap;
  gap: 1em;
  margin: 1em;
  display: flex;
}

.lemonade-exercises .style-guide-icons__icon {
  border: 1px solid #d3d3d3;
  flex-direction: column;
  align-items: center;
  width: 12em;
  min-height: 120px;
  display: flex;
}

.lemonade-exercises .style-guide-icons__icon svg {
  width: 32px;
  height: 32px;
  margin: 1em 0;
}

.lemonade-exercises .style-guide-icons__icon-text {
  line-height: 1.6;
}

.lemonade-exercises .scaffold-separator {
  text-align: center;
  background: var(--lemo-color-gray-01);
  color: var(--lemo-color-gray-04);
  width: 100%;
  margin: 3em 0;
  padding: 1em;
  font-style: italic;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-question-list-item {
  cursor: default;
  align-items: center;
  width: 100%;
  padding: .32em 0;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-question-list-item .lemo-text {
  color: var(--lemo-color-gray-05);
  background-color: var(--lemo-color-corporate-lighter);
  border-radius: var(--lemo-radii-02);
  flex-grow: 1;
  padding: .8em .4em;
}

.lemonade-exercises .lemo-add-item-button {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 100%;
  display: block;
  position: relative;
}

.lemonade-exercises .lemo-add-item-button .lemo-icon-wrapper {
  z-index: 2;
  background-color: #fff;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 1px;
  position: relative;
}

.lemonade-exercises .lemo-add-item-button .lemo-icon {
  fill: var(--lemo-color-corporate);
  transition: fill .2s;
}

.lemonade-exercises .lemo-add-item-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-add-item-button .lemo-add-item-button-line {
  color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px dashed var(--lemo-color-gray-03);
  width: 100%;
  height: 1px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question-menu {
  background-color: var(--lemo-color-base-white);
  border-radius: var(--lemo-radii-02);
  padding: 12px 4px 11px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question-menu .lemo-icon {
  fill: var(--lemo-color-gray-04);
  cursor: pointer;
  margin: 0 5px;
  transition: fill .2s;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-grouped-question-menu .lemo-icon:hover {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-add-question-modal {
  margin: 0 auto;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-modal-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-title {
  color: var(--lemo-color-gray-05);
  margin: 0;
  font-size: 18px;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-close-button {
  fill: var(--lemo-color-gray-04);
  width: 26px;
  height: 26px;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-add-question-modal {
  border-radius: var(--lemo-radii-02);
  background-color: #fff;
  width: 100%;
  max-width: 900px;
  padding: 1em;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-modal-tab-list {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-tab {
  background-color: var(--lemo-color-base-white);
  border-radius: var(--lemo-radii-02) var(--lemo-radii-02) 0 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 1em;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-tab.lemo-selected {
  background-color: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-tab-text {
  color: var(--lemo-color-gray-04);
  font-size: .85em;
  font-weight: 700;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-tab.lemo-selected .lemo-tab-text {
  color: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-modal-tab-content {
  border-radius: 0 0 var(--lemo-radii-02) var(--lemo-radii-02);
  background-color: var(--lemo-color-base-background);
  min-height: 300px;
  padding: 1em;
  list-style: none;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-template-button {
  color: var(--lemo-color-gray-04);
  cursor: pointer;
  margin: .7em;
  transition: color .2s;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-template-button:hover {
  color: var(--lemo-color-corporate-hover);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-columns-wrapper {
  gap: 2em;
  min-height: 100%;
  margin: auto;
  display: flex;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-editor-wrapper, .lemonade-exercises .lemo-group-editor-layout .lemo-question-group-wrapper {
  background-color: var(--lemo-color-base-background);
}

.lemonade-exercises .lemo-group-editor-layout .lemo-group-editor-wrapper {
  width: 40%;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-question-group-wrapper {
  width: 60%;
}

.lemonade-exercises .lemo-group-editor-layout .lemo-confirm-message {
  max-width: 450px;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-column-container {
  flex-direction: row-reverse;
  gap: 2em;
  margin: 0 auto;
  display: flex;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-column:first-child {
  width: 45%;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-column:last-child {
  width: 55%;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-question-wrapper {
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-03);
  background-color: var(--lemo-color-base-white);
  padding: 2em;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-editor {
  padding-top: 0;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-question-editor-controls {
  justify-content: stretch;
  align-items: center;
  gap: 1em;
  width: 100%;
  display: flex;
}

.lemonade-exercises .lemo-question-editor-layout .lemo-question-editor-controls > * {
  width: 100%;
  margin: 1.5em 0;
}

.lemonade-exercises .lemo-group-editor-layout, .lemonade-exercises .lemo-question-editor-layout {
  background-color: var(--lemo-color-base-background);
  width: 100%;
  min-height: 100vh;
  padding: 2em;
}

#lemonadePreviewIframe {
  width: 100%;
  height: 100%;
}

.lemonade-exercises .lemo-responsive-preview .lemo-preview-body {
  background-color: var(--lemo-color-base-background);
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 1em;
  display: flex;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container {
  background-color: var(--lemo-color-base-white);
  border: 1px solid var(--lemo-color-gray-02);
  border-radius: var(--lemo-radii-02);
  max-width: 1380px;
  height: auto;
  margin: auto;
  padding: 2em;
  transition: width .45s ease-in-out, height .6s ease-in-out, max-height .6s ease-in-out;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container.lemo-display-Desktop {
  width: 100%;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container.lemo-display-1024 {
  width: 1024px;
  height: 768px;
  overflow-y: auto;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container.lemo-display-768 {
  width: 768px;
  height: 1024px;
  overflow-y: auto;
}

.lemonade-exercises .lemo-responsive-preview .lemo-screen-container.lemo-display-360 {
  width: 360px;
  height: 850px;
  padding: 1em .6em;
  overflow: auto;
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button {
  cursor: pointer;
  align-items: center;
  margin-right: 1em;
  display: flex;
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button:last-child {
  margin-right: 0;
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button .lemo-icon {
  fill: var(--lemo-color-gray-06);
  width: 24px;
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button:hover .lemo-icon, .lemonade-exercises .lemo-responsive-preview .lemo-size-selector-button.lemo-selected .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-responsive-preview .lemo-icon.lemo-horizontal {
  transform-origin: center;
  transform: rotate(90deg);
}

.lemonade-exercises .lemo-responsive-preview .lemo-size-selector {
  align-items: center;
  display: flex;
}

.lemonade-exercises .lemo-responsive-preview .lemo-back-button {
  cursor: pointer;
}

.lemonade-exercises .lemo-responsive-preview .lemo-back-button .lemo-icon {
  fill: var(--lemo-color-gray-06);
  width: 24px;
  height: 24px;
  transition: color .2s;
}

.lemonade-exercises .lemo-responsive-preview .lemo-back-button:hover .lemo-icon {
  fill: var(--lemo-color-corporate);
}

.lemonade-exercises .lemo-responsive-preview .lemo-preview-header {
  background-color: var(--lemo-color-base-white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto;
  padding: .6em .2em;
  display: flex;
}

.lemonade-exercises .lemo-responsive-preview {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.viewer-container .warning-message {
  color: #ca8a04;
  background-color: #fef3c7;
  border: 1px solid #facc15;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 12px 16px;
  display: flex;
  position: absolute;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.viewer-container .warning-message .viewer-icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}

.viewer-container .warning-message .viewer-icon svg {
  fill: #875e03;
  width: 100%;
  height: 100%;
}

.viewer-container .error-message {
  color: #dc2626;
  background-color: #fee2e2;
  border: 1px solid #f87171;
  border-radius: 6px;
  padding: 12px 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.error-boundary {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.error-boundary div {
  color: #e53e3e;
  text-align: center;
  background-color: #fff3f3;
  border: 1px solid #fed7d7;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  padding: 2rem;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

.error-boundary button {
  color: #e53e3e;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #e53e3e;
  border-radius: 5px;
  margin-top: 130px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
}

@font-face {
  font-display: block;
  font-family: KaTeX_AMS;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_AMS-Regular.a79f1c31.woff2) format("woff2"), url(/static/font/KaTeX_AMS-Regular.1608a09b.woff) format("woff"), url(/static/font/KaTeX_AMS-Regular.4aafdb68.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 700;
  src: url(/static/font/KaTeX_Caligraphic-Bold.ec17d132.woff2) format("woff2"), url(/static/font/KaTeX_Caligraphic-Bold.b6770918.woff) format("woff"), url(/static/font/KaTeX_Caligraphic-Bold.cce5b8ec.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_Caligraphic-Regular.55fac258.woff2) format("woff2"), url(/static/font/KaTeX_Caligraphic-Regular.dad44a7f.woff) format("woff"), url(/static/font/KaTeX_Caligraphic-Regular.07ef19e7.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 700;
  src: url(/static/font/KaTeX_Fraktur-Bold.d42a5579.woff2) format("woff2"), url(/static/font/KaTeX_Fraktur-Bold.9f256b85.woff) format("woff"), url(/static/font/KaTeX_Fraktur-Bold.b18f59e1.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_Fraktur-Regular.d3c882a6.woff2) format("woff2"), url(/static/font/KaTeX_Fraktur-Regular.7c187121.woff) format("woff"), url(/static/font/KaTeX_Fraktur-Regular.ed38e79f.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 700;
  src: url(/static/font/KaTeX_Main-Bold.c3fb5ac2.woff2) format("woff2"), url(/static/font/KaTeX_Main-Bold.d181c465.woff) format("woff"), url(/static/font/KaTeX_Main-Bold.b74a1a8b.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 700;
  src: url(/static/font/KaTeX_Main-BoldItalic.6f2bb1df.woff2) format("woff2"), url(/static/font/KaTeX_Main-BoldItalic.e3f82f9d.woff) format("woff"), url(/static/font/KaTeX_Main-BoldItalic.70d8b0a5.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 400;
  src: url(/static/font/KaTeX_Main-Italic.8916142b.woff2) format("woff2"), url(/static/font/KaTeX_Main-Italic.9024d815.woff) format("woff"), url(/static/font/KaTeX_Main-Italic.47373d1e.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_Main-Regular.0462f03b.woff2) format("woff2"), url(/static/font/KaTeX_Main-Regular.7f51fe03.woff) format("woff"), url(/static/font/KaTeX_Main-Regular.b7f8fe9b.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
  src: url(/static/font/KaTeX_Math-BoldItalic.572d331f.woff2) format("woff2"), url(/static/font/KaTeX_Math-BoldItalic.f1035d8d.woff) format("woff"), url(/static/font/KaTeX_Math-BoldItalic.a879cf83.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 400;
  src: url(/static/font/KaTeX_Math-Italic.f28c23ac.woff2) format("woff2"), url(/static/font/KaTeX_Math-Italic.5295ba48.woff) format("woff"), url(/static/font/KaTeX_Math-Italic.939bc644.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 700;
  src: url(/static/font/KaTeX_SansSerif-Bold.8c5b5494.woff2) format("woff2"), url(/static/font/KaTeX_SansSerif-Bold.bf59d231.woff) format("woff"), url(/static/font/KaTeX_SansSerif-Bold.94e1e8dc.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: italic;
  font-weight: 400;
  src: url(/static/font/KaTeX_SansSerif-Italic.3b1e59b3.woff2) format("woff2"), url(/static/font/KaTeX_SansSerif-Italic.7c9bc82b.woff) format("woff"), url(/static/font/KaTeX_SansSerif-Italic.b4c20c84.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_SansSerif-Regular.ba21ed5f.woff2) format("woff2"), url(/static/font/KaTeX_SansSerif-Regular.74048478.woff) format("woff"), url(/static/font/KaTeX_SansSerif-Regular.d4d7ba48.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Script;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_Script-Regular.03e9641d.woff2) format("woff2"), url(/static/font/KaTeX_Script-Regular.07505710.woff) format("woff"), url(/static/font/KaTeX_Script-Regular.fe9cbbe1.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size1;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_Size1-Regular.eae34984.woff2) format("woff2"), url(/static/font/KaTeX_Size1-Regular.e1e279cb.woff) format("woff"), url(/static/font/KaTeX_Size1-Regular.fabc004a.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size2;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_Size2-Regular.5916a24f.woff2) format("woff2"), url(/static/font/KaTeX_Size2-Regular.57727022.woff) format("woff"), url(/static/font/KaTeX_Size2-Regular.d6b476ec.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size3;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"), url(/static/font/KaTeX_Size3-Regular.9acaf01c.woff) format("woff"), url(/static/font/KaTeX_Size3-Regular.a144ef58.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size4;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_Size4-Regular.10d95fd3.woff2) format("woff2"), url(/static/font/KaTeX_Size4-Regular.7a996c9d.woff) format("woff"), url(/static/font/KaTeX_Size4-Regular.fbccdabe.ttf) format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Typewriter;
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/KaTeX_Typewriter-Regular.a8709e36.woff2) format("woff2"), url(/static/font/KaTeX_Typewriter-Regular.6258592b.woff) format("woff"), url(/static/font/KaTeX_Typewriter-Regular.d97aaf4a.ttf) format("truetype");
}

.katex {
  text-indent: 0;
  text-rendering: auto;
  font: 1.21em / 1.2 KaTeX_Main, Times New Roman, serif;
}

.katex * {
  border-color: currentColor;
  -ms-high-contrast-adjust: none !important;
}

.katex .katex-version:after {
  content: "0.16.25";
}

.katex .katex-mathml {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.katex .katex-html > .newline {
  display: block;
}

.katex .base {
  white-space: nowrap;
  width: -webkit-min-content;
  width: min-content;
  position: relative;
}

.katex .base, .katex .strut {
  display: inline-block;
}

.katex .textbf {
  font-weight: 700;
}

.katex .textit {
  font-style: italic;
}

.katex .textrm {
  font-family: KaTeX_Main;
}

.katex .textsf {
  font-family: KaTeX_SansSerif;
}

.katex .texttt {
  font-family: KaTeX_Typewriter;
}

.katex .mathnormal {
  font-family: KaTeX_Math;
  font-style: italic;
}

.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}

.katex .mathrm {
  font-style: normal;
}

.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: 700;
}

.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
}

.katex .amsrm, .katex .mathbb, .katex .textbb {
  font-family: KaTeX_AMS;
}

.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}

.katex .mathfrak, .katex .textfrak {
  font-family: KaTeX_Fraktur;
}

.katex .mathboldfrak, .katex .textboldfrak {
  font-family: KaTeX_Fraktur;
  font-weight: 700;
}

.katex .mathtt {
  font-family: KaTeX_Typewriter;
}

.katex .mathscr, .katex .textscr {
  font-family: KaTeX_Script;
}

.katex .mathsf, .katex .textsf {
  font-family: KaTeX_SansSerif;
}

.katex .mathboldsf, .katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: 700;
}

.katex .mathitsf, .katex .mathsfit, .katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}

.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}

.katex .vlist-t {
  border-collapse: collapse;
  table-layout: fixed;
  display: inline-table;
}

.katex .vlist-r {
  display: table-row;
}

.katex .vlist {
  vertical-align: bottom;
  display: table-cell;
  position: relative;
}

.katex .vlist > span {
  height: 0;
  display: block;
  position: relative;
}

.katex .vlist > span > span {
  display: inline-block;
}

.katex .vlist > span > .pstrut {
  width: 0;
  overflow: hidden;
}

.katex .vlist-t2 {
  margin-right: -2px;
}

.katex .vlist-s {
  vertical-align: bottom;
  width: 2px;
  min-width: 2px;
  font-size: 1px;
  display: table-cell;
}

.katex .vbox {
  flex-direction: column;
  align-items: baseline;
  display: inline-flex;
}

.katex .hbox {
  width: 100%;
}

.katex .hbox, .katex .thinbox {
  flex-direction: row;
  display: inline-flex;
}

.katex .thinbox {
  width: 0;
  max-width: 0;
}

.katex .msupsub {
  text-align: left;
}

.katex .mfrac > span > span {
  text-align: center;
}

.katex .mfrac .frac-line {
  border-bottom-style: solid;
  width: 100%;
  display: inline-block;
}

.katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .rule, .katex .underline .underline-line {
  min-height: 1px;
}

.katex .mspace {
  display: inline-block;
}

.katex .clap, .katex .llap, .katex .rlap {
  width: 0;
  position: relative;
}

.katex .clap > .inner, .katex .llap > .inner, .katex .rlap > .inner {
  position: absolute;
}

.katex .clap > .fix, .katex .llap > .fix, .katex .rlap > .fix {
  display: inline-block;
}

.katex .llap > .inner {
  right: 0;
}

.katex .clap > .inner, .katex .rlap > .inner {
  left: 0;
}

.katex .clap > .inner > span {
  margin-left: -50%;
  margin-right: 50%;
}

.katex .rule {
  border: 0 solid;
  display: inline-block;
  position: relative;
}

.katex .hline, .katex .overline .overline-line, .katex .underline .underline-line {
  border-bottom-style: solid;
  width: 100%;
  display: inline-block;
}

.katex .hdashline {
  border-bottom-style: dashed;
  width: 100%;
  display: inline-block;
}

.katex .sqrt > .root {
  margin-left: .277778em;
  margin-right: -.555556em;
}

.katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 {
  font-size: 1.2em;
}

.katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 {
  font-size: 1.4em;
}

.katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 {
  font-size: 1.6em;
}

.katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 {
  font-size: 1.8em;
}

.katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 {
  font-size: 2em;
}

.katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 {
  font-size: 2.4em;
}

.katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 {
  font-size: 2.88em;
}

.katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 {
  font-size: 3.456em;
}

.katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 {
  font-size: 4.148em;
}

.katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.size11 {
  font-size: 4.976em;
}

.katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 {
  font-size: .833333em;
}

.katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 {
  font-size: 1.16667em;
}

.katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 {
  font-size: 1.33333em;
}

.katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 {
  font-size: 1.5em;
}

.katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 {
  font-size: 1.66667em;
}

.katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 {
  font-size: 2em;
}

.katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 {
  font-size: 2.4em;
}

.katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 {
  font-size: 2.88em;
}

.katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 {
  font-size: 3.45667em;
}

.katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.size11 {
  font-size: 4.14667em;
}

.katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 {
  font-size: .714286em;
}

.katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 {
  font-size: .857143em;
}

.katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 {
  font-size: 1.14286em;
}

.katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 {
  font-size: 1.28571em;
}

.katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 {
  font-size: 1.42857em;
}

.katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 {
  font-size: 1.71429em;
}

.katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 {
  font-size: 2.05714em;
}

.katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 {
  font-size: 2.46857em;
}

.katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 {
  font-size: 2.96286em;
}

.katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.size11 {
  font-size: 3.55429em;
}

.katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 {
  font-size: .625em;
}

.katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 {
  font-size: .75em;
}

.katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 {
  font-size: .875em;
}

.katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 {
  font-size: 1.125em;
}

.katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 {
  font-size: 1.25em;
}

.katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 {
  font-size: 1.5em;
}

.katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 {
  font-size: 1.8em;
}

.katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 {
  font-size: 2.16em;
}

.katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 {
  font-size: 2.5925em;
}

.katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.size11 {
  font-size: 3.11em;
}

.katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 {
  font-size: .555556em;
}

.katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 {
  font-size: .666667em;
}

.katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 {
  font-size: .777778em;
}

.katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 {
  font-size: .888889em;
}

.katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 {
  font-size: 1.11111em;
}

.katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 {
  font-size: 1.33333em;
}

.katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 {
  font-size: 1.6em;
}

.katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 {
  font-size: 1.92em;
}

.katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 {
  font-size: 2.30444em;
}

.katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.size11 {
  font-size: 2.76444em;
}

.katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 {
  font-size: .5em;
}

.katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 {
  font-size: .6em;
}

.katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 {
  font-size: .7em;
}

.katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 {
  font-size: .8em;
}

.katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 {
  font-size: .9em;
}

.katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 {
  font-size: 1.2em;
}

.katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 {
  font-size: 1.44em;
}

.katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 {
  font-size: 1.728em;
}

.katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 {
  font-size: 2.074em;
}

.katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.size11 {
  font-size: 2.488em;
}

.katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 {
  font-size: .416667em;
}

.katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 {
  font-size: .5em;
}

.katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 {
  font-size: .583333em;
}

.katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 {
  font-size: .666667em;
}

.katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 {
  font-size: .75em;
}

.katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 {
  font-size: .833333em;
}

.katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 {
  font-size: 1.2em;
}

.katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 {
  font-size: 1.44em;
}

.katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 {
  font-size: 1.72833em;
}

.katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.size11 {
  font-size: 2.07333em;
}

.katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 {
  font-size: .347222em;
}

.katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 {
  font-size: .416667em;
}

.katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 {
  font-size: .486111em;
}

.katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 {
  font-size: .555556em;
}

.katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 {
  font-size: .625em;
}

.katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 {
  font-size: .694444em;
}

.katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 {
  font-size: .833333em;
}

.katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 {
  font-size: 1.2em;
}

.katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 {
  font-size: 1.44028em;
}

.katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.size11 {
  font-size: 1.72778em;
}

.katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 {
  font-size: .289352em;
}

.katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 {
  font-size: .347222em;
}

.katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 {
  font-size: .405093em;
}

.katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 {
  font-size: .462963em;
}

.katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 {
  font-size: .520833em;
}

.katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 {
  font-size: .578704em;
}

.katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 {
  font-size: .694444em;
}

.katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 {
  font-size: .833333em;
}

.katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 {
  font-size: 1.20023em;
}

.katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.size11 {
  font-size: 1.43981em;
}

.katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 {
  font-size: .24108em;
}

.katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 {
  font-size: .289296em;
}

.katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 {
  font-size: .337512em;
}

.katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 {
  font-size: .385728em;
}

.katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 {
  font-size: .433944em;
}

.katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 {
  font-size: .48216em;
}

.katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 {
  font-size: .578592em;
}

.katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 {
  font-size: .694311em;
}

.katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 {
  font-size: .833173em;
}

.katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.size11 {
  font-size: 1.19961em;
}

.katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.size1 {
  font-size: .200965em;
}

.katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.size2 {
  font-size: .241158em;
}

.katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.size3 {
  font-size: .281351em;
}

.katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.size4 {
  font-size: .321543em;
}

.katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.size5 {
  font-size: .361736em;
}

.katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.size6 {
  font-size: .401929em;
}

.katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.size7 {
  font-size: .482315em;
}

.katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.size8 {
  font-size: .578778em;
}

.katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.size9 {
  font-size: .694534em;
}

.katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.size10 {
  font-size: .833601em;
}

.katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.size11 {
  font-size: 1em;
}

.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}

.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}

.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}

.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}

.katex .delimsizing.mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}

.katex .delimsizing.mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}

.katex .nulldelimiter {
  width: .12em;
  display: inline-block;
}

.katex .delimcenter, .katex .op-symbol {
  position: relative;
}

.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}

.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}

.katex .accent > .vlist-t, .katex .op-limits > .vlist-t {
  text-align: center;
}

.katex .accent .accent-body {
  position: relative;
}

.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}

.katex .overlay {
  display: block;
}

.katex .mtable .vertical-separator {
  min-width: 1px;
  display: inline-block;
}

.katex .mtable .arraycolsep {
  display: inline-block;
}

.katex .mtable .col-align-c > .vlist-t {
  text-align: center;
}

.katex .mtable .col-align-l > .vlist-t {
  text-align: left;
}

.katex .mtable .col-align-r > .vlist-t {
  text-align: right;
}

.katex .svg-align {
  text-align: left;
}

.katex svg {
  fill: currentColor;
  stroke: currentColor;
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
  height: inherit;
  width: 100%;
  display: block;
  position: absolute;
}

.katex svg path {
  stroke: none;
}

.katex img {
  border-style: none;
  min-width: 0;
  max-width: none;
  min-height: 0;
  max-height: none;
}

.katex .stretchy {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.katex .stretchy:after, .katex .stretchy:before {
  content: "";
}

.katex .hide-tail {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.katex .halfarrow-left {
  width: 50.2%;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.katex .halfarrow-right {
  width: 50.2%;
  position: absolute;
  right: 0;
  overflow: hidden;
}

.katex .brace-left {
  width: 25.1%;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.katex .brace-center {
  width: 50%;
  position: absolute;
  left: 25%;
  overflow: hidden;
}

.katex .brace-right {
  width: 25.1%;
  position: absolute;
  right: 0;
  overflow: hidden;
}

.katex .x-arrow-pad {
  padding: 0 .5em;
}

.katex .cd-arrow-pad {
  padding: 0 .55556em 0 .27778em;
}

.katex .mover, .katex .munder, .katex .x-arrow {
  text-align: center;
}

.katex .boxpad {
  padding: 0 .3em;
}

.katex .fbox, .katex .fcolorbox {
  box-sizing: border-box;
  border: .04em solid;
}

.katex .cancel-pad {
  padding: 0 .2em;
}

.katex .cancel-lap {
  margin-left: -.2em;
  margin-right: -.2em;
}

.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: .08em;
}

.katex .angl {
  box-sizing: border-box;
  border-top: .049em solid;
  border-right: .049em solid;
  margin-right: .03889em;
}

.katex .anglpad {
  padding: 0 .03889em;
}

.katex .eqn-num:before {
  content: "(" counter(katexEqnNo) ")";
  counter-increment: katexEqnNo;
}

.katex .mml-eqn-num:before {
  content: "(" counter(mmlEqnNo) ")";
  counter-increment: mmlEqnNo;
}

.katex .mtr-glue {
  width: 50%;
}

.katex .cd-vert-arrow {
  display: inline-block;
  position: relative;
}

.katex .cd-label-left {
  text-align: left;
  display: inline-block;
  position: absolute;
  right: calc(50% + .3em);
}

.katex .cd-label-right {
  text-align: right;
  display: inline-block;
  position: absolute;
  left: calc(50% + .3em);
}

.katex-display {
  text-align: center;
  margin: 1em 0;
  display: block;
}

.katex-display > .katex {
  text-align: center;
  white-space: nowrap;
  display: block;
}

.katex-display > .katex > .katex-html {
  display: block;
  position: relative;
}

.katex-display > .katex > .katex-html > .tag {
  position: absolute;
  right: 0;
}

.katex-display.leqno > .katex > .katex-html > .tag {
  left: 0;
  right: auto;
}

.katex-display.fleqn > .katex {
  text-align: left;
  padding-left: 2em;
}

body {
  counter-reset: katexEqnNo mmlEqnNo;
}

.hljs {
  color: #333;
  background: #f8f8f8;
  padding: .5em;
  display: block;
  overflow-x: auto;
}

.hljs-comment, .hljs-quote {
  color: #998;
  font-style: italic;
}

.hljs-keyword, .hljs-selector-tag, .hljs-subst {
  color: #333;
  font-weight: bold;
}

.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {
  color: teal;
}

.hljs-string, .hljs-doctag {
  color: #d14;
}

.hljs-title, .hljs-section, .hljs-selector-id {
  color: #900;
  font-weight: bold;
}

.hljs-subst {
  font-weight: normal;
}

.hljs-type, .hljs-class .hljs-title {
  color: #458;
  font-weight: bold;
}

.hljs-tag, .hljs-name, .hljs-attribute {
  color: navy;
  font-weight: normal;
}

.hljs-regexp, .hljs-link {
  color: #009926;
}

.hljs-symbol, .hljs-bullet {
  color: #990073;
}

.hljs-built_in, .hljs-builtin-name {
  color: #0086b3;
}

.hljs-meta {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

@keyframes scale {
  30% {
    transform: scale(.3);
  }

  100% {
    transform: scale(1);
  }
}

.ball-pulse > div:nth-child(0) {
  animation: .75s cubic-bezier(.2, .68, .18, 1.08) -.36s infinite scale;
}

.ball-pulse > div:first-child {
  animation: .75s cubic-bezier(.2, .68, .18, 1.08) -.24s infinite scale;
}

.ball-pulse > div:nth-child(2) {
  animation: .75s cubic-bezier(.2, .68, .18, 1.08) -.12s infinite scale;
}

.ball-pulse > div:nth-child(3) {
  animation: .75s cubic-bezier(.2, .68, .18, 1.08) infinite scale;
}

.ball-pulse > div {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
}

@keyframes ball-pulse-sync {
  33% {
    transform: translateY(10px);
  }

  66% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.ball-pulse-sync > div:nth-child(0) {
  animation: .6s ease-in-out -.21s infinite ball-pulse-sync;
}

.ball-pulse-sync > div:first-child {
  animation: .6s ease-in-out -.14s infinite ball-pulse-sync;
}

.ball-pulse-sync > div:nth-child(2) {
  animation: .6s ease-in-out -.07s infinite ball-pulse-sync;
}

.ball-pulse-sync > div:nth-child(3) {
  animation: .6s ease-in-out infinite ball-pulse-sync;
}

.ball-pulse-sync > div {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
}

@keyframes ball-scale {
  0% {
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.ball-scale > div {
  background-color: #fff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  margin: 2px;
  animation: 1s ease-in-out infinite ball-scale;
  display: inline-block;
}

.ball-scale-random {
  width: 37px;
  height: 40px;
}

.ball-scale-random > div {
  background-color: #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin: 2px;
  animation: 1s ease-in-out infinite ball-scale;
  display: inline-block;
  position: absolute;
}

.ball-scale-random > div:first-child {
  margin-left: -7px;
  animation: 1s ease-in-out .2s infinite ball-scale;
}

.ball-scale-random > div:nth-child(3) {
  margin-top: 9px;
  margin-left: -2px;
  animation: 1s ease-in-out .5s infinite ball-scale;
}

@keyframes rotate {
  0% {
    transform: rotate(0)scale(1);
  }

  50% {
    transform: rotate(180deg)scale(.6);
  }

  100% {
    transform: rotate(360deg)scale(1);
  }
}

.ball-rotate {
  position: relative;
}

.ball-rotate > div {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  animation-fill-mode: both;
  position: relative;
}

.ball-rotate > div:first-child {
  animation: 1s cubic-bezier(.7, -.13, .22, .86) infinite rotate;
}

.ball-rotate > div:before, .ball-rotate > div:after {
  content: "";
  opacity: .8;
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  position: absolute;
}

.ball-rotate > div:before {
  top: 0;
  left: -28px;
}

.ball-rotate > div:after {
  top: 0;
  left: 25px;
}

.ball-clip-rotate > div {
  background-color: #fff;
  border: 2px solid #fff;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 100%;
  width: 25px;
  height: 25px;
  margin: 2px;
  animation: .75s linear infinite rotate;
  display: inline-block;
  background: none !important;
}

.ball-clip-rotate-pulse {
  position: relative;
  transform: translateY(-15px);
}

.ball-clip-rotate-pulse > div {
  border-radius: 100%;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
}

.ball-clip-rotate-pulse > div:first-child {
  background: #fff;
  width: 16px;
  height: 16px;
  animation: 1s cubic-bezier(.09, .57, .49, .9) infinite scale;
  top: 7px;
  left: -7px;
}

.ball-clip-rotate-pulse > div:last-child {
  background: none;
  border: 2px solid #fff;
  border-color: #fff rgba(0, 0, 0, 0);
  width: 30px;
  height: 30px;
  animation: 1s cubic-bezier(.09, .57, .49, .9) infinite rotate;
  position: absolute;
  top: -2px;
  left: -16px;
}

.ball-clip-rotate-multiple {
  position: relative;
}

.ball-clip-rotate-multiple > div {
  border: 2px solid rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0) #fff;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: 1s ease-in-out infinite rotate;
  position: absolute;
  top: -20px;
  left: -20px;
}

.ball-clip-rotate-multiple > div:last-child {
  border-color: #fff rgba(0, 0, 0, 0);
  width: 15px;
  height: 15px;
  animation-duration: .5s;
  animation-direction: reverse;
  display: inline-block;
  top: -10px;
  left: -10px;
}

@keyframes ball-scale-ripple {
  0% {
    opacity: 1;
    transform: scale(.1);
  }

  70% {
    opacity: .7;
    transform: scale(1);
  }

  100% {
    opacity: 0;
  }
}

.ball-scale-ripple > div {
  border: 2px solid #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  animation: 1s cubic-bezier(.21, .53, .56, .8) infinite ball-scale-ripple;
}

@keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    transform: scale(.1);
  }

  70% {
    opacity: .7;
    transform: scale(1);
  }

  100% {
    opacity: 0;
  }
}

.ball-scale-ripple-multiple {
  position: relative;
  transform: translateY(-25px);
}

.ball-scale-ripple-multiple > div:nth-child(0) {
  animation-delay: -.8s;
}

.ball-scale-ripple-multiple > div:first-child {
  animation-delay: -.6s;
}

.ball-scale-ripple-multiple > div:nth-child(2) {
  animation-delay: -.4s;
}

.ball-scale-ripple-multiple > div:nth-child(3) {
  animation-delay: -.2s;
}

.ball-scale-ripple-multiple > div {
  border: 2px solid #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  animation: 1.25s cubic-bezier(.21, .53, .56, .8) infinite ball-scale-ripple-multiple;
  position: absolute;
  top: -2px;
  left: -26px;
}

@keyframes ball-beat {
  50% {
    opacity: .2;
    transform: scale(.75);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.ball-beat > div {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  animation: .7s linear infinite ball-beat;
  display: inline-block;
}

.ball-beat > div:nth-child(2n-1) {
  animation-delay: -.35s !important;
}

@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  5% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.ball-scale-multiple {
  position: relative;
  transform: translateY(-30px);
}

.ball-scale-multiple > div:nth-child(2) {
  animation-delay: -.4s;
}

.ball-scale-multiple > div:nth-child(3) {
  animation-delay: -.2s;
}

.ball-scale-multiple > div {
  opacity: 0;
  background-color: #fff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  margin: 0;
  animation: 1s linear infinite ball-scale-multiple;
  position: absolute;
  top: 0;
  left: -30px;
}

@keyframes ball-triangle-path-1 {
  33% {
    transform: translate(25px, -50px);
  }

  66% {
    transform: translate(50px);
  }

  100% {
    transform: translate(0);
  }
}

@keyframes ball-triangle-path-2 {
  33% {
    transform: translate(25px, 50px);
  }

  66% {
    transform: translate(-25px, 50px);
  }

  100% {
    transform: translate(0);
  }
}

@keyframes ball-triangle-path-3 {
  33% {
    transform: translate(-50px);
  }

  66% {
    transform: translate(-25px, -50px);
  }

  100% {
    transform: translate(0);
  }
}

.ball-triangle-path {
  position: relative;
  transform: translate(-29.994px, -37.5094px);
}

.ball-triangle-path > div:first-child {
  animation-name: ball-triangle-path-1;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div:nth-child(2) {
  animation-name: ball-triangle-path-2;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div:nth-child(3) {
  animation-name: ball-triangle-path-3;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div {
  border: 1px solid #fff;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  animation-fill-mode: both;
  position: absolute;
}

.ball-triangle-path > div:first-of-type {
  top: 50px;
}

.ball-triangle-path > div:nth-of-type(2) {
  left: 25px;
}

.ball-triangle-path > div:nth-of-type(3) {
  top: 50px;
  left: 50px;
}

@keyframes ball-pulse-rise-even {
  0% {
    transform: scale(1.1);
  }

  25% {
    transform: translateY(-30px);
  }

  50% {
    transform: scale(.4);
  }

  75% {
    transform: translateY(30px);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes ball-pulse-rise-odd {
  0% {
    transform: scale(.4);
  }

  25% {
    transform: translateY(30px);
  }

  50% {
    transform: scale(1.1);
  }

  75% {
    transform: translateY(-30px);
  }

  100% {
    transform: scale(.75);
  }
}

.ball-pulse-rise > div {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(.15, .46, .9, .6);
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  display: inline-block;
}

.ball-pulse-rise > div:nth-child(2n) {
  animation-name: ball-pulse-rise-even;
}

.ball-pulse-rise > div:nth-child(2n-1) {
  animation-name: ball-pulse-rise-odd;
}

@keyframes ball-grid-beat {
  50% {
    opacity: .7;
  }

  100% {
    opacity: 1;
  }
}

.ball-grid-beat {
  width: 57px;
}

.ball-grid-beat > div:first-child {
  animation-duration: 1.27s;
  animation-delay: .44s;
}

.ball-grid-beat > div:nth-child(2) {
  animation-duration: 1.52s;
  animation-delay: .2s;
}

.ball-grid-beat > div:nth-child(3) {
  animation-duration: .61s;
  animation-delay: .14s;
}

.ball-grid-beat > div:nth-child(4) {
  animation-duration: .82s;
  animation-delay: .15s;
}

.ball-grid-beat > div:nth-child(5) {
  animation-duration: 1.24s;
  animation-delay: -.01s;
}

.ball-grid-beat > div:nth-child(6) {
  animation-duration: 1.35s;
  animation-delay: -.07s;
}

.ball-grid-beat > div:nth-child(7) {
  animation-duration: 1.44s;
  animation-delay: .29s;
}

.ball-grid-beat > div:nth-child(8) {
  animation-duration: 1.19s;
  animation-delay: .63s;
}

.ball-grid-beat > div:nth-child(9) {
  animation-duration: 1.48s;
  animation-delay: -.18s;
}

.ball-grid-beat > div {
  float: left;
  animation-name: ball-grid-beat;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  display: inline-block;
}

@keyframes ball-grid-pulse {
  0% {
    transform: scale(1);
  }

  50% {
    opacity: .7;
    transform: scale(.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.ball-grid-pulse {
  width: 57px;
}

.ball-grid-pulse > div:first-child {
  animation-duration: .9s;
  animation-delay: .58s;
}

.ball-grid-pulse > div:nth-child(2) {
  animation-duration: .94s;
  animation-delay: 10ms;
}

.ball-grid-pulse > div:nth-child(3) {
  animation-duration: 1.43s;
  animation-delay: .25s;
}

.ball-grid-pulse > div:nth-child(4) {
  animation-duration: .74s;
  animation-delay: -.03s;
}

.ball-grid-pulse > div:nth-child(5) {
  animation-duration: .68s;
  animation-delay: .21s;
}

.ball-grid-pulse > div:nth-child(6) {
  animation-duration: 1.17s;
  animation-delay: .25s;
}

.ball-grid-pulse > div:nth-child(7) {
  animation-duration: 1.41s;
  animation-delay: .46s;
}

.ball-grid-pulse > div:nth-child(8) {
  animation-duration: 1.56s;
  animation-delay: 20ms;
}

.ball-grid-pulse > div:nth-child(9) {
  animation-duration: .78s;
  animation-delay: .13s;
}

.ball-grid-pulse > div {
  float: left;
  animation-name: ball-grid-pulse;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  display: inline-block;
}

@keyframes ball-spin-fade-loader {
  50% {
    opacity: .3;
    transform: scale(.4);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px;
}

.ball-spin-fade-loader > div:first-child {
  animation: 1s linear -.96s infinite ball-spin-fade-loader;
  top: 25px;
  left: 0;
}

.ball-spin-fade-loader > div:nth-child(2) {
  animation: 1s linear -.84s infinite ball-spin-fade-loader;
  top: 17.0455px;
  left: 17.0455px;
}

.ball-spin-fade-loader > div:nth-child(3) {
  animation: 1s linear -.72s infinite ball-spin-fade-loader;
  top: 0;
  left: 25px;
}

.ball-spin-fade-loader > div:nth-child(4) {
  animation: 1s linear -.6s infinite ball-spin-fade-loader;
  top: -17.0455px;
  left: 17.0455px;
}

.ball-spin-fade-loader > div:nth-child(5) {
  animation: 1s linear -.48s infinite ball-spin-fade-loader;
  top: -25px;
  left: 0;
}

.ball-spin-fade-loader > div:nth-child(6) {
  animation: 1s linear -.36s infinite ball-spin-fade-loader;
  top: -17.0455px;
  left: -17.0455px;
}

.ball-spin-fade-loader > div:nth-child(7) {
  animation: 1s linear -.24s infinite ball-spin-fade-loader;
  top: 0;
  left: -25px;
}

.ball-spin-fade-loader > div:nth-child(8) {
  animation: 1s linear -.12s infinite ball-spin-fade-loader;
  top: 17.0455px;
  left: -17.0455px;
}

.ball-spin-fade-loader > div {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
}

@keyframes ball-spin-loader {
  75% {
    opacity: .2;
  }

  100% {
    opacity: 1;
  }
}

.ball-spin-loader {
  position: relative;
}

.ball-spin-loader > span:first-child {
  animation: 2s linear .9s infinite ball-spin-loader;
  top: 45px;
  left: 0;
}

.ball-spin-loader > span:nth-child(2) {
  animation: 2s linear 1.8s infinite ball-spin-loader;
  top: 30.6818px;
  left: 30.6818px;
}

.ball-spin-loader > span:nth-child(3) {
  animation: 2s linear 2.7s infinite ball-spin-loader;
  top: 0;
  left: 45px;
}

.ball-spin-loader > span:nth-child(4) {
  animation: 2s linear 3.6s infinite ball-spin-loader;
  top: -30.6818px;
  left: 30.6818px;
}

.ball-spin-loader > span:nth-child(5) {
  animation: 2s linear 4.5s infinite ball-spin-loader;
  top: -45px;
  left: 0;
}

.ball-spin-loader > span:nth-child(6) {
  animation: 2s linear 5.4s infinite ball-spin-loader;
  top: -30.6818px;
  left: -30.6818px;
}

.ball-spin-loader > span:nth-child(7) {
  animation: 2s linear 6.3s infinite ball-spin-loader;
  top: 0;
  left: -45px;
}

.ball-spin-loader > span:nth-child(8) {
  animation: 2s linear 7.2s infinite ball-spin-loader;
  top: 30.6818px;
  left: -30.6818px;
}

.ball-spin-loader > div {
  background: green;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  animation-fill-mode: both;
  position: absolute;
}

@keyframes ball-zig {
  33% {
    transform: translate(-15px, -30px);
  }

  66% {
    transform: translate(15px, -30px);
  }

  100% {
    transform: translate(0);
  }
}

@keyframes ball-zag {
  33% {
    transform: translate(15px, 30px);
  }

  66% {
    transform: translate(-15px, 30px);
  }

  100% {
    transform: translate(0);
  }
}

.ball-zig-zag {
  position: relative;
  transform: translate(-15px, -15px);
}

.ball-zig-zag > div {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px 2px 2px 15px;
  animation-fill-mode: both;
  position: absolute;
  top: 4px;
  left: -7px;
}

.ball-zig-zag > div:first-child {
  animation: .7s linear infinite ball-zig;
}

.ball-zig-zag > div:last-child {
  animation: .7s linear infinite ball-zag;
}

@keyframes ball-zig-deflect {
  17% {
    transform: translate(-15px, -30px);
  }

  34% {
    transform: translate(15px, -30px);
  }

  50% {
    transform: translate(0);
  }

  67% {
    transform: translate(15px, -30px);
  }

  84% {
    transform: translate(-15px, -30px);
  }

  100% {
    transform: translate(0);
  }
}

@keyframes ball-zag-deflect {
  17% {
    transform: translate(15px, 30px);
  }

  34% {
    transform: translate(-15px, 30px);
  }

  50% {
    transform: translate(0);
  }

  67% {
    transform: translate(-15px, 30px);
  }

  84% {
    transform: translate(15px, 30px);
  }

  100% {
    transform: translate(0);
  }
}

.ball-zig-zag-deflect {
  position: relative;
  transform: translate(-15px, -15px);
}

.ball-zig-zag-deflect > div {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 2px 2px 2px 15px;
  animation-fill-mode: both;
  position: absolute;
  top: 4px;
  left: -7px;
}

.ball-zig-zag-deflect > div:first-child {
  animation: 1.5s linear infinite ball-zig-deflect;
}

.ball-zig-zag-deflect > div:last-child {
  animation: 1.5s linear infinite ball-zag-deflect;
}

@keyframes line-scale {
  0% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(.4);
  }

  100% {
    transform: scaleY(1);
  }
}

.line-scale > div:first-child {
  animation: 1s cubic-bezier(.2, .68, .18, 1.08) -.4s infinite line-scale;
}

.line-scale > div:nth-child(2) {
  animation: 1s cubic-bezier(.2, .68, .18, 1.08) -.3s infinite line-scale;
}

.line-scale > div:nth-child(3) {
  animation: 1s cubic-bezier(.2, .68, .18, 1.08) -.2s infinite line-scale;
}

.line-scale > div:nth-child(4) {
  animation: 1s cubic-bezier(.2, .68, .18, 1.08) -.1s infinite line-scale;
}

.line-scale > div:nth-child(5) {
  animation: 1s cubic-bezier(.2, .68, .18, 1.08) infinite line-scale;
}

.line-scale > div {
  background-color: #fff;
  border-radius: 2px;
  width: 4px;
  height: 35px;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
}

@keyframes line-scale-party {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(.5);
  }

  100% {
    transform: scale(1);
  }
}

.line-scale-party > div:first-child {
  animation-duration: .83s;
  animation-delay: -.09s;
}

.line-scale-party > div:nth-child(2) {
  animation-duration: .64s;
  animation-delay: .33s;
}

.line-scale-party > div:nth-child(3) {
  animation-duration: .39s;
  animation-delay: .32s;
}

.line-scale-party > div:nth-child(4) {
  animation-duration: .52s;
  animation-delay: .47s;
}

.line-scale-party > div {
  animation-name: line-scale-party;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  background-color: #fff;
  border-radius: 2px;
  width: 4px;
  height: 35px;
  margin: 2px;
  display: inline-block;
}

@keyframes line-scale-pulse-out {
  0% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(.4);
  }

  100% {
    transform: scaleY(1);
  }
}

.line-scale-pulse-out > div {
  background-color: #fff;
  border-radius: 2px;
  width: 4px;
  height: 35px;
  margin: 2px;
  animation: .9s cubic-bezier(.85, .25, .37, .85) -.6s infinite line-scale-pulse-out;
  display: inline-block;
}

.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
  animation-delay: -.4s !important;
}

.line-scale-pulse-out > div:first-child, .line-scale-pulse-out > div:nth-child(5) {
  animation-delay: -.2s !important;
}

@keyframes line-scale-pulse-out-rapid {
  0% {
    transform: scaleY(1);
  }

  80% {
    transform: scaleY(.3);
  }

  90% {
    transform: scaleY(1);
  }
}

.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  border-radius: 2px;
  width: 4px;
  height: 35px;
  margin: 2px;
  animation: .9s cubic-bezier(.11, .49, .38, .78) -.5s infinite line-scale-pulse-out-rapid;
  display: inline-block;
}

.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
  animation-delay: -.25s !important;
}

.line-scale-pulse-out-rapid > div:first-child, .line-scale-pulse-out-rapid > div:nth-child(5) {
  animation-delay: 0s !important;
}

@keyframes line-spin-fade-loader {
  50% {
    opacity: .3;
  }

  100% {
    opacity: 1;
  }
}

.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px;
}

.line-spin-fade-loader > div:first-child {
  animation: 1.2s ease-in-out -.84s infinite line-spin-fade-loader;
  top: 20px;
  left: 0;
}

.line-spin-fade-loader > div:nth-child(2) {
  animation: 1.2s ease-in-out -.72s infinite line-spin-fade-loader;
  top: 13.6364px;
  left: 13.6364px;
  transform: rotate(-45deg);
}

.line-spin-fade-loader > div:nth-child(3) {
  animation: 1.2s ease-in-out -.6s infinite line-spin-fade-loader;
  top: 0;
  left: 20px;
  transform: rotate(90deg);
}

.line-spin-fade-loader > div:nth-child(4) {
  animation: 1.2s ease-in-out -.48s infinite line-spin-fade-loader;
  top: -13.6364px;
  left: 13.6364px;
  transform: rotate(45deg);
}

.line-spin-fade-loader > div:nth-child(5) {
  animation: 1.2s ease-in-out -.36s infinite line-spin-fade-loader;
  top: -20px;
  left: 0;
}

.line-spin-fade-loader > div:nth-child(6) {
  animation: 1.2s ease-in-out -.24s infinite line-spin-fade-loader;
  top: -13.6364px;
  left: -13.6364px;
  transform: rotate(-45deg);
}

.line-spin-fade-loader > div:nth-child(7) {
  animation: 1.2s ease-in-out -.12s infinite line-spin-fade-loader;
  top: 0;
  left: -20px;
  transform: rotate(90deg);
}

.line-spin-fade-loader > div:nth-child(8) {
  animation: 1.2s ease-in-out infinite line-spin-fade-loader;
  top: 13.6364px;
  left: -13.6364px;
  transform: rotate(45deg);
}

.line-spin-fade-loader > div {
  background-color: #fff;
  border-radius: 2px;
  width: 5px;
  height: 15px;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
}

@keyframes triangle-skew-spin {
  25% {
    transform: perspective(100px)rotateX(180deg)rotateY(0);
  }

  50% {
    transform: perspective(100px)rotateX(180deg)rotateY(180deg);
  }

  75% {
    transform: perspective(100px)rotateX(0)rotateY(180deg);
  }

  100% {
    transform: perspective(100px)rotateX(0)rotateY(0);
  }
}

.triangle-skew-spin > div {
  border-bottom: 20px solid #fff;
  border-left: 20px solid rgba(0, 0, 0, 0);
  border-right: 20px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  animation: 3s cubic-bezier(.09, .57, .49, .9) infinite triangle-skew-spin;
}

@keyframes square-spin {
  25% {
    transform: perspective(100px)rotateX(180deg)rotateY(0);
  }

  50% {
    transform: perspective(100px)rotateX(180deg)rotateY(180deg);
  }

  75% {
    transform: perspective(100px)rotateX(0)rotateY(180deg);
  }

  100% {
    transform: perspective(100px)rotateX(0)rotateY(0);
  }
}

.square-spin > div {
  background: #fff;
  border: 1px solid red;
  width: 50px;
  height: 50px;
  animation: 3s cubic-bezier(.09, .57, .49, .9) infinite square-spin;
}

@keyframes rotate_pacman_half_up {
  0% {
    transform: rotate(270deg);
  }

  50% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

@keyframes rotate_pacman_half_down {
  0% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(90deg);
  }
}

@keyframes pacman-balls {
  75% {
    opacity: .7;
  }

  100% {
    transform: translate(-100px, -6.25px);
  }
}

.pacman {
  position: relative;
}

.pacman > div:nth-child(2) {
  animation: 1s linear -.99s infinite pacman-balls;
}

.pacman > div:nth-child(3) {
  animation: 1s linear -.66s infinite pacman-balls;
}

.pacman > div:nth-child(4) {
  animation: 1s linear -.33s infinite pacman-balls;
}

.pacman > div:nth-child(5) {
  animation: 1s linear infinite pacman-balls;
}

.pacman > div:first-of-type {
  border: 25px solid #fff;
  border-right-color: rgba(0, 0, 0, 0);
  border-radius: 25px;
  width: 0;
  height: 0;
  animation: .5s infinite rotate_pacman_half_up;
  position: relative;
  left: -30px;
}

.pacman > div:nth-child(2) {
  border: 25px solid #fff;
  border-right-color: rgba(0, 0, 0, 0);
  border-radius: 25px;
  width: 0;
  height: 0;
  margin-top: -50px;
  animation: .5s infinite rotate_pacman_half_down;
  position: relative;
  left: -30px;
}

.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) {
  background-color: #fff;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin: 2px;
  position: absolute;
  top: 25px;
  left: 70px;
  transform: translate(0, -6.25px);
}

@keyframes cube-transition {
  25% {
    transform: translateX(50px)scale(.5)rotate(-90deg);
  }

  50% {
    transform: translate(50px, 50px)rotate(-180deg);
  }

  75% {
    transform: translateY(50px)scale(.5)rotate(-270deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.cube-transition {
  position: relative;
  transform: translate(-25px, -25px);
}

.cube-transition > div {
  background-color: #fff;
  width: 10px;
  height: 10px;
  animation: 1.6s ease-in-out infinite cube-transition;
  position: absolute;
  top: -5px;
  left: -5px;
}

.cube-transition > div:last-child {
  animation-delay: -.8s;
}

@keyframes spin-rotate {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.semi-circle-spin {
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
}

.semi-circle-spin > div {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0% 70%, #fff 30% 100%);
  border-width: 0;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  animation: .6s linear infinite spin-rotate;
  position: absolute;
}

@keyframes bar-progress {
  0% {
    opacity: 1;
    transform: scaleY(20%);
  }

  25% {
    opacity: .7;
    transform: translateX(6%)scaleY(10%);
  }

  50% {
    opacity: 1;
    transform: translateX(20%)scaleY(20%);
  }

  75% {
    opacity: .7;
    transform: translateX(6%)scaleY(10%);
  }

  100% {
    opacity: 1;
    transform: scaleY(20%);
  }
}

.bar-progress {
  width: 30%;
  height: 12px;
}

.bar-progress > div {
  opacity: 1;
  background-color: #fff;
  border-radius: 10px;
  width: 20%;
  height: 12px;
  animation: 3s cubic-bezier(.57, .1, .44, .93) infinite bar-progress;
  position: relative;
}

@keyframes bar-swing {
  0% {
    left: 0;
  }

  50% {
    left: 70%;
  }

  100% {
    left: 0;
  }
}

.bar-swing {
  width: 30%;
  height: 8px;
}

.bar-swing > div {
  background-color: #fff;
  border-radius: 10px;
  width: 30%;
  height: 8px;
  animation: 1.5s infinite bar-swing;
  position: relative;
}

@keyframes bar-swing-container {
  0% {
    left: 0;
    transform: translateX(0);
  }

  50% {
    left: 70%;
    transform: translateX(-4px);
  }

  100% {
    left: 0;
    transform: translateX(0);
  }
}

.bar-swing-container {
  width: 20%;
  height: 8px;
  position: relative;
}

.bar-swing-container div:first-child {
  background-color: rgba(255, 255, 255, .2);
  border-radius: 10px;
  width: 100%;
  height: 12px;
  position: absolute;
}

.bar-swing-container div:nth-child(2) {
  background-color: #fff;
  border-radius: 10px;
  width: 30%;
  height: 8px;
  margin: 2px 2px 0;
  animation: 2s cubic-bezier(.91, .35, .12, .6) infinite bar-swing-container;
  position: absolute;
}

.sk-spinner {
  color: #333;
}

.sk-spinner > div {
  background-color: currentColor;
}

.ball-triangle-path > div, .ball-scale-ripple-multiple > div, .ball-scale-ripple > div {
  background-color: initial;
  border-color: currentColor;
}

.ball-clip-rotate > div {
  background-color: initial;
  border-top-color: currentColor;
  border-left-color: currentColor;
  border-right-color: currentColor;
}

.ball-clip-rotate-pulse > div:first-child {
  background-color: currentColor;
}

.ball-clip-rotate-pulse > div:last-child {
  background-color: initial;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
}

.ball-clip-rotate-multiple > div:first-child {
  background-color: initial;
  border-left-color: currentColor;
  border-right-color: currentColor;
}

.ball-clip-rotate-multiple > div:last-child {
  background-color: initial;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
}

.triangle-skew-spin > div {
  background-color: initial;
  border-bottom-color: currentColor;
}

.pacman > div:first-child, .pacman > div:nth-child(2) {
  background-color: initial;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
  border-left-color: currentColor;
}

.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5) {
  background-color: currentColor;
}

@keyframes sk-fade-in {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.sk-fade-in {
  -ms-animation: sk-fade-in 2s;
  animation: 2s sk-fade-in;
}

.sk-fade-in-half-second {
  -ms-animation: sk-fade-in 1s;
  animation: 1s sk-fade-in;
}

.sk-fade-in-quarter-second {
  -ms-animation: sk-fade-in .5s;
  animation: .5s sk-fade-in;
}

.sk-chasing-dots {
  width: 27px;
  height: 27px;
  animation: 2s linear infinite sk-rotate;
  position: relative;
}

.sk-chasing-dots > div {
  background-color: currentColor;
  border-radius: 100%;
  width: 60%;
  height: 60%;
  animation: 2s ease-in-out infinite sk-bounce;
  display: inline-block;
  position: absolute;
  top: 0;
}

.sk-chasing-dots > div:last-child {
  animation-delay: -1s;
  top: auto;
  bottom: 0;
}

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.sk-circle {
  width: 22px;
  height: 22px;
  position: relative;
}

.sk-circle > div {
  background-color: initial;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sk-circle > div:before {
  content: "";
  background-color: currentColor;
  border-radius: 100%;
  width: 20%;
  height: 20%;
  margin: 0 auto;
  animation: 1.2s ease-in-out infinite both sk-bouncedelay;
  display: block;
}

.sk-circle > div:nth-child(2) {
  transform: rotate(30deg);
}

.sk-circle > div:nth-child(3) {
  transform: rotate(60deg);
}

.sk-circle > div:nth-child(4) {
  transform: rotate(90deg);
}

.sk-circle > div:nth-child(5) {
  transform: rotate(120deg);
}

.sk-circle > div:nth-child(6) {
  transform: rotate(150deg);
}

.sk-circle > div:nth-child(7) {
  transform: rotate(180deg);
}

.sk-circle > div:nth-child(8) {
  transform: rotate(210deg);
}

.sk-circle > div:nth-child(9) {
  transform: rotate(240deg);
}

.sk-circle > div:nth-child(10) {
  transform: rotate(270deg);
}

.sk-circle > div:nth-child(11) {
  transform: rotate(300deg);
}

.sk-circle > div:nth-child(12) {
  transform: rotate(330deg);
}

.sk-circle > div:nth-child(2):before {
  animation-delay: -1.1s;
}

.sk-circle > div:nth-child(3):before {
  animation-delay: -1s;
}

.sk-circle > div:nth-child(4):before {
  animation-delay: -.9s;
}

.sk-circle > div:nth-child(5):before {
  animation-delay: -.8s;
}

.sk-circle > div:nth-child(6):before {
  animation-delay: -.7s;
}

.sk-circle > div:nth-child(7):before {
  animation-delay: -.6s;
}

.sk-circle > div:nth-child(8):before {
  animation-delay: -.5s;
}

.sk-circle > div:nth-child(9):before {
  animation-delay: -.4s;
}

.sk-circle > div:nth-child(10):before {
  animation-delay: -.3s;
}

.sk-circle > div:nth-child(11):before {
  animation-delay: -.2s;
}

.sk-circle > div:nth-child(12):before {
  animation-delay: -.1s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.sk-cube-grid {
  width: 27px;
  height: 27px;
}

.sk-cube-grid > div {
  float: left;
  background-color: currentColor;
  width: 33%;
  height: 33%;
  animation: 1.3s ease-in-out infinite sk-scaleDelay;
}

.sk-cube-grid > div:first-child {
  animation-delay: .2s;
}

.sk-cube-grid > div:nth-child(2) {
  animation-delay: .3s;
}

.sk-cube-grid > div:nth-child(3) {
  animation-delay: .4s;
}

.sk-cube-grid > div:nth-child(4) {
  animation-delay: .1s;
}

.sk-cube-grid > div:nth-child(5) {
  animation-delay: .2s;
}

.sk-cube-grid > div:nth-child(6) {
  animation-delay: .3s;
}

.sk-cube-grid > div:nth-child(7) {
  animation-delay: 0s;
}

.sk-cube-grid > div:nth-child(8) {
  animation-delay: .1s;
}

.sk-cube-grid > div:nth-child(9) {
  animation-delay: .2s;
}

@-webkit-keyframes sk-scaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
  }

  35% {
    -webkit-transform: scale3d(0, 0, 1);
  }
}

@keyframes sk-scaleDelay {
  0%, 70%, 100% {
    transform: scale3d(1, 1, 1);
  }

  35% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(0, 0, 1);
  }
}

.sk-double-bounce {
  width: 27px;
  height: 27px;
  position: relative;
}

.sk-double-bounce > div {
  opacity: .6;
  background-color: currentColor;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: 2s ease-in-out infinite sk-bounce;
  position: absolute;
  top: 0;
  left: 0;
}

.sk-double-bounce > div:last-child {
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.sk-folding-cube {
  width: 27px;
  height: 27px;
  position: relative;
  transform: rotateZ(45deg);
}

.sk-folding-cube > div {
  background-color: initial;
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-folding-cube > div:before {
  content: "";
  transform-origin: 100% 100%;
  background-color: currentColor;
  width: 100%;
  height: 100%;
  animation: 2.4s linear infinite both sk-foldCubeAngle;
  position: absolute;
  top: 0;
  left: 0;
}

.sk-folding-cube > div:nth-child(2) {
  transform: scale(1.1)rotateZ(90deg);
}

.sk-folding-cube > div:nth-child(4) {
  transform: scale(1.1)rotateZ(180deg);
}

.sk-folding-cube > div:nth-child(3) {
  transform: scale(1.1)rotateZ(270deg);
}

.sk-folding-cube > div:nth-child(2):before {
  animation-delay: .3s;
}

.sk-folding-cube > div:nth-child(4):before {
  animation-delay: .6s;
}

.sk-folding-cube > div:nth-child(3):before {
  animation-delay: .9s;
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    opacity: 0;
    transform: perspective(140px)rotateX(-180deg);
  }

  25%, 75% {
    opacity: 1;
    transform: perspective(140px)rotateX(0);
  }

  90%, 100% {
    opacity: 0;
    transform: perspective(140px)rotateY(180deg);
  }
}

.sk-pulse > div {
  background-color: currentColor;
  border-radius: 100%;
  width: 27px;
  height: 27px;
  animation: 1s ease-in-out infinite sk-scaleout;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}

@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.sk-rotating-plane > div {
  background-color: currentColor;
  width: 27px;
  height: 27px;
  animation: 1.2s ease-in-out infinite sk-rotateplane;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }

  50% {
    -webkit-transform: perspective(120px)rotateY(180deg);
  }

  100% {
    -webkit-transform: perspective(120px)rotateY(180deg)rotateX(180deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px)rotateX(0)rotateY(0);
  }

  50% {
    transform: perspective(120px)rotateX(-180.1deg)rotateY(0);
  }

  100% {
    transform: perspective(120px)rotateX(-180deg)rotateY(-179.9deg);
  }
}

.sk-three-bounce {
  height: 18px;
}

.sk-three-bounce > div {
  background-color: currentColor;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  animation: 1.4s ease-in-out infinite both sk-bouncedelay;
  display: inline-block;
}

.sk-three-bounce > div:first-child {
  animation-delay: -.32s;
}

.sk-three-bounce > div:nth-child(2) {
  animation-delay: -.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.sk-wandering-cubes {
  width: 52px;
  height: 52px;
  position: relative;
}

.sk-wandering-cubes > div {
  background-color: currentColor;
  width: 10px;
  height: 10px;
  animation: 1.8s ease-in-out infinite sk-cubemove;
  position: absolute;
  top: 0;
  left: 0;
}

.sk-wandering-cubes > div:last-child {
  animation-delay: -.9s;
}

@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px)rotate(-90deg)scale(.5);
  }

  50% {
    -webkit-transform: translateX(42px)translateY(42px)rotate(-180deg);
  }

  75% {
    -webkit-transform: translateX(0)translateY(42px)rotate(-270deg)scale(.5);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes sk-cubemove {
  25% {
    transform: translateX(42px)rotate(-90deg)scale(.5);
  }

  50% {
    transform: translateX(42px)translateY(42px)rotate(-179deg);
  }

  50.1% {
    transform: translateX(42px)translateY(42px)rotate(-180deg);
  }

  75% {
    transform: translateX(0)translateY(42px)rotate(-270deg)scale(.5);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.sk-wave {
  width: 30px;
  height: 27px;
}

.sk-wave > div {
  background-color: currentColor;
  width: 6px;
  height: 100%;
  animation: 1.2s ease-in-out infinite sk-stretchdelay;
  display: inline-block;
}

.sk-wave > div:nth-child(2) {
  animation-delay: -1.1s;
}

.sk-wave > div:nth-child(3) {
  animation-delay: -1s;
}

.sk-wave > div:nth-child(4) {
  animation-delay: -.9s;
}

.sk-wave > div:nth-child(5) {
  animation-delay: -.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(.4);
  }

  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(.4);
  }

  20% {
    transform: scaleY(1);
  }
}

.sk-wordpress > div {
  background-color: currentColor;
  border-radius: 27px;
  width: 27px;
  height: 27px;
  animation: 1s linear infinite sk-inner-circle;
  display: inline-block;
  position: relative;
}

.sk-wordpress > div:after {
  content: "";
  background-color: #fff;
  border-radius: 8px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}

@-webkit-keyframes sk-inner-circle {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes sk-inner-circle {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.fr-element, .fr-element:focus {
  outline: 0 solid rgba(0, 0, 0, 0);
}

.fr-box.fr-basic {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
}

.fr-box.fr-basic .fr-element {
  color: #414141;
  box-sizing: border-box;
  text-align: left;
  min-height: 60px;
  padding: 20px;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.6;
  overflow-x: auto;
}

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}

.fr-element {
  z-index: 2;
  -webkit-user-select: auto;
  background: none;
  position: relative;
}

.fr-element a {
  -webkit-user-select: auto;
  user-select: auto;
  -o-user-select: auto;
  -khtml-user-select: auto;
}

.fr-element.fr-disabled {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-element [contenteditable="true"] {
  outline: 0 solid rgba(0, 0, 0, 0);
}

.fr-box a.fr-floating-btn {
  -moz-background-clip: padding;
  text-align: center;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #333;
  -o-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
  text-align: center;
  box-sizing: border-box;
  background: #fff;
  border: none;
  border-radius: 100%;
  outline: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: background .2s, color .2s, transform .2s;
  -moz-transition: background .2s, color .2s, transform .2s;
  -ms-transition: background .2s, color .2s, transform .2s;
  display: block;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
}

.fr-box a.fr-floating-btn svg {
  -o-transition: transform .2s ease 0s;
  fill: #333;
  -webkit-transition: transform .2s;
  -moz-transition: transform .2s;
  -ms-transition: transform .2s;
}

.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px;
}

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}

.fr-box a.fr-floating-btn:hover {
  cursor: pointer;
  background: #ebebeb;
}

.fr-box a.fr-floating-btn:hover svg {
  fill: #333;
}

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

iframe.fr-iframe {
  z-index: 2;
  box-sizing: border-box;
  border: none;
  width: 100%;
  display: block;
  position: relative;
}

.fr-wrapper {
  z-index: 1;
  position: relative;
}

.fr-wrapper:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-wrapper .fr-placeholder {
  color: #aaa;
  z-index: 1;
  font-family: sans-serif;
  font-size: 14px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.fr-wrapper.show-placeholder .fr-placeholder {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.fr-wrapper ::selection {
  color: #000;
  background: #b5d6fd;
}

.fr-box.fr-basic .fr-wrapper {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #efefef;
  top: 0;
  left: 0;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm;
  }

  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    background: #efefef;
    min-width: 21cm;
    padding: 30px;
  }

  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    z-index: auto;
    background: #fff;
    width: 21cm;
    margin: auto;
    padding: 1cm 2cm;
    overflow: visible;
    min-height: 26cm !important;
  }

  .fr-box.fr-document .fr-wrapper .fr-element hr {
    background: #efefef;
    border: none;
    outline: none;
    height: 1cm;
    margin-left: -2cm;
    margin-right: -2cm;
  }

  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1;
  }
}

.fr-tooltip {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  -o-transition: opacity .2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #222;
  border-radius: 2px;
  padding: 0 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 22px;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  position: absolute;
  top: 0;
  left: -3000px;
}

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative;
}

.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
  display: none;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  color: #333;
  -moz-outline: 0;
  cursor: pointer;
  text-align: left;
  -o-transition: all .5s;
  background: none;
  -moz-background-clip: padding;
  z-index: 2;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  float: left;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  outline: none;
  height: 40px;
  margin: 4px 2px;
  padding: 0;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  position: relative;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0 4px 4px 0;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px 0 0 4px;
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
  text-align: center;
  float: none;
  width: 24px;
  margin: 8px 7px;
  display: block;
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px;
}

.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
  -o-transition: all .5s;
  fill: #333;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 30px;
  height: 17px;
  padding: 0 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  display: block;
  overflow: hidden;
}

.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
  width: 24px;
  margin: 8px 7px;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
  -o-transition: all .3s;
  content: "";
  border-top: 4px solid #333;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  position: absolute;
  top: 18px;
  right: 2px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333;
  -o-transition: .5s ease;
  background: #d6d6d6;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  fill: #333;
  background: #ebebeb;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover:after {
  border-top-color: #333;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222;
}

.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: .3;
  -moz-opacity: .3;
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-command.fr-btn.fr-disabled:after, .fr-popup .fr-command.fr-btn.fr-disabled:after, .fr-modal .fr-command.fr-btn.fr-disabled:after {
  border-top-color: #bdbdbd;
}

.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
  display: none;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  width: 46px;
  height: 40px;
  margin: 0;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
  background: #fff;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px;
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
  width: 24px;
  height: 24px;
  margin: 8px 11px;
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7;
}

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: .3;
  -moz-opacity: .3;
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown:after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown:after, .fr-popup.fr-disabled .fr-btn.fr-dropdown:after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown:after, .fr-modal.fr-disabled .fr-btn.fr-dropdown:after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown:after {
  border-top-color: #bdbdbd;
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right;
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px 0 0 4px;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0 4px 4px 0;
}

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  float: none;
  display: inline-flex;
}

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  color: #333;
  outline: 0;
}

.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb;
}

.fr-desktop .fr-command:hover:after, .fr-desktop .fr-command:focus:after, .fr-desktop .fr-command.fr-btn-hover:after, .fr-desktop .fr-command.fr-expanded:after {
  border-top-color: #333;
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333;
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb;
}

.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected, .fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: none;
}

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6;
}

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px;
}

.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
  -o-transition: border-left 0s, background-color .5s;
  border-left: 1px solid #fafafa;
  -webkit-transition: border-left, background-color .5s;
  -moz-transition: border-left, background-color .5s;
  -ms-transition: border-left, background-color .5s;
}

.fr-command.fr-btn + .fr-dropdown-menu {
  z-index: 4;
  background: #fff;
  -moz-background-clip: padding;
  -webkit-overflow-scrolling: touch;
  zoom: 1;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
  height: auto;
  display: inline-block;
  position: absolute;
  bottom: auto;
  right: auto;
  overflow: hidden;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
}

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -o-transition: none;
  height: auto;
  max-height: 275px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  text-align: left;
  box-sizing: border-box;
  -o-transition: height .3s;
  float: left;
  height: 0;
  margin: 0 auto auto;
  padding: 0;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  display: inline-block;
  position: relative;
  margin-top: 0 !important;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  min-width: 72px;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  margin: 0;
  padding: 0;
  font-size: 15px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  padding: 0 20px;
  line-height: 200%;
  text-decoration: none;
  display: flex;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  margin-left: 20px;
  font-weight: bold;
}

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px 2px 0 0;
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}

body.fr-prevent-scroll {
  overflow: hidden;
}

body.fr-prevent-scroll.fr-mobile {
  -webkit-overflow-scrolling: touch;
  position: fixed;
}

.fr-modal {
  color: #222;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: scroll;
}

.fr-modal.fr-middle .fr-modal-wrapper {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.fr-modal .fr-modal-wrapper {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff;
  border: 0;
  border-radius: 10px;
  width: 90%;
  min-width: 300px;
  margin: 20px auto;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12);
}

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    width: 70%;
    margin: 30px auto;
  }
}

@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    width: 960px;
    margin: 50px auto;
  }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
  z-index: 3;
  -o-transition: all .2s ease 0s;
  background: #fff;
  border-bottom: 1px solid #efefef;
  width: 100%;
  min-height: 42px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  position: absolute;
  overflow: hidden;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  float: left;
  margin: 0;
  padding: 19px 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  padding-bottom: 20px;
  overflow-y: auto;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  color: #0098f7;
  cursor: pointer;
  -o-transition: background .2s ease 0s;
  background: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 2px;
  outline: none;
  height: 36px;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -ms-transition: background .2s;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  color: #0098f7;
  background: #ebebeb;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  color: #0098f7;
  background: #d6d6d6;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

.fr-overlay {
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
  background: #000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

ol.decimal_type {
  counter-reset: item;
}

ol.decimal_type > li {
  display: block;
}

ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}

.fr-popup {
  color: #222;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  z-index: 2147483635;
  text-align: left;
  background: #fff;
  -moz-background-clip: padding;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2;
  display: none;
  position: absolute;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12);
}

.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  box-sizing: content-box;
  padding: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.fr-popup .fr-icon-container {
  box-sizing: border-box;
  max-height: 200px;
  padding: 20px;
  overflow: auto;
}

@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid;
  }
}

@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    -ms-flex-flow: wrap;
    display: inline-flex;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px;
  }
}

.fr-popup .fr-input-focus {
  background: #f5f5f5;
}

.fr-popup.fr-above {
  border-top: 0;
  margin-top: -10px;
}

.fr-popup.fr-active {
  display: block;
}

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup.fr-empty {
  display: none !important;
}

.fr-popup .fr-hs {
  display: block !important;
}

.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}

.fr-popup .fr-input-line {
  padding: 15px 0;
  position: relative;
}

.fr-popup .fr-input-line textarea {
  -moz-background-clip: padding;
  color: #222;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  box-sizing: border-box;
  -o-transition: border .5s, padding .5s;
  background: #fff;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 1px;
  padding: 4px 12px;
  font-size: 14px;
  -webkit-transition: border .5s, padding .5s;
  -moz-transition: border .5s, padding .5s;
  -ms-transition: border .5s, padding .5s;
  position: relative;
}

.fr-popup .fr-input-line input[type="text"] {
  -moz-background-clip: padding;
  color: #222;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  box-sizing: border-box;
  -o-transition: border .5s, padding .5s;
  background: #fff;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 1px;
  padding: 4px 12px;
  font-size: 14px;
  -webkit-transition: border .5s, padding .5s;
  -moz-transition: border .5s, padding .5s;
  -ms-transition: border .5s, padding .5s;
  position: relative;
}

.fr-popup .fr-input-line textarea:hover {
  border: 1px solid #515151;
}

.fr-popup .fr-input-line input[type="text"]:hover {
  border: 1px solid #515151;
}

.fr-popup .fr-input-line textarea:focus {
  border: 2px solid #0098f7;
  padding: 3px 11px;
}

.fr-popup .fr-input-line input[type="text"]:focus {
  border: 2px solid #0098f7;
  padding: 3px 11px;
}

.fr-popup .fr-input-line input[type="text"] {
  height: 46px;
}

.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
  color: gray;
  -o-transition: all .5s ease;
  z-index: 3;
  cursor: text;
  background: #fff;
  padding: 0;
  font-size: 14px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  display: block;
  position: absolute;
  top: 29px;
  left: 12px;
}

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  padding: 0 4px;
  font-size: 11px;
  top: 9px;
  left: 4px;
}

.fr-popup input, .fr-popup textarea {
  -webkit-user-select: text;
  user-select: text;
  -o-user-select: text;
  -khtml-user-select: text;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  outline: none;
}

.fr-popup textarea {
  resize: none;
}

.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0;
}

.fr-popup .fr-buttons .fr-btn {
  float: none;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
}

.fr-popup .fr-buttons .fr-btn i {
  float: left;
}

.fr-popup .fr-buttons .fr-separator {
  float: none;
  display: inline-block;
}

.fr-popup .fr-buttons.fr-tabs {
  -moz-background-clip: padding;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    width: 276px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px;
}

.fr-popup .fr-layer {
  -moz-background-clip: padding;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px;
  width: 195px;
  margin: 20px;
  display: none;
}

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px;
  }
}

.fr-popup .fr-layer.fr-active {
  display: inline-block;
}

.fr-popup .fr-action-buttons {
  z-index: 7;
  text-align: right;
  height: 36px;
}

.fr-popup .fr-action-buttons button.fr-command {
  color: #0098f7;
  cursor: pointer;
  -o-transition: background .2s ease 0s;
  background: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border-radius: 2px;
  outline: none;
  height: 36px;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -ms-transition: background .2s;
}

.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
  color: #0098f7;
  background: #ebebeb;
}

.fr-popup .fr-action-buttons button.fr-command:active {
  color: #0098f7;
  background: #d6d6d6;
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

.fr-popup .fr-checkbox {
  box-sizing: content-box;
  vertical-align: middle;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.fr-popup .fr-checkbox svg {
  width: 10px;
  height: 10px;
  margin-top: 2px;
  margin-left: 2px;
  display: none;
}

.fr-popup .fr-checkbox span {
  -moz-background-clip: padding;
  z-index: 1;
  box-sizing: border-box;
  -o-transition: background .2s ease 0s, border-color .2s ease 0s;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  -webkit-transition: background .2s, border-color .2s;
  -moz-transition: background .2s, border-color .2s;
  -ms-transition: background .2s, border-color .2s;
  display: inline-block;
  position: relative;
}

.fr-popup .fr-checkbox input {
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer;
  border: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 7px;
  left: 7px;
}

.fr-popup .fr-checkbox input:not(:checked) + span {
  border: 2px solid #999;
}

.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}

.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: 2px solid #0098f7;
}

.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}

.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #ecf5ff;
}

.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: .8;
  -moz-opacity: .8;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup .fr-checkbox-line {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4px;
}

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  vertical-align: middle;
  margin: 0 5px;
}

.fr-popup.fr-rtl {
  text-align: right;
  direction: rtl;
}

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}

.fr-text-edit-layer {
  box-sizing: border-box;
  width: 250px;
  display: block !important;
}

.fr-toolbar {
  color: #222;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  background: #fff;
  -moz-background-clip: padding;
  text-align: left;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-transition: padding-bottom .5s;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2;
  -webkit-transition: padding-bottom .5s;
  -moz-transition: padding-bottom .5s;
  -ms-transition: padding-bottom .5s;
  position: relative;
}

.fr-toolbar:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-toolbar .fr-newline {
  clear: both;
  content: "";
  -o-transition: height .5s;
  background: #efefef;
  height: 1px;
  margin-left: 9px;
  margin-right: 9px;
  -webkit-transition: height .5s;
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  display: block;
}

.fr-toolbar.fr-toolbar-open {
  padding-bottom: 48px;
}

.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0;
}

.fr-toolbar .fr-float-right {
  float: right;
}

.fr-toolbar .fr-float-left {
  float: left;
}

.fr-toolbar .fr-more-toolbar {
  float: left;
  -moz-background-clip: padding;
  -o-transition: height .5s;
  z-index: 2;
  box-sizing: border-box;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  width: 100%;
  height: 0;
  -webkit-transition: height .5s;
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  position: absolute;
  overflow: hidden;
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px;
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible;
}

.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px;
}

.fr-toolbar .fr-btn-grp {
  margin: 0 17px 0 12px;
  display: inline-block;
}

@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px;
  }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px 4px 0 0;
  margin-top: 10px;
  margin-bottom: -1px;
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5;
}

.fr-toolbar.fr-rtl {
  text-align: right;
}

.fr-toolbar.fr-inline {
  white-space: nowrap;
  z-index: 2147483630;
  border: 0;
  margin-top: 5px;
  display: none;
  position: absolute;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12);
}

.fr-toolbar.fr-inline.fr-above {
  border-top: 0;
  margin-top: -10px;
}

.fr-toolbar.fr-inline .fr-newline {
  height: 0;
}

.fr-toolbar.fr-top {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  top: 0;
}

.fr-toolbar.fr-bottom {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding-bottom: 0;
  bottom: 0;
}

.fr-toolbar.fr-bottom .fr-newline {
  -o-transition: padding-top .5s;
  padding-top: 0;
  -webkit-transition: padding-top .5s;
  -moz-transition: padding-top .5s;
  -ms-transition: padding-top .5s;
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  background: #fff;
  padding-top: 48px;
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
  margin-bottom: 10px;
}

.fr-toolbar.fr-sticky-on {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
}

.fr-separator {
  vertical-align: top;
  float: left;
  background: #ebebeb;
  display: block;
}

.fr-separator + .fr-separator {
  display: none;
}

.fr-separator.fr-vs {
  width: 1px;
  height: 32px;
  margin: 8px 4px;
}

.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - 8px);
  height: 1px;
  margin: 0 4px;
}

.fr-separator.fr-hidden {
  display: none !important;
}

.fr-rtl .fr-separator {
  float: right;
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block;
}

.fr-second-toolbar {
  background: #fff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  line-height: 1.4;
}

.fr-second-toolbar:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-second-toolbar:empty {
  z-index: 2;
  min-height: 10px;
  margin-top: -1px;
  position: relative;
}

#fr-logo {
  float: left;
  outline: none;
}

#fr-logo > span {
  float: left;
  color: #b1b2b7;
  -o-transition: color .3s;
  padding: 11px 5px 10px 15px;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 500;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  -ms-transition: color .3s;
  display: inline-block;
}

#fr-logo > svg {
  cursor: pointer;
  width: 47px;
  height: 20px;
  margin: 7px 0;
}

#fr-logo > svg * {
  -o-transition: fill .3s;
  -webkit-transition: fill .3s;
  -moz-transition: fill .3s;
  -ms-transition: fill .3s;
}

#fr-logo:hover > span, #fr-logo:focus > span {
  color: #0098f7;
}

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
  fill: #0098f7;
}

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important;
}

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}

@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}

@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-box {
  position: relative;
}

.fr-sticky {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: -webkit-sticky;
  position: sticky;
}

.fr-sticky-off {
  position: relative;
}

.fr-sticky-on {
  z-index: 10;
  position: fixed;
}

.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important;
}

.fr-sticky-dummy {
  display: none;
}

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block;
}

span.fr-sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.fr-bottom-extended {
  box-sizing: border-box;
  flex-wrap: wrap;
  display: flex;
}

.position-relative {
  position: relative !important;
}

.fr-box .fr-counter {
  float: right;
  color: #999;
  content: attr(data-chars);
  z-index: 1;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px 0 0;
  padding: 10px;
  font-family: sans-serif;
  font-size: 14px;
}

.fr-box.fr-rtl .fr-counter {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-left: none;
  border-radius: 0 2px 0 0;
  left: 0;
  right: auto;
}

.fr-box.fr-code-view .fr-counter {
  display: none;
}

textarea.fr-code {
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  box-sizing: border-box;
  color: #000;
  background: #fff;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 10px;
  font-family: Courier New, monospace;
  font-size: 14px;
  display: none;
}

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl;
}

.fr-box .CodeMirror {
  display: none;
}

.fr-box.fr-code-view textarea.fr-code {
  display: block;
}

.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
  display: none;
}

.fr-box.fr-code-view .CodeMirror, .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  color: #333;
  -moz-outline: 0;
  cursor: pointer;
  text-align: left;
  -o-transition: background .2s ease 0s;
  background: #fff;
  -moz-background-clip: padding;
  z-index: 2;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  outline: 0;
  padding: 8px 7px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -ms-transition: background .2s;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  text-align: center;
  width: 24px;
  font-size: 24px;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}

.fr-popup .fr-layer.fr-color-hex-layer {
  float: left;
  margin: 0;
  padding: 0 20px 20px;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 15px 0 0;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 38px;
  height: 40px;
  margin: 0;
  padding: 17px 0 0;
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 38px;
  height: 40px;
  font-size: 13px;
}

.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px;
}

.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}

.fr-popup .fr-color-set.fr-selected-set {
  padding: 20px 20px 0;
  display: block;
}

.fr-popup .fr-color-set > span {
  z-index: 1;
  width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
}

.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
  text-align: center;
  cursor: default;
  width: 24px;
  height: 24px;
  margin: 4px;
  font-size: 13px;
  line-height: 32px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
  fill: #222;
}

.fr-popup .fr-color-set > span .fr-selected-color {
  color: #fff;
  text-align: center;
  cursor: default;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
  z-index: 2;
  outline: 1px solid #222;
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]:after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}

.fr-drag-helper {
  -webkit-opacity: .2;
  -moz-opacity: .2;
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  display: none;
  position: absolute;
}

.fr-drag-helper.fr-visible {
  display: block;
}

.fr-dragging {
  -webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
}

.fr-popup .fr-emoticon img {
  width: 24px;
  height: 24px;
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px;
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px;
  }
}

.fr-popup .fr-file-upload-layer {
  letter-spacing: 1px;
  box-sizing: border-box;
  text-align: center;
  border: 2px dashed #bdbdbd;
  margin: 20px;
  padding: 25px 0;
  font-size: 14px;
  line-height: 140%;
  position: relative;
}

.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fr-popup .fr-file-progress-bar-layer {
  box-sizing: border-box;
}

.fr-popup .fr-file-progress-bar-layer > h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: normal;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
  -o-transition: width .2s ease 0s;
  background: #0098f7;
  width: 0%;
  height: 100%;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  display: block;
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  animation: 2s linear infinite loading;
  position: absolute;
  top: 0;
  width: 30% !important;
}

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

@keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

.fr-height-auto {
  height: auto !important;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }

  .fr-image-resizer .fr-handler.fr-hnw {
    top: -5px;
    left: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hne {
    top: -5px;
    right: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hsw {
    bottom: -5px;
    left: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hse {
    bottom: -5px;
    right: -5px;
  }
}

.fr-by-url-padding {
  padding: 11.5px 0;
}

.fr-popup .fr-upload-progress-layer {
  box-sizing: border-box;
  overscroll-behavior: contain;
  border-radius: 0;
  max-height: 100%;
  padding-top: 15px;
  padding-left: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100% !important;
  margin: auto !important;
}

.fr-popup .fr-files-by-url-layer, .fr-popup .fr-files-embed-layer {
  width: calc(100% - 40px) !important;
}

.fr-popup .fr-files-upload-layer {
  letter-spacing: 1px;
  text-align: center;
  border: 2px dashed #bdbdbd;
  margin: 20px;
  font-size: 10px;
  line-height: 140%;
  position: relative;
  width: calc(100% - 40px) !important;
}

.fr-popup .fr-files-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-files-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-files-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-popup .fr-files-upload-layer .fr-form input {
  cursor: pointer;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fr-popup .fr-files-progress-bar-layer {
  width: calc(100% - 40px);
  width: -webkit-stretch;
  width: -moz-available;
  width: stretch;
}

.fr-popup .fr-files-progress-bar-layer > h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: normal;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
  -o-transition: width .2s ease 0s;
  background: #0098f7;
  width: 0%;
  height: 100%;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  display: block;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  animation: 2s linear infinite loading;
  position: absolute;
  top: 0;
  width: 30% !important;
}

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-progress-bar-style {
  width: calc(100% - 40px);
}

.fr-progress-bar {
  width: 100%;
  height: 8px;
  width: -webkit-stretch;
  width: -moz-available;
  background-color: #4caf50;
  width: stretch;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.fr-pull-left {
  float: left;
}

.fr-pull-right {
  float: right;
}

.fr-icons {
  padding: 10px 20px 0;
  display: inline;
}

.fr-transform-135 {
  transform: rotate(135deg);
}

.fr-icons i {
  cursor: pointer;
  color: #999588;
  margin: 4px;
  padding: 2px;
  font-size: 20px;
}

.fr-blue-decorator {
  color: #fff;
  background: #4a7fba;
  padding: 5px;
  display: grid;
}

.fr-upload-progress {
  padding: 1px;
}

.fr-upload-section {
  width: 100%;
  width: -webkit-stretch;
  width: -moz-available;
  width: stretch;
  position: relative;
}

@media screen and (max-width: 399px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media screen and (min-width: 681px) {
  .fr-upload-section {
    margin-left: 35px;
    margin-right: 35px;
  }

  .fr-files-upload-layer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.half-circle {
  z-index: 1;
  background-color: #fff;
  border-bottom: 0;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  width: 60px;
  height: 25px;
  margin-top: -1px;
  margin-left: -25px;
  position: relative;
  left: 50%;
  transform: rotate(180deg);
}

.decorated {
  text-align: center;
  overflow: hidden;
}

.decorated > span {
  display: inline-block;
  position: relative;
}

.decorated > span:before, .decorated > span:after {
  content: "";
  border-bottom: 2px solid #fff;
  width: 100%;
  margin: 0 20px;
  position: absolute;
  top: 50%;
}

.decorated > span:before {
  right: 100%;
}

.decorated > span:after {
  left: 100%;
}

.fr-align-right {
  float: right;
}

.checkbox-container {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 12px;
  padding-left: 20px;
  font-size: 13px;
  display: inline-block;
  position: relative;
}

.fr-files-checkbox-line {
  align-items: center;
  font-size: 10px;
  display: flex;
}

.fr-files-checkbox-line label {
  cursor: pointer;
  vertical-align: middle;
}

.fr-insert-checkbox input, .fr-autoplay-checkbox input {
  width: 13px !important;
  height: 13px !important;
}

button[data-cmd="insertFiles"] {
  padding-top: 2.7px !important;
  padding-left: 2px !important;
}

button[data-cmd="autoplay"] svg {
  position: relative !important;
  top: 3.2px !important;
}

button[data-cmd="insertAll"] {
  padding-left: 4px !important;
}

button[data-cmd="insertAll"] svg {
  position: relative !important;
  top: 3.2px !important;
}

.checkbox-container input {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.checkmark {
  background-color: #eee;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
}

.fr-file-list-item {
  border-bottom: 1px solid #ddd;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  position: relative;
  top: -20px;
}

.fr-file-item-left {
  flex-wrap: wrap;
  display: flex;
}

.fr-file-item-icon {
  align-items: center;
  padding-left: 7px;
  display: flex;
}

.fr-file-item-description {
  flex-flow: column wrap;
  justify-content: center;
  max-width: 400px;
  margin-left: 5px;
  display: flex;
}

.fr-cloud-icon {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  width: 32px;
  height: 30px;
  margin: -18px auto 0;
  display: flex;
  position: relative;
}

.fr-files-checkbox {
  box-sizing: content-box;
  vertical-align: middle;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  padding-right: 5px;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.fr-files-checkbox svg {
  width: 10px;
  height: 10px;
  margin-top: 0;
  margin-left: 0;
  display: none;
}

.fr-files-checkbox span {
  -moz-background-clip: padding;
  z-index: 1;
  box-sizing: border-box;
  -o-transition: background .2s ease 0s, border-color .2s ease 0s;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  -webkit-transition: background .2s, border-color .2s;
  -moz-transition: background .2s, border-color .2s;
  -ms-transition: background .2s, border-color .2s;
  display: inline-block;
  position: relative;
}

.fr-files-checkbox input {
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer;
  border: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  position: absolute;
}

.fr-files-checkbox input:not(:checked) + span {
  border: 2px solid #999;
}

.fr-files-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}

.fr-files-checkbox input:checked + span {
  background: #0098f7;
  border: 2px solid #0098f7;
}

.fr-files-checkbox input:checked + span svg {
  display: block;
}

.fr-files-checkbox input:checked:active + span {
  background-color: #ecf5ff;
}

.fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
  -webkit-opacity: .8;
  -moz-opacity: .8;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-checkbox-disabled {
  opacity: .4;
  box-sizing: content-box;
  vertical-align: middle;
  border-radius: 100%;
  padding-right: 5px;
  line-height: 1;
  display: inline-block;
  position: relative;
  width: 13px !important;
  height: 13px !important;
}

.fr-checkbox-disabled svg {
  width: 10px;
  height: 10px;
  margin-top: 2px;
  margin-left: 2px;
  display: none;
}

.fr-checkbox-disabled span {
  -moz-background-clip: padding;
  z-index: 1;
  box-sizing: border-box;
  -o-transition: background .2s ease 0s, border-color .2s ease 0s;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  -webkit-transition: background .2s, border-color .2s;
  -moz-transition: background .2s, border-color .2s;
  -ms-transition: background .2s, border-color .2s;
  display: inline-block;
  position: relative;
}

.fr-checkbox-disabled input {
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: default;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 13px !important;
  height: 13px !important;
}

.fr-checkbox-disabled input:not(:checked) + span {
  border: 2px solid #999;
}

.fr-checkbox-disabled input:not(:checked):active + span {
  background-color: #f5f5f5;
}

.fr-checkbox-disabled input:checked + span {
  background: #0098f7;
  border: 2px solid #0098f7;
}

.fr-checkbox-disabled input:checked + span svg {
  display: block;
}

.fr-checkbox-disabled input:checked:active + span {
  background-color: #ecf5ff;
}

.fr-file-view {
  z-index: 2147483642;
  max-width: 60%;
  position: absolute;
  right: 10%;
}

.file-item-thumbnail-hover {
  transition: transform .2s;
}

.file-item-thumbnail-hover:hover {
  transform: scale(1.3);
}

.fr-file-name {
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold;
}

.fr-margin-16 {
  margin-bottom: 16px;
}

.fr-none {
  display: none;
}

.fr-display-block {
  display: block;
}

.fr-files-manager-tooltip {
  position: relative;
}

.padding-top-15 {
  padding-top: 15px !important;
  padding-bottom: 0 !important;
}

.fr-files-manager-tooltip .tooltiptext {
  visibility: hidden;
  word-break: break-word;
  word-wrap: break-word;
  color: #fff;
  text-align: left;
  z-index: 2147483647;
  background-color: #000;
  border-radius: 2px;
  width: -webkit-max-content;
  width: max-content;
  max-width: 250px;
  padding: 4px;
  font-size: 10px;
  font-weight: 100;
  position: absolute;
  top: 80%;
  left: 50%;
}

.fr-files-manager-tooltip:hover .tooltiptext {
  visibility: visible;
}

.fr-file-details {
  flex-wrap: wrap;
  font-size: 10px;
  display: flex;
}

.fr-file-date {
  word-break: break-word;
  word-wrap: break-word;
  color: #444;
  max-width: 110px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.fr-file-size {
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dot {
  background-image: radial-gradient(circle, gray 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 100% 33.33%;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  margin-right: 2px;
}

.fr-file-action-icons {
  color: #999;
  margin-right: 5px;
  height: 25px !important;
  margin-left: 5px !important;
  padding: 5px !important;
}

@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    max-width: 250px;
    font-size: 8px;
    top: 90%;
    left: 0%;
  }
}

@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    max-width: 100px;
    top: 90%;
    left: 0%;
  }

  .fr-file-item-description {
    width: 130px;
  }

  .fr-file-item-right {
    width: 100%;
  }

  .progress-circle {
    font-size: 6px;
  }
}

@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    max-width: 100px;
    font-size: 8px;
    top: 90%;
    left: -50%;
  }

  .dot {
    width: 20px;
    margin-left: 0;
    margin-right: 3px;
  }

  .fr-file-item-description {
    width: 80px;
  }

  .fr-file-details {
    flex-wrap: wrap;
    font-size: 9px;
    display: flex;
  }

  .fr-file-name {
    font-size: 10px;
  }

  .fr-file-action-icons {
    padding: 0 !important;
  }
}

@media screen and (min-width: 501px) {
  .progress-circle {
    font-size: 9px;
  }
}

.fr-file-view-modal {
  position: -ms-page;
  z-index: 2147483641;
  background-color: rgba(0, 0, 0, .7);
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.fr-file-view-modal-content {
  text-align: center;
  display: inline-block;
}

.fr-file-view-image {
  max-width: 80%;
  max-height: 70%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-file-view-close {
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: all .3s;
  position: absolute;
  top: 15px;
  right: 35px;
}

.fr-file-view-close:hover, .fr-file-view-close:focus {
  color: #bbb;
  cursor: pointer;
  text-decoration: none;
}

.fr-file-error {
  color: red;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 200;
}

.fr-file-error-h5 {
  margin: 0;
}

.fr-file-item-right {
  justify-content: flex-end;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.fr-file-item-action-buttons {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.fr-file-item-autoplay-checkbox {
  align-items: center;
  margin: 0 5px 0 0;
  padding: 0;
}

.fr-autoplay-checkbox-label {
  margin: 0;
  cursor: default !important;
}

.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkbox-container input:checked ~ .checkmark {
  background-color: #2196f3;
}

.checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  border: 3px solid #fff;
  border-width: 0 3px 3px 0;
  width: 3px;
  height: 7px;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
}

.file-item-details .file-name {
  font-weight: bold;
  display: inline;
}

.file-item-details .file-description {
  font-size: 11px;
  font-weight: 300;
  display: inline;
}

.fr-width-10 {
  width: 10%;
  display: inline-block;
}

.fr-width-20 {
  width: 20%;
  display: inline-block;
}

.fr-width-30 {
  width: 30%;
  display: inline-block;
}

.fr-width-40 {
  width: 40%;
  display: inline-block;
}

.fr-width-50 {
  width: 50%;
  display: inline-block;
}

.fr-width-60 {
  width: 60%;
  display: inline-block;
}

.fr-width-100 {
  width: 100%;
  display: inline-block;
}

.fr-width-80 {
  width: 80%;
  display: inline-block;
}

.fr-width-90 {
  width: 90%;
  display: inline-block;
}

.fr-width-85 {
  width: 85%;
  display: inline-block;
}

.fr-width-5 {
  width: 5%;
  display: inline-block;
}

.fr-width-7 {
  width: 7%;
  display: inline-block;
}

.fr-img-icon {
  color: #aaa;
  padding: 0 4px;
  font-size: 16px;
}

.fr-position-content {
  position: relative;
  top: 10px;
}

.file-error {
  color: red;
}

#myprogressBar {
  background-color: #4caf50;
  width: 10%;
  height: 5px;
  position: relative;
  top: -30px;
}

.fr-files-manager {
  z-index: 2147483641 !important;
}

.progress-circle {
  background-color: #f2e9e1;
  border-radius: 50%;
  width: 5em;
  height: 5.1em;
  margin: 0 0 0 10px;
  padding: 0;
  line-height: 5em;
  position: relative;
}

.progress-circle:after {
  text-align: center;
  content: " ";
  background-color: #fff;
  border: none;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  display: block;
  position: absolute;
  top: .35em;
  left: .35em;
}

.progress-circle span {
  text-align: center;
  color: #53777a;
  z-index: 2;
  width: 5em;
  line-height: 5em;
  display: block;
  position: absolute;
}

.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.progress-circle.over50 .first50-bar {
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
}

.progress-circle:not(.over50) .first50-bar, .progress-circle.p0 .value-bar {
  display: none;
}

.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}

.left-half-clipper {
  clip: rect(0, 5em, 5em, 2.5em);
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
}

.value-bar {
  clip: rect(0, 2.5em, 5em, 0);
  box-sizing: border-box;
  border: .45em solid #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
}

.align-autoplay {
  align-items: flex-end;
  margin-right: 7px;
}

.fr-hovered-over-file {
  background-color: #f0f0f0;
}

.thumbnail-padding {
  padding-right: 4px;
}

body.fr-fullscreen {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}

.fr-box.fr-fullscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important;
  margin: 0 !important;
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper, .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper, .fr-box.fr-fullscreen .fr-toolbar {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important;
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important;
}

.fr-box.fr-fullscreen .fr-second-toolbar {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  margin-top: 0;
}

.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
  text-align: left;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: 1px solid #ebebeb;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  color: #646464;
  width: 60%;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: .5px;
}

.fr-element img {
  cursor: pointer;
  padding: 0 1px;
}

.fr-image-resizer {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  box-sizing: content-box;
  border: 1px solid #0098f7;
  display: none;
  position: absolute;
}

.fr-image-resizer.fr-active {
  display: block;
}

.fr-image-resizer .fr-handler {
  background: #0098f7;
  -moz-background-clip: padding;
  z-index: 4;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 2px;
  display: block;
  position: absolute;
}

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-image-resizer .fr-handler.fr-hnw {
  top: -6px;
  left: -6px;
}

.fr-image-resizer .fr-handler.fr-hne {
  top: -6px;
  right: -6px;
}

.fr-image-resizer .fr-handler.fr-hsw {
  bottom: -6px;
  left: -6px;
}

.fr-image-resizer .fr-handler.fr-hse {
  bottom: -6px;
  right: -6px;
}

@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }

  .fr-image-resizer .fr-handler.fr-hnw {
    top: -5px;
    left: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hne {
    top: -5px;
    right: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hsw {
    bottom: -5px;
    left: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hse {
    bottom: -5px;
    right: -5px;
  }
}

.fr-image-overlay {
  z-index: 2147483640;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-popup .fr-image-upload-layer {
  letter-spacing: 1px;
  text-align: center;
  border: 2px dashed #bdbdbd;
  margin: 20px;
  padding: 25px 0;
  font-size: 14px;
  line-height: 140%;
  position: relative;
}

.fr-popup .fr-image-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fr-popup .fr-image-progress-bar-layer > h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: normal;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
  -o-transition: width .2s ease 0s;
  background: #0098f7;
  width: 0%;
  height: 100%;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  display: block;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  animation: 2s linear infinite loading;
  position: absolute;
  top: 0;
  width: 30% !important;
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}

.fr-uploading {
  -webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-modal .fr-modal-head .fr-modal-head-line:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px;
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}

.fr-modal .fr-modal-head .fr-modal-tags {
  text-align: left;
  padding: 0 20px;
  display: none;
}

.fr-modal .fr-modal-head .fr-modal-tags a {
  opacity: 0;
  -moz-background-clip: padding;
  -o-transition: opacity .2s ease 0s, background .2s ease 0s;
  cursor: pointer;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 32px;
  margin: 8px 0 8px 8px;
  padding: 6px 12px;
  text-decoration: none;
  -webkit-transition: opacity .2s, background .2s;
  -moz-transition: opacity .2s, background .2s;
  -ms-transition: opacity .2s, background .2s;
  display: inline-block;
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
  background-color: #ebebeb;
  outline: none;
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
  background-color: #ebebeb;
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
  background-color: #d6d6d6;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  color: #0098f7;
  background-color: #ecf5ff;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
  background-color: #ebebeb;
  outline: none;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
  background-color: #ebebeb;
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
  background-color: #d6d6d6;
}

.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7;
}

div.fr-modal-body {
  -o-transition: background .2s ease 0s;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -ms-transition: background .2s;
}

div.fr-modal-body .fr-preloader {
  margin: 50px auto;
  display: block;
}

div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 20px;
  padding: 0;
}

div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: calc(50% - 10px);
}

@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc(33.3333% - 13.3333px);
  }
}

@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc(25% - 15px);
  }
}

div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 2px;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child, div.fr-modal-body div.fr-image-list div.fr-image-container + div {
  margin-top: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:after {
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -o-transition: opacity .2s ease 0s;
  content: "";
  z-index: 2;
  background: #000;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:before {
  content: attr(data-deleting);
  color: #fff;
  z-index: 3;
  height: 20px;
  margin: auto;
  font-size: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  z-index: 1;
  background: #ccc;
  height: 95px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty:after {
  content: attr(data-loading);
  height: 20px;
  margin: auto;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
  vertical-align: middle;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -o-transition: opacity .2s ease 0s, filter .2s ease 0s;
  width: 100%;
  -webkit-transition: opacity .2s, filter .2s;
  -moz-transition: opacity .2s, filter .2s;
  -ms-transition: opacity .2s, filter .2s;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block;
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  -moz-background-clip: padding;
  -o-transition: background .2s ease 0s, color .2s ease 0s;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 3;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 100%;
  margin: 0;
  line-height: 40px;
  text-decoration: none;
  -webkit-transition: background .2s, color .2s;
  -moz-transition: background .2s, color .2s;
  -ms-transition: background .2s, color .2s;
  display: none;
  position: absolute;
  top: 50%;
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  fill: #fff;
  background: #b8312f;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%)translateX(25%);
  -moz-transform: translateY(-50%)translateX(25%);
  -ms-transform: translateY(-50%)translateX(25%);
  -o-transform: translateY(-50%)translateX(25%);
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  fill: #0098f7;
  background: #fff;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%)translateX(-125%);
  -moz-transform: translateY(-50%)translateX(-125%);
  -ms-transform: translateY(-50%)translateX(-125%);
  -o-transform: translateY(-50%)translateX(-125%);
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  width: 40px;
  height: 40px;
  display: inline-block;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  color: #fff;
  background: #bf4644;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}

.fr-line-breaker {
  cursor: text;
  z-index: 2;
  border-top: 1px solid #0098f7;
  display: none;
  position: fixed;
}

.fr-line-breaker.fr-visible {
  display: block;
}

.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  top: -20px;
  left: calc(50% - 20px);
}

.fr-line-breaker a.fr-floating-btn svg {
  width: 24px;
  height: 24px;
  margin: 8px;
}

.fr-quick-insert {
  z-index: 2147483639;
  white-space: nowrap;
  box-sizing: content-box;
  padding-right: 10px;
  position: absolute;
}

.fr-quick-insert a.fr-floating-btn svg {
  width: 24px;
  height: 24px;
  margin: 8px;
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}

.fr-quick-insert.fr-hidden {
  display: none;
}

.fr-qi-helper {
  z-index: 3;
  white-space: nowrap;
  padding-left: 20px;
  position: absolute;
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  color: #222;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: #fff;
  padding: 6px 10px 10px;
  display: inline-block;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
  fill: #222;
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px;
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
  font-size: 16px;
  font-weight: normal;
}

.fr-popup .fr-special-character {
  width: 24px;
  height: 24px;
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px;
  }
}

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
  border: 1px double #0098f7;
}

.fr-element table tr {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-element table td, .fr-element table th {
  -webkit-user-select: text;
  user-select: text;
  -o-user-select: text;
  -khtml-user-select: text;
}

.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-table-resizer {
  cursor: col-resize;
  z-index: 3;
  display: none;
  position: absolute;
}

.fr-table-resizer.fr-moving {
  z-index: 2;
}

.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #0098f7;
}

.fr-no-selection {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-popup .fr-table-size {
  margin: 20px;
}

.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
}

.fr-popup .fr-table-size .fr-select-table-size {
  white-space: nowrap;
  padding: 5px;
  line-height: 0;
}

.fr-popup .fr-table-size .fr-select-table-size > span {
  background: none;
  padding: 0 4px 4px 0;
  display: inline-block;
}

.fr-popup .fr-table-size .fr-select-table-size > span > span {
  border: 1px solid #ddd;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: none;
}

.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(0, 152, 247, .3);
  border: 1px solid #0098f7;
}

.fr-popup .fr-table-size .fr-select-table-size .new-line:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important;
}

.fr-popup .fr-table-colors {
  padding: 20px 20px 0;
  display: block;
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px;
}

.fr-insert-helper {
  z-index: 9999;
  white-space: nowrap;
  position: absolute;
}

#fr-form-container {
  z-index: 9002;
  background-color: #fefefe;
  border-radius: 5px;
  width: 60%;
  margin: auto;
  position: relative;
  top: 10%;
  overflow: auto;
}

.fr-trim-video-name {
  padding-top: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-top-color: #53777a;
  border-radius: 50%;
  align-items: center;
  width: 20px;
  height: 20px;
  animation: 2s linear infinite spin;
  display: block !important;
}

.fr-trim-button {
  color: #0098f7;
  cursor: pointer;
  background: #eff5fa;
  border: none;
  border-radius: 5px;
  outline: none;
  height: 36px;
  margin-top: 5px;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}

.fr-trim-button:hover {
  background: #ebebeb;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.fr-slidecontainer {
  width: 100%;
}

.fr-slider {
  -webkit-appearance: none;
  background: #d3d3d3;
  width: 100%;
  height: 15px;
}

.fr-video-trim-buttons {
  text-align: right;
  margin-top: 10px;
  padding-bottom: 5px;
  padding-right: 15px;
}

.fr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.fr-slider::-moz-range-thumb {
  cursor: pointer;
  background: #3498db;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.fr-range-value-start {
  position: absolute;
}

.fr-range-value-start > span {
  text-align: center;
  color: #fff;
  background: #03a9f4;
  border-radius: 6px;
  width: 60px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-85%);
}

.fr-range-value-start > span:before {
  content: "";
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  margin-top: -1px;
  margin-left: -5px;
  position: absolute;
  left: 86%;
}

.fr-range-value-end {
  position: absolute;
}

.fr-range-value-end > span {
  text-align: center;
  color: #fff;
  background: #03a9f4;
  border-radius: 6px;
  width: 60px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  display: block;
  position: absolute;
  left: 14%;
  transform: translate(-8%);
}

.fr-range-value-end > span:before {
  content: "";
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  margin-top: -1px;
  margin-left: -5px;
  position: absolute;
  left: 14%;
}

#startTimeValue {
  top: -153% !important;
}

#startTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}

#endTimeValue {
  top: -153% !important;
}

#endTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}

.fr-range-slider {
  width: 80%;
  height: 15px;
  position: relative;
}

.fr-range-slider > input {
  pointer-events: none;
  border-radius: 10px;
  outline: none;
  width: 100%;
  height: 6px;
  position: absolute;
  top: 10px;
  left: 0;
}

.fr-range-slider > input::-webkit-slider-thumb {
  pointer-events: all;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #3498db;
  border-radius: 7px;
  width: 15px;
  height: 15px;
  margin-top: -3.6px;
  position: relative;
}

.fr-range-slider > input::-moz-range-thumb {
  pointer-events: all;
  z-index: 10;
  -moz-appearance: none;
  border-radius: 7px;
  width: 9px;
  height: 15px;
  margin-top: -3.6px;
  position: relative;
}

.fr-range-slider > input::-moz-range-track {
  z-index: -1;
  background-color: #000;
  border: 0;
  border-radius: 50%;
  height: 15px;
  margin-top: -3.6px;
  position: relative;
}

.fr-range-slider > input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none;
  border: 0;
}

.fr-range-slider > input[type="range"]::-moz-focus-outer {
  border: 0;
}

@media screen and (max-width: 430px) {
  .range-value span {
    width: 40px;
    font-size: 10px;
  }

  #fr-form-container {
    top: 20%;
  }
}

#fr-video-edit {
  text-align: center;
  width: 80%;
  height: 50%;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.fr-element .fr-video {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
}

.fr-element .fr-video:after {
  content: "";
  z-index: 1;
  cursor: pointer;
  background: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative;
}

.fr-element .fr-video > * {
  box-sizing: content-box;
  border: none;
  max-width: 100%;
}

.fr-box .fr-video-resizer {
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  border: 1px solid #0098f7;
  display: none;
  position: absolute;
}

.fr-box .fr-video-resizer.fr-active {
  display: block;
}

.fr-box .fr-video-resizer .fr-handler {
  z-index: 4;
  box-sizing: border-box;
  background: #0098f7;
  border: 1px solid #fff;
  display: block;
  position: absolute;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  top: -6px;
  left: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  top: -6px;
  right: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  bottom: -6px;
  left: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  bottom: -6px;
  right: -6px;
}

@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    top: -5px;
    left: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    top: -5px;
    right: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    bottom: -5px;
    left: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    bottom: -5px;
    right: -5px;
  }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}

.fr-popup .fr-video-upload-layer {
  letter-spacing: 1px;
  text-align: center;
  border: 2px dashed #bdbdbd;
  margin: 20px;
  padding: 25px 0;
  font-size: 14px;
  line-height: 140%;
  position: relative;
}

.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}

.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483640;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.fr-popup .fr-video-progress-bar-layer > h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: normal;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  -o-transition: width .2s ease 0s;
  background: #0098f7;
  width: 0%;
  height: 100%;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  display: block;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  animation: 2s linear infinite loading;
  position: absolute;
  top: 0;
  width: 30% !important;
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-video-overlay {
  z-index: 2147483640;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fr-autoplay-margin {
  margin-top: 0 !important;
}

.fr-clearfix:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-hide-by-clipping {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
}

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  box-shadow: 10px 10px 5px #ccc;
}

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: 5px solid #ccc;
}

.fr-view img.fr-bordered {
  box-sizing: content-box;
}

.fr-view .fr-img-caption.fr-bordered img {
  box-sizing: border-box;
}

.fr-view {
  word-wrap: break-word;
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table {
  border-collapse: collapse;
  empty-cells: show;
  border: none;
  max-width: 100%;
}

.fr-view table td {
  min-width: 5px;
}

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.fr-view table td, .fr-view table th {
  border: 1px solid #ddd;
}

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #ececec;
}

.fr-view hr {
  clear: both;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  break-after: always;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file:after {
  content: "📎";
  font-weight: normal;
  position: relative;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: 2px solid #5e35b1;
  margin-right: 0;
  padding-left: 0;
  padding-right: 5px;
}

.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}

.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}

.fr-view blockquote {
  color: #5e35b1;
  border-left: 2px solid #5e35b1;
  margin-left: 0;
  padding-left: 5px;
}

.fr-view blockquote blockquote {
  color: #00bcd4;
  border-color: #00bcd4;
}

.fr-view blockquote blockquote blockquote {
  color: #43a047;
  border-color: #43a047;
}

.fr-view span.fr-emoticon {
  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
  font-weight: normal;
  line-height: 0;
  display: inline;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit;
  vertical-align: middle;
  width: 1em;
  min-width: 20px;
  height: 1em;
  min-height: 20px;
  margin: -.1em .1em .1em;
  line-height: 1;
  display: inline-block;
  background-repeat: no-repeat !important;
}

.fr-view .fr-text-gray {
  color: #aaa !important;
}

.fr-view .fr-text-bordered {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view .fr-class-highlighted {
  background-color: #ff0;
}

.fr-view .fr-class-code {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  border-color: #ccc;
  border-radius: 2px;
  padding: 10px;
  font-family: Courier New, Courier, monospace;
}

.fr-view .fr-class-transparency {
  opacity: .5;
}

.fr-view img {
  max-width: 100%;
  position: relative;
}

.fr-view img.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

.fr-view img.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

.fr-view img.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

.fr-view img.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.fr-view span.fr-img-caption {
  max-width: 100%;
  position: relative;
}

.fr-view span.fr-img-caption.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

.fr-view span.fr-img-caption.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video.fr-rv {
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute !important;
}

.fr-view .fr-video > * {
  box-sizing: content-box;
  border: none;
  max-width: 100%;
}

.fr-view .fr-video.fr-dvb {
  clear: both;
  display: block;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 0;
}

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  width: 100%;
  margin: auto;
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap > span {
  font-size: 14px;
  font-weight: initial;
  box-sizing: border-box;
  -webkit-opacity: .9;
  -moz-opacity: .9;
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 5px 5px 10px;
  display: block;
}

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
}

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px;
}

a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

img.fr-view {
  max-width: 100%;
  position: relative;
}

img.fr-view.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

img.fr-view.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

img.fr-view.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

img.fr-view.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

span.fr-img-caption.fr-view {
  max-width: 100%;
  position: relative;
}

span.fr-img-caption.fr-view.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

span.fr-img-caption.fr-view.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.fr-clearfix:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.fr-hide-by-clipping {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
}

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  box-shadow: 10px 10px 5px #ccc;
}

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: 5px solid #ccc;
}

.fr-view img.fr-bordered {
  box-sizing: content-box;
}

.fr-view .fr-img-caption.fr-bordered img {
  box-sizing: border-box;
}

.fr-view {
  word-wrap: break-word;
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table {
  border-collapse: collapse;
  empty-cells: show;
  border: none;
  max-width: 100%;
}

.fr-view table td {
  min-width: 5px;
}

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.fr-view table td, .fr-view table th {
  border: 1px solid #ddd;
}

.fr-view table td:empty, .fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #ececec;
}

.fr-view hr {
  clear: both;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  break-after: always;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file:after {
  content: "📎";
  font-weight: normal;
  position: relative;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: 2px solid #5e35b1;
  margin-right: 0;
  padding-left: 0;
  padding-right: 5px;
}

.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}

.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}

.fr-view blockquote {
  color: #5e35b1;
  border-left: 2px solid #5e35b1;
  margin-left: 0;
  padding-left: 5px;
}

.fr-view blockquote blockquote {
  color: #00bcd4;
  border-color: #00bcd4;
}

.fr-view blockquote blockquote blockquote {
  color: #43a047;
  border-color: #43a047;
}

.fr-view span.fr-emoticon {
  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
  font-weight: normal;
  line-height: 0;
  display: inline;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  font-size: inherit;
  vertical-align: middle;
  width: 1em;
  min-width: 20px;
  height: 1em;
  min-height: 20px;
  margin: -.1em .1em .1em;
  line-height: 1;
  display: inline-block;
  background-repeat: no-repeat !important;
}

.fr-view .fr-text-gray {
  color: #aaa !important;
}

.fr-view .fr-text-bordered {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view .fr-class-highlighted {
  background-color: #ff0;
}

.fr-view .fr-class-code {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  border-color: #ccc;
  border-radius: 2px;
  padding: 10px;
  font-family: Courier New, Courier, monospace;
}

.fr-view .fr-class-transparency {
  opacity: .5;
}

.fr-view img {
  max-width: 100%;
  position: relative;
}

.fr-view img.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

.fr-view img.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

.fr-view img.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

.fr-view img.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.fr-view span.fr-img-caption {
  max-width: 100%;
  position: relative;
}

.fr-view span.fr-img-caption.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

.fr-view span.fr-img-caption.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video.fr-rv {
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute !important;
}

.fr-view .fr-video > * {
  box-sizing: content-box;
  border: none;
  max-width: 100%;
}

.fr-view .fr-video.fr-dvb {
  clear: both;
  display: block;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 0;
}

.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  width: 100%;
  margin: auto;
  display: block;
}

.fr-view .fr-img-caption .fr-img-wrap > span {
  font-size: 14px;
  font-weight: initial;
  box-sizing: border-box;
  -webkit-opacity: .9;
  -moz-opacity: .9;
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  text-align: center;
  width: 100%;
  margin: auto;
  padding: 5px 5px 10px;
  display: block;
}

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 10px;
}

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
  font-size: 24px;
}

a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

img.fr-view {
  max-width: 100%;
  position: relative;
}

img.fr-view.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

img.fr-view.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

img.fr-view.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

img.fr-view.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

span.fr-img-caption.fr-view {
  max-width: 100%;
  position: relative;
}

span.fr-img-caption.fr-view.fr-dib {
  float: none;
  vertical-align: top;
  margin: 5px auto;
  display: block;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  text-align: left;
  margin-left: 0;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  text-align: right;
  margin-right: 0;
}

span.fr-img-caption.fr-view.fr-dii {
  float: none;
  vertical-align: bottom;
  max-width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  max-width: calc(100% - 5px);
  margin: 5px 5px 5px 0;
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  max-width: calc(100% - 5px);
  margin: 5px 0 5px 5px;
}

.rc-slider {
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  position: relative;
}

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-rail {
  background-color: #e9e9e9;
  border-radius: 6px;
  width: 100%;
  height: 4px;
  position: absolute;
}

.rc-slider-track {
  background-color: #abe2fb;
  border-radius: 6px;
  height: 4px;
  position: absolute;
  left: 0;
}

.rc-slider-handle {
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: pan-x;
  background-color: #fff;
  border: 2px solid #96dbfa;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  position: absolute;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}

.rc-slider-handle:focus {
  outline: none;
}

.rc-slider-handle-click-focused:focus {
  box-shadow: unset;
  border-color: #96dbfa;
}

.rc-slider-handle:hover {
  border-color: #57c5f7;
}

.rc-slider-handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
}

.rc-slider-mark {
  width: 100%;
  font-size: 12px;
  position: absolute;
  top: 18px;
  left: 0;
}

.rc-slider-mark-text {
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
  display: inline-block;
  position: absolute;
}

.rc-slider-mark-text-active {
  color: #666;
}

.rc-slider-step {
  background: none;
  width: 100%;
  height: 4px;
  position: absolute;
}

.rc-slider-dot {
  cursor: pointer;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  position: absolute;
  bottom: -2px;
}

.rc-slider-dot-active {
  border-color: #96dbfa;
}

.rc-slider-dot-reverse {
  margin-right: -4px;
}

.rc-slider-disabled {
  background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}

.rc-slider-disabled .rc-slider-handle, .rc-slider-disabled .rc-slider-dot {
  box-shadow: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ccc;
}

.rc-slider-disabled .rc-slider-mark-text, .rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}

.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-track {
  width: 4px;
  bottom: 0;
  left: 5px;
}

.rc-slider-vertical .rc-slider-handle {
  touch-action: pan-y;
  margin-left: -5px;
}

.rc-slider-vertical .rc-slider-mark {
  height: 100%;
  top: 0;
  left: 18px;
}

.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-dot {
  margin-bottom: -4px;
  left: 2px;
}

.rc-slider-vertical .rc-slider-dot:first-child, .rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}

.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-play-state: paused;
  animation-fill-mode: both;
  display: block !important;
}

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear {
  animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  transform: scale(0);
}

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(.755, .05, .855, .06);
}

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0);
  }

  100% {
    transform-origin: 50% 100%;
    transform: scale(1);
  }
}

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0);
  }
}

.rc-slider-tooltip {
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-tooltip-hidden {
  display: none;
}

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px;
}

.rc-slider-tooltip-inner {
  color: #fff;
  text-align: center;
  background-color: #6c6c6c;
  border-radius: 6px;
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 0 4px #d9d9d9;
}

.rc-slider-tooltip-arrow {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  position: absolute;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
  margin-left: -4px;
  bottom: 4px;
  left: 50%;
}