.place-holder[data-v-f84b1eae] {
  display: block;
  width: 100%;
  height: 300px;
  position: var(--zwi-main-problem-place-holder-mixin-position);
  top: var(--zwi-main-problem-place-holder-mixin-top);
  margin-top: var(--zwi-main-problem-place-holder-margin-top);
}
.place-holder div[data-v-f84b1eae] {
  width: 100%;
  height: 25px;
  margin-bottom: 8px;
  border-radius: 5px;
  background-color: #f5f6f7;
  width: var(--zwi-main-problem-place-holder-div-mixin-width);
  height: var(--zwi-main-problem-place-holder-div-mixin-height);
  margin-bottom: var(--zwi-main-problem-place-holder-div-mixin-margin-bottom);
  border-radius: var(--zwi-main-problem-place-holder-div-mixin-border-radius);
  margin-left: var(--zwi-main-problem-place-holder-div-mixin-margin-left);
  margin-right: var(--zwi-main-problem-place-holder-div-mixin-margin-right);
}
.place-holder div[data-v-f84b1eae]:first-of-type {
  height: 40px;
  margin-bottom: 22px;
  visibility: var(--zwi-main-problem-place-holder-div-first-mixin-visibility);
  width: var(--zwi-main-problem-place-holder-div-first-mixin-width);
  height: var(--zwi-main-problem-place-holder-div-first-mixin-height);
  margin-bottom: var(--zwi-main-problem-place-holder-div-first-mixin-margin-bottom);
  border-radius: var(--zwi-main-problem-place-holder-div-first-mixin-border-radius, 0);
}
.place-holder div[data-v-f84b1eae]:last-of-type {
  width: 50%;
  width: var(--zwi-main-problem-place-holder-div-last-mixin-width);
  left: var(--zwi-main-problem-place-holder-div-last-mixin-left, 0);
  margin-left: var(--zwi-main-problem-place-holder-div-last-mixin-margin-left, var(--zwi-main-problem-place-holder-div-mixin-margin-left));
  margin-bottom: var(--zwi-main-problem-place-holder-div-last-mixin-margin-bottom);
}
.place-holder.test[data-v-f84b1eae] {
  margin-top: var(--zwi-main-problem-place-holder-test-margin-top);
}
.place-holder.test div[data-v-f84b1eae]:first-of-type {
  display: var(--zwi-main-problem-place-holder-test-div-first-mixin-display);
}

.zwi-tooltip[data-v-5ee11e54] {
  display: inline-block;
  position: relative;
  /* Top */
  /* Bottom */
  /* Horizontal positioning */
  /* no event */
}
.zwi-tooltip .zwi-tooltip-main[data-v-5ee11e54] {
  background-color: var(--zwi-tooltip-mixin-background-color, rgba(44, 46, 51, 0.9));
  border-radius: var(--zwi-tooltip-mixin-border-radius, 0.112em);
  color: white;
  opacity: 0.2;
  min-width: 2.778em;
  width: var(--zwi-tooltip-mixin-width, auto);
  padding: var(--zwi-tooltip-mixin-padding, 0.667em);
  position: absolute;
  visibility: hidden;
  transition: visibility 0.1s ease-in-out, opacity 0.1s ease-in-out;
  line-height: var(--zwi-tooltip-mixin-line-height, normal);
}
.zwi-tooltip .zwi-tooltip-main .arrow[data-v-5ee11e54] {
  border-style: solid;
  position: absolute;
}
.zwi-tooltip .zwi-tooltip-main .label[data-v-5ee11e54] {
  white-space: var(--zwi-tooltip-mixin-white-space, nowrap);
}
.zwi-tooltip .zwi-tooltip-main.hidden[data-v-5ee11e54] {
  visibility: hidden;
}
.zwi-tooltip:not(.no-hover) .hover-target:hover + .zwi-tooltip-main[data-v-5ee11e54],
.zwi-tooltip.visible .zwi-tooltip-main[data-v-5ee11e54] {
  opacity: 1;
  visibility: visible;
}
.zwi-tooltip[position^="top-"] .zwi-tooltip-main[data-v-5ee11e54] {
  bottom: var(--zwi-tooltip-main-top-mixin-bottom, calc(100% + 0.667em));
}
.zwi-tooltip[position^="top-"]:hover:not(.no-hover) .zwi-tooltip-main[data-v-5ee11e54] {
  /* 0.667 is the height of the triangle (0.556) plus the spacing (0.111) */
  margin-bottom: 0.667em;
}
.zwi-tooltip[position^="top-"] .zwi-tooltip-main .arrow[data-v-5ee11e54] {
  /* Bottom is a little less than the height of the triangle because we need some overlap */
  bottom: var(--zwi-tooltip-arrow-top-mixin-bottom, -0.555em);
  border-width: var(--zwi-tooltip-arrow-top-mixin-border-width, 0.556em 0.406em 0 0.406em);
  border-color: var(--zwi-tooltip-mixin-border-color, rgba(44, 46, 51, 0.9)) transparent transparent transparent;
}
.zwi-tooltip[position^="bottom-"] .zwi-tooltip-main[data-v-5ee11e54] {
  top: var(--zwi-tooltip-main-bottom-mixin-top, calc(100% + 0.667em));
}
.zwi-tooltip[position^="bottom-"]:hover:not(.no-hover) .zwi-tooltip-main[data-v-5ee11e54] {
  margin-top: 0.667em;
}
.zwi-tooltip[position^="bottom-"] .zwi-tooltip-main .arrow[data-v-5ee11e54] {
  border-width: 0 0.406em 0.556em 0.406em;
  border-color: transparent transparent var(--zwi-tooltip-mixin-border-color, rgba(44, 46, 51, 0.9)) transparent;
  top: -0.555em;
}
.zwi-tooltip[position$="left"] .zwi-tooltip-main[data-v-5ee11e54] {
  text-align: right;
}
.zwi-tooltip[position$="center"] .zwi-tooltip-main[data-v-5ee11e54] {
  text-align: center;
}
.zwi-tooltip[position$="right"] .zwi-tooltip-main[data-v-5ee11e54] {
  text-align: left;
}
.zwi-tooltip[position$="left"] .zwi-tooltip-main .arrow[data-v-5ee11e54] {
  right: 0.667em;
}
.zwi-tooltip[position$="center"] .zwi-tooltip-main .arrow[data-v-5ee11e54] {
  left: calc(50% - 0.406em);
  left: -moz-calc(49.594%);
}
.zwi-tooltip[position$="right"] .zwi-tooltip-main .arrow[data-v-5ee11e54] {
  left: var(--zwi-tooltip-arrow-right-mixin-left, 0.667em);
}
.zwi-tooltip.no-event[data-v-5ee11e54] {
  pointer-events: none;
}

.zwi-tts-button[data-v-42383660] {
  cursor: pointer;
  height: var(--zwi-tts-icon-img-mixin-height);
  width: var(--zwi-tts-icon-img-mixin-width);
  padding: var(--zwi-tts-icon-mixin-padding);
  margin: var(--zwi-tts-icon-mixin-margin);
  font-size: 0px;
}
.zwi-tts-button img[data-v-42383660] {
  height: var(--zwi-tts-icon-img-mixin-height);
  width: var(--zwi-tts-icon-img-mixin-width);
}
.zwi-tts-button img[state="loading"][data-v-42383660] {
  animation-duration: 1s;
  animation-name: rotateTtsIcon;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

/* .button-down에 관한 스타일 규칙은 제거 했습니다. */
.zwi-button[data-v-1e39739a] {
  box-sizing: border-box;
  display: inline-block;
  line-height: 100%;
  outline: none;
  position: relative;
  cursor: pointer;
  /* green theme (default) */
  /* active가 별도로 필요할까? */
  /* white1 theme */
  /* white2 theme */
  /* Simple */
  /* disabled */
}
.zwi-button.size-custom[data-v-1e39739a] {
  min-width: var(--zwi-button-mixin-min-width, 110px);
  width: var(--zwi-button-mixin-width, auto);
  height: var(--zwi-button-mixin-height, 54px);
  border-radius: var(--zwi-button-mixin-border-radius, 0.256em);
  margin: var(--zwi-button-mixin-margin, 0.667em);
  padding: var(--zwi-button-mixin-padding, 0.667em);
  font-family: var(--zwi-button-mixin-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: var(--zwi-button-mixin-font-size, initial);
}
.zwi-button.size-default[data-v-1e39739a] {
  border-radius: 0.256em;
  margin: 0.667em;
  padding: 0.667em;
}
.zwi-button.size-small[data-v-1e39739a] {
  border-radius: 0.156em;
  margin: 0.456em;
  padding: 0.456em;
}
.zwi-button.size-small[data-v-1e39739a] {
  border-radius: 0.156em;
  margin: 0.456em;
  padding: 0.456em;
}
.zwi-button.theme-green[data-v-1e39739a] {
  background-color: #39d579;
  border: 1px solid #39d579;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
  transition: background-color 0.2s;
}
.zwi-button.theme-green[data-v-1e39739a]:not(.simple):focus {
  background-color: #29c569;
}
.zwi-button.theme-green[data-v-1e39739a]:not(.simple):active,
.zwi-button.theme-green:not(.simple).button-down[data-v-1e39739a] {
  background-color: #24b45e;
}
.zwi-button.theme-green.shadow[data-v-1e39739a],
.zwi-button.theme-green.shadow[data-v-1e39739a]:active {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.zwi-button.theme-white1[data-v-1e39739a] {
  background-color: #ffffff;
  border: 1px solid #39d579;
  color: #24b45e;
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}
.zwi-button.theme-white1[data-v-1e39739a]:not(.simple):focus {
  background-color: #29c569;
  border: 1px solid #29c569;
  color: #ffffff;
}
.zwi-button.theme-white1[data-v-1e39739a]:not(.simple):active,
.zwi-button.theme-white1:not(.simple).button-down[data-v-1e39739a] {
  background-color: #24b45e;
  border: 1px solid #24b45e;
  color: #ffffff;
}
.zwi-button.theme-white1.shadow[data-v-1e39739a] {
  box-shadow: 0 0 0 0 #000000, 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.zwi-button.theme-white2[data-v-1e39739a] {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #333333;
  transition: background-color 0.2s, border 0.2s;
}
.zwi-button.theme-white2[data-v-1e39739a]:not(.simple):focus {
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
}
.zwi-button.theme-white2[data-v-1e39739a]:not(.simple):active,
.zwi-button.theme-white2:not(.simple).button-down[data-v-1e39739a] {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
}
.zwi-button.theme-white2.shadow[data-v-1e39739a] {
  box-shadow: 0 0 0 0 #000000, 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.zwi-button.simple[data-v-1e39739a] {
  transition: none;
}
.zwi-button.simple[shadow][data-v-1e39739a] {
  box-shadow: none;
}
.zwi-button[disabled][data-v-1e39739a] {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.zwi-button[disabled][data-v-1e39739a]:active {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: rgba(0, 0, 0, 0.2);
}
.zwi-button[disabled].shadow[data-v-1e39739a] {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.zwi-button.no-transition[data-v-1e39739a] {
  transition: none;
}
.zwi-button .container[data-v-1e39739a] {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: 100%;
  vertical-align: middle;
}
@media (hover: hover) {
.zwi-button.theme-white1[data-v-1e39739a]:not(.simple):hover {
    background-color: #29c569;
    border: 1px solid #29c569;
    color: #ffffff;
}
.zwi-button.theme-green[data-v-1e39739a]:not(.simple):hover {
    background-color: #29c569;
}
.zwi-button.theme-white2[data-v-1e39739a]:not(.simple):hover {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
}
.zwi-button[disabled][data-v-1e39739a]:hover {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: rgba(0, 0, 0, 0.2);
}
}

.answer-main-wrap[data-v-78b714a6] {
  display: block;
  padding-top: 30px;
  padding-top: var(--zwi-main-problem-answer-main-wrap-mixin-padding-top);
  margin-top: var(--zwi-main-problem-answer-main-wrap-mixin-margin-top, 0);
}
.answer-main-wrap.show[data-v-78b714a6] {
  margin-bottom: var(--zwi-main-problem-answer-main-wrap-show-margin-bottom, 300px) !important;
}
.answer-main-wrap.empty-title[data-v-78b714a6] {
  margin-top: var(--zwi-main-problem-answer-main-wrap-empty-title-mixin-margin-top);
}
.answer-main-wrap.empty-title.test[data-v-78b714a6] {
  margin-top: var(--zwi-main-problem-answer-main-wrap-empty-title-test-mixin-margin-top);
}
.answer-main-wrap.empty-title .title[data-v-78b714a6] {
  display: none;
  display: var(--zwi-main-problem-answer-main-wrap-empty-title-title-mixin-display);
  height: var(--zwi-main-problem-answer-main-wrap-empty-title-title-mixin-height);
}
.answer-main-wrap.empty-title .title > *[data-v-78b714a6] {
  display: none;
}
.answer-main-wrap.empty-title .answer-wrap[data-v-78b714a6] {
  padding-top: 0;
  margin-top: var(--zwi-main-problem-answer-main-wrap-empty-title-answer-wrap-mixin-margin-top);
}
.answer-main-wrap.hide-title[data-v-78b714a6] {
  margin-top: var(--zwi-main-problem-answer-main-wrap-hide-title-mixin-margin-top);
}
.answer-main-wrap.hide-title.test[data-v-78b714a6] {
  margin-top: var(--zwi-main-problem-answer-main-wrap-hide-title-test-mixin-margin-top);
}
.answer-main-wrap.hide-title .title[data-v-78b714a6] {
  display: none;
  display: var(--zwi-main-problem-answer-main-wrap-hide-title-title-mixin-display);
  height: var(--zwi-main-problem-answer-main-wrap-hide-title-title-mixin-height);
}
.answer-main-wrap.hide-title .title > *[data-v-78b714a6] {
  display: none;
}
.answer-main-wrap.hide-title .title .answer-wrap[data-v-78b714a6] {
  padding-top: 0;
  margin-top: var(--zwi-main-problem-answer-main-wrap-hide-title-answer-wrap-mixin-margin-top);
}
.answer-main-wrap.has-title-wrap[data-v-78b714a6] {
  padding-bottom: var(--zwi-main-problem-answer-main-wrap-has-title-wrap-mixin-padding-bottom);
}
.answer-main-wrap.has-tts .answer-wrap[data-v-78b714a6] {
  margin-top: var(--zwi-main-problem-answer-main-wrap-has-tts-answer-wrap-mixin-margin-top);
}
.answer-main-wrap.has-tts .answer-title-seq[data-v-78b714a6] {
  top: var(--zwi-main-problem-answer-title-seq-has-tts-mixin-top);
}
.answer-main-wrap.test.has-tts .answer-wrap[data-v-78b714a6] {
  margin-top: var(--zwi-main-problem-answer-main-wrap-test-has-tts-answer-wrap-mixin-margin-top);
}
.answer-main-wrap.test.has-tts .answer-tts-icon[data-v-78b714a6] {
  top: var(--zwi-main-problem-answer-test-has-tts-answer-tts-icon-mixin-top);
}
.answer-main-wrap.test .answer-title-seq[data-v-78b714a6] {
  top: var(--zwi-main-problem-answer-title-seq-test-mixin-top, var(--zwi-main-problem-answer-title-seq-mixin-top));
}
.answer-main-wrap.test.has-tts .answer-title-seq[data-v-78b714a6] {
  top: var(--zwi-main-problem-answer-title-seq-test-has-tts-mixin-top, var(--zwi-main-problem-answer-title-seq-mixin-top));
}
.answer-main-wrap .answer-tts-icon.zwi-tts-button[data-v-78b714a6] {
  vertical-align: middle;
  position: var(--zwi-main-problem-title-answer-tts-icon-mixin-position);
  left: var(--zwi-main-problem-title-answer-tts-icon-mixin-left);
  top: var(--zwi-main-problem-title-answer-tts-icon-mixin-top);
  width: var(--zwi-tts-icon-mixin-width);
  margin: var(--zwi-tts-icon-mixin-margin);
}
.answer-main-wrap .answer-tts-icon.zwi-tts-button.long[data-v-78b714a6] {
  left: var(--zwi-main-problem-title-answer-tts-icon-long-mixin-left, var(--zwi-main-problem-title-answer-tts-icon-mixin-left));
}
.title[data-v-78b714a6] {
  display: table;
  background-color: #f7f7f7;
  border-radius: 5px;
  font-family: var(--zwi-main-problem-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  color: #64b5f6;
  margin: 0 0 22px 0;
  font-size: 16px;
  line-height: 43px;
  width: var(--zwi-main-problem-title-mixin-width, 100%);
  position: var(--zwi-main-problem-title-mixin-position);
  top: var(--zwi-main-problem-title-mixin-top);
  left: var(--zwi-main-problem-title-mixin-left, auto);
  color: var(--zwi-main-problem-title-mixin-color);
  padding: var(--zwi-main-problem-title-mixin-padding);
  border-top: var(--zwi-main-problem-title-mixin-border-top, none);
  margin: var(--zwi-main-problem-title-mixin-margin);
  font-size: var(--zwi-main-problem-title-mixin-font-size);
  line-height: var(--zwi-main-problem-title-mixin-line-height);
  height: var(--zwi-main-problem-title-mixin-height);
  border-radius: var(--zwi-main-problem-title-mixin-border-radius);
  background-color: var(--zwi-main-problem-title-mixin-background-color, #f7f7f7);
  z-index: var(--zwi-main-problem-title-mixin-z-index);
}
.title .title-wrap[data-v-78b714a6] {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  display: var(--zwi-main-problem-title-wrap-mixin-display, table-cell);
}
.title .title-content-wrap[data-v-78b714a6] {
  width: var(--zwi-main-problem-title-content-wrap-mixin-width);
  margin: var(--zwi-main-problem-title-content-wrap-mixin-margin);
  padding: var(--zwi-main-problem-title-content-wrap-mixin-padding);
}
.title .title-seq[data-v-78b714a6] {
  display: table-cell;
  vertical-align: var(--zwi-main-problem-title-seq-mixin-vertical-align);
  font-family: var(--zwi-main-problem-title-seq-mixin-font-family);
  font-size: var(--zwi-main-problem-title-seq-mixin-font-size);
  padding-right: var(--zwi-main-problem-title-seq-mixin-padding-right);
  text-align: var(--zwi-main-problem-title-seq-mixin-text-align);
}
.title .title-tag-wrap[data-v-78b714a6] {
  display: table-cell;
  padding-left: 30px;
}
.title .title-tag-wrap .title-tag[data-v-78b714a6] {
  display: table-cell;
  height: 24px;
  padding: 0 7px;
  border: 1px solid #ccc;
  border-radius: 16px;
  font-size: 12px;
  color: #333;
  line-height: 24px;
  background-color: #fff;
}
.title .title-tag-wrap .title-msg[data-v-78b714a6] {
  padding-left: 8px;
}
.title .title-msg[data-v-78b714a6] {
  display: table-cell;
  vertical-align: middle;
  line-height: 24px;
  padding: 10px 0 10px 20px;
  text-align: left;
  font-family: var(--zwi-main-problem-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  padding: var(--zwi-main-problem-title-msg-mixin-padding);
  line-height: var(--zwi-main-problem-title-msg-mixin-line-height, 24px);
}
.title .title-msg.sinod[data-v-78b714a6] .sinodText,
.title .title-msg.sinod[data-v-78b714a6] .sinodMath {
  color: var(--zwi-main-problem-title-mixin-color) !important;
}
.title .answer-video-icon[data-v-78b714a6] {
  display: none;
  text-align: right;
  vertical-align: middle;
  cursor: pointer;
  width: 22%;
  padding-right: 20px;
  font-family: var(--zwi-main-problem-title-answer-video-icon-mixin-font-family);
  font-size: var(--zwi-main-problem-title-answer-video-icon-mixin-font-size);
  color: var(--zwi-main-problem-title-answer-video-icon-mixin-color);
  width: var(--zwi-main-problem-title-answer-video-icon-mixin-width);
  padding: var(--zwi-main-problem-title-answer-video-icon-mixin-padding);
  position: var(--zwi-main-problem-title-answer-video-icon-mixin-position);
  left: var(--zwi-main-problem-title-answer-video-icon-mixin-left);
  top: var(--zwi-main-problem-title-answer-video-icon-mixin-top);
  height: var(--zwi-main-problem-title-answer-video-icon-mixin-line-height);
}
.title .answer-video-icon.visible[data-v-78b714a6] {
  display: table-cell;
  visibility: var(--zwi-main-problem-title-answer-video-icon-visible-mixin-visibility);
}
.title .answer-video-icon img[data-v-78b714a6] {
  margin-right: 7px;
  vertical-align: middle;
  width: var(--zwi-main-problem-title-answer-video-icon-img-width, 20px);
  height: var(--zwi-main-problem-title-answer-video-icon-img-height, 20px);
}
.title .answer-video-icon .zwi-i18n[data-v-78b714a6] {
  top: 1px;
}
.title .answer-video-icon .zwi-i18n.is-solution-video[data-v-78b714a6] {
  color: #726edc;
}
.answer-title-seq[data-v-78b714a6] {
  font-family: var(--zwi-main-problem-answer-title-seq-mixin-font-family);
  font-size: var(--zwi-main-problem-answer-title-seq-mixin-font-size);
  text-align: var(--zwi-main-problem-answer-title-seq-mixin-text-align, center);
  position: var(--zwi-main-problem-answer-title-seq-mixin-position);
  top: var(--zwi-main-problem-answer-title-seq-mixin-top);
  left: var(--zwi-main-problem-answer-title-seq-mixin-left);
  width: var(--zwi-main-problem-answer-title-seq-mixin-width);
  height: var(--zwi-main-problem-answer-title-seq-mixin-height);
  margin-right: var(--zwi-main-problem-answer-title-seq-mixin-margin-right);
  display: var(--zwi-main-problem-answer-title-seq-show-mixin-display);
  justify-content: var(--zwi-main-problem-answer-title-seq-show-mixin-justify-content);
  align-items: var(--zwi-main-problem-answer-title-seq-show-mixin-align-items);
}
.answer-title-seq .answer-title-seq-underbar[data-v-78b714a6] {
  margin: var(--zwi-main-problem-answer-title-seq-underbar-mixin-margin, auto);
  width: var(--zwi-main-problem-answer-title-seq-underbar-mixin-width);
  height: var(--zwi-main-problem-answer-title-seq-underbar-mixin-height);
  border-radius: var(--zwi-main-problem-answer-title-seq-underbar-mixin-border-radius);
  top: var(--zwi-main-problem-answer-title-seq-underbar-mixin-top, auto);
  background-color: #000000;
}
.answer-title-seq.long[data-v-78b714a6] {
  left: var(--zwi-main-problem-answer-title-seq-long-mixin-left, var(--zwi-main-problem-answer-title-seq-mixin-left));
}
.answer-title-seq.long .answer-title-seq-underbar[data-v-78b714a6] {
  width: var(--zwi-main-problem-answer-title-seq-underbar-long-mixin-width);
}
.main-problem-list.prevent-event[data-v-78b714a6] {
  pointer-events: none;
}
.answer-wrap[data-v-78b714a6] {
  padding: var(--zwi-main-problem-answer-wrap-mixin-padding);
}
.answer-wrap.prevent-event[data-v-78b714a6] {
  pointer-events: none;
}
.answer-wrap.hide[data-v-78b714a6] {
  display: none;
}
.answer-wrap.hidden[data-v-78b714a6] {
  visibility: hidden;
  position: absolute;
  top: -99999px;
  left: -99999px;
  width: 100%;
}
.note-buttons-wrap[data-v-78b714a6] {
  position: static;
  z-index: 2;
  bottom: 0;
}
.note-buttons[data-v-78b714a6] {
  float: left;
  display: block;
  position: absolute;
  bottom: 20px;
}
.note-buttons div[data-v-78b714a6] {
  display: inline-block;
  font-family: var(--zwi-main-problem-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: 20px;
  font-weight: bold;
  width: 58px;
  height: 66px;
  text-align: center;
  line-height: 66px;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.note-buttons div.clicked[data-v-78b714a6] {
  color: #263238;
}
.note-buttons div[data-v-78b714a6]:first-of-type {
  margin-right: 4px;
}
.answer-result[data-v-78b714a6] {
  display: block;
  padding: 15px 20px 0 0;
  width: 90px;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  z-index: 2;
  bottom: 20px;
  right: 0px;
  float: right;
  width: var(--zwi-main-problem-answer-result-mixin-width);
  padding: var(--zwi-main-problem-answer-result-mixin-padding);
}
.answer-result img[data-v-78b714a6] {
  width: var(--zwi-main-problem-answer-result-img-width, 86px);
  height: var(--zwi-main-problem-answer-result-img-height, 86px);
}
.answer-result.correct img[data-v-78b714a6] {
  width: var(--zwi-main-problem-answer-result-correct-img-width, var(--zwi-main-problem-answer-result-img-width, 86px));
  height: var(--zwi-main-problem-answer-result-correct-img-height, var(--zwi-main-problem-answer-result-img-height, 86px));
}
.answer-result.corrected img[data-v-78b714a6] {
  width: var(--zwi-main-problem-answer-result-corrected-img-width, var(--zwi-main-problem-answer-result-img-width, 86px));
  height: var(--zwi-main-problem-answer-result-corrected-img-height, var(--zwi-main-problem-answer-result-img-height, 86px));
}
.answer-result.incorrect img[data-v-78b714a6] {
  width: var(--zwi-main-problem-answer-result-incorrect-img-width, var(--zwi-main-problem-answer-result-img-width, 86px));
  height: var(--zwi-main-problem-answer-result-incorrect-img-height, var(--zwi-main-problem-answer-result-img-height, 86px));
}
.answer-result span[data-v-78b714a6] {
  font-family: var(--zwi-main-problem-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
}
.answer-result.correct span[data-v-78b714a6] {
  color: #39D579;
}
.answer-result.incorrect span[data-v-78b714a6] {
  color: #FF874D;
}
.answer-result.corrected span[data-v-78b714a6] {
  color: #FFC64D;
}
.answer-button-wrap[data-v-78b714a6] {
  display: block;
  text-align: right;
}
.answer-button-wrap .zwi-tooltip[data-v-78b714a6] {
  margin-right: var(--zwi-main-problem-answer-button-wrap-zwi-tooltip-mixin-margin-right, 20px);
  font-family: var(--zwi-main-problem-answer-button-wrap-zwi-tooltip-mixin-font-family);
  font-size: var(--zwi-main-problem-answer-button-wrap-zwi-tooltip-mixin-font-size);
  margin-bottom: var(--zwi-main-problem-answer-button-wrap-zwi-tooltip-mixin-margin-bottom);
}
.answer-button-wrap .zwi-tooltip .zwi-button[data-v-78b714a6] {
  display: block;
  margin: 0 0 20px 0;
}
.answer-button-wrap .zwi-tooltip .zwi-button.edit .zwi-i18n[data-v-78b714a6] {
  color: #39d579;
}
.answer-button-wrap .zwi-tooltip .zwi-button:focus.edit .zwi-i18n[data-v-78b714a6] {
  color: #ffffff;
}
.answer-button-wrap .zwi-tooltip .zwi-button .edit-answer-icon[data-v-78b714a6] {
  display: block;
  margin-right: 6px;
}
.answer-button-wrap .zwi-tooltip .zwi-button .edit-answer-icon.hover[data-v-78b714a6] {
  display: none;
}
.answer-button-wrap .zwi-tooltip .zwi-button:focus .edit-answer-icon[data-v-78b714a6] {
  display: none;
}
.answer-button-wrap .zwi-tooltip .zwi-button:focus .edit-answer-icon.hover[data-v-78b714a6] {
  display: block;
}
@media (hover: hover) {
.answer-button-wrap .zwi-tooltip .zwi-button:hover.edit .zwi-i18n[data-v-78b714a6] {
    color: #ffffff;
}
.answer-button-wrap .zwi-tooltip .zwi-button:hover .edit-answer-icon[data-v-78b714a6] {
    display: none;
}
.answer-button-wrap .zwi-tooltip .zwi-button:hover .edit-answer-icon.hover[data-v-78b714a6] {
    display: block;
}
}
.answer-button-wrap .zwi-tooltip .zwi-button.prevent-event[data-v-78b714a6] {
  pointer-events: none;
}
.note[data-v-78b714a6] {
  display: block;
  position: absolute;
  z-index: auto;
  top: 0;
}

.solution-wrap[data-v-086cc68a] {
  padding: var(--zwi-main-problem-solution-wrap-mixin-padding, 0 20px);
  z-index: 1;
}
.solution-name[data-v-086cc68a] {
  width: var(--zwi-main-problem-solution-name-mixin-width, auto);
  height: var(--zwi-main-problem-solution-name-mixin-height, 30px);
  margin: var(--zwi-main-problem-solution-name-mixin-margin, 0 0 30px 0);
  line-height: var(--zwi-main-problem-solution-name-mixin-line-height, 44px);
  font-family: var(--zwi-main-font-family-bold, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: var(--zwi-main-problem-solution-name-mixin-font-size, 15px);
  border-bottom: var(--zwi-main-problem-solution-name-border-bottom, 0);
  display: flex;
  flex-flow: row nowwrap;
  align-items: var(--zwi-main-problem-solution-name-align-items, center);
  justify-content: var(--zwi-main-problem-solution-name-justify-content, space-between);
  position: var(--zwi-main-problem-solution-name-mixin-position, relative);
  left: var(--zwi-main-problem-solution-name-mixin-left, auto);
  top: var(--zwi-main-problem-solution-name-mixin-top, auto);
  background-color: var(--zwi-main-problem-solution-name-mixin-background-color, transparent);
}
.solution-name.gradient[data-v-086cc68a] {
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0.65) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6fafafa', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}
.solution-name .solution-name-title[data-v-086cc68a] {
  margin-left: var(--zwi-main-problem-solution-name-title-mixin-margin-left);
  color: var(--zwi-main-problem-solution-name-title-mixin-color);
}
.solution-name .solution-name-video[data-v-086cc68a] {
  cursor: pointer;
  border-radius: 6px;
  padding: 10px 8px;
  margin-right: var(--zwi-main-problem-solution-name-video-mixin-margin-right);
}
.solution-name .solution-name-video .solution-name-video-icon[data-v-086cc68a] {
  height: var(--zwi-main-problem-solution-name-video-icon-mixin-height);
}
.solution-name .solution-name-video.pressed[data-v-086cc68a] {
  background-color: #f5f6f7;
}
.solution-tts-icon[data-v-086cc68a] {
  display: inline-block;
  z-index: 2;
  left: var(--zwi-main-problem-solution-tts-icon-mixin-left);
  top: var(--zwi-main-problem-solution-tts-icon-mixin-top);
}
.solution-main-wrap[data-v-086cc68a] {
  border-top: var(--zwi-main-problem-solution-main-wrap-mixin-border-top, 1.5px solid #e6e6e6);
  display: block;
}
.solution-main-wrap div.show img[data-v-086cc68a] {
  width: 100%;
  height: 100%;
}
.solution-main-wrap.has-tts .solution-name[data-v-086cc68a] {
  margin-bottom: var(--zwi-main-problem-solution-main-wrap-has-tts-solution-name-mixin-margin-bottom);
}
.solution-main-box[data-v-086cc68a] {
  border: var(--zwi-main-problem-solution-main-box-mixin-border, none);
  border-radius: var(--zwi-main-problem-solution-main-box-mixin-border-radius, 0px);
}
.video-wrap[data-v-086cc68a] {
  font-family: var(--zwi-main-problem-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
}
.video-wrap .video-icon[data-v-086cc68a] {
  display: inline-block;
  margin: 20px;
  background-color: #64b5f6;
  height: 84px;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
  margin: var(--zwi-main-problem-video-wrap-video-icon-mixin-margin);
}
.video-wrap .video-icon span[data-v-086cc68a] {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 23px 36px;
  bottom: 0;
  color: #ffffff;
  font-size: var(--zwi-main-problem-video-wrap-video-icon-span-mixin-font-size, 18px);
}
.video-wrap .video-icon img[data-v-086cc68a] {
  width: var(--zwi-main-problem-video-wrap-video-icon-img-width, 24px);
  height: var(--zwi-main-problem-video-wrap-video-icon-img-height, 24px);
  vertical-align: middle;
}
.video-wrap .video-icon .zwi-i18n[data-v-086cc68a] {
  top: 1px;
  margin-left: 9px;
  margin-left: var(--zwi-main-problem-video-wrap-video-icon-zwi-i18n-mixin-margin-left);
  padding: var(--zwi-main-problem-video-wrap-video-icon-zwi-i18n-mixin-padding);
}
.video-wrap .video-icon.is-solution-video[data-v-086cc68a] {
  background-color: #726edc;
}
.video-wrap .video-message[data-v-086cc68a] {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  color: #999999;
  white-space: pre;
}
.solution-overlay[data-v-086cc68a] {
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--zwi-main-problem-solution-overlay-mixin-width, calc(100% + 36px));
  height: 100%;
  padding: 18px;
  border-radius: var(--zwi-main-problem-solution-overlay-mixin-border-radius, 8px);
  background-color: #fafafa;
  transform: translateX(-50%);
  z-index: 3;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.solution-overlay .overlay-message[data-v-086cc68a] {
  flex: 1;
  display: flex;
  align-items: center;
  text-align: center;
}
.solution-overlay .overlay-message span[data-v-086cc68a] {
  flex: 1;
  font-size: 20px;
  color: #78909c;
}
.solution-overlay .overlay-button[data-v-086cc68a] {
  text-align: right;
}
.solution-overlay .overlay-button .zwi-button[data-v-086cc68a] {
  height: 44px;
  font-size: 16px;
  padding: 10px 12px;
}
.dummy-box[data-v-086cc68a] {
  display: block;
  height: 205px;
  padding-bottom: var(--zwi-main-problem-solution-main-dummy-box-mixin-padding-bottom, 0px);
}
.dummy-box.change-box-height[data-v-086cc68a] {
  height: var(--zwi-main-problem-solution-main-dummy-box-change-height-mixin-height, 205px);
}

.zwi-main-problem[data-v-36b4d219] {
  margin: 0 auto;
  display: block;
  /*width: 100%;*/
  width: var(--zwi-main-problem-width);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: var(--zwi-main-problem-mixin-height, 100%);
  top: var(--zwi-main-problem-mixin-top, 0);
}
.zwi-main-problem .show[data-v-36b4d219] {
  display: block;
}
.zwi-main-problem .hide[data-v-36b4d219] {
  display: none;
}
.zwi-main.understanding-choice .dummy-box[data-v-36b4d219] {
  padding-bottom: var(--zwi-main-problem-solution-main-understanding-choice-dummy-box-mixin-padding-bottom, 0px);
}
.zwi-main.understanding-choice .dummy-box.change-box-height[data-v-36b4d219] {
  padding-bottom: var(--zwi-main-problem-solution-main-understanding-choice-dummy-box-change-height-mixin-padding-bottom, var(--zwi-main-problem-solution-main-understanding-choice-dummy-box-mixin-padding-bottom, 0px));
}

.zwi-wmt-bridge[data-v-17796eae] {
  display: block;
  width: var(--zwi-step-bridge-mixin-width, auto);
  margin-left: var(--zwi-step-bridge-mixin-margin-left, 14px);
  margin-right: var(--zwi-step-bridge-mixin-margin-right);
  min-height: var(--zwi-step-bridge-mixin-min-height);
}
.zwi-wmt-bridge.is-bridge-of-solution[data-v-17796eae] {
  margin-left: 0;
  margin-right: 0;
}
.zwi-wmt-bridge img[data-v-17796eae] {
  display: var(--zwi-step-bridge-img-mixin-display, inline-block);
  bottom: var(--zwi-step-bridge-img-mixin-bottom, -9px);
  width: var(--zwi-step-bridge-img-mixin-width, 72px);
  margin-right: var(--zwi-step-bridge-img-mixin-margin-right, 18px);
}
.zwi-wmt-bridge span[data-v-17796eae] {
  display: inline-block;
  max-width: 70%;
  font-family: var(--zwi-step-bridge-span-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  width: var(--zwi-step-bridge-span-mixin-width);
  max-width: var(--zwi-step-bridge-span-mixin-max-width);
  font-size: var(--zwi-step-bridge-span-mixin-font-size, 20px);
  font-style: var(--zwi-step-bridge-span-mixin-font-style, italic);
  color: var(--zwi-step-bridge-span-mixin-color);
  margin: var(--zwi-step-bridge-span-mixin-margin, 22px 0 0);
  vertical-align: var(--zwi-step-bridge-span-mixin-vertical-align, bottom);
  padding: var(--zwi-step-bridge-span-mixin-padding, 20px);
  border: var(--zwi-step-bridge-span-mixin-border, none);
  border-radius: var(--zwi-step-bridge-span-mixin-border-radius, 10px);
  box-sizing: var(--zwi-step-bridge-span-mixin-box-sizing);
}
.zwi-wmt-bridge span[data-v-17796eae]:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -10px;
  display: var(--zwi-step-bridge-span-before-mixin-display, block);
  border-width: 0 10px 12px 0;
  border-style: var(--zwi-step-bridge-span-before-mixin-border-style, solid);
  bottom: var(--zwi-step-bridge-span-before-mixin-bottom, 25px);
}
.zwi-wmt-bridge.depthUp span[data-v-17796eae] {
  background-color: var(--zwi-step-bridge-span-depthup-mixin-background-color, #ffffff);
}
.zwi-wmt-bridge.depthUp span[data-v-17796eae]:before {
  border-color: transparent #ffffff transparent transparent;
  content: var(--zwi-step-bridge-span-before-depthup-mixin-content, '');
}
.zwi-wmt-bridge.depthDown span[data-v-17796eae] {
  background-color: var(--zwi-step-bridge-span-depthdown-mixin-background-color, #ffffff);
}
.zwi-wmt-bridge.depthDown span[data-v-17796eae]:before {
  border-color: transparent #ffffff transparent transparent;
  content: var(--zwi-step-bridge-span-before-depthdown-mixin-content, '');
}
.zwi-wmt-bridge.correct span[data-v-17796eae] {
  background-color: var(--zwi-step-bridge-span-correct-mixin-background-color, #39d579);
}
.zwi-wmt-bridge.correct span[data-v-17796eae]:before {
  border-color: transparent #39d579 transparent transparent;
  content: var(--zwi-step-bridge-span-before-correct-mixin-content, '');
}
.zwi-wmt-bridge.incorrect span[data-v-17796eae] {
  background-color: var(--zwi-step-bridge-span-incorrect-mixin-background-color, #fb8c00);
}
.zwi-wmt-bridge.incorrect span[data-v-17796eae]:before {
  border-color: transparent #fb8c00 transparent transparent;
  content: var(--zwi-step-bridge-span-before-incorrect-mixin-content, '');
}
.zwi-wmt-bridge.corrected span[data-v-17796eae] {
  background-color: var(--zwi-step-bridge-span-corrected-mixin-background-color, #ffca28);
}
.zwi-wmt-bridge.corrected span[data-v-17796eae]:before {
  border-color: transparent #ffca28 transparent transparent;
  content: var(--zwi-step-bridge-span-before-corrected-mixin-content, '');
}
.zwi-wmt-bridge.tip[data-v-17796eae] {
  z-index: 3;
}
.zwi-wmt-bridge.tip img[data-v-17796eae] {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 26px;
  left: 8px;
  z-index: 1;
}
.zwi-wmt-bridge.tip span[data-v-17796eae] {
  padding: 10px 24px 10px 36px;
  border-color: #fdd835;
  margin-top: 16px;
  color: #fb8c00;
  background-color: #fff9c4;
}
.zwi-wmt-bridge.tip .message-container .sinod-message[data-v-17796eae] {
  line-height: normal;
}
.zwi-wmt-bridge.tip .message-container .sinod-message[data-v-17796eae] * {
  color: #fb8c00 !important;
}
.zwi-wmt-bridge div.rendering[data-v-17796eae] {
  font-size: 20px;
  font-family: var(--zwi-step-bridge-rendering-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  margin: var(--zwi-step-bridge-rendering-mixin-margin, 0.667em 2.8em 0.667em auto);
}
.zwi-wmt-bridge div.rendering .step-bridge-button[data-v-17796eae] {
  display: block;
  margin: auto 0 auto auto;
}
.zwi-wmt-bridge .message-container[data-v-17796eae] {
  display: var(--zwi-step-bridge-message-container-mixin-display, inline-block);
  flex-flow: var(--zwi-step-bridge-message-container-mixin-flex-flow);
}
.zwi-wmt-bridge .message-container .sinod-message[data-v-17796eae] {
  line-height: 1em;
}
.zwi-wmt-bridge .message-container .message[data-v-17796eae] {
  order: var(--zwi-step-bridge-message-mixin-order);
  flex: var(--zwi-step-bridge-message-mixin-flex);
}
.zwi-wmt-bridge .bridge-tts-icon[data-v-17796eae] {
  order: var(--zwi-step-bridge-tts-icon-mixin-order);
  flex: var(--zwi-step-bridge-tts-icon-mixin-flex);
  align-self: var(--zwi-step-bridge-tts-icon-mixin-align-self);
  margin: var(--zwi-step-bridge-tts-icon-mixin-margin);
}
.zwi-wmt-bridge.hide[data-v-17796eae] {
  display: none;
}

.zwi-wmt-bridge[data-v-3aad34c2] {
  display: block;
  margin-left: var(--zwi-step-bridge-mixin-margin-left, 14px);
  margin-right: var(--zwi-step-bridge-mixin-margin-right);
  min-height: var(--zwi-step-bridge-mixin-min-height);
}
.zwi-wmt-bridge.is-bridge-of-solution[data-v-3aad34c2] {
  margin-left: 0;
  margin-right: 0;
}
.zwi-wmt-bridge img[data-v-3aad34c2] {
  display: inline-block;
  bottom: var(--zwi-step-bridge-img-mixin-bottom, -9px);
  width: var(--zwi-step-bridge-img-mixin-width, 72px);
  margin-right: var(--zwi-step-bridge-img-mixin-margin-right, 18px);
}
.zwi-wmt-bridge span[data-v-3aad34c2] {
  display: inline-block;
  max-width: 70%;
  font-family: var(--zwi-step-bridge-span-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  max-width: var(--zwi-step-bridge-span-mixin-max-width);
  font-size: var(--zwi-step-bridge-span-mixin-font-size, 20px);
  font-style: var(--zwi-step-bridge-span-mixin-font-style, italic);
  margin: var(--zwi-step-bridge-span-mixin-margin, 22px 0 0);
  vertical-align: var(--zwi-step-bridge-span-mixin-vertical-align, bottom);
  padding: var(--zwi-step-bridge-span-mixin-padding, 20px);
  border-radius: var(--zwi-step-bridge-span-mixin-border-radius, 10px);
}
.zwi-wmt-bridge span[data-v-3aad34c2]:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -10px;
  border-width: 0 10px 12px 0;
  border-style: var(--zwi-step-bridge-span-before-mixin-border-style, solid);
  bottom: var(--zwi-step-bridge-span-before-mixin-bottom, 25px);
}
.zwi-wmt-bridge span.depthUp[data-v-3aad34c2] {
  background-color: #ffffff;
}
.zwi-wmt-bridge span.depthUp[data-v-3aad34c2]:before {
  border-color: transparent #ffffff transparent transparent;
  content: var(--zwi-step-bridge-span-before-depthup-mixin-content, '');
}
.zwi-wmt-bridge span.depthDown[data-v-3aad34c2] {
  background-color: #ffffff;
}
.zwi-wmt-bridge span.depthDown[data-v-3aad34c2]:before {
  border-color: transparent #ffffff transparent transparent;
  content: var(--zwi-step-bridge-span-before-depthdown-mixin-content, '');
}
.zwi-wmt-bridge span.correct[data-v-3aad34c2] {
  background-color: #39d579;
}
.zwi-wmt-bridge span.correct[data-v-3aad34c2]:before {
  border-color: transparent #39d579 transparent transparent;
  content: var(--zwi-step-bridge-span-before-correct-mixin-content, '');
}
.zwi-wmt-bridge span.incorrect[data-v-3aad34c2] {
  background-color: #fb8c00;
}
.zwi-wmt-bridge span.incorrect[data-v-3aad34c2]:before {
  border-color: transparent #fb8c00 transparent transparent;
  content: var(--zwi-step-bridge-span-before-incorrect-mixin-content, '');
}
.zwi-wmt-bridge span.corrected[data-v-3aad34c2] {
  background-color: #ffca28;
}
.zwi-wmt-bridge span.corrected[data-v-3aad34c2]:before {
  border-color: transparent #ffca28 transparent transparent;
  content: var(--zwi-step-bridge-span-before-corrected-mixin-content, '');
}
.zwi-wmt-bridge div.rendering[data-v-3aad34c2] {
  font-size: 20px;
  font-family: var(--zwi-step-bridge-rendering-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  margin: var(--zwi-step-bridge-rendering-mixin-margin, 0.667em 2.8em 0.667em auto);
}
.zwi-wmt-bridge div.rendering .step-bridge-button[data-v-3aad34c2] {
  display: block;
  margin: auto 0 auto auto;
}
.zwi-wmt-bridge .message-container[data-v-3aad34c2] {
  display: var(--zwi-step-bridge-message-container-mixin-display, inline-block);
  flex-flow: var(--zwi-step-bridge-message-container-mixin-flex-flow);
}
.zwi-wmt-bridge .message-container .message[data-v-3aad34c2] {
  order: var(--zwi-step-bridge-message-mixin-order);
  flex: var(--zwi-step-bridge-message-mixin-flex);
}
.zwi-wmt-bridge .bridge-message[data-v-3aad34c2] {
  width: 664px;
  padding: 20px 32px;
  border: 1px solid #90caf9;
  border-radius: 10px;
  margin-top: 20px;
  box-sizing: border-box;
  background-color: #f3faff;
}

.zwi-wmt-video[data-v-f6043088] {
  display: block;
  min-height: 150px;
  margin: 15px 0 0px 14px;
  /* @apply(--zwi-step-video-mixin); */
  margin-top: var(--zwi-step-video-mixin-margin-top);
  margin-left: var(--zwi-step-video-mixin-margin-left);
  margin-right: var(--zwi-step-video-mixin-margin-right);
}
.zwi-wmt-video .msg-wrap[data-v-f6043088] {
  display: inline-block;
  padding: 20px;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 20px;
  font-family: var(--zwi-step-video-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-style: italic;
  /* @apply(--zwi-step-video-msg-wrap-mixin); */
  margin-left: var(--zwi-step-video-msg-wrap-mixin-margin-left, 90px);
}
.zwi-wmt-video .doug-wrap[data-v-f6043088] {
  display: block;
  /* @apply(--zwi-step-video-doug-wrap-mixin); */
  margin-top: var(--zwi-step-video-doug-wrap-mixin-margin-top, 30px);
}
.zwi-wmt-video .doug-wrap > img[data-v-f6043088] {
  vertical-align: middle;
  /* @apply(--zwi-step-video-img-mixin); */
  width: var(--zwi-step-video-img-mixin-width, 72px);
  margin-right: var(--zwi-step-video-img-mixin-margin-right, 18px);
}
.zwi-wmt-video .video-wrap[data-v-f6043088] {
  display: inline-block;
  height: 84px;
  border-radius: 10px;
  background-color: #64b5f6;
  vertical-align: middle;
  text-align: center;
  font-family: var(--zwi-step-video-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: 18px;
  color: #ffffff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
}
.zwi-wmt-video .video-wrap img[data-v-f6043088] {
  width: var(--zwi-step-video-video-wrap-img-width, 24px);
  height: var(--zwi-step-video-video-wrap-img-height, 24px);
  vertical-align: middle;
}
.zwi-wmt-video .video-wrap .i18n[data-v-f6043088] {
  top: 1px;
  margin-left: 9px;
  /* @apply(--zwi-step-video-video-wrap-oreesh-i18n-mixin); */
  margin-left: var(--zwi-step-video-video-wrap-zwi-i18n-mixin-margin-left, 9px);
}
.zwi-wmt-video .video-wrap > span[data-v-f6043088] {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 23px 36px;
  /* @apply(--zwi-step-video-video-wrap-span-mixin); */
  font-size: var(--zwi-step-video-video-wrap-span-mixin-font-size);
}
.zwi-wmt-video .video-wrap[data-v-f6043088]:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -10px;
  top: 35px;
  border-style: solid;
  border-width: 0 10px 12px 0;
  border-color: transparent #64b5f6 transparent transparent;
}

.zwi-wmt-stub[data-v-0a270be2] {
  display: block;
  width: var(--zwi-step-stub-mixin-width, auto);
  margin: var(--zwi-step-stub-mixin-margin, 22px 14px 0 14px);
}
.zwi-wmt-stub.hide[data-v-0a270be2] {
  display: none;
}
.zwi-wmt-stub.answer[data-v-0a270be2] {
  margin: var(--zwi-step-stub-answer-mixin-margin, var(--zwi-step-stub-mixin-margin));
  z-index: 2;
}
.zwi-wmt-stub .wrap[data-v-0a270be2] {
  background-color: #ffffff;
  border: 1px solid #cfd8dc;
  border-radius: var(--zwi-step-stub-wrap-mixin-border-radius, 5px);
  border-color: var(--zwi-step-stub-wrap-mixin-border-color, #cfd8dc);
  overflow: var(--zwi-step-stub-wrap-mixin-overflow, hidden);
  animation: var(--zwi-step-stub-wrap-mixin-animation);
}
.zwi-wmt-stub.solution[data-v-0a270be2] {
  z-index: 1;
}
.zwi-wmt-stub.solution .wrap[data-v-0a270be2] {
  border-radius: var(--zwi-step-stub-solution-wrap-mixin-border-radius, 5px);
  border-color: var(--zwi-step-stub-solution-wrap-mixin-border-color, #cfd8dc);
}
.zwi-wmt-stub .title-wrap[data-v-0a270be2] {
  background-color: #f7f7f7;
  z-index: 2;
  padding: var(--zwi-step-stub-title-wrap-mixin-padding, 0 20px);
  border-top-left-radius: var(--zwi-step-stub-title-wrap-mixin-border-top-left-radius, 5px);
  border-top-right-radius: var(--zwi-step-stub-title-wrap-mixin-border-top-right-radius, 5px);
  box-shadow: var(--zwi-step-stub-title-wrap-mixin-box-shadow, none);
}
.zwi-wmt-stub .title-wrap.hide[data-v-0a270be2] {
  display: none;
}
.zwi-wmt-stub.solution .title-wrap[data-v-0a270be2] {
  background-color: #ffffff;
  border-bottom: var(--zwi-step-stub-solution-title-wrap-mixin-border-bottom, 1px solid #eaeaea);
}
.zwi-wmt-stub .title[data-v-0a270be2] {
  display: table;
  width: 100%;
  padding: var(--zwi-step-stub-title-mixin-padding, 11px 0);
  line-height: var(--zwi-step-stub-title-mixin-line-height);
}
.zwi-wmt-stub .title .title-msg[data-v-0a270be2] {
  display: flex;
  align-items: center;
  padding: var(--zwi-step-stub-title-title-msg-mixin-padding, 10px 0);
}
.zwi-wmt-stub .title .title-msg .title-msg-step[data-v-0a270be2] {
  font-family: var(--zwi-step-stub-title-title-msg-step-mixin-font);
}
.zwi-wmt-stub .title .title-msg .title-msg-step-num[data-v-0a270be2] {
  white-space: nowrap;
  margin-left: var(--zwi-step-stub-title-title-msg-step-num-mixin-margin-left, 0);
  font-family: var(--zwi-step-stub-title-title-msg-step-num-mixin-font);
}
.zwi-wmt-stub .title .title-msg .title-msg-title[data-v-0a270be2] {
  margin-left: var(--zwi-step-stub-title-title-msg-title-mixin-margin-left, 0px);
  font-family: var(--zwi-step-stub-title-title-msg-title-mixin-font);
  color: var(--zwi-step-stub-title-title-msg-title-mixin-color);
}
.zwi-wmt-stub .title .title-msg .title-msg-title[data-v-0a270be2] .sinodText,
.zwi-wmt-stub .title .title-msg .title-msg-title[data-v-0a270be2] .sinodMath {
  color: var(--zwi-step-stub-title-title-msg-title-mixin-color) !important;
}
.zwi-wmt-stub .title .answer-video-icon[data-v-0a270be2] {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  cursor: pointer;
  font-family: var(--zwi-step-stub-answer-video-icon-mixin-font-family);
  font-size: var(--zwi-step-stub-answer-video-icon-mixin-font-size);
  color: var(--zwi-step-stub-answer-video-icon-mixin-color);
  width: var(--zwi-step-stub-answer-video-icon-mixin-width, 90px);
  padding: var(--zwi-step-stub-answer-video-icon-mixin-padding);
}
.zwi-wmt-stub .title .answer-video-icon img[data-v-0a270be2] {
  width: var(--zwi-step-stub-answer-video-icon-img-width, 20px);
  height: var(--zwi-step-stub-answer-video-icon-img-width, 20px);
  margin-right: var(--zwi-step-stub-answer-video-icon-margin-right, 7px);
  vertical-align: middle;
}
.zwi-wmt-stub .title .answer-video-icon .i18n[data-v-0a270be2] {
  top: 1px;
}
.zwi-wmt-stub.answer .title[data-v-0a270be2] {
  color: var(--zwi-step-stub-answer-title-color, #64b5f6);
  font-family: var(--zwi-step-stub-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: var(--zwi-step-stub-title-font-size, 16px);
}
.zwi-wmt-stub.solution .title[data-v-0a270be2] {
  color: var(--zwi-step-stub-solution-title-color, #999999);
  font-family: var(--zwi-step-stub-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: var(--zwi-step-stub-title-font-size, 16px);
  width: var(--zwi-step-stub-solution-title-mixin-width, 100%);
  position: var(--zwi-step-stub-solution-title-mixin-position);
  top: var(--zwi-step-stub-solution-title-mixin-top);
  left: var(--zwi-step-stub-solution-title-mixin-left);
  line-height: var(--zwi-step-stub-solution-title-mixin-line-height, var(--zwi-step-stub-title-mixin-line-height));
  background-color: var(--zwi-step-stub-solution-title-mixin-background-color);
}
.zwi-wmt-stub.solution .title .title-msg[data-v-0a270be2] {
  justify-content: var(--zwi-step-stub-solution-title-title-msg-mixin-justify-content);
  padding: var(--zwi-step-stub-solution-title-title-msg-mixin-padding, var(--zwi-step-stub-title-title-msg-mixin-padding, 10px 0));
}
.zwi-wmt-stub.solution .title .title-msg .title-msg-title[data-v-0a270be2] {
  margin: 0;
  font-family: var(--zwi-step-stub-solution-title-title-msg-title-mixin-font);
  color: var(--zwi-step-stub-solution-title-title-msg-title-mixin-color);
}
.zwi-wmt-stub .rendering[data-v-0a270be2] {
  max-width: 100%;
  z-index: 2;
  padding: var(--zwi-step-stub-rendering-mixin-padding, 15px 20px 20px 20px);
  border-radius: var(--zwi-step-stub-rendering-mixin-border-radius, 0);
  box-shadow: var(--zwi-step-stub-rendering-mixin-box-shadow, none);
}
.zwi-wmt-stub.is-web .rendering[data-v-0a270be2] {
  z-index: auto;
}
.zwi-wmt-stub.answer .rendering.has-tts[data-v-0a270be2] {
  padding-top: var(--zwi-step-stub-answer-rendering-has-tts-mixin-padding-top);
  margin-top: var(--zwi-step-stub-answer-rendering-has-tts-mixin-margin-top);
}
.zwi-wmt-stub.solution .rendering.has-tts[data-v-0a270be2] {
  padding-top: var(--zwi-step-stub-solution-rendering-has-tts-mixin-padding-top);
  margin-top: var(--zwi-step-stub-solution-rendering-has-tts-mixin-margin-top);
}
.zwi-wmt-stub.solution .rendering[data-v-0a270be2] .solution {
  z-index: 1;
}
.zwi-wmt-stub.answer .rendering.prevent-event[data-v-0a270be2] {
  pointer-events: none;
}
.zwi-wmt-stub.answer .rendering.prevent-event .step-stub-tts-icon[data-v-0a270be2] {
  pointer-events: auto;
}
.zwi-wmt-stub.answer .answer-problem-button[data-v-0a270be2] {
  display: block;
}
.zwi-wmt-stub.solution .answer-problem-button[data-v-0a270be2] {
  display: none;
}
.zwi-wmt-stub.answer .answer-problem-button.prevent-event[data-v-0a270be2],
.zwi-wmt-stub.solution .answer-problem-button.prevent-event[data-v-0a270be2] {
  pointer-events: none;
}
.zwi-wmt-stub.answer .next-problem[data-v-0a270be2] {
  display: none;
}
.zwi-wmt-stub.solution .next-problem[data-v-0a270be2] {
  display: block;
  margin: var(--zwi-step-stub-solution-next-problem-mixin-margin, 15px 20px 20px auto);
}
.zwi-wmt-stub .note-buttons-wrap[data-v-0a270be2] {
  position: static;
  z-index: 2;
  bottom: 0;
}
.zwi-wmt-stub.solution .note-buttons-wrap[data-v-0a270be2] {
  display: none;
}
.zwi-wmt-stub.answer .note-buttons[data-v-0a270be2] {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 2;
}
.zwi-wmt-stub.solution .note-buttons[data-v-0a270be2] {
  float: left;
  display: none;
}
.zwi-wmt-stub.answer .note-buttons div[data-v-0a270be2] {
  display: inline-block;
  font-family: var(--zwi-step-stub-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: 20px;
  font-weight: bold;
  width: 58px;
  height: 66px;
  text-align: center;
  line-height: 66px;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.zwi-wmt-stub.answer .note-buttons div.clicked[data-v-0a270be2] {
  color: #263238;
}
.zwi-wmt-stub.answer .note-buttons div[data-v-0a270be2]:first-of-type {
  margin-right: 4px;
}
.zwi-wmt-stub.answer .answer-result[data-v-0a270be2] {
  line-height: 0;
  padding: 0;
  text-align: center;
  width: var(--zwi-step-stub-answer-result-mixin-width);
  position: var(--zwi-step-stub-answer-result-mixin-position, absolute);
  right: var(--zwi-step-stub-answer-result-mixin-right, 0px);
  bottom: var(--zwi-step-stub-answer-result-mixin-bottom, 0px);
  line-height: var(--zwi-step-stub-answer-result-mixin-line-height, 0);
  z-index: var(--zwi-step-stub-answer-result-mixin-z-index, 2);
}
.zwi-wmt-stub.answer .answer-result img[data-v-0a270be2] {
  width: var(--zwi-step-stub-answer-result-img-width, 86px);
  height: var(--zwi-step-stub-answer-result-img-height, 86px);
}
.zwi-wmt-stub.answer .wrap.correct .answer-result img[data-v-0a270be2] {
  width: var(--zwi-step-stub-correct-answer-result-img-width, var(--zwi-step-stub-answer-result-img-width, 86px));
  height: var(--zwi-step-stub-correct-answer-result-img-height, var(--zwi-step-stub-answer-result-img-height, 86px));
}
.zwi-wmt-stub.answer .wrap.incorrect .answer-result img[data-v-0a270be2] {
  width: var(--zwi-step-stub-incorrect-answer-result-img-width, var(--zwi-step-stub-answer-result-img-width, 86px));
  height: var(--zwi-step-stub-incorrect-answer-result-img-height, var(--zwi-step-stub-answer-result-img-height, 86px));
}
.zwi-wmt-stub.answer .wrap.corrected .answer-result img[data-v-0a270be2] {
  width: var(--zwi-step-stub-corrected-answer-result-img-width, var(--zwi-step-stub-answer-result-img-width, 86px));
  height: var(--zwi-step-stub-corrected-answer-result-img-height, var(--zwi-step-stub-answer-result-img-height, 86px));
}
.zwi-wmt-stub.answer .answer-result span[data-v-0a270be2] {
  display: var(--zwi-step-stub-answer-result-span-mixin-display);
  font-family: var(--zwi-step-stub-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  font-size: 20px;
  font-weight: bold;
}
.zwi-wmt-stub.answer .wrap.correct .answer-result span[data-v-0a270be2] {
  color: #39D579;
}
.zwi-wmt-stub.answer .wrap.incorrect .answer-result span[data-v-0a270be2] {
  color: #FF874D;
}
.zwi-wmt-stub.answer .wrap.corrected .answer-result span[data-v-0a270be2] {
  color: #FFC64D;
}
.zwi-wmt-stub.answer.show[data-v-0a270be2] {
  margin-bottom: var(--zwi-step-stub-answer-show-margin-bottom, 300px) !important;
}
.zwi-wmt-stub.solution .wrap .rendering .answer-problem-button[data-v-0a270be2] {
  display: none;
}
.zwi-wmt-stub .answer-problem-button-wrap[data-v-0a270be2] {
  text-align: right;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.zwi-wmt-stub .wrap.correct .answer-problem-button-wrap[data-v-0a270be2] {
  height: var(--zwi-step-stub-answer-result-img-height);
}
.zwi-wmt-stub .wrap.incorrect .answer-problem-button-wrap[data-v-0a270be2] {
  height: var(--zwi-step-stub-incorrect-answer-result-img-height);
}
.zwi-wmt-stub .answer-problem-tooltip[data-v-0a270be2] {
  font-size: var(--zwi-step-stub-zwi-tooltip-mixin-font-size, 12px);
}
.zwi-wmt-stub .step-stub-tts-icon[data-v-0a270be2] {
  display: var(--zwi-step-stub-tts-icon-visible-mixin-display);
  position: var(--zwi-step-stub-tts-icon-mixin-position, absolute);
  top: var(--zwi-step-stub-tts-icon-mixin-top, auto);
  bottom: var(--zwi-step-stub-tts-icon-mixin-bottom, 0px);
  z-index: var(--zwi-step-stub-tts-icon-mixin-z-index, 2);
}
.zwi-wmt-stub.solution .solution-overlay[data-v-0a270be2] {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  padding: 18px;
  border-radius: var(--zwi-step-stub-solution-overlay-mixin-border-radius, 0 0 4px 4px);
  background-color: #fafafa;
  transform: translateX(-50%);
  z-index: 10;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  justify-content: space-between;
}
.zwi-wmt-stub.solution .solution-overlay.show[data-v-0a270be2] {
  display: flex;
}
.zwi-wmt-stub.solution .solution-overlay .overlay-message[data-v-0a270be2] {
  flex: 1;
  display: flex;
  align-items: center;
  text-align: center;
}
.zwi-wmt-stub.solution .solution-overlay .overlay-message span[data-v-0a270be2] {
  flex: 1;
  font-size: 20px;
  color: #78909c;
}
.zwi-wmt-stub.solution .solution-overlay .overlay-button[data-v-0a270be2] {
  text-align: right;
}
.zwi-wmt-stub.solution .solution-overlay .overlay-button .zwi-button[data-v-0a270be2] {
  height: 44px;
  font-size: 16px;
  padding: 10px 12px;
}
.zwi-wmt-stub.solution .answer-problem-button-wrap[data-v-0a270be2] {
  display: none;
}
.zwi-wmt-stub.solution.add-margin-bottom[data-v-0a270be2] {
  margin-bottom: 50px;
}
.zwi-wmt-stub .note[data-v-0a270be2] {
  position: absolute;
  z-index: 1;
  left: var(--zwi-step-stub-note-mixin-left, 0);
  mix-blend-mode: multiply;
}
.zwi-wmt-stub.is-web .note[data-v-0a270be2] {
  width: 100%;
}

.step-problem-tab-container[data-v-039bf720] {
  display: flex;
  flex-direction: row;
  height: 40px;
  padding: 22px 22px 0;
  align-items: center;
  line-height: normal;
  justify-content: space-between;
}
.step-problem-tab-container.prevent-event[data-v-039bf720] {
  pointer-events: none;
}
.step-problem-tab-container .tab-title[data-v-039bf720] {
  margin: 0 16px;
  color: rgba(0, 0, 0, 0.6);
}
.step-problem-tab-container .problem-tabs[data-v-039bf720] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.step-problem-tab-container .problem-tabs .prev-button[data-v-039bf720],
.step-problem-tab-container .problem-tabs .next-button[data-v-039bf720] {
  width: 48px;
  height: 40px;
  display: none;
  background-size: 40px;
}
.step-problem-tab-container .problem-tabs .prev-button.active[data-v-039bf720],
.step-problem-tab-container .problem-tabs .next-button.active[data-v-039bf720] {
  display: block;
}
.step-problem-tab-container .problem-tabs .prev-button.inactive[data-v-039bf720],
.step-problem-tab-container .problem-tabs .next-button.inactive[data-v-039bf720] {
  display: block;
  background-position: right center;
  cursor: auto;
}
.step-problem-tab-container .problem-tabs .prev-button.inactive[data-v-039bf720],
.step-problem-tab-container .problem-tabs .next-button.active[data-v-039bf720] {
  transform: rotate(180deg);
}
.step-problem-tab-container .tab-list[data-v-039bf720] {
  flex: 1;
  display: flex;
  flex-direction: row;
  list-style: none;
  align-items: center;
}
.step-problem-tab-container .tab-list .tab-item.hide[data-v-039bf720] {
  display: none;
}
.step-problem-tab-container .tab-list .tab[data-v-039bf720] {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
}
.step-problem-tab-container .tab-list .tab.active[data-v-039bf720] {
  box-shadow: 0 -2px 0 #333333 inset;
}
.step-problem-tab-container .open-close-toggle-button[data-v-039bf720] {
  margin-right: 12px;
  transform: rotate(0deg);
}
.step-problem-tab-container .open-close-toggle-button.wmt-close[data-v-039bf720] {
  transform: rotate(180deg);
}
.step-problem-tab-container .open-close-toggle-button img[data-v-039bf720] {
  display: block;
  width: 32px;
  height: 32px;
}
.step-problem-tab-container.tab-disable .tab-list .tab[data-v-039bf720]:not(.active) {
  opacity: 0.3;
}
.step-problem-tab-container.tab-disable .open-close-toggle-button[data-v-039bf720] {
  opacity: 0.3;
}

.zwi-wmt[data-v-5074a798] {
  position: absolute;
  bottom: 0px;
  right: 0px;
  transition: transform 0.7s ease;
  transform: translate3d(0, 108%, 0);
  -webkit-transition: -webkit-transform 0.7s ease;
  -webkit-transform: translate3d(0, 108%, 0);
  pointer-events: none;
  visibility: hidden;
  z-index: 100;
  top: var(--zwi-wmt-mixin-top, 60px);
  box-shadow: var(--zwi-wmt-mixin-box-shadow);
  border-radius: var(--zwi-wmt-mixin-border-radius);
  width: var(--zwi-wmt-mixin-width, 100%);
  margin: var(--zwi-wmt-mixin-margin);
}
.zwi-wmt .main-wrap[data-v-5074a798] {
  width: 100%;
  height: 100%;
}
.zwi-wmt .title-wrap[data-v-5074a798] {
  position: absolute;
  height: 0;
  width: 100%;
  text-align: center;
  top: var(--zwi-wmt-title-wrap-mixin-top, -50px);
}
.zwi-wmt .title-wrap.clicked[data-v-5074a798] {
  pointer-events: none;
}
.zwi-wmt .title-wrap[data-v-5074a798]::before {
  content: '';
  display: none;
  width: 100%;
  height: var(--zwi-wmt-title-wrap-drag-area-mixin-height, 800px);
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-40%);
  cursor: pointer;
}
.zwi-wmt.drag-start .title-wrap[data-v-5074a798]::before {
  display: block;
  z-index: 100;
}
.zwi-wmt .title-wrap[data-v-5074a798] .zwi-tooltip {
  position: absolute;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.zwi-wmt .title-wrap[data-v-5074a798] .zwi-tooltip .zwi-tooltip-main {
  width: 11em;
  padding: 12px 16px;
  border-radius: 8px;
  text-align: left;
  bottom: 0px !important;
}
.zwi-wmt .title-wrap[data-v-5074a798] .zwi-tooltip .zwi-tooltip-main .arrow {
  border-width: 10px 8px;
  bottom: -20px !important;
}
.zwi-wmt .character-wrap[data-v-5074a798] {
  display: none;
  transform: var(--zwi-wmt-character-wrap-mixin-transition);
  cursor: pointer;
}
.zwi-wmt .title[data-v-5074a798] {
  z-index: 12;
  cursor: pointer;
  display: var(--zwi-wmt-title-mixin-display, inline-block);
  width: var(--zwi-wmt-title-mixin-width);
  height: var(--zwi-wmt-title-mixin-height, 47.5px);
  line-height: var(--zwi-wmt-title-mixin-line-height, 47.5px);
  text-align: var(--zwi-wmt-title-mixin-text-align, left);
  border: var(--zwi-wmt-title-mixin-border);
  border-radius: var(--zwi-wmt-title-mixin-border-radius, 25px);
  border-bottom: var(--zwi-wmt-title-mixin-border-bottom);
  box-shadow: var(--zwi-wmt-title-mixin-box-shadow, 0px 2px 5px rgba(48, 63, 159, 0.5));
  margin: var(--zwi-wmt-title-mixin-margin, 0 auto);
  background-color: var(--zwi-wmt-title-mixin-background-color, #dcebff);
  font-family: var(--zwi-wmt-title-mixin-font-family, "Nanum Barun Gothic", "Times New Roman", Symbola);
  font-size: var(--zwi-wmt-title-mixin-font-size, 18px);
  color: var(--zwi-wmt-title-mixin-color, #515f88);
}
.zwi-wmt .title[data-v-5074a798]::before {
  content: '';
  display: var(--zwi-wmt-title-before-mixin-display, none);
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 36px;
  height: 6px;
  border-radius: 3px;
  background-color: #e4e9ec;
}
.zwi-wmt .title .drag-start-icon[data-v-5074a798],
.zwi-wmt .title .drag-start-disable-icon[data-v-5074a798] {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.zwi-wmt .title.show-drag-icon[data-v-5074a798]::before {
  display: none;
}
.zwi-wmt .title .text-icon-wrap[data-v-5074a798] {
  white-space: pre-wrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zwi-wmt .title .active-cover[data-v-5074a798] {
  position: absolute;
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  /* for IE */
  opacity: 0;
  /* CSS3 standard */
  -moz-opacity: 0;
  /* for Mozilla */
  background-color: var(--zwi-wmt-title-active-cover-mixin-background-color, #000000);
  box-shadow: var(--zwi-wmt-title-active-cover-mixin-box-shadow, 0px 2px 5px #000000);
  border-radius: var(--zwi-wmt-title-active-cover-mixin-border-radius, 25px);
}
.zwi-wmt .title[data-v-5074a798]:hover,
.zwi-wmt .title[data-v-5074a798]:active {
  color: var(--zwi-wmt-title-hover-mixin-color, var(--zwi-wmt-title-mixin-color, #515f88));
  background-color: var(--zwi-wmt-title-hover-mixin-background-color, var(--zwi-wmt-title-mixin-background-color, #dcebff));
}
.zwi-wmt .title:hover img.title-image[data-v-5074a798],
.zwi-wmt .title:active img.title-image[data-v-5074a798] {
  display: var(--zwi-wmt-title-hover-img-mixin-display);
}
.zwi-wmt .title:hover img.hover-image[data-v-5074a798],
.zwi-wmt .title:active img.hover-image[data-v-5074a798] {
  display: block;
}
.zwi-wmt .title:active .active-cover[data-v-5074a798] {
  filter: alpha(opacity=25);
  /* for IE */
  opacity: var(--zwi-wmt-title-active-active-cover-mixin-opacity, 0.25);
  /* CSS3 standard */
  -moz-opacity: var(--zwi-wmt-title-active-active-cover-mixin--moz-opacity, 0.25);
  /* for Mozilla */
}
.zwi-wmt .title span[data-v-5074a798] {
  display: inline-block;
  pointer-events: none;
  font-family: var(--zwi-wmt-title-span-mixin-font-family);
  font-size: var(--zwi-wmt-title-span-mixin-font-size);
  color: var(--zwi-wmt-title-span-mixin-color);
  margin: var(--zwi-wmt-title-span-mixin-margin, 0px 50px 0px 30px);
}
.zwi-wmt .title img.title-image[data-v-5074a798] {
  pointer-events: none;
  max-height: 100%;
  position: var(--zwi-wmt-title-img-mixin-position, absolute);
  top: var(--zwi-wmt-title-img-mixin-top, 10px);
  right: var(--zwi-wmt-title-img-mixin-right, 12px);
  width: var(--zwi-wmt-title-img-mixin-width, 28px);
  height: var(--zwi-wmt-title-img-mixin-height, 28px);
}
.zwi-wmt .title img.hover-image[data-v-5074a798] {
  display: none;
}
.zwi-wmt .title .place-holder div[data-v-5074a798] {
  width: 472px;
  height: 16px;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-left: 106px;
  background-color: #f2f5f6;
}
.zwi-wmt .title .place-holder div[data-v-5074a798]:first-of-type {
  width: 60px;
  margin: 0 0 36px 50px;
}
.zwi-wmt .title .place-holder div[data-v-5074a798]:first-of-type::before,
.zwi-wmt .title .place-holder div[data-v-5074a798]:first-of-type::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #f2f5f6;
}
.zwi-wmt .title .place-holder div[data-v-5074a798]:first-of-type::before {
  left: 97px;
}
.zwi-wmt .title .place-holder div[data-v-5074a798]:first-of-type::after {
  left: 684px;
}
.zwi-wmt .title .place-holder div[data-v-5074a798]:nth-of-type(2) {
  width: 588px;
}
.zwi-wmt .main-contents[data-v-5074a798] {
  position: absolute;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: visible;
  margin-bottom: 40px;
  border-left: 1px solid #dfe9fa;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
  top: var(--zwi-wmt-main-contents-mixin-top, 7px);
  background-color: var(--zwi-wmt-main-contents-mixin-background-color, #eaf1ff);
  width: var(--zwi-wmt-main-contents-mixin-width, 100%);
  height: var(--zwi-wmt-main-contents-mixin-height, calc(100% - 7px));
  border: var(--zwi-wmt-main-contents-mixin-border);
  border-top: var(--zwi-wmt-main-contents-mixin-border-top, 1px solid #dfe9fa);
  border-radius: var(--zwi-wmt-main-contents-mixin-border-radius, 0px);
}
.zwi-wmt .main-contents.enable-scroll[data-v-5074a798] {
  overflow-y: scroll;
  overflow-y: auto;
}
.zwi-wmt .main-contents.custom-scroll[data-v-5074a798]::-webkit-scrollbar-track {
  display: none;
  background-color: transparent;
}
.zwi-wmt .main-contents.custom-scroll[data-v-5074a798]::-webkit-scrollbar {
  width: 14px;
  background-color: transparent;
}
.zwi-wmt .main-contents.custom-scroll[data-v-5074a798]::-webkit-scrollbar-thumb:hover {
  background-color: #808080;
}
.zwi-wmt .main-contents.custom-scroll[data-v-5074a798]::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 7px;
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.zwi-wmt .main-contents.custom-scroll[data-v-5074a798]::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.zwi-wmt .main-contents.fall-main-content[data-v-5074a798] {
  z-index: 0;
}
.zwi-wmt .main-contents.is-web[data-v-5074a798] {
  z-index: auto;
}
.zwi-wmt .main-contents.insert-last-content-margin[data-v-5074a798] > :last-child {
  margin-bottom: 200px;
}
.zwi-wmt .main-contents .sub-content-of-stub[data-v-5074a798] {
  margin-left: 0;
  margin-right: 0;
}
.zwi-wmt .main-contents .last-video[data-v-5074a798] {
  /* @apply(--zwi-step-video-last-of-type-mixin); */
  margin-bottom: var(--zwi-step-video-last-of-type-mixin-margin-bottom, 15px);
}
.zwi-wmt .close[data-v-5074a798] {
  position: relative;
  left: 4px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 40px;
  background-color: #9ecaea;
  text-align: center;
  font-size: 16px;
  color: #627993;
}
.zwi-wmt .top-shadow[data-v-5074a798] {
  position: absolute;
  width: 100%;
  background-repeat: repeat-x;
  display: var(--zwi-wmt-top-shadow-mixin-display);
  height: var(--zwi-wmt-top-shadow-mixin-height, 68px);
  top: var(--zwi-wmt-top-shadow-mixin-top, -60px);
}
.zwi-wmt .left-shadow[data-v-5074a798] {
  position: absolute;
  display: var(--zwi-wmt-left-shadow-mixin-display);
  top: var(--zwi-wmt-left-shadow-mixin-top, -25px);
  left: var(--zwi-wmt-left-shadow-mixin-left, -30px);
  width: var(--zwi-wmt-left-shadow-mixin-width, 30px);
  height: var(--zwi-wmt-left-shadow-mixin-height, 394px);
}
.zwi-wmt .in-shadow[data-v-5074a798] {
  position: relative;
  width: 100%;
  z-index: 10;
  background-repeat: repeat-x;
  display: var(--zwi-wmt-in-shadow-mixin-display, block);
  top: var(--zwi-wmt-in-shadow-mixin-top, 8px);
  height: var(--zwi-wmt-in-shadow-mixin-height, 29px);
  left: var(--zwi-wmt-in-shadow-mixin-left);
}
.zwi-wmt .hidden[data-v-5074a798] {
  visibility: hidden;
}
.zwi-wmt.init .title[data-v-5074a798] {
  border-bottom: none;
}
.zwi-wmt.default[data-v-5074a798] {
  transform: translate3d(0, 108%, 0);
  -webkit-transform: translate3d(0, 108%, 0);
  pointer-events: none;
  visibility: hidden;
}
.zwi-wmt.appear[data-v-5074a798],
.zwi-wmt.endDefault[data-v-5074a798],
.zwi-wmt.disable[data-v-5074a798] {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  pointer-events: auto;
  visibility: visible;
}
.zwi-wmt.appear[data-v-5074a798] {
  bottom: var(--zwi-wmt-mixin-bottom, 0);
}
.zwi-wmt.continue[data-v-5074a798] {
  pointer-events: auto;
  visibility: visible;
  transform: var(--zwi-wmt-continue-mixin-transform, translate3d(0, 100%, 0));
  -webkit-transform: var(--zwi-wmt-continue-mixin--webkit-transform, translate3d(0, 100%, 0));
}
.zwi-wmt.continue .title-wrap[data-v-5074a798] {
  top: var(--zwi-wmt-continue-title-wrap-mixin-top, -63px);
}
.zwi-wmt.continue.transition-end[data-v-5074a798] {
  box-shadow: var(--zwi-wmt-continue-mixin-box-shadow, var(--zwi-wmt-mixin-box-shadow));
}
.zwi-wmt.continue.transition-end .title-wrap .title[data-v-5074a798] {
  border-radius: var(--zwi-wmt-continue-title-mixin-border-radius, var(--zwi-wmt-title-mixin-border-radius));
}
.zwi-wmt.continue.transition-end .main-wrap[data-v-5074a798] {
  display: var(--zwi-wmt-continue-main-wrap-mixin-display, block);
}
.zwi-wmt.endContinue[data-v-5074a798] {
  visibility: visible;
  pointer-events: auto;
  transform: var(--zwi-wmt-endContinue-mixin-transform, translate3d(0px, calc(100% - 157px), 0px));
  -webkit-transform: var(--zwi-wmt-endContinue-mixin--webkit-transform, translate3d(0px, calc(100% - 157px), 0px));
}
.zwi-wmt.endContinue.transition-end[data-v-5074a798] {
  box-shadow: var(--zwi-wmt-endContinue-mixin-box-shadow, var(--zwi-wmt-mixin-box-shadow));
}
.zwi-wmt.endContinue.transition-end .title-wrap .title[data-v-5074a798] {
  border-radius: var(--zwi-wmt-endContinue-title-mixin-border-radius, var(--zwi-wmt-title-mixin-border-radius));
}
.zwi-wmt.endContinue.transition-end .main-wrap[data-v-5074a798] {
  display: var(--zwi-wmt-endContinue-main-wrap-mixin-display, block);
}
.zwi-wmt.endContinue .zwi-wmt-stub.solution[data-v-5074a798]:not(.last-solution) {
  margin-bottom: 200px;
}
.zwi-wmt.endContinue.hide-next-panel[data-v-5074a798] {
  transform: var(--zwi-wmt-endContinue-hide-next-panel-mixin-transform, translate3d(0px, calc(100% - 157px), 0px));
  -webkit-transform: var(--zwi-wmt-endContinue-hide-next-panel-mixin--webkit-transform, translate3d(0px, calc(100% - 157px), 0px));
}
.zwi-wmt.endContinue.hide-next-panel .zwi-wmt-stub.solution[data-v-5074a798] {
  margin-bottom: 50px;
}
.zwi-wmt.init[data-v-5074a798] {
  pointer-events: auto;
  visibility: visible;
  box-shadow: var(--zwi-wmt-init-mixin-box-shadow, var(--zwi-wmt-mixin-box-shadow));
  transform: var(--zwi-wmt-init-mixin-transform, translate3d(0, 100%, 0));
  -webkit-transform: var(--zwi-wmt-init-mixin--webkit-transform, translate3d(0, 100%, 0));
}
.zwi-wmt.init .title-wrap[data-v-5074a798] {
  top: var(--zwi-wmt-init-title-wrap-mixin-top, -63px);
}
.zwi-wmt.init .title-wrap .show-drag-icon .drag-start-icon[data-v-5074a798] {
  display: block;
}
.zwi-wmt.init.transition-end .character-wrap[data-v-5074a798] {
  display: var(--zwi-wmt-init-transition-end-character-wrap-mixin-display, var(--zwi-wmt-init-character-wrap-mixin-display));
}
.zwi-wmt.init .character-wrap[data-v-5074a798] {
  display: var(--zwi-wmt-init-character-wrap-mixin-display, none);
  position: var(--zwi-wmt-init-character-wrap-mixin-position);
  z-index: var(--zwi-wmt-init-character-wrap-mixin-z-index);
  top: var(--zwi-wmt-init-character-wrap-mixin-top);
  left: var(--zwi-wmt-init-character-wrap-mixin-left);
}
.zwi-wmt.init .character-wrap.hide[data-v-5074a798] {
  display: var(--zwi-wmt-init-character-wrap-hide-mixin-display);
  transform: var(--zwi-wmt-init-character-wrap-hide-mixin-transform);
  z-index: var(--zwi-wmt-init-character-wrap-hide-mixin-z-index);
}
.zwi-wmt.init .character-wrap img[data-v-5074a798] {
  display: var(--zwi-wmt-init-character-wrap-img-mixin-display);
  width: var(--zwi-wmt-init-character-wrap-img-mixin-width);
  height: var(--zwi-wmt-init-character-wrap-img-mixin-height);
}
.zwi-wmt.init .character-wrap .wmt-hint-question[data-v-5074a798] {
  position: absolute;
  top: 22px;
  left: 80px;
  width: 28px;
  height: 28px;
  z-index: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
}
.zwi-wmt.init .character-wrap .wmt-hint-message[data-v-5074a798] {
  position: absolute;
  top: 50px;
  left: 104px;
  width: auto;
  height: auto;
  transform: rotate(345deg);
  -webkit-transform: rotate(345deg);
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  pointer-events: none;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.zwi-wmt.init .character-wrap:hover .wmt-hint-question[data-v-5074a798] {
  transform: scale(0);
  -webkit-transform: scale(0);
}
.zwi-wmt.init .character-wrap:hover .wmt-hint-message[data-v-5074a798] {
  opacity: 1;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
.zwi-wmt.init .title img[data-v-5074a798] {
  display: var(--zwi-wmt-init-title-img-mixin-display);
}
.zwi-wmt.init.is-review[data-v-5074a798] {
  visibility: hidden;
}
.zwi-wmt.appear .main-wrap[data-v-5074a798] {
  visibility: visible !important;
}
.zwi-wmt.disable[data-v-5074a798] {
  transform: var(--zwi-wmt-disable-mixin-transform, translate3d(0, 0, 0));
  -webkit-transform: var(--zwi-wmt-disable-mixin--webkit-transform, translate3d(0, 0, 0));
}
.zwi-wmt.disable .title-wrap[data-v-5074a798] {
  pointer-events: none;
}
.zwi-wmt.disable .title-wrap .show-drag-icon .drag-start-icon[data-v-5074a798] {
  display: none;
}
.zwi-wmt.disable .title-wrap .show-drag-icon .drag-start-disable-icon[data-v-5074a798] {
  display: inline;
}
.zwi-wmt.disable .title-wrap img[data-v-5074a798] {
  display: var(--zwi-wmt-disable-title-wrap-img-mixin-display, inline);
}
.zwi-wmt.disable .title-wrap img.disable-icon[data-v-5074a798] {
  display: block;
  top: 2px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.zwi-wmt.disable .title-wrap .title[data-v-5074a798] {
  color: #808a96;
  background-color: var(--zwi-wmt-disable-title-wrap-title-mixin-background-color, #e8f0fd);
}
.zwi-wmt.disable .title span[data-v-5074a798] {
  margin: var(--zwi-wmt-disable-title-span-mixin-margin, 0px 30px 0px 30px);
  color: var(--zwi-wmt-disable-title-span-mixin-color);
}
.zwi-wmt.is-retry.disable[data-v-5074a798] {
  transform: var(--zwi-wmt-retry-disable-mixin-transform, translate3d(0, 0, 0));
  -webkit-transform: var(--zwi-wmt-retry-disable-mixin--webkit-transform, translate3d(0, 0, 0));
  box-shadow: var(--zwi-wmt-retry-disable-mixin-box-shadow, var(--zwi-wmt-mixin-box-shadow));
}
.zwi-wmt.is-retry.disable .title-wrap .title[data-v-5074a798] {
  border-radius: var(--zwi-wmt-retry-disable-title-mixin-border-radius, var(--zwi-wmt-title-mixin-border-radius));
}
.zwi-wmt.is-retry.disable .main-wrap[data-v-5074a798] {
  display: var(--zwi-wmt-retry-disable-main-wrap-mixin-display, block);
}
.zwi-wmt.no-transition-reset[data-v-5074a798] {
  transition: none;
  -webkit-transition: none;
  transform: translate3d(0, 108%, 0);
  -webkit-transform: translate3d(0, 108%, 0);
}
.zwi-main.understanding-choice .zwi-wmt.endContinue[data-v-5074a798] {
  transform: var(--zwi-wmt-understanding-choice-endContinue-mixin-transform, translate3d(0px, calc(100% - 157px), 0px));
  -webkit-transform: var(--zwi-wmt-understanding-choice-endContinue-mixin--webkit-transform, translate3d(0px, calc(100% - 157px), 0px));
}
.zwi-main.understanding-choice .zwi-wmt.endContinue .zwi-wmt-stub.solution[data-v-5074a798] {
  margin-bottom: 250px;
}
.zwi-main.understanding-choice .zwi-wmt.endContinue .insert-last-content-margin[data-v-5074a798] > :last-child {
  margin-bottom: 250px;
}
@media (max-width: 1200px) {
.zwi-wmt.init .character-wrap[data-v-5074a798] {
    left: var(--zwi-wmt-init-character-wrap-800-width-mixin-left, auto);
}
}
@media (max-width: 799px) {
.zwi-wmt.init .character-wrap[data-v-5074a798] {
    left: 0;
}
}

.instInput .classic-zwi-corsiar-keypad.hide {
  display: none;
}
.instInput .classic-zwi-corsiar-keypad,
.instInput .classic-zwi-corsiar-keypad .keypad-group,
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key,
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key-image {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.instInput .classic-zwi-corsiar-keypad {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  padding: 5.5px;
  max-height: 160px;
  line-height: 0;
  z-index: 100;
  border: solid 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  background-color: rgba(255, 255, 255, 0.825);
}
.sinod .sinodMathInput_ .sinodMathInputKeypad[rows="3"] {
  border-radius: 6px;
}
.instInput .classic-zwi-corsiar-keypad .keypad-group,
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key .keypad-key-image {
  margin: 2.5px;
  border: solid 1px rgba(0, 0, 0, 0.08);
  background-color: rgba(255, 255, 255, 0.7);
}
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key .keypad-key-image:active {
  background-color: #f0ffd2;
}
/* grade 3 + */
.instInput .classic-zwi-corsiar-keypad[rows="3"] {
  border-radius: 6px;
}
.instInput .classic-zwi-corsiar-keypad[rows="3"] .keypad-group .keypad-key .keypad-key-image,
.instInput .classic-zwi-corsiar-keypad[rows="4"] .keypad-group .keypad-key .keypad-key-image,
.sinod .sinodMathInput_ .sinodMathInputKeypad[rows="4"] .keypad-group .keypad-key .keypad-key-image {
  width: 30px;
  height: 30px;
  border-radius: 2px;
}
.instInput .classic-zwi-corsiar-keypad[columns="4"] .keypad-group .keypad-key .keypad-key-image,
.sinod .sinodMathInput_ .sinodMathInputKeypad[columns="4"] .keypad-group .keypad-key .keypad-key-image {
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
/* grades 1-2 */
.instInput .classic-zwi-corsiar-keypad[rows="2"] {
  border-radius: 8px;
}
.instInput .classic-zwi-corsiar-keypad[rows="2"] .keypad-group .keypad-key .keypad-key-image,
.instInput .classic-zwi-corsiar-keypad[columns="3"] .keypad-group .keypad-key .keypad-key-image,
.sinod .sinodMathInput_ .sinodMathInputKeypad[columns="3"] .keypad-group .keypad-key .keypad-key-image {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key.disabled:hover,
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key.disabled:hover,
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key.disabled:active,
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key.disabled:active {
  background-color: inherit;
}
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key.disabled .keypad-key-image,
.instInput .classic-zwi-corsiar-keypad .keypad-group .keypad-key.disabled .keypad-key-image {
  opacity: 0.15;
  cursor: auto;
}
.sinod .sinodMathInput_ .sinodMathInputKeypad[columns="3"] .keypad-group .keypad-key .keypad-key-image,
.instInput .classic-zwi-corsiar-keypad[columns="3"] .keypad-group .keypad-key .keypad-key-image {
  width: 30px;
  height: 30px;
  margin: 4px 5px 5px 4px;
  border: none;
  box-sizing: border-box;
}
/* US keypad style */
.us-web-keypad.hide {
  display: none;
}
.us-web-keypad .keypad-group,
.us-web-keypad .keypad-group .keypad-key,
.us-web-keypad .keypad-group .keypad-key-image {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.answer.sinod .sinodMathInputKeypad.us-web-keypad,
.Corsair .classic-zwi-corsiar-keypad.us-web-keypad {
  z-index: 100;
  overflow: visible;
  padding: 12px 15px 15px;
  text-align: right;
  position: fixed;
  box-sizing: border-box;
  cursor: auto;
  border: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.8);
}
.answer.sinod .sinodMathInputKeypad.us-web-keypad.open,
.Corsair .classic-zwi-corsiar-keypad.us-web-keypad.open {
  animation: keypadSpring 0.4s cubic-bezier(0.3, 1.1, 0.7, 1.05);
}
.answer.sinod .sinodMathInputKeypad.us-web-keypad.cursor-opened.hide,
.Corsair .classic-zwi-corsiar-keypad.us-web-keypad.cursor-opened.hide {
  display: block;
  animation: keypadRemove 0.4s cubic-bezier(0.05, 1.06, 0.7, 1.05);
}
.answer.sinod .sinodMathInputKeypad.us-web-keypad.cursor-opened.animated.hide,
.Corsair .classic-zwi-corsiar-keypad.us-web-keypad.cursor-opened.animated.hide {
  display: none;
}
.us-web-keypad[columns="3"] {
  width: 162px;
}
.us-web-keypad[columns="4"] {
  text-align: left;
  width: 166px;
}
.us-web-keypad .move-icon-dom {
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 3px;
}
.us-web-keypad .move-icon-dom img {
  width: 15px;
  height: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.us-web-keypad[columns="3"] .keypad-group {
  display: block;
  width: 135px;
}
.us-web-keypad[columns="4"] .keypad-group {
  text-align: left;
  display: block;
  width: 140px;
}
.us-web-keypad .keypad-group,
.us-web-keypad .keypad-group .keypad-key {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.us-web-keypad .keypad-group .keypad-key {
  background-color: #fff;
  z-index: 1;
  cursor: auto;
  margin: 5px 5px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: top;
  border-radius: 4px;
  cursor: pointer;
}
.us-web-keypad .keypad-group .keypad-key .keypad-key-image {
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin: 0;
  cursor: pointer;
}
.us-web-keypad .keypad-group .keypad-key:hover,
.us-web-keypad .keypad-group.Cursor .keypad-key:hover {
  background-color: #fafafa;
}
.us-web-keypad .keypad-group.Cursor .keypad-key.disabled:hover {
  background-color: #fff;
}
.us-web-keypad .keypad-group .keypad-key.disabled .keypad-key-image {
  opacity: 0.15;
  cursor: auto;
}
.us-web-keypad[columns="3"] .keypad-group .keypad-key {
  width: 40px;
  height: 40px;
  text-align: left;
}
.us-web-keypad[columns="3"] .keypad-group .keypad-key .keypad-key-image {
  width: 30px;
  height: 30px;
  margin: 4px 5px 5px 4px;
  border: none;
  border-radius: 4px;
}
.us-web-keypad[columns="4"] .keypad-group .keypad-key {
  width: 30px;
  height: 30px;
  text-align: left;
}
.us-web-keypad[columns="4"] .keypad-group .keypad-key .keypad-key-image {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 4px;
}
.us-web-keypad[columns="3"] .keypad-group.Cursor .keypad-key.key_previous {
  margin-right: 6px;
}
.us-web-keypad[columns="4"] .keypad-group.Cursor .keypad-key.key_previous {
  margin-right: 5px;
}
.us-web-keypad .keypad-group.Cursor .keypad-key {
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
.us-web-keypad .keypad-group.Cursor .keypad-key .keypad-key-image {
  width: 14px;
  height: 12px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  cursor: pointer;
}
.us-web-keypad .keypad-group.Cursor {
  text-align: left;
  margin-top: 12px;
}
.us-web-keypad[columns="3"] .keypad-group.Cursor .keypad-key {
  width: 63px;
  height: 36px;
}
.us-web-keypad[columns="4"] .keypad-group.Cursor .keypad-key {
  width: 65px;
  height: 32px;
}
.us-web-keypad .keypad-group.Cursor .keypad-key.disabled,
.us-web-keypad .keypad-group.Cursor .keypad-key.disabled .keypad-key-image {
  cursor: auto;
}
@keyframes keypadSpring {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes keypadRemove {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* KR keypad style */
.instInput .classic-zwi-corsiar-keypad.kr-keypad,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad {
  position: fixed;
  left: calc(50% + 370px);
  bottom: 20px;
  max-height: none;
  padding: 21px 8px 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.82);
}
.new-problem-style .instInput .classic-zwi-corsiar-keypad.kr-keypad,
.new-problem-style .sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad {
  left: calc(50% + 420px);
  z-index: 200;
}
@media screen and (max-width: 988px) {
  .instInput .classic-zwi-corsiar-keypad.kr-keypad,
  .sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad {
    left: calc(100% - var(--zwi-keypad-width, 0) - 20px);
  }
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad.focus,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad.focus {
  animation: keypad-show 0.3s;
}
[data-is-moving="true"] .instInput .classic-zwi-corsiar-keypad.kr-keypad,
.sinod[data-is-moving="true"] .sinodMathInput_ .sinodMathInputKeypad.kr-keypad {
  animation: none;
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad.focus.hide,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad.focus.hide {
  display: block;
  animation: keypad-hide 0.3s;
}
.zwi-wmt .instInput .classic-zwi-corsiar-keypad.kr-keypad,
.zwi-wmt .sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad {
  bottom: 4px;
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad::before,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad::before {
  position: absolute;
  top: 8px;
  left: 50%;
  content: '';
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background-color: #ccc;
  transform: translateX(-50%);
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .keypad-group .keypad-key .keypad-key-image:hover,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .keypad-group .keypad-key .keypad-key-image:hover {
  border-color: rgba(57, 213, 121, 0.24);
  background-color: rgba(214, 255, 231, 0.7);
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .keypad-group .keypad-key .keypad-key-image:active,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .keypad-group .keypad-key .keypad-key-image:active {
  border-color: rgba(57, 213, 121, 0.32);
  background-color: rgba(175, 254, 207, 0.7);
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .navigation .keypad-key.disabled,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .navigation .keypad-key.disabled {
  pointer-events: none;
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .navigation .keypad-key.disabled .keypad-key-image,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .navigation .keypad-key.disabled .keypad-key-image {
  opacity: 0.4;
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .keypad-group,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .keypad-group {
  display: flex;
  flex-wrap: wrap;
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .keypad-group.elementary,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .keypad-group.elementary {
  width: 108px;
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .keypad-group.middle,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .keypad-group.middle {
  width: 144px;
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .keypad-group.high,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .keypad-group.high {
  width: 144px;
}
.instInput .classic-zwi-corsiar-keypad.kr-keypad .navigation .keypad-key,
.sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .navigation .keypad-key {
  flex: 1;
}
.classic-zwi .instInput .classic-zwi-corsiar-keypad.kr-keypad .keypad-group .keypad-key .keypad-key-image,
.classic-zwi .sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .keypad-group .keypad-key .keypad-key-image {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  margin: 3px;
}
.classic-zwi .instInput .classic-zwi-corsiar-keypad.kr-keypad .navigation,
.classic-zwi .sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .navigation {
  margin-top: 6px;
}
.classic-zwi .instInput .classic-zwi-corsiar-keypad.kr-keypad .navigation .keypad-key,
.classic-zwi .sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .navigation .keypad-key {
  display: flex;
  height: 28px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  margin-left: 3px;
  margin-right: 3px;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.82);
}
.classic-zwi .instInput .classic-zwi-corsiar-keypad.kr-keypad .navigation .keypad-key .keypad-key-image,
.classic-zwi .sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .navigation .keypad-key .keypad-key-image {
  width: 20px;
  height: 20px;
  border: none;
  margin: 0;
  background-color: transparent;
}
.classic-zwi .instInput .classic-zwi-corsiar-keypad.kr-keypad .navigation .keypad-key:hover,
.classic-zwi .sinod .sinodMathInput_ .sinodMathInputKeypad.kr-keypad .navigation .keypad-key:hover {
  border-color: rgba(57, 213, 121, 0.24);
  background-color: rgba(214, 255, 231, 0.7);
}
@keyframes keypad-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes keypad-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.zwi-main[data-v-0eb4cdda] {
  display: block;
  font-size: 18px;
  overflow: hidden;
  width: var(--zwi-main-width);
  height: 100%;
  margin: auto;
  transform: translate3d(0, 0, 0);
  font-size: var(--zwi-main-mixin-font-size);
  overflow: var(--zwi-main-mixin-overflow);
}
.zwi-main .overlay[data-v-0eb4cdda] {
  width: 100%;
  height: 100%;
  top: var(--zwi-main-overlay-mixin-top, 0px);
  position: absolute;
  transition: opacity 0.7s ease;
  opacity: 0;
  z-index: -1;
}
.zwi-main .overlay.show[data-v-0eb4cdda] {
  z-index: 100;
  opacity: 1;
}
.zwi-main .title-wrap[data-v-0eb4cdda] {
  position: fixed;
  z-index: 1;
  width: var(--zwi-main-title-wrap-mixin-width, 100%);
  height: var(--zwi-main-title-wrap-mixin-height, 100%);
  text-align: center;
  top: var(--zwi-main-title-wrap-mixin-top, -50px);
  bottom: var(--zwi-main-title-wrap-mixin-bottom, 30px);
  left: var(--zwi-main-title-wrap-mixin-left, auto);
  right: var(--zwi-main-title-wrap-mixin-right, 0px);
  transition: var(--zwi-main-title-wrap-mixin-transition, right 0.4s ease);
}
.zwi-main .title-wrap.clicked[data-v-0eb4cdda] {
  pointer-events: none;
}
.zwi-main .title-wrap.hide[data-v-0eb4cdda] {
  right: var(--zwi-main-title-wrap-mixin-hide-right-transition, -300px);
  bottom: var(--zwi-main-title-wrap-mixin-hide-bottom-transition, -300px);
}
.zwi-main .title-wrap.us-web[data-v-0eb4cdda] {
  left: 0px;
  width: 195px;
}
.zwi-main .title-wrap.us-web.title-show[data-v-0eb4cdda] {
  opacity: 0;
  animation: 0.9s characterShow-0eb4cdda 5s cubic-bezier(0.63, 1.25, 0.64, 0.99);
}
@keyframes characterShow-0eb4cdda {
from {
    opacity: 0;
    transform: translateX(-100%);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.zwi-main .title-wrap.us-web.appear-title-wrap[data-v-0eb4cdda] {
  opacity: 1;
}
.zwi-main .title-wrap.us-web .character-wrap[data-v-0eb4cdda],
.zwi-main .title-wrap.us-web .character-wrap.elementary[data-v-0eb4cdda] {
  top: revert;
  left: 0px;
  bottom: 0px;
  height: 104px;
  cursor: auto;
}
.zwi-main .title-wrap.us-web .title[data-v-0eb4cdda] {
  box-sizing: border-box;
  left: 21px;
  width: 176px;
  padding: 15px 15px 109px 15px;
  border-radius: 8px;
  border: solid 1px rgba(0, 0, 0, 0.01);
  background-color: rgba(255, 240, 192, 0.8);
  cursor: auto;
}
.zwi-main .title-wrap.us-web .title .btn[data-v-0eb4cdda] {
  box-sizing: border-box;
  margin: 0 auto;
  width: 142px;
  height: 42px;
  border-radius: 4px;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.zwi-main .title-wrap.us-web .title .btn.video-button + .wmt-button[data-v-0eb4cdda] {
  margin-top: 10px;
}
.zwi-main .title-wrap.us-web .title .btn[data-v-0eb4cdda]:hover {
  background-color: #f8f8f8;
}
.zwi-main .title-wrap .character-wrap[data-v-0eb4cdda] {
  position: var(--zwi-main-character-wrap-mixin-position, absolute);
  right: var(--zwi-main-character-wrap-mixin-right, 0px);
  top: var(--zwi-main-character-wrap-mixin-top, -132px);
  transform: var(--zwi-main-character-wrap-mixin-transition);
  z-index: 13;
  cursor: pointer;
}
.zwi-main .title-wrap .character-wrap.elementary[data-v-0eb4cdda] {
  top: var(--zwi-main-character-wrap-mixin-elementary-top, -123px);
}
.zwi-main .title-wrap .character-wrap.hide[data-v-0eb4cdda] {
  display: none;
}
.zwi-main .title-wrap .title[data-v-0eb4cdda] {
  z-index: 12;
  cursor: pointer;
  display: var(--zwi-main-title-mixin-display, inline-block);
  width: var(--zwi-main-title-mixin-width);
  height: var(--zwi-main-title-mixin-height, 47.5px);
  line-height: var(--zwi-main-title-mixin-line-height, 47.5px);
  text-align: var(--zwi-main-title-mixin-text-align, left);
  border: var(--zwi-main-title-mixin-border);
  border-radius: var(--zwi-main-title-mixin-border-radius, 25px);
  border-bottom: var(--zwi-main-title-mixin-border-bottom);
  box-shadow: var(--zwi-main-title-mixin-box-shadow, 0px 2px 5px rgba(48, 63, 159, 0.5));
  margin: var(--zwi-main-title-mixin-margin, 0 auto);
  background-color: var(--zwi-main-title-mixin-background-color, #dcebff);
  background-image: var(--zwi-main-title-mixin-background-image, linear-gradient(64deg, #fff3cd, #fff0c0));
  font-family: var(--zwi-main-title-mixin-font-family, "Nanum Barun Gothic", "Times New Roman", Symbola);
  font-size: var(--zwi-main-title-mixin-font-size, 18px);
  color: var(--zwi-main-title-mixin-color, #515f88);
  padding: var(--zwi-main-title-mixin-padding, 0 0 0 0);
  align-items: var(--zwi-main-title-mixin-align-items, auto);
  justify-content: var(--zwi-main-title-mixin-justify-content, center);
}
.zwi-main .title-wrap .title:active .active-cover[data-v-0eb4cdda] {
  filter: alpha(opacity=25);
  /* for IE */
  opacity: 0.25;
  /* CSS3 standard */
  -moz-opacity: 0.25;
  /* for Mozilla */
}
.zwi-main .title-wrap .title .desc-text[data-v-0eb4cdda] {
  display: var(--zwi-main-title-desc-text-mixin-display, flex);
  align-items: var(--zwi-main-title-desc-text-mixin-align-items, center);
  width: var(--zwi-main-title-desc-text-mixin-width, 140px);
  height: var(--zwi-main-title-desc-text-mixin-height, 22px);
  margin: var(--zwi-main-title-desc-text-mixin-margin, 0px 0px 15px 25px);
  font-family: var(--zwi-main-title-desc-text-mixin-font-family, 'Noto Sans');
}
.zwi-main .title-wrap .title .btn[data-v-0eb4cdda] {
  display: var(--zwi-main-title-btn-mixin-display, flex);
  align-items: var(--zwi-main-title-btn-mixin-align-items, center);
  justify-content: var(--zwi-main-title-btn-mixin-justify-content, center);
  width: var(--zwi-main-title-btn-mixin-width, 173px);
  height: var(--zwi-main-title-btn-mixin-height, 44px);
  border-radius: var(--zwi-main-title-btn-mixin-border-radius, 4px);
  border: var(--zwi-main-title-btn-mixin-border, solid 1px rgba(0, 0, 0, 0.08));
  background-color: var(--zwi-main-title-btn-mixin-background-color, #fff);
  padding: var(--zwi-main-title-btn-mixin-padding, 0 0 0 0);
  margin: var(--zwi-main-title-btn-mixin-margin, 0px 0px 8px 25px);
  font-family: var(--zwi-main-title-btn-mixin-font-family, 'Noto Sans');
  font-size: var(--zwi-main-title-btn-mixin-font-size, 100%);
}
.zwi-main .title-wrap .title .btn .icon[data-v-0eb4cdda] {
  display: var(--zwi-main-title-btn-icon-mixin-display, flex);
  margin: var(--zwi-main-title-btn-icon-mixin-margin, 0 10px 0 18px);
}
.zwi-main .title-wrap .title .btn[data-v-0eb4cdda]:last-child {
  margin-bottom: 0;
}
.zwi-main .title-wrap .title.ios .video-button[data-v-0eb4cdda] {
  width: 134px;
  margin-left: 0;
}
.zwi-main .title-wrap .title.ios.elementary-1st .desc-text[data-v-0eb4cdda] {
  flex-basis: var(--zwi-main-title-desc-text-mixin-flex-basis, 105px);
  flex-grow: var(--zwi-main-title-desc-text-mixin-flex-grow, 1);
  flex-shrink: var(--zwi-main-title-desc-text-mixin-flex-shrink, 0);
  font-size: var(--zwi-main-title-desc-text-mixin-font-size, 16px);
  line-height: var(--zwi-main-title-desc-text-mixin-line-height, 1);
}
.zwi-main .title-wrap .title.ios.elementary-1st .video-button[data-v-0eb4cdda] {
  width: 177px;
}
.zwi-main .next-btn-panel[data-v-0eb4cdda] {
  display: none;
  opacity: 0;
  position: absolute;
  width: var(--zwi-main-next-btn-panel-mixin-width, 91%);
  height: var(--zwi-main-next-btn-panel-height, 130px);
  height: var(--zwi-main-next-btn-panel-mixin-height);
  left: var(--zwi-main-next-btn-panel-mixin-left, 8%);
  bottom: var(--zwi-main-next-btn-panel-mixin-bottom, 14px);
  border-radius: var(--zwi-main-next-btn-panel-mixin-border-radius, 5px);
  border-top: var(--zwi-main-next-btn-panel-mixin-border-top);
  background-color: var(--zwi-main-next-btn-panel-background-color, #f0f0f0);
  z-index: 100;
  transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
}
.zwi-main .next-btn-panel.default[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-default-background-color, #f0f0f0);
}
.zwi-main .next-btn-panel.correct[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-correct-background-color, #39d579);
}
.zwi-main .next-btn-panel.corrected[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-corrected-background-color, #ffca28);
}
.zwi-main .next-btn-panel.incorrect[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-incorrect-background-color, #fb8c00);
}
.zwi-main .next-btn-panel.finish[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-finish-background-color, #b0bec5);
}
.zwi-main .next-btn-panel.timeout[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-timeout-background-color, #ff7043);
}
.zwi-main .next-btn-panel[data-v-0eb4cdda]:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -20px;
  top: 50px;
  border-style: solid;
  border-width: 0 20px 22px 0;
  display: var(--zwi-main-next-btn-panel-before-mixin-display);
}
.zwi-main .next-btn-panel.default[data-v-0eb4cdda]:before {
  border-color: transparent var(--zwi-main-next-btn-panel-default-before-border-color, #f0f0f0) transparent transparent;
}
.zwi-main .next-btn-panel.correct[data-v-0eb4cdda]:before {
  border-color: transparent var(--zwi-main-next-btn-panel-correct-before-border-color, #39d579) transparent transparent;
}
.zwi-main .next-btn-panel.corrected[data-v-0eb4cdda]:before {
  border-color: transparent var(--zwi-main-next-btn-panel-corrected-before-border-color, #ffca28) transparent transparent;
}
.zwi-main .next-btn-panel.incorrect[data-v-0eb4cdda]:before {
  border-color: transparent var(--zwi-main-next-btn-panel-incorrect-before-border-color, #fb8c00) transparent transparent;
}
.zwi-main .next-btn-panel.show[data-v-0eb4cdda] {
  opacity: 1;
  display: block;
}
.zwi-main .next-btn-panel.is-us-product.show[data-v-0eb4cdda] {
  opacity: 0;
  display: none;
}
.zwi-main .next-btn-panel .content-wrap[data-v-0eb4cdda] {
  display: table;
  width: 100%;
  height: 100%;
  width: var(--zwi-main-next-btn-panel-content-wrap-mixin-width);
  padding: var(--zwi-main-next-btn-panel-content-wrap-mixin-padding);
  margin: var(--zwi-main-next-btn-panel-content-wrap-mixin-margin);
}
.zwi-main .next-btn-panel img[data-v-0eb4cdda],
.zwi-main .next-btn-panel .result-img[data-v-0eb4cdda] {
  position: absolute;
  bottom: 0;
  z-index: 9;
  width: 177px;
}
.zwi-main .next-btn-panel .result-img[data-v-0eb4cdda] {
  left: 0;
}
.zwi-main .next-btn-panel span.msg-wrap[data-v-0eb4cdda] {
  display: table-cell;
  vertical-align: middle;
  width: var(--zwi-main-next-btn-panel-msg-wrap-mixin-width, 65%);
  padding-left: var(--zwi-main-next-btn-panel-msg-wrap-mixin-padding-left, 40px);
  color: var(--zwi-main-next-btn-panel-msg-wrap-mixin-color, rgba(0, 0, 0, 0.7));
  font-size: var(--zwi-main-next-btn-panel-span-font-size, 20px);
  font-style: var(--zwi-main-next-btn-panel-msg-wrap-mixin-font-style, italic);
  font-weight: bold;
  font-family: var(--zwi-main-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  line-height: 1.4em;
  white-space: pre-wrap;
  font-size: var(--zwi-main-next-btn-panel-msg-wrap-mixin-font-size);
}
.zwi-main .next-btn-panel div.btn-wrap[data-v-0eb4cdda] {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 24px;
  padding-right: var(--zwi-main-next-btn-panel-btn-wrap-mixin-padding-right);
  font-size: var(--zwi-main-next-btn-panel-btn-wrap-mixin-font-size);
}
.zwi-main .next-btn-panel div.btn-wrap .choice-list[data-v-0eb4cdda] {
  display: none;
}
.zwi-main .next-btn-panel .zwi-button[data-v-0eb4cdda] {
  width: var(--zwi-main-next-btn-panel-zwi-button-mixin-width, 140px);
  height: var(--zwi-main-next-btn-panel-zwi-button-mixin-height, 60px);
  border: var(--zwi-main-next-btn-panel-zwi-button-mixin-border, 1px solid #ffffff);
  border-radius: var(--zwi-main-next-btn-panel-zwi-button-mixin-border-radius, 4px);
  margin: 0px;
  color: var(--zwi-main-next-btn-panel-zwi-button-mixin-color, #ffffff);
  font-size: var(--zwi-main-next-btn-panel-zwi-button-mixin-font-size, 20px);
  font-family: var(--zwi-main-font-family, "Nanum Barun Gothic"), "Times New Roman", Symbola;
  background-color: var(--zwi-main-next-btn-panel-default-zwi-button-background-color);
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}
.zwi-main .next-btn-panel.default .zwi-button[data-v-0eb4cdda] {
  border: var(--zwi-main-next-btn-panel-default-zwi-button-border);
  background-color: var(--zwi-main-next-btn-panel-default-zwi-button-background-color);
}
.zwi-main .next-btn-panel.correct .zwi-button[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-correct-zwi-button-background-color, transparent);
}
.zwi-main .next-btn-panel.corrected .zwi-button[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-corrected-zwi-button-background-color, transparent);
}
.zwi-main .next-btn-panel.incorrect .zwi-button[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-incorrect-zwi-button-background-color, transparent);
}
.zwi-main .next-btn-panel.finish .zwi-button[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-finish-zwi-button-background-color, transparent);
}
.zwi-main .next-btn-panel.timeout .zwi-button[data-v-0eb4cdda] {
  background-color: var(--zwi-main-next-btn-panel-timeout-zwi-button-background-color, transparent);
}
.zwi-main .next-btn-panel .zwi-button[data-v-0eb4cdda]:active {
  background-color: transparent;
  opacity: 0.7;
  opacity: var(--zwi-main-next-btn-panel-zwi-button-active-mixin-opacity);
}
.zwi-main .next-btn-panel.default .zwi-button[data-v-0eb4cdda]:active {
  background-color: var(--zwi-main-next-btn-panel-default-zwi-button-active-background-color);
}
.zwi-main .next-btn-panel.correct .zwi-button[data-v-0eb4cdda]:active {
  background-color: var(--zwi-main-next-btn-panel-correct-zwi-button-active-background-color, transparent);
}
.zwi-main .next-btn-panel.corrected .zwi-button[data-v-0eb4cdda]:active {
  background-color: var(--zwi-main-next-btn-panel-corrected-zwi-button-active-background-color, transparent);
}
.zwi-main .next-btn-panel.incorrect .zwi-button[data-v-0eb4cdda]:active {
  background-color: var(--zwi-main-next-btn-panel-incorrect-zwi-button-active-background-color, transparent);
}
.zwi-main .next-btn-panel.two-btn span[data-v-0eb4cdda] {
  width: var(--zwi-main-next-btn-panel-two-btn-span-mixin-width);
  padding-right: var(--zwi-main-next-btn-panel-two-btn-span-mixin-padding-right);
}
.zwi-main .next-btn-panel.two-btn .zwi-button[data-v-0eb4cdda] {
  width: 80px;
  width: var(--zwi-main-next-btn-panel-two-btn-zwi-button-mixin-width);
}
.zwi-main .next-btn-panel.two-btn .zwi-button.custom[data-v-0eb4cdda] {
  margin-right: 10px;
}
.zwi-main .next-btn-panel.two-btn.custom-next-label span[data-v-0eb4cdda] {
  width: var(--zwi-main-next-btn-panel-two-btn-custom-next-label-span-mixin-width);
}
.zwi-main .next-btn-panel.two-btn.custom-next-label .zwi-button.next[data-v-0eb4cdda] {
  width: var(--zwi-main-next-btn-panel-two-btn-custom-next-label-zwi-button-next-mixin-width);
}
.zwi-main .next-btn-panel.two-btn .zwi-button.custom[data-v-0eb4cdda] {
  color: var(--zwi-main-next-btn-panel-two-btn-zwi-button-custom-mixin-color);
  background-color: var(--zwi-main-next-btn-panel-two-btn-zwi-button-custom-mixin-background-color);
  border: var(--zwi-main-next-btn-panel-two-btn-zwi-button-custom-mixin-border);
  margin-right: var(--zwi-main-next-btn-panel-two-btn-zwi-button-custom-mixin-margin-right);
}
.zwi-main .next-btn-panel.two-btn .zwi-button.custom[data-v-0eb4cdda]:active {
  background-color: var(--zwi-main-next-btn-panel-two-btn-zwi-button-custom-active-mixin-background-color);
  opacity: var(--zwi-main-next-btn-panel-two-btn-zwi-button-custom-active-mixin-opacity);
}
.zwi-main .next-btn-panel.concept-continue .zwi-button[data-v-0eb4cdda] {
  width: 146px;
  height: 60px;
}
.zwi-main .next-btn-panel.concept-continue .zwi-button .icon-button[data-v-0eb4cdda] {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: normal;
}
.zwi-main .next-btn-panel.concept-continue .zwi-button .icon[data-v-0eb4cdda] {
  position: static;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.zwi-main .next-btn-panel.concept-last .zwi-button[data-v-0eb4cdda] {
  height: 83px;
  line-height: 26px;
}
.zwi-main.understanding-choice .next-btn-panel[data-v-0eb4cdda] {
  height: 200px;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap[data-v-0eb4cdda] {
  display: flex;
  flex-direction: column;
  width: calc(100% - 204px);
  margin-right: 24px;
  padding: 0 32px 0 172px;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap span.msg-wrap[data-v-0eb4cdda] {
  width: 576px;
  padding-left: 20px;
  padding-right: 32px;
  margin-top: 28px;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  color: #ffffff;
  line-height: 30px;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap div.btn-wrap[data-v-0eb4cdda] {
  padding-left: 76px;
  padding-right: 56px;
  transition: padding-right 0.2s;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap div.btn-wrap .choice-list[data-v-0eb4cdda] {
  display: flex;
  list-style: none;
  width: 100%;
  transition: width 0.2s;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap div.btn-wrap .choice-list .choice-item[data-v-0eb4cdda] {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap div.btn-wrap .choice-list .choice-text[data-v-0eb4cdda] {
  display: inline-block;
  margin-bottom: 7px;
  font-size: 14px;
  color: #464646;
  white-space: nowrap;
  opacity: 1;
  transition: opacity 0.3s;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap div.btn-wrap .choice-list .choice-icon[data-v-0eb4cdda],
.zwi-main.understanding-choice .next-btn-panel .content-wrap div.btn-wrap .choice-list .selected-choice-icon[data-v-0eb4cdda] {
  position: static;
  display: inline-block;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap div.btn-wrap .choice-list .selected-choice-icon[data-v-0eb4cdda] {
  display: none;
}
.zwi-main.understanding-choice .next-btn-panel .content-wrap div.btn-wrap .btn[data-v-0eb4cdda] {
  position: absolute;
  right: -140px;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s, right 0.3s;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap[data-v-0eb4cdda] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-right: 160px;
  padding-left: 80px;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap .choice-list[data-v-0eb4cdda] {
  width: 356px;
  padding: 23px 28px 0;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap .choice-list .choice-text[data-v-0eb4cdda] {
  position: absolute;
  display: block;
  top: -23px;
  opacity: 0;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap .choice-list .choice-item[data-v-0eb4cdda] {
  margin-left: 16px;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap .choice-list .choice-item[data-v-0eb4cdda]:first-child {
  margin-left: 0;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap .choice-list .choice-item.selected .choice-text[data-v-0eb4cdda] {
  position: absolute;
  display: block;
  top: -23px;
  opacity: 1;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap .choice-list .choice-item.selected .choice-icon[data-v-0eb4cdda] {
  display: none;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap .choice-list .choice-item.selected .selected-choice-icon[data-v-0eb4cdda] {
  display: block;
}
.zwi-main.understanding-choice .next-btn-panel.selected div.btn-wrap .btn[data-v-0eb4cdda] {
  right: 0;
  opacity: 1;
}

:root {
	--shade-background-color: transparent;
}

.sinod {
	font-family: 'Times New Roman';
}

.sinod * {
	position: relative;
	box-sizing: content-box;
}

.sinod .sinodMath {
	display: inline;
}

.sinod .sinodMath.sinodTransform, .sinod .sinodText.sinodTransform {
	display: inline-block;
}

.sinod .sinodTextInput {
	font-size: 1em;
	outline: none;
	margin-left: 2px;
	margin-right: 2px;
	padding: 4px;
	vertical-align: baseline;
	border: 0.056em solid rgb(255, 255, 255);
	background-color: rgb(240, 240, 240);
	box-shadow: inset 0 0.056em rgb(204, 204, 204);
	box-sizing: content-box;
	border-radius: 0.278em;
}

.sinod .sinodTextInput:focus {
	border-color: rgb(57, 213, 121);
	background-color: rgb(255, 255, 255);
	box-shadow: none;
	border-radius: 0.278em;
}

.sinod .sinodTextInput.no-focus-style:focus {
	border: 0.056em solid rgb(255, 255, 255);
	background-color: rgb(240, 240, 240);
	box-shadow: inset 0 0.056em rgb(204, 204, 204);
}

.sinod input[type="text"]:disabled.sinodTextInput {
	border-color: rgb(204, 204, 204);
	background-color: rgb(255, 255, 255);
	box-shadow: none;
	border-radius: 0.278em;
}

.sinod .sinodMathInput_ {
	display: inline-block;
}

.sinod .sinodMathInput_ .sinodMathInput {
	font-size: 1em;
	outline: none;
	margin-left: 2px;
	margin-right: 2px;
	padding: 4px;
	vertical-align: baseline;
	border: 0.056em solid rgb(255, 255, 255);
	background-color: rgb(240, 240, 240);
	box-shadow: inset 0 0.056em rgb(204, 204, 204);
	border-radius: 0.278em;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.sinod .sinodMathInput_ .sinodMathInput.mq-focused {
	border-color: rgb(57, 213, 121);
	background-color: rgb(255, 255, 255);
	box-shadow: none;
	border-radius: 0.278em;
}

.sinod .sinodMathInput_ .sinodMathInput.no-focus-style {
	border: 0.056em solid rgb(255, 255, 255);
	background-color: rgb(240, 240, 240);
	box-shadow: inset 0 0.056em rgb(204, 204, 204);
}

.sinod .sinodMathInput_ .sinodMathInput.sinodMathInputDisabled {
	border-color: rgb(204, 204, 204);
	background-color: rgb(255, 255, 255);
	box-shadow: none;
	border-radius: 0.278em;
}

.sinod .sinodMathInput_ .sinodMathInput.rightAlign .mq-cursor {
	border-left: none;
	border-right: 1px solid black;
}

.sinod .sinodMathInput_ .sinodMathInput.no-operator-padding .mq-binary-operator {
	padding: 0;
}

.sinod .sinodSingleChoice .sinodSingleChoiceInput,
.sinod .sinodMultipleChoice .sinodMultipleChoiceInput {
	vertical-align: top;
	text-align: left;
	overflow: visible;
}

.sinod .sinodSingleChoice .sinodSingleChoiceInput.sinodSingleChoiceOneColumn,
.sinod .sinodMultipleChoice .sinodMultipleChoiceInput.sinodMultipleChoiceOneColumn {
	display: -webkit-flex;
	display: flex;
}

.sinod .sinodSingleChoice .sinodSingleChoiceInput.hide,
.sinod .sinodMultipleChoice .sinodMultipleChoiceInput.hide {
	display: none;
}

.sinod .sinodSingleChoice.middleButtonAlign .sinodSingleChoiceInput .button-column,
.sinod .sinodMultipleChoice.middleButtonAlign .sinodMultipleChoiceInput .button-column {
	-webkit-align-self: center;
	align-self: center
}

.sinod .sinodSingleChoice.topButtonAlign .sinodSingleChoiceInput .button-column,
.sinod .sinodMultipleChoice.topButtonAlign .sinodMultipleChoiceInput .button-column {
	-webkit-align-self: flex-start;
	align-self: flex-start
}

.sinod .sinodSingleChoice.bottomButtonAlign .sinodSingleChoiceInput .button-column,
.sinod .sinodMultipleChoice.bottomButtonAlign .sinodMultipleChoiceInput .button-column {
	-webkit-align-self: flex-end;
	align-self: flex-end
}

.sinod .sinodPartial {
	font-size: 100%;
}

.sinod .sinodPartial .mq-root-block {
	overflow: visible;
}

.sinod .sinodPartial .sinodTextInput {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	user-select: auto;
}

.sinod .sinodPartialInput .sinodMathInput {
	margin-top: 1px;
	margin-bottom: 1px;
}

.sinod .wrap .mq-root-block,
.sinod .wrap .mq-math-mode .mq-root-block,
.sinodText.wrap.whiteSpaces {
	white-space: pre-wrap;
}

.sinod .whiteSpaces .mq-root-block,
.sinod .whiteSpaces .mq-math-mode .mq-root-block,
.sinodText.whiteSpaces {
	white-space: pre;
}

.sinod .sinodPartialInput .mq-math-mode .mq-root-block {
	white-space: nowrap;
}

.sinod .mq-root-block,
.sinod .mq-math-mode .mq-root-block {
	display: inline;
	vertical-align: baseline;
}

.sinod .mq-math-mode .mq-text-mode {
	font-family: 'Times New Roman';
}

.sinod .sinodCases {
	display: -webkit-inline-flex;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	color: #000;
}

.sinod .sinodCases .sinodCasesContent {
	display: inline-table;
}

.sinod .sinodCases .sinodCasesContent td {
	padding: 0;
	vertical-align: middle;
	text-align: left;
}

.sinod .sinodCases .sinodCasesGap {
	text-align: center;
}

.sinod .sinodCases .sinodCasesBrace {
	display: inline-block;
	width: 10px;
	height: 100%;
	mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wLjAgQnVpbGQgNzgpICAtLT4KPHN2ZzpzdmcKICAgeG1sbnM6bnMyPSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIKICAgeG1sbnM6bnMxPSJodHRwOi8vbnMuYWRvYmUuY29tL0Zsb3dzLzEuMC8iCiAgIHhtbG5zOnhhcEdJbWc9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9nL2ltZy8iCiAgIHhtbG5zOnhhcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1sbnM6bnMwPSJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyIKICAgeG1sbnM6bnM9Imh0dHA6Ly9ucy5hZG9iZS5jb20vVmFyaWFibGVzLzEuMC8iCiAgIHhtbG5zOmk9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyIKICAgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjLyIKICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaTp2aWV3T3JpZ2luPSIyNDcuNjAwMSA1MDYuNDAwNCIKICAgaTpydWxlck9yaWdpbj0iLTggMjQuODg5NiIKICAgaTpwYWdlQm91bmRzPSI4IDgxNyA2MDMuMjc1NCAtMjQuODg5NiIKICAgaTp2aWV3Qm94SW50ZXJwcmV0YXRpb249ImFzQ3JvcEJveCIKICAgICB2aWV3Qm94PSItMC42IC0wLjYgNDYuNjY3IDE2Ny42NjYiCiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIgogZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC42IC0wLjYgNDYuNjY3IDE2Ny42NjYiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIGlkPSJzdmcyIgogICBzb2RpcG9kaTp2ZXJzaW9uPSIwLjMyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJHdWxsQnJhY2Uuc3ZnIgogICBpbmtzY2FwZTpvdXRwdXRfZXh0ZW5zaW9uPSJvcmcuaW5rc2NhcGUub3V0cHV0LnN2Zy5pbmtzY2FwZSIKICAgc29kaXBvZGk6ZG9jYmFzZT0iRzpcRG9jdW1lbnRzIGFuZCBTZXR0aW5nc1xKZXNzZVxEZXNrdG9wIgogICBzb2RpcG9kaTptb2RpZmllZD0idHJ1ZSI+PHN2ZzpkZWZzCiAgIGlkPSJkZWZzMTgiIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5OTgiCiAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4MCIKICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwLjAiCiAgIGdyaWR0b2xlcmFuY2U9IjEwLjAiCiAgIG9iamVjdHRvbGVyYW5jZT0iMTAuMCIKICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICBpZD0iYmFzZSIKICAgaW5rc2NhcGU6em9vbT0iMi4yNDg1MTc5IgogICBpbmtzY2FwZTpjeD0iMjMuMzMzNSIKICAgaW5rc2NhcGU6Y3k9Ijg4LjI4MDM3NCIKICAgaW5rc2NhcGU6d2luZG93LXg9IjEyNzYiCiAgIGlua3NjYXBlOndpbmRvdy15PSItNCIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KCTxzdmc6bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhNCI+CgkJPG5zOnZhcmlhYmxlU2V0cz4KCQkJPG5zOnZhcmlhYmxlU2V0CiAgIHZhclNldE5hbWU9ImJpbmRpbmcxIgogICBsb2NrZWQ9Im5vbmUiPgoJCQkJPG5zOnZhcmlhYmxlcyAvPgoJCQkJPG5zOnNhbXBsZURhdGFTZXRzIC8+CgkJCTwvbnM6dmFyaWFibGVTZXQ+CgkJPC9uczp2YXJpYWJsZVNldHM+CgkJPG5zMDpzZnc+CgkJCTxuczA6c2xpY2VzIC8+CgkJCTxuczA6c2xpY2VTb3VyY2VCb3VuZHMKICAgeD0iMjEwIgogICB5PSI1NC41MjMiCiAgICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiAvPgoJCTwvbnMwOnNmdz4KPHhwYWNrZXQgLz48eDp4bXBtZXRhCiAgIHg6eG1wdGs9IlhNUCB0b29sa2l0IDMuMC0yOSwgZnJhbWV3b3JrIDEuNiI+Cgo8c3ZnOm1ldGFkYXRhCiAgIGlkPSJtZXRhZGF0YTIwIj48cmRmOlJERj4KCiA8cmRmOkRlc2NyaXB0aW9uCiAgIHJkZjphYm91dD0iIj4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24KICAgcmRmOmFib3V0PSIiPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbgogICByZGY6YWJvdXQ9IiI+CiAgPHhhcDpDcmVhdGVEYXRlPjIwMDYtMTAtMTVUMDQ6NDY6NTRaPC94YXA6Q3JlYXRlRGF0ZT4KICA8eGFwOk1vZGlmeURhdGU+MjAwNi0xMC0xNVQwNDo0Njo1NFo8L3hhcDpNb2RpZnlEYXRlPgogIDx4YXA6Q3JlYXRvclRvb2w+SWxsdXN0cmF0b3I8L3hhcDpDcmVhdG9yVG9vbD4KICA8eGFwOlRodW1ibmFpbHM+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaQogICByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgPHhhcEdJbWc6Zm9ybWF0PkpQRUc8L3hhcEdJbWc6Zm9ybWF0PgogICAgIDx4YXBHSW1nOndpZHRoPjY4PC94YXBHSW1nOndpZHRoPgogICAgIDx4YXBHSW1nOmhlaWdodD4yNTY8L3hhcEdJbWc6aGVpZ2h0PgogICAgIDx4YXBHSW1nOmltYWdlPi85ai80QUFRU2taSlJnQUJBZ0VBU0FCSUFBRC83UUFzVUdodmRHOXphRzl3SURNdU1BQTRRa2xOQSswQUFBQUFBQkFBU0FBQUFBRUEKQVFCSUFBQUFBUUFCLys0QURrRmtiMkpsQUdUQUFBQUFBZi9iQUlRQUJnUUVCQVVFQmdVRkJna0dCUVlKQ3dnR0JnZ0xEQW9LQ3dvSwpEQkFNREF3TURBd1FEQTRQRUE4T0RCTVRGQlFURXh3Ykd4c2NIeDhmSHg4Zkh4OGZId0VIQndjTkRBMFlFQkFZR2hVUkZSb2ZIeDhmCkh4OGZIeDhmSHg4Zkh4OGZIeDhmSHg4Zkh4OGZIeDhmSHg4Zkh4OGZIeDhmSHg4Zkh4OGZIeDhmSHg4Zi84QUFFUWdCQUFCRUF3RVIKQUFJUkFRTVJBZi9FQWFJQUFBQUhBUUVCQVFFQUFBQUFBQUFBQUFRRkF3SUdBUUFIQ0FrS0N3RUFBZ0lEQVFFQkFRRUFBQUFBQUFBQQpBUUFDQXdRRkJnY0lDUW9MRUFBQ0FRTURBZ1FDQmdjREJBSUdBbk1CQWdNUkJBQUZJUkl4UVZFR0UyRWljWUVVTXBHaEJ4V3hRaVBCClV0SGhNeFppOENSeWd2RWxRelJUa3FLeVkzUENOVVFuazZPek5oZFVaSFREMHVJSUpvTUpDaGdaaEpSRlJxUzBWdE5WS0JyeTQvUEUKMU9UMFpYV0ZsYVcxeGRYbDlXWjJocGFtdHNiVzV2WTNSMWRuZDRlWHA3ZkgxK2YzT0VoWWFIaUltS2k0eU5qbytDazVTVmxwZVltWgpxYm5KMmVuNUtqcEtXbXA2aXBxcXVzcmE2dm9SQUFJQ0FRSURCUVVFQlFZRUNBTURiUUVBQWhFREJDRVNNVUVGVVJOaElnWnhnWkV5Cm9iSHdGTUhSNFNOQ0ZWSmljdkV6SkRSRGdoYVNVeVdpWTdMQ0IzUFNOZUpFZ3hkVWt3Z0pDaGdaSmpaRkdpZGtkRlUzOHFPend5Z3AKMCtQemhKU2t0TVRVNVBSbGRZV1ZwYlhGMWVYMVJsWm1kb2FXcHJiRzF1YjJSMWRuZDRlWHA3ZkgxK2YzT0VoWWFIaUltS2k0eU5qbworRGxKV1dsNWlabXB1Y25aNmZrcU9rcGFhbnFLbXFxNnl0cnErdi9hQUF3REFRQUNFUU1SQUQ4QTlVNHE3RlhZcTdGWFlxN0ZYWXE3CkZYWXE3RlhZcWwrc1h1cldrU3k2ZnB2NlQrMTZzS1RKRExzUGg0ZXJ4amFwNjhuV252aXJ6K1AvQUp5SDhqMm5tQWVYdk5GdnFIbEwKVnpUakZyRUt4d3R5MkRKY1F2UEVZeVFRSkN3WGJyaXIwNk9TT1dOWkkyRHh1QXlPcEJWbElxQ0NPb09LcnNWZGlyc1ZkaXJzVmRpcgpzVmVOL3dET1Zma214MS84cTc3VlRFdjZVOHZsYnkwbm9PZnBjZ2s4ZkxyeE1iY3FlS2pGVW8vNXc2ODUzdXRmbDdlYUpleXROTDVlCnVWaXRuWWtrV3M2bDRrcWY1SFdRRHdXZzdZcTk3eFYyS3V4VjJLdXhWMkt1eFZoWDUxLytTajgzL3dEYkt1ditUUnhWNFYvemd4LzAKMjMvYnIvN0hNVmZWV0t1eFYyS3V4VjJLdXhWMktzSy9PdjhBOGxINXYvN1pWMS95YU9LdkN2OEFuQmovQUtiYi90MS85am1LdnFyRgpYWXE3RlhZcTdGWFlxN0ZXR2ZuUWp2OEFsSjV2Q0FzUnBOMnhBOEZoWWsvUUJpcndmL25CbDBEK2RZeVJ6WWFZeXIzSVg2MkNmbzVECkZYMVhpcnNWZGlyc1ZkaXJzVmRpcUMxelNiYldkRjFEU0xyL0FIbDFHMm10SjZVSjlPZU14dDE5bXhWOGhma2xxRjMrU3Y1dWFqNWEKODhKK2pySFZvdnF5YWxKVmJabWlmbGIzQ3lIWXhPQ3lrL3NsdmlwUnFLdnNlR2FHZUpKb1pGbGhrVU5ISWhES3lrVkJVallnNHF2eApWMkt1eFYyS3V4VjJLclpwWW9Zbm1sY1J4UnFYa2RqUlZWUlVrazlnTVZmSitvL21GNXEvUC96ekw1SDh2TGJhWjVOaER6WFY1Y1cwClZ4Y0cyallJMDlaVmYwM2RuSHBySHhZVjNicmlyNkQvQUM1L0t6eXQrWCtuR3gwRTNiTElBSnBMcTVsbDVrYjh2U3FJRVB1a1l4VmwKK0t1eFYyS3V4VjJLdXhWaVA1djNjdHArVmZtNmVJMGtYU0wxVllHaEJlQmxxQ080clhGWHo1L3pnM2FJMTk1eHV6VG5ERllSTHR2UwpWcmhqdi96eUdLdnJIRlhZcTdGWFlxN0ZYWXE3RldGZm5YLzVLUHpmL3dCc3E2LzVOSEZYaFgvT0RIL1RiZjhBYnIvN0hNVmZWV0t1CnhWMkt1eFYyS3V4VjJLc0svT3YvQU1sSDV2OEErMlZkZjhtamlyd3IvbkJqL3B0diszWC9BTmptS3ZxckZYWXE3RlhZcTdGWFlxN0YKWG5uL0FEa0ZxdHZwbjVOK2FacDJBRTFtYlNNSHFYdVdXRlFQSDdkY1ZlVC9BUE9EK2tYTU9oZWF0WFpTTGU5dWJXMWlic1d0WTVIZQpuMFhTNHErbThWZGlyc1ZkaXJzVmRpcVhhMXExenAwS3ZiYVhkNnJLOVF0dlorZ0dxUDVtdUpZSTFyN3RpcnhMOHhQeTYvT0g4M2J5CjEwL1dZN1h5YjVPdEpSTjlVTTYzdDdOSlFxSkpCQWZSSlZTZUs4NkxVN3RpcjJQeVg1TzBQeWQ1YXMvTDJpUkdLd3NsSVVzZVVqdXgKNVBKSTNkbllrbjdoUVVHS3AzaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlycwpWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWCmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmQKaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaQpyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyCnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpci8KQVAvWjwveGFwR0ltZzppbWFnZT4KICAgIDwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC94YXA6VGh1bWJuYWlscz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24KICAgcmRmOmFib3V0PSIiPgogIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogPC9yZGY6RGVzY3JpcHRpb24+Cgo8Y2M6V29yawogICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9zdmc6bWV0YWRhdGE+PC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHhwYWNrZXQgLz4KCQkJPC9zdmc6bWV0YWRhdGE+CgkJPHN2ZzpnCiAgIGlkPSJpbWFnZSIKICAgaTpsYXllcj0ieWVzIgogICBpOmRpbW1lZFBlcmNlbnQ9IjMiCiAgIGk6cmdiVHJpbz0iIzRGMDA4MDAwRkZGRiIKICAgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsNDQuNjU1NTc0LDAuODg5NDc0OCkiPgoJCQk8c3ZnOnN3aXRjaAogICBpOm9iamVjdE5TPSJodHRwOi8vbnMuYWRvYmUuY29tL0Zsb3dzLzEuMC8iCiAgIGk6b2JqZWN0VHlwZT0icG9pbnRUZXh0IgogICBkaXNwbGF5PSJub25lIgogICBpZD0ic3dpdGNoNyIKICAgc3R5bGU9ImRpc3BsYXk6bm9uZSI+CgkJCQk8c3ZnOmZvcmVpZ25PYmplY3QKICAgcmVxdWlyZWRFeHRlbnNpb25zPSJodHRwOi8vbnMuYWRvYmUuY29tL0Zsb3dzLzEuMC8iCiAgIHg9IjAiCiAgIHk9IjAiCiAgZGlzcGxheT0iaW5saW5lIgogICBvdmVyZmxvdz0idmlzaWJsZSIKICAgaWQ9ImZvcmVpZ25PYmplY3Q5Ij4KCQkJCQk8bnMxOmZsb3dEZWY+CgkJCQkJCTxuczE6cmVnaW9uCiAgIHRleHRNYXRyaXg9IjEgMCAwIDEgMCAwIj4KCQkJCQkJCTxuczE6cGF0aAogICBkPSJNLTM3LjYsMTQ4LjQiIC8+CgkJCQkJCTwvbnMxOnJlZ2lvbj4KCQkJCQkJPG5zMTpmbG93CiAgIGZvbnQtZmFtaWx5PSInTGV0dGVyR290aGljU3RkJyIKICAgZm9udC1zaXplPSIyMDAiPgoJCQkJCQkJPG5zMTpwPjxuczE6c3Bhbj59PC9uczE6c3Bhbj48L25zMTpwPgoJCQkJCQkJPG5zMTpwIC8+CgkJCQkJCTwvbnMxOmZsb3c+CgkJCQkJPC9uczE6Zmxvd0RlZj4KCQkJCQk8bnMyOnRhcmdldFJlZgogICB4bGluazpocmVmPSIjWE1MSURfMV8iIC8+CgkJCQk8L3N2Zzpmb3JlaWduT2JqZWN0PgoJCQkJPHN2Zzp0ZXh0CiAgIGlkPSJYTUxJRF8xXyIKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3LjYwMDEsMTQ4LjQwMDQpIgogICBkaXNwbGF5PSJpbmxpbmUiCiAgIHN0eWxlPSJkaXNwbGF5OmlubGluZSI+PHN2Zzp0c3BhbgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBmb250LXNpemU9IjIwMCIKICAgICBpZD0idHNwYW4xMiIKICAgICBzdHlsZT0iZm9udC1zaXplOjIwMHB4O2ZvbnQtZmFtaWx5OkxldHRlckdvdGhpY1N0ZCI+fTwvc3ZnOnRzcGFuPjwvc3ZnOnRleHQ+CgoJCQk8L3N2Zzpzd2l0Y2g+CgkJCTxzdmc6ZwogICBpZD0icmFzdGVyIgogICBpOmtub2Nrb3V0PSJPZmYiPgoJCQkJPHN2ZzpwYXRoCiAgIGk6a25vY2tvdXQ9Ik9mZiIKICAgZD0iTSAxOS44LDI1LjggQyAxOS44LDExLjIgMTUuNiwyLjIgMCwwLjQgTCAwLjQsMCBDIDIzLDAuNCAyOS4yLDcuMiAyOS4yLDI5IEwgMjkuMiw1OS4yIEMgMjkuMiw3Mi42IDMwLjYsNzkgNDUuMiw4Mi42IEwgNDUuMiw4MyBDIDMwLjgsODYuNiAyOS4yLDkzIDI5LjIsMTA2LjIgTCAyOS4yLDEzOC40IEMgMjkuMiwxNTkuNCAyMS40LDE2NS40IDAuNCwxNjYgTCAwLDE2NS42MDEgQyAxNiwxNjMuMjAxIDE5LjgsMTU1LjIwMSAxOS44LDE0MCBMIDE5LjgsMTA3LjggQyAxOS44LDk0LjIgMjEuNiw4Ni40IDM2LjYsODMgTCAzNi42LDgyLjYgQyAyMS40LDc5IDE5LjgsNzAuNiAxOS44LDU3IEwgMTkuOCwyNS44IHogIgogICBpZD0icGF0aDE1IiAvPgoJCQk8L3N2ZzpnPgoJCTwvc3ZnOmc+Cgk8L3N2Zzpzdmc+');
	-webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wLjAgQnVpbGQgNzgpICAtLT4KPHN2ZzpzdmcKICAgeG1sbnM6bnMyPSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIKICAgeG1sbnM6bnMxPSJodHRwOi8vbnMuYWRvYmUuY29tL0Zsb3dzLzEuMC8iCiAgIHhtbG5zOnhhcEdJbWc9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9nL2ltZy8iCiAgIHhtbG5zOnhhcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1sbnM6bnMwPSJodHRwOi8vbnMuYWRvYmUuY29tL1NhdmVGb3JXZWIvMS4wLyIKICAgeG1sbnM6bnM9Imh0dHA6Ly9ucy5hZG9iZS5jb20vVmFyaWFibGVzLzEuMC8iCiAgIHhtbG5zOmk9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyIKICAgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly93ZWIucmVzb3VyY2Uub3JnL2NjLyIKICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaTp2aWV3T3JpZ2luPSIyNDcuNjAwMSA1MDYuNDAwNCIKICAgaTpydWxlck9yaWdpbj0iLTggMjQuODg5NiIKICAgaTpwYWdlQm91bmRzPSI4IDgxNyA2MDMuMjc1NCAtMjQuODg5NiIKICAgaTp2aWV3Qm94SW50ZXJwcmV0YXRpb249ImFzQ3JvcEJveCIKICAgICB2aWV3Qm94PSItMC42IC0wLjYgNDYuNjY3IDE2Ny42NjYiCiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIgogZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC42IC0wLjYgNDYuNjY3IDE2Ny42NjYiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIGlkPSJzdmcyIgogICBzb2RpcG9kaTp2ZXJzaW9uPSIwLjMyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJHdWxsQnJhY2Uuc3ZnIgogICBpbmtzY2FwZTpvdXRwdXRfZXh0ZW5zaW9uPSJvcmcuaW5rc2NhcGUub3V0cHV0LnN2Zy5pbmtzY2FwZSIKICAgc29kaXBvZGk6ZG9jYmFzZT0iRzpcRG9jdW1lbnRzIGFuZCBTZXR0aW5nc1xKZXNzZVxEZXNrdG9wIgogICBzb2RpcG9kaTptb2RpZmllZD0idHJ1ZSI+PHN2ZzpkZWZzCiAgIGlkPSJkZWZzMTgiIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5OTgiCiAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4MCIKICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwLjAiCiAgIGdyaWR0b2xlcmFuY2U9IjEwLjAiCiAgIG9iamVjdHRvbGVyYW5jZT0iMTAuMCIKICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICBpZD0iYmFzZSIKICAgaW5rc2NhcGU6em9vbT0iMi4yNDg1MTc5IgogICBpbmtzY2FwZTpjeD0iMjMuMzMzNSIKICAgaW5rc2NhcGU6Y3k9Ijg4LjI4MDM3NCIKICAgaW5rc2NhcGU6d2luZG93LXg9IjEyNzYiCiAgIGlua3NjYXBlOndpbmRvdy15PSItNCIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KCTxzdmc6bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhNCI+CgkJPG5zOnZhcmlhYmxlU2V0cz4KCQkJPG5zOnZhcmlhYmxlU2V0CiAgIHZhclNldE5hbWU9ImJpbmRpbmcxIgogICBsb2NrZWQ9Im5vbmUiPgoJCQkJPG5zOnZhcmlhYmxlcyAvPgoJCQkJPG5zOnNhbXBsZURhdGFTZXRzIC8+CgkJCTwvbnM6dmFyaWFibGVTZXQ+CgkJPC9uczp2YXJpYWJsZVNldHM+CgkJPG5zMDpzZnc+CgkJCTxuczA6c2xpY2VzIC8+CgkJCTxuczA6c2xpY2VTb3VyY2VCb3VuZHMKICAgeD0iMjEwIgogICB5PSI1NC41MjMiCiAgICBib3R0b21MZWZ0T3JpZ2luPSJ0cnVlIiAvPgoJCTwvbnMwOnNmdz4KPHhwYWNrZXQgLz48eDp4bXBtZXRhCiAgIHg6eG1wdGs9IlhNUCB0b29sa2l0IDMuMC0yOSwgZnJhbWV3b3JrIDEuNiI+Cgo8c3ZnOm1ldGFkYXRhCiAgIGlkPSJtZXRhZGF0YTIwIj48cmRmOlJERj4KCiA8cmRmOkRlc2NyaXB0aW9uCiAgIHJkZjphYm91dD0iIj4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24KICAgcmRmOmFib3V0PSIiPgogPC9yZGY6RGVzY3JpcHRpb24+CgogPHJkZjpEZXNjcmlwdGlvbgogICByZGY6YWJvdXQ9IiI+CiAgPHhhcDpDcmVhdGVEYXRlPjIwMDYtMTAtMTVUMDQ6NDY6NTRaPC94YXA6Q3JlYXRlRGF0ZT4KICA8eGFwOk1vZGlmeURhdGU+MjAwNi0xMC0xNVQwNDo0Njo1NFo8L3hhcDpNb2RpZnlEYXRlPgogIDx4YXA6Q3JlYXRvclRvb2w+SWxsdXN0cmF0b3I8L3hhcDpDcmVhdG9yVG9vbD4KICA8eGFwOlRodW1ibmFpbHM+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaQogICByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgPHhhcEdJbWc6Zm9ybWF0PkpQRUc8L3hhcEdJbWc6Zm9ybWF0PgogICAgIDx4YXBHSW1nOndpZHRoPjY4PC94YXBHSW1nOndpZHRoPgogICAgIDx4YXBHSW1nOmhlaWdodD4yNTY8L3hhcEdJbWc6aGVpZ2h0PgogICAgIDx4YXBHSW1nOmltYWdlPi85ai80QUFRU2taSlJnQUJBZ0VBU0FCSUFBRC83UUFzVUdodmRHOXphRzl3SURNdU1BQTRRa2xOQSswQUFBQUFBQkFBU0FBQUFBRUEKQVFCSUFBQUFBUUFCLys0QURrRmtiMkpsQUdUQUFBQUFBZi9iQUlRQUJnUUVCQVVFQmdVRkJna0dCUVlKQ3dnR0JnZ0xEQW9LQ3dvSwpEQkFNREF3TURBd1FEQTRQRUE4T0RCTVRGQlFURXh3Ykd4c2NIeDhmSHg4Zkh4OGZId0VIQndjTkRBMFlFQkFZR2hVUkZSb2ZIeDhmCkh4OGZIeDhmSHg4Zkh4OGZIeDhmSHg4Zkh4OGZIeDhmSHg4Zkh4OGZIeDhmSHg4Zkh4OGZIeDhmSHg4Zi84QUFFUWdCQUFCRUF3RVIKQUFJUkFRTVJBZi9FQWFJQUFBQUhBUUVCQVFFQUFBQUFBQUFBQUFRRkF3SUdBUUFIQ0FrS0N3RUFBZ0lEQVFFQkFRRUFBQUFBQUFBQQpBUUFDQXdRRkJnY0lDUW9MRUFBQ0FRTURBZ1FDQmdjREJBSUdBbk1CQWdNUkJBQUZJUkl4UVZFR0UyRWljWUVVTXBHaEJ4V3hRaVBCClV0SGhNeFppOENSeWd2RWxRelJUa3FLeVkzUENOVVFuazZPek5oZFVaSFREMHVJSUpvTUpDaGdaaEpSRlJxUzBWdE5WS0JyeTQvUEUKMU9UMFpYV0ZsYVcxeGRYbDlXWjJocGFtdHNiVzV2WTNSMWRuZDRlWHA3ZkgxK2YzT0VoWWFIaUltS2k0eU5qbytDazVTVmxwZVltWgpxYm5KMmVuNUtqcEtXbXA2aXBxcXVzcmE2dm9SQUFJQ0FRSURCUVVFQlFZRUNBTURiUUVBQWhFREJDRVNNVUVGVVJOaElnWnhnWkV5Cm9iSHdGTUhSNFNOQ0ZWSmljdkV6SkRSRGdoYVNVeVdpWTdMQ0IzUFNOZUpFZ3hkVWt3Z0pDaGdaSmpaRkdpZGtkRlUzOHFPend5Z3AKMCtQemhKU2t0TVRVNVBSbGRZV1ZwYlhGMWVYMVJsWm1kb2FXcHJiRzF1YjJSMWRuZDRlWHA3ZkgxK2YzT0VoWWFIaUltS2k0eU5qbworRGxKV1dsNWlabXB1Y25aNmZrcU9rcGFhbnFLbXFxNnl0cnErdi9hQUF3REFRQUNFUU1SQUQ4QTlVNHE3RlhZcTdGWFlxN0ZYWXE3CkZYWXE3RlhZcWwrc1h1cldrU3k2ZnB2NlQrMTZzS1RKRExzUGg0ZXJ4amFwNjhuV252aXJ6K1AvQUp5SDhqMm5tQWVYdk5GdnFIbEwKVnpUakZyRUt4d3R5MkRKY1F2UEVZeVFRSkN3WGJyaXIwNk9TT1dOWkkyRHh1QXlPcEJWbElxQ0NPb09LcnNWZGlyc1ZkaXJzVmRpcgpzVmVOL3dET1Zma214MS84cTc3VlRFdjZVOHZsYnkwbm9PZnBjZ2s4ZkxyeE1iY3FlS2pGVW8vNXc2ODUzdXRmbDdlYUpleXROTDVlCnVWaXRuWWtrV3M2bDRrcWY1SFdRRHdXZzdZcTk3eFYyS3V4VjJLdXhWMkt1eFZoWDUxLytTajgzL3dEYkt1ditUUnhWNFYvemd4LzAKMjMvYnIvN0hNVmZWV0t1eFYyS3V4VjJLdXhWMktzSy9PdjhBOGxINXYvN1pWMS95YU9LdkN2OEFuQmovQUtiYi90MS85am1LdnFyRgpYWXE3RlhZcTdGWFlxN0ZXR2ZuUWp2OEFsSjV2Q0FzUnBOMnhBOEZoWWsvUUJpcndmL25CbDBEK2RZeVJ6WWFZeXIzSVg2MkNmbzVECkZYMVhpcnNWZGlyc1ZkaXJzVmRpcUMxelNiYldkRjFEU0xyL0FIbDFHMm10SjZVSjlPZU14dDE5bXhWOGhma2xxRjMrU3Y1dWFqNWEKODhKK2pySFZvdnF5YWxKVmJabWlmbGIzQ3lIWXhPQ3lrL3NsdmlwUnFLdnNlR2FHZUpKb1pGbGhrVU5ISWhES3lrVkJVallnNHF2eApWMkt1eFYyS3V4VjJLclpwWW9Zbm1sY1J4UnFYa2RqUlZWUlVrazlnTVZmSitvL21GNXEvUC96ekw1SDh2TGJhWjVOaER6WFY1Y1cwClZ4Y0cyallJMDlaVmYwM2RuSHBySHhZVjNicmlyNkQvQUM1L0t6eXQrWCtuR3gwRTNiTElBSnBMcTVsbDVrYjh2U3FJRVB1a1l4VmwKK0t1eFYyS3V4VjJLdXhWaVA1djNjdHArVmZtNmVJMGtYU0wxVllHaEJlQmxxQ080clhGWHo1L3pnM2FJMTk1eHV6VG5ERllSTHR2UwpWcmhqdi96eUdLdnJIRlhZcTdGWFlxN0ZYWXE3RldGZm5YLzVLUHpmL3dCc3E2LzVOSEZYaFgvT0RIL1RiZjhBYnIvN0hNVmZWV0t1CnhWMkt1eFYyS3V4VjJLc0svT3YvQU1sSDV2OEErMlZkZjhtamlyd3IvbkJqL3B0diszWC9BTmptS3ZxckZYWXE3RlhZcTdGWFlxN0YKWG5uL0FEa0ZxdHZwbjVOK2FacDJBRTFtYlNNSHFYdVdXRlFQSDdkY1ZlVC9BUE9EK2tYTU9oZWF0WFpTTGU5dWJXMWlic1d0WTVIZQpuMFhTNHErbThWZGlyc1ZkaXJzVmRpcVhhMXExenAwS3ZiYVhkNnJLOVF0dlorZ0dxUDVtdUpZSTFyN3RpcnhMOHhQeTYvT0g4M2J5CjEwL1dZN1h5YjVPdEpSTjlVTTYzdDdOSlFxSkpCQWZSSlZTZUs4NkxVN3RpcjJQeVg1TzBQeWQ1YXMvTDJpUkdLd3NsSVVzZVVqdXgKNVBKSTNkbllrbjdoUVVHS3AzaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlycwpWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWCmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmQKaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaQpyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyCnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpcnNWZGlyc1ZkaXJzVmRpci8KQVAvWjwveGFwR0ltZzppbWFnZT4KICAgIDwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC94YXA6VGh1bWJuYWlscz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24KICAgcmRmOmFib3V0PSIiPgogIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogPC9yZGY6RGVzY3JpcHRpb24+Cgo8Y2M6V29yawogICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9zdmc6bWV0YWRhdGE+PC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHhwYWNrZXQgLz4KCQkJPC9zdmc6bWV0YWRhdGE+CgkJPHN2ZzpnCiAgIGlkPSJpbWFnZSIKICAgaTpsYXllcj0ieWVzIgogICBpOmRpbW1lZFBlcmNlbnQ9IjMiCiAgIGk6cmdiVHJpbz0iIzRGMDA4MDAwRkZGRiIKICAgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsNDQuNjU1NTc0LDAuODg5NDc0OCkiPgoJCQk8c3ZnOnN3aXRjaAogICBpOm9iamVjdE5TPSJodHRwOi8vbnMuYWRvYmUuY29tL0Zsb3dzLzEuMC8iCiAgIGk6b2JqZWN0VHlwZT0icG9pbnRUZXh0IgogICBkaXNwbGF5PSJub25lIgogICBpZD0ic3dpdGNoNyIKICAgc3R5bGU9ImRpc3BsYXk6bm9uZSI+CgkJCQk8c3ZnOmZvcmVpZ25PYmplY3QKICAgcmVxdWlyZWRFeHRlbnNpb25zPSJodHRwOi8vbnMuYWRvYmUuY29tL0Zsb3dzLzEuMC8iCiAgIHg9IjAiCiAgIHk9IjAiCiAgZGlzcGxheT0iaW5saW5lIgogICBvdmVyZmxvdz0idmlzaWJsZSIKICAgaWQ9ImZvcmVpZ25PYmplY3Q5Ij4KCQkJCQk8bnMxOmZsb3dEZWY+CgkJCQkJCTxuczE6cmVnaW9uCiAgIHRleHRNYXRyaXg9IjEgMCAwIDEgMCAwIj4KCQkJCQkJCTxuczE6cGF0aAogICBkPSJNLTM3LjYsMTQ4LjQiIC8+CgkJCQkJCTwvbnMxOnJlZ2lvbj4KCQkJCQkJPG5zMTpmbG93CiAgIGZvbnQtZmFtaWx5PSInTGV0dGVyR290aGljU3RkJyIKICAgZm9udC1zaXplPSIyMDAiPgoJCQkJCQkJPG5zMTpwPjxuczE6c3Bhbj59PC9uczE6c3Bhbj48L25zMTpwPgoJCQkJCQkJPG5zMTpwIC8+CgkJCQkJCTwvbnMxOmZsb3c+CgkJCQkJPC9uczE6Zmxvd0RlZj4KCQkJCQk8bnMyOnRhcmdldFJlZgogICB4bGluazpocmVmPSIjWE1MSURfMV8iIC8+CgkJCQk8L3N2Zzpmb3JlaWduT2JqZWN0PgoJCQkJPHN2Zzp0ZXh0CiAgIGlkPSJYTUxJRF8xXyIKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3LjYwMDEsMTQ4LjQwMDQpIgogICBkaXNwbGF5PSJpbmxpbmUiCiAgIHN0eWxlPSJkaXNwbGF5OmlubGluZSI+PHN2Zzp0c3BhbgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBmb250LXNpemU9IjIwMCIKICAgICBpZD0idHNwYW4xMiIKICAgICBzdHlsZT0iZm9udC1zaXplOjIwMHB4O2ZvbnQtZmFtaWx5OkxldHRlckdvdGhpY1N0ZCI+fTwvc3ZnOnRzcGFuPjwvc3ZnOnRleHQ+CgoJCQk8L3N2Zzpzd2l0Y2g+CgkJCTxzdmc6ZwogICBpZD0icmFzdGVyIgogICBpOmtub2Nrb3V0PSJPZmYiPgoJCQkJPHN2ZzpwYXRoCiAgIGk6a25vY2tvdXQ9Ik9mZiIKICAgZD0iTSAxOS44LDI1LjggQyAxOS44LDExLjIgMTUuNiwyLjIgMCwwLjQgTCAwLjQsMCBDIDIzLDAuNCAyOS4yLDcuMiAyOS4yLDI5IEwgMjkuMiw1OS4yIEMgMjkuMiw3Mi42IDMwLjYsNzkgNDUuMiw4Mi42IEwgNDUuMiw4MyBDIDMwLjgsODYuNiAyOS4yLDkzIDI5LjIsMTA2LjIgTCAyOS4yLDEzOC40IEMgMjkuMiwxNTkuNCAyMS40LDE2NS40IDAuNCwxNjYgTCAwLDE2NS42MDEgQyAxNiwxNjMuMjAxIDE5LjgsMTU1LjIwMSAxOS44LDE0MCBMIDE5LjgsMTA3LjggQyAxOS44LDk0LjIgMjEuNiw4Ni40IDM2LjYsODMgTCAzNi42LDgyLjYgQyAyMS40LDc5IDE5LjgsNzAuNiAxOS44LDU3IEwgMTkuOCwyNS44IHogIgogICBpZD0icGF0aDE1IiAvPgoJCQk8L3N2ZzpnPgoJCTwvc3ZnOmc+Cgk8L3N2Zzpzdmc+');
	background-color: currentColor;
}

.sinod .sinodCases .sinodCasesBrace.hide {
	display: none;
}

.sinod .sinodCases .sinodCasesBrace.right {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.sinod .sinodSpecialText {
	display: inline-table;
	text-align: center;
	border: 0.056em solid;
	width: 1em;
	height: 1em;
}

.sinod .sinodSpecialText .sinodSpecialTextInner {
	display: table-cell;
	vertical-align: middle;
	font-size: 0.8em;
	line-height: 1;
}

.sinod .sinodSpecialText .use-math-font {
	font-family: Symbola, "Times New Roman", serif;
	top: 0.04em;
}

.sinod .sinodStack {
	box-sizing: content-box;
}

.sinod .sinodStack>.hide {
	display: none !important;
}

.sinod .sinodStack.sinodInteractive>* {
	cursor: pointer;
}

.sinod .sinodImage.useAdjust {
	width: 100%;
}

.sinod .sinodImage_ {
	display: inline-block;
}

.sinod .sinodImage_ .sinodImageTouch,
.sinod .sinodImage_ .sinodImageRotateIconTouch {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sinod .sinodImage_ .sinodImageRotateIcon,
.sinod .sinodImage_ .sinodImageRotateCustomIcon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
}

.sinod .sinodImage_ .sinodImageRotateCustomIcon {
	width: auto;
	height: auto;
}

.sinod .sinodImage_ .sinodImageRotateIcon.topRight {
	top: -25px;
	right: -25px;
}

.sinod .sinodImage_ .sinodImageRotateIcon.topLeft {
	top: -25px;
	left: -25px;
	transform: rotate(-90deg);
}

.sinod .sinodImage_ .sinodImageRotateIcon.bottomRight {
	bottom: -25px;
	right: -25px;
	transform: rotate(90deg);
}

.sinod .sinodImage_ .sinodImageRotateIcon.bottomLeft {
	bottom: -25px;
	left: -25px;
	transform: rotate(180deg);
}

.sinod .sinodImage_ .sinodImageRotateCustomIcon.topRight {
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
}

.sinod .sinodImage_ .sinodImageRotateCustomIcon.topLeft {
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
}

.sinod .sinodImage_ .sinodImageRotateCustomIcon.bottomRight {
	bottom: 0;
	right: 0;
	transform: translate(50%, 50%);
}

.sinod .sinodImage_ .sinodImageRotateCustomIcon.bottomLeft {
	bottom: 0;
	left: 0;
	transform: translate(-50%, 50%);
}

.sinod .sinodImage_ .sinodImageRotateIcon img {
	width: 20px;
	height: 20px;
}

.sinod .sinodImage_ .sinodImagePerspectiveDom {
    perspective: 1100px;
	text-align: center;
}

.sinod .sinodImage_ .sinodImagePerspectiveDom > .sinodImage {
	transition: transform 1s;
	transform-style: preserve-3d;
}

.sinod .sinodImage_ .sinodImagePerspectiveDom .sinodImageResetButton {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.sinod .sinodImage_ .sinodImageButtonController {
	display: flex;
	flex-direction: column;
}

.sinod .sinodImage_ .sinodImageButtonGroup {
	display: flex;
	flex-wrap: wrap;
}

.sinod .sinodImage_ .sinodImageButton {
	cursor: pointer;
}

.sinod .sinodMath .no-padding {
	padding-left: 0;
	padding-right: 0;
}

.sinod .sinodMath .sinodMathUnderline {
	position: absolute;
	width: 100%;
	left: 0;
	border-bottom: 1px solid;
}

.sinod .sinodPartial>.mq-root-block.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.sinodText {
	white-space: nowrap;
}

.sinodText.wrap {
	white-space: normal;
}

.sinod.inherit .sinodText,
.sinod.inherit .sinodMath,
.sinod.inherit .sinodPartial {
	color: inherit !important;
	font-weight: inherit !important;
}

.sinod .sinodShade {
	display: table;
	border-collapse: collapse;
	user-select: none;
}

.sinod .sinodShade .sinodShadeRow {
	display: table-row;
}

.sinod .sinodShade .sinodShadeRowCell {
	display: table-cell;
}

.sinod .sinodShade .sinodShadeRowCell > div {
	content: '';
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.sinod .sinodShade .sinodShadeRowCell.use-background > div {
	display: block;
}

.sinod .sinodShade .disabled {
	cursor: auto;
}

.sinod .sinodSlash .slash {
	position: absolute;	
}

.sinod .sinodToggleSources {
	cursor: pointer;
}

.sinod .sinodToggleTargets .sinodeToggleTargetOn,
.sinod .sinodToggleTargets .sinodeToggleTargetOff {
	position: absolute;
}

.sinod .sinodMatrix ._sinodMatrix {
	display: grid;
	flex: 1;
}

.sinod .sinodMatrix .sinodMatrixLeftParentheses,
.sinod .sinodMatrix .sinodMatrixRightParentheses {
	font-family: 'Symbola';
	transform-origin: center 0;
	color: #000;
}

.sinod .sinodMatrix .sinodMatrixItem {
	display: flex;
}

.sinod .sinodMatrix .sinodMatrixItem.hor-left {
	justify-content: flex-start;
}

.sinod .sinodMatrix .sinodMatrixItem.hor-center {
	justify-content: center;
}

.sinod .sinodMatrix .sinodMatrixItem.hor-right {
	justify-content: flex-end;
}

.sinod .sinodMatrix ._sinodMatrix.ver-top {
	align-items: flex-start;
}

.sinod .sinodMatrix ._sinodMatrix.ver-middle {
	align-items: center;
}

.sinod .sinodMatrix ._sinodMatrix.ver-baseline {
	align-items: baseline;
}

.sinod .sinodMatrix ._sinodMatrix.ver-bottom {
	align-items: flex-end;
}

.sinod .sinodCartesian1D {
	text-align: left;
}

.sinod .sinodCartesian1DDom {
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.sinod .sinodCartesian1DDom.use-min-max-label {
	overflow: visible;
}

.sinod .sinodCartesian1DDom .sinodCartesian1DSVG {
	position: absolute;
	left: 0;
	top: 0;

	width: 100%;
	height: 100%;

	z-index: 10;
	overflow: hidden;
}

.sinod .sinodCartesian1DDom .sinodTextInput,
.sinod .sinodCartesian1DDom .sinodMathInput,
.sinod .sinodCartesian1DDom .sinodLabel1DLabel,
.sinod .sinodCartesian1DDom .sinodInEq1DLabel {
	z-index: 20;
}

.sinod .sinodCartesian1DDom .sinodAxis1DLabel,
.sinod .sinodCartesian1DDom .sinodGrid1DLabel,
.sinod .sinodCartesian1DDom .sinodPoint1DLabel,
.sinod .sinodCartesian1DDom .sinodLabel1DLabel,
.sinod .sinodCartesian1DDom .sinodInEq1DLabel,
.sinod .sinodCartesian1DDom .sinodAndInEq1DLabel {
	position: absolute;
	display: inline-block;
	line-height: 1;
}

.sinod .sinodCartesian1DDom .sinodInEq1D .hide,
.sinod .sinodCartesian1DDom .sinodPoint1D .hide,
.sinod .sinodCartesian1DDom .sinodBoxPlot1D .hide {
	display: none;
}

.sinod .sinodCartesian1DDom .sinodPoint1D .sinodPoint1DBlink {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: blinky-point-1d 1s infinite;
	transform-origin: 50% 50%;
	animation: blinky-point-1d 1s infinite;
}

.sinod .sinodCartesian1DDom .sinodInEq1D .sinodInEq1DBlink {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: blinky-in-eq-1d 1s infinite;
	transform-origin: 50% 50%;
	animation: blinky-in-eq-1d 1s infinite;
}

.sinod .sinodCartesian1DDom .sinodPoint1D:active .glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-point-1d 0.3s 1;
	transform-origin: 50% 50%;
	animation: glowy-point-1d 0.3s 1;
}

.sinod .sinodCartesian1DDom .sinodAndInEq1D:active .sinodAndInEq1DGlow.glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-and-in-eq-1d 0.3s 1;
	transform-origin: 50% 50%;
	animation: glowy-and-in-eq-1d 0.3s 1;
}

.sinod .sinodCartesian1DDom .sinodInEq1D:active .sinodInEq1DGlow.glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-in-eq-1d 0.3s 1;
	transform-origin: 50% 50%;
	animation: glowy-in-eq-1d 0.3s 1;
}


/* Point1D Controllers */
.sinod .sinodCartesian1D .sinodPoint1DControllers.hide,
.sinod .sinodCartesian1D .sinodPoint1DController {
	display: none;
}

.sinod .sinodCartesian1D .sinodPoint1DController.visible {
	display: inline-block;
}

.sinod .sinodCartesian1D .sinodPoint1DControllers {
	height: 2.125em;
	width: 13.644em;
	border: solid 0.056em rgba(204,204,204,1);
	border-radius: 0.278em;
	margin: auto;
	text-align: center;
}

.sinod .sinodCartesian1D .sinodPoint1DControllers .sinodPoint1DController.fill > img {
	display: none;
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodCartesian1D .sinodPoint1DControllers .sinodPoint1DController.fill.open .open-active,
.sinod .sinodCartesian1D .sinodPoint1DControllers .sinodPoint1DController.fill.open .closed,
.sinod .sinodCartesian1D .sinodPoint1DControllers .sinodPoint1DController.fill.closed .open,
.sinod .sinodCartesian1D .sinodPoint1DControllers .sinodPoint1DController.fill.closed .closed-active {
	display: inline;
}


/* InEq1D controllers */
.sinod .sinodCartesian1D .sinodInEq1DControllers.hide,
.sinod .sinodCartesian1D .sinodInEq1DController {
	display: none;
}

.sinod .sinodCartesian1D .sinodInEq1DController {
	height: 2.125em;
	width: 6.2em;
	margin-top: -0.056em;
}

.sinod .sinodCartesian1D .sinodInEq1DControllers.fill .sinodInEq1DController.fill,
.sinod .sinodCartesian1D .sinodInEq1DControllers.direction .sinodInEq1DController.direction {
	display: inline-block;
}

.sinod .sinodCartesian1D .sinodInEq1DControllers {
	height: 2.125em;
	width: 12.8em;
	border: solid 0.056em rgba(204,204,204,1);
	border-radius: 0.278em;
	margin: auto;
	text-align: center;
}

.sinod .sinodCartesian1D .sinodInEq1DControllers.fill.direction .sinodInEq1DController.fill {
	border-right: 0.056em solid rgba(204,204,204,1);
}

.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.fill > img,
.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.direction > img {
	display: none;
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.fill.open .open-active,
.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.fill.open .closed,
.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.fill.closed .open,
.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.fill.closed .closed-active,
.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.direction.left .left-active,
.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.direction.left .right,
.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.direction.right .left,
.sinod .sinodCartesian1D .sinodInEq1DControllers .sinodInEq1DController.direction.right .right-active {
	display: inline;
}

.sinod .sinodCartesian1D .sinodDotPlot1DStack,
.sinod .sinodCartesian1D .sinodDotPlot1DDropzone {
	position: absolute;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 20;
}

.sinod .sinodCartesian1D .sinodCartesian1DTitle,
.sinod .sinodCartesian1D .sinodCartesian1DLegend,
.sinod .sinodCartesian1D .sinodCartesian1DLabel {
	position: absolute;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DOutlierMenu {
	position: absolute;
	border: solid 0.056em rgba(240, 240, 240, 1);
	border-radius: 0.278em;
	padding: 0.578em 1em 0.278em 1em;
	text-align: center;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DOutlierMenu .menu {
	display: inline-block;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers.hide {
	display: none;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DController {
	display: inline-block;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers {
	height: 2.125em;
	width: 21.3em;
	margin: auto;
	text-align: center;
	margin-top: 3.333em;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.icon {
	display: inline-block;
	height: 2.125em;
	width: 2.125em;
	border: solid 0.056em rgba(204, 204, 204, 1);
	border-radius: 0.278em 0 0 0.278em;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.icon > img {
	display: inline-block;
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.message {
	height: 2.125em;
	width: 12.956em;
	border-right: solid 0.056em rgba(204,204,204,1);
	border-top: solid 0.056em rgba(204,204,204,1);
	border-bottom: solid 0.056em rgba(204,204,204,1);
	border-radius: 0 0.278em 0.278em 0;
	vertical-align: top;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.message {
	width: 16.8em;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.message .remove-message {
	display: inline-table;
	text-align: center;
	height: 2.125em;
	width: 16.8em;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.message .remove-message .inner {
	display: table-cell;
	vertical-align: middle;
	color: rgba(204,204,204,1)
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.remove {
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.remove .remove-active,
.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.remove .remove-inactive {
	height: 2.125em;
	width: 1.125em;
	margin: auto;
}

.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.remove .remove-inactive,
.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.remove:hover .remove-active {
	display: block;
}
.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.remove .remove-active,
.sinod .sinodCartesian1D .sinodBoxPlot1DControllers .sinodBoxPlot1DController.remove:hover .remove-inactive {
	display: none;
}
.sinod .sinodCartesian2D {
	text-align: 'left';
}

.sinod .sinodCartesian2DDom {
	overflow: hidden;
	margin-left: 0.4495em; /* half of slider button width */
	margin-right: 0.4495em;
	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.sinod .sinodCartesian2DSVG {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}

.sinod .sinodCartesian2DDom .sinodMathInput,
.sinod .sinodCartesian2DDom .sinodTextInput {
	z-index: 20;
	pointer-events: auto;
}

.sinod .sinodCartesian2DDom .sinodGrid2DLabels {
	pointer-events: none;
	z-index: 10;
}

.sinod .sinodCartesian2DDom .sinodPoint2DLabel,
.sinod .sinodCartesian2DDom .sinodLabel2DLabel,
.sinod .sinodCartesian2DDom .sinodGrid2DLabel,
.sinod .sinodCartesian2DDom .sinodAxis2DLabel {
	position: absolute;
	display: inline-block;
	line-height: 1;
	z-index: 10;
	pointer-events: none;
}

.sinod .sinodCartesian2DDom .sinodAxis2DLabel.x,
.sinod .sinodCartesian2DDom .sinodAxis2DLabel.origin {
	margin-top: 2.5px;
}

.sinod .sinodCartesian2DDom .sinodGrid2DLabel.x {
	margin-top: 5px;
}

.sinod .sinodCartesian2DDom .sinodAxis2DLabel.y {
	text-align: right;
}

.sinod .sinodCartesian2DDom .sinodLabel2DLabel.select {
	z-index: unset;
}

/* Cartesian2D menu */
.sinod .sinodCartesian2D .sinodCartesian2DMenu.hide {
	display: none;
}

.sinod .sinodCartesian2D .sinodCartesian2DMenu {
	position: absolute;
	left: 100%;
	margin-left: 1.125em;
	border: solid 0.056em rgba(240, 240, 240, 1);
	width: 4.37em;
	border-radius: 0.278em;
}

.sinod .sinodCartesian2D .sinodCartesian2DMenu.singleColumn {
	width: 2.185em;
}

.sinod .sinodCartesian2D .sinodCartesian2DMenu .menuOptions {
	display: inline-block;
}

.sinod .sinodCartesian2D .sinodCartesian2DMenu .menuOptions .menuOption {
	display: inline-block;
}

.sinod .sinodCartesian2D .sinodCartesian2DMenu .menuOption img {
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodCartesian2DDom .sinodAngle2DAngle.hide {
	display: none;
}

/* Cartesian2D handle points */ 
.sinod .sinodCartesian2DDom .sinodHandle2DBlink.hide,
.sinod .sinodCartesian2DDom .sinodHandle2DActive.hide,
.sinod .sinodCartesian2DDom .sinodHandle2DPoint.hide,
.sinod .sinodCartesian2DDom .sinodHandle2DBlink.hidden,
.sinod .sinodCartesian2DDom .sinodHandle2DActive.hidden,
.sinod .sinodCartesian2DDom .sinodHandle2DPoint.hidden {
	visibility: hidden;
}
.sinod .sinodCartesian2DDom .sinodHandles2D.hide {
	display: none;
}
.sinod .sinodCartesian2DDom .sinodHandle2DBlink {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: blinky-2d 1s infinite;
	transform-origin: 50% 50%;
	animation: blinky-2d 1s infinite;
}

/* glowy elements */
.sinod .sinodCartesian2DDom .sinodAngle2D.sinodInteractive:active .sinodAngle2DGlow.glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-angle-2d 0.1s 1;
	transform-origin: 50% 50%;
	animation: glowy-angle-2d 0.1s 1;
}
.sinod .sinodCartesian2DDom .sinodPath2D.sinodInteractive:active .sinodPath2DGlow.glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-path-2d 0.1s 1;
	transform-origin: 50% 50%;
	animation: glowy-path-2d 0.1s 1;
}
.sinod .sinodCartesian2DDom .sinodSegment2D.sinodInteractive:active .sinodSegment2DGlow.glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-segment-2d 0.1s 1;
	transform-origin: 50% 50%;
	animation: glowy-segment-2d 0.1s 1;
}
.sinod .sinodCartesian2DDom .sinodArc2D.sinodInteractive:active .sinodArc2DGlow.glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-arc-2d 0.1s 1;
	transform-origin: 50% 50%;
	animation: glowy-arc-2d 0.1s 1;
}
.sinod .sinodCartesian2DDom .sinodLabel2D.sinodInteractive:active .glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-label-2d 0.1s 1;
	transform-origin: 50% 50%;
	animation: glowy-label-2d 0.1s 1;
}

.sinod .sinodCartesian2DDom .sinodGrid2DxBreak,
.sinod .sinodCartesian2DDom .sinodGrid2DyBreak {
	position: absolute;
	background-color: #fff;
}

.sinod .sinodTrig {
	position: relative;
	z-index: 10;
}

.sinod .sinodTrigNeedle {
	text-align: left;
}

.sinod .sinodTrigNeedle .trigNeedleContent{
	display: inline-block;
	position: absolute;
}

.sinod .sinodTrigSVG .sinodInteractive .trigNeedleSvg {
	z-index: 2;
}

.sinod .sinodTrigSVG .sinodInteractive .needleHelper {
	z-index: 3;
} 

.sinod .sinodTrigSVG .sinodInteractive .trigBaseNeedleSvg {
	z-index: 1;
}

.sinod .sinodTrigSVG .sinodInteractive .baseNeedleHelper {
	z-index: 2;
}
.sinod .sinodCartesian3D {
	overflow: hidden;
}

.sinod .sinodCartesian3DCanvas {
	/*position: absolute;
	left: 0;
	top: 0;

	width: 100%;
	height: 100%;

	z-index: 10;*/
	overflow: hidden;
}

.sinod .sinodCartesian3D .sinodMathInput {
	z-index: 20;
}

.sinod .sinodCartesian3D .sinodTextInput {
	z-index: 20;
}

.sinod .sinodChartSVG {
	position: absolute;
	left: 0;
	top: 0;

	width: 100%;
	height: 100%;

	overflow: hidden;
}

.sinod .sinodChart .sinodChartLegend {
	z-index: 30;
	display: inline-block;
	position: absolute;
	right: 0;
}

.sinod .sinodChart .sinodChartLegendElement {
	position : absolute;
	transform : translate(var(--sinod-chart-legend-element-translateX, 0), var(--sinod-chart-legend-element-translateY, 0));
}

.sinod .sinodChart .sinodChartLegendElement.horizontal .legends {
	white-space: nowrap;
}

.sinod .sinodChart .sinodChartLegendElement.horizontal .sinodChartGraphLegend {
	display: inline-block;
	margin-left: 10px;
}

.sinod .sinodChart .sinodChartLegendElement.horizontal .sinodChartGraphLegend:first-child {
	margin-left: 0;
}

.sinod .sinodChart .legends .legend {
	display : flex;
	align-items : center;
	color : var(--sinod-chart-legend-element-color);
	fill : var(--sinod-chart-legend-element-color);
	stroke : var(--sinod-chart-legend-element-color);
}
.sinod .sinodChart .legends .legend > .legend-element {
	flex-shrink: 0;
}

.sinod .sinodChart .legends .legend .legend-icon {
	font-size : 0;
	flex-shrink: 0;
	width : var(--sinod-chart-legend-element-icon-size, 0);
	height : var(--sinod-chart-legend-element-icon-size, 0);
}

.sinod .sinodChart .sinodChartLabels > div > *:not(.sinodMathInput_):not(.sinodTextInput) {
	pointer-events: none;
}

.sinod .sinodChart .sinodMathInput {
	z-index: 20;
}

.sinod .sinodChart .sinodTextInput {
	z-index: 20;
}

.sinod .sinodChart .chart_breakstats_column {
	/* background-image: url('../assets/svg/controller/chart_breakstats_column.svg'); */
	background-position: right;
	background-repeat: repeat-y;
	position: absolute;
}

.sinod .sinodChart .chart_breakstats_row {
	/* background-image: url('../assets/svg/controller/chart_breakstats_row.svg'); */
	background-position: top;
	background-repeat: repeat-x;
	position: absolute;
}

.sinod .sinodChart .chart_slash_breakstats_row {
	background-repeat: no-repeat;
	background-position: left center;
}

.sinod .sinodChart .chart_slash_breakstats_column {
	background-repeat: no-repeat;
	background-position: center top;
}

.sinod .sinodChart .sinodInteractive {
	cursor: auto;
}

.sinod .sinodChart .sinodInteractive .selected {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.sinod .sinodChart .axis-x-label {
	line-height: 1.5;
}

.sinod .sinodChart .axis-y-label {
	line-height: 1.5;
}

.sinod .sinodChart .unit-x-label {
	line-height: 1.5;
}

.sinod .sinodChart .unit-y-label {
	line-height: 1.5;
}

.sinod .sinodChart .grid-label {
	line-height: 1.5;
}

.sinod .sinodCircleGraph .sinodCircleGraphLabels {
	position: absolute;
	top: 0;
	left: 0;
}

.sinod .sinodCircleGraph .sinodCircleGraphLabel,
.sinod .sinodCircleGraph .sinodCircleGraphLegend {
	position: absolute;
}

.sinod .sinodCircleGraph .sinodCircleGraphLegendLabelContainer {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sinod .sinodCircleGraph .sinodCircleGraphLegendLabelColor {
	width: 1em;
	height: 1em;
}

.sinod .sinodBandGraphLabel,
.sinod .sinodBandGraphLabels {
	position: absolute;
	line-height: normal;
}

.sinod .sinodBandGraphLabels {
	top: 0;
	left: 0;
}
.sinod .sinod-clock-menu_ {
	text-align: center;
	line-height: 1;
}

.sinod .sinod-clock-menu_ .sinod-clock-menu {
	margin-top: 0.8em;
}

.sinod .sinod-clock-menu_ .sinod-clock-menu > div {
	display: inline-block;
	border: solid 0.056em;
	border-radius: 0.278em;
	padding: 0.2em;
	margin-left: 0.6em;
}

.sinod .sinod-clock-menu_ .sinod-clock-menu > div:first-child {
	margin-left: 0;
}

.sinod .sinod-clock-menu_ .sinod-clock-menu svg {
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodClock_ {
	display: inline-block;
}

.sinod .sinodClock .blinky {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: blinky-clock 1s infinite;
	transform-origin: 50% 50%;
	animation: blinky-clock 1s infinite;
}

.sinod .sinodClock .blinky.hidden {
	visibility: hidden;
}

.sinod .sinodClock text.number {
	font-family: Symbola, "Times New Roman", serif;
}
.cs-slider {
	display: inline-block;
	min-width: 250px;
}

.cs-slider .gauge-container {
	box-sizing: border-box;
	position: relative;
	height: 0.667em;
	margin-bottom: 0.333em;
	width: 100%;
}

.cs-slider .gauge-container .gauge-background {
	background-color: rgba(230, 230, 230, 1);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.4495em; /* half the width of the button */
	right:0.4495em;
}

.cs-slider .gauge-container .gauge-background .gauge {
	background-color: rgba(57, 213, 121, 1);
	height: 100%;
	position: absolute;
}

.cs-slider .button-container {
	height: 1.167em;
	position: relative;
	width: 100%;
}

.cs-slider .button-container .btn {
	height: 1.167em;
	left: 0;
	outline: none;
	position: absolute;	
	width: 0.889em;

	background-repeat: no-repeat;

	background-image: url(https://classic-zwi.knowreapi.com/2.1.210960/handlr_inact.svg);
}

.cs-slider .button-container .btn:focus, .cs-slider .button-container .btn:active, .cs-slider .button-container .btn:hover {
	background-image: url(https://classic-zwi.knowreapi.com/2.1.210960/handlr_act.svg);
}

.cs-slider:not(.multi) .btn-left {
	display: none;
}


/* select box start */

.cs-select-box {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	position: relative;
	outline: none;
}

.cs-select-box[multiple] {
	min-width: 125px;
}

.cs-select-box .selected-area {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(153, 153, 153, 1);
	border-radius: 0.256em;
	border-bottom-right-radius: 0;
	box-sizing: border-box;
	padding: 0.450em 0.645em;
	position: relative;
	white-space: nowrap;
}

.cs-select-box .selected-area .arrow {
	bottom: 0.167em;
	height: 0.450em;
	position: absolute;
	right: 0.167em;
	width: 0.450em;

	background-image: url(https://classic-zwi.knowreapi.com/2.1.210960/arrow_selectbox_inact.svg);
}

.cs-select-box:hover .selected-area .arrow, .cs-select-box:active .selected-area .arrow {
	background-image: url(https://classic-zwi.knowreapi.com/2.1.210960/arrow_selectbox_act.svg);
}

.cs-select-box.focus .selected-area .arrow {
	background-image: url(https://classic-zwi.knowreapi.com/2.1.210960/arrow_selectbox_act.svg);
}

.cs-select-box.lock .selected-area .arrow {
	background-image: url(https://classic-zwi.knowreapi.com/2.1.210960/arrow_selectbox_lock.svg);
}

.cs-select-box .content-area {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(189, 189, 189, 1);
	border-radius: 0.256em;
	box-sizing: border-box;
	visibility: hidden;
	left: 0;
	position: absolute;
	width: 100%;
	height: 0;
	z-index: 10;
	max-height: 10em;
	overflow-y: hidden;
}

.cs-select-box .content-area:hover {
	overflow-y: hidden;
}

.cs-select-box .content-area.autoWidth {
	width: auto;
	overflow-y: hidden;
}

.cs-select-box.childFullWidth .content-area {
	width: 100%;
}

.cs-select-box[direction=up] .content-area {
	bottom: 100%;
	margin-bottom: 0.333em;
}

.cs-select-box[direction=down] .content-area {
	top: 100%;
	margin-top: 0.333em;
}

/* Focused state */
.cs-select-box.focus .selected-area {
	border: 1px solid rgba(57, 213, 121, 1);
}

/* Selected state */
.cs-select-box[open] {
	outline: none;
}

.cs-select-box[open] .selected-area {
	border: 1px solid rgba(153, 153, 153, 1);
}

.cs-select-box[open] .content-area {
	visibility: visible;
	height: inherit;
}

/* Disabled state */
.cs-select-box[disabled] {
	border-color: rgba(204, 204, 204, 1);
	cursor: default;
}

.selectbox-scrollbar {
	position: absolute;
	margin: 3px 3px 0 0;
	top: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.25);
	width: 0.333em;
	height: 60%;
	border-radius: 50px;
}

.onCursor {
	width: 0.5em;
}

/* select box end */

/* select box item start */

.cs-select-box-item {
	background-color: transparent;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(230, 230, 230, 1);
	cursor: pointer;
	display: block;
	padding: 0.450em 0.645em;
	width: 100%;
	white-space: nowrap;
}

.cs-select-box-item:last-child {
	border-bottom: none;
}

.cs-select-box-item:hover, .cs-select-box-item[keyboard-hover] {
	background-color: rgba(250, 250, 250, 1);
}

.cs-select-box-item:active {
	background-color: rgba(245, 245, 245, 1);
}

/* With checkbox */
.cs-select-box-item[with-checkbox] /deep/ [component-name="cs-check-box-button"] {
	display: -webkit-inline-flex;
	display: inline-flex;
	pointer-events: none;
}

.cs-select-box-item[with-checkbox] {
	padding: 0 0.645em 0 0;
}

/* select box item end */
/* checkbox */
.sinod .cs-check-box-button {
	border: 0.12em solid transparent;
	border-radius: 0.278em;
	cursor: pointer;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
	outline: none;
	overflow: hidden;
	padding: 0.667em 0.667em 0.667em 0;
	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sinod .cs-check-box-button .button-column {
	display: inline-block;
	vertical-align: top;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	width: 2.667em;
}

.sinod .cs-check-box-button .button {
	border: 0.125em solid rgba(153, 153, 153, 1);
	border-radius: 0.167em;
	height: 1.333em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1.333em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sinod .cs-check-box-button .button .label {
	color: rgba(120, 120, 120, 1);
	height: 1.333em;
	left: -0.125em;
	line-height: 1.333em;
	position: absolute;
	text-align: center;
	top: -0.125em;
	width: 1.333em;
}

.sinod .cs-check-box-button .button .label.use-math-font {
	font-family: Symbola, "Times New Roman", serif;
	left: -0.12em;
	top: -0.08em;
}

.sinod .cs-check-box-button .button .icon {
	display: none;
	position: absolute;
	height: 1.333em;
	left: -0.125em;
	top: -0.125em;
	width: 1.333em;

	background-image: url(https://classic-zwi.knowreapi.com/2.1.210960/check_v.svg);
}

.sinod .cs-check-box-button .item-column {
	display: block;
	-webkit-flex: 1 1 0;
	flex: 1 1 0;
	-webkit-align-self: center;
	align-self: center;
}

.sinod .cs-check-box-button .cs-ripple,
.sinod .cs-check-box-button .focus-circle {
	height: 2.667em;
	width: 2.667em;
	position: absolute;
	top: -0.791em; 	/*  2.667/4 + 0.125  */ 
	left: -0.791em;
}

.sinod .cs-check-box-button .cs-ripple {
	border-radius: 50%;
	background-color: rgba(57, 213, 121, 0.8);
}

.sinod .cs-check-box-button .focus-circle {
	background-color: rgb(57, 213, 121);
	border-radius: 100%;
	opacity: 0.0;
}

/* Focused */
.sinod .cs-check-box-button.tab-focus .focus-circle {
	transition: opacity 0.1s ease-in;
	opacity: 0.15;
}

/* Selected */
.sinod .cs-check-box-button.selected {
	border-color: rgba(215, 240, 225, 1);
}

.sinod .cs-check-box-button.selected .button {
	background-color: rgba(57, 213, 121, 1);
	border-color: rgba(57, 213, 121, 1);
}

.sinod .cs-check-box-button.selected.show-selected-label .button .label {
	display: block;
	color: rgb(255,255,255);
	z-index: 1;
}

.sinod .cs-check-box-button.selected.show-selected-label .button .icon {
	display: none;
}

.sinod .cs-check-box-button.selected .button .label {
	display: none;
}

.sinod .cs-check-box-button.selected .button .icon {
	display: inline-block;
}

/* Disabled */
.sinod .cs-check-box-button.disabled .button {
	border-color: rgba(190, 190, 190, 1);
	color: rgba(120, 120, 120, 1); 
}

/* Disabled and selected */
.sinod .cs-check-box-button.disabled.selected .button {
	background-color: rgba(190, 190, 190, 1);
}
.sinod .cs-check-box-button.disabled.selected {
	border-color: rgba(230, 230, 230, 1);
}

/* Limit reached */
.sinod .cs-check-box-button.limit:active:not(.disabled) .button,
.sinod .cs-check-box-button.limit.button-down .button {
	background-color: rgba(255, 116, 120, 1);
	border-color: rgba(255, 116, 120, 1);
}

.sinod .cs-check-box-button.limit:active:not(.disabled) .button .label,
.sinod .cs-check-box-button.limit.button-down .button .label {
	color: rgba(51, 51, 51, 1);
}

.sinod .cs-check-box-button.limit:active:not(.disabled) .circle,
.sinod .cs-check-box-button.limit.button-down .circle {
	color: rgba(255, 116, 120, 0.8);
}

.sinod .cs-check-box-button.limit.tab-focus .focus-circle {
	background-color: rgba(255, 116, 120, 0.8);
}

.sinod .cs-check-box-button.limit .cs-ripple {
	background-color: rgba(255, 116, 120, 1);
}

/* No border */
.sinod .cs-check-box-button.no-border {
	border: none;
}

/* No border color */
.sinod .cs-check-box-button[no-border-color] {
	border-color: transparent;
}
/* checkbox */

/* radio */
.sinod .cs-radio-button {
	border: 0.125em solid transparent;
	border-radius: 0.278em;
	cursor: pointer;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
	outline: none;
	overflow: hidden;
	padding: 0.667em 0.667em 0.667em 0;
	position: relative;
	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sinod .cs-radio-button .button-column {
	display: inline-block;
	vertical-align: top;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	width: 2.667em;
}

.sinod .cs-radio-button .button {
	border: 0.125em solid rgba(153, 153, 153, 1);
	border-radius: 10.0em;
	height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1.4em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sinod .cs-radio-button .button .label {
	color: rgba(120, 120, 120, 1);
	position: absolute;
	text-align: center;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.4em;
	left: -0.100em;
	top: -0.125em;
}

.sinod .cs-radio-button .button .label.use-math-font {
	font-family: Symbola, "Times New Roman", serif;
	left: -0.12em;
	top: -0.08em;
}

.sinod .cs-radio-button .button .icon {
	display: none;
	position: absolute;
	width: 0.8em;
	height: 0.8em;
	background-color: white;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.sinod .cs-radio-button .item-column {
	display: block;
	-webkit-flex: 1 1 0;
	flex: 1 1 0;
	-webkit-align-self: center;
	align-self: center;
}

.sinod .cs-radio-button .cs-ripple,
.sinod .cs-radio-button .focus-circle {
	height: 2.667em;
	width: 2.667em;
	position: absolute;
	top: -0.791em; 	/*  2.667/4 + 0.125  */ 
	left: -0.791em;
}

.sinod .cs-radio-button .cs-ripple {
	border-radius: 50%;
	background-color: rgba(57, 213, 121, 0.8);
}

.sinod .cs-radio-button .focus-circle {
	background-color: rgb(57, 213, 121);
	border-radius: 50%;
	opacity: 0.0;
}

/* Focused */
.sinod .cs-radio-button.tab-focus .focus-circle {
	transition: opacity 0.1s ease-in;
	opacity: 0.15;
}

/* Selected */
.sinod .cs-radio-button.selected {
	border-color: rgba(215, 240, 225, 1);
}

.sinod .cs-radio-button.selected .button {
	background-color: rgba(57, 213, 121, 1);
	border-color: rgba(57, 213, 121, 1);
}

.sinod .cs-radio-button.selected.show-selected-label .button .label {
	display: block;
	color: rgb(255,255,255);
	z-index: 1;
}

.sinod .cs-radio-button.selected.show-selected-label .button .icon {
	display: none;
}

.sinod .cs-radio-button.selected .button .label {
	display: none;
}

.sinod .cs-radio-button.selected .button .icon {
	display: inline-block;
}

/* Disabled and selected */
.sinod .cs-radio-button.disabled.selected .button,
.sinod .cs-radio-button.parent-disabled.selected .button {
	background-color: rgba(190, 190, 190, 1);
	border-color: rgba(190, 190, 190, 1);
	color: rgba(120, 120, 120, 1);
}
.sinod .cs-radio-button.disabled.selected,
.sinod .cs-radio-button.parent-disabled.selected {
	border-color: rgba(230, 230, 230, 1);
}

/* No border */
.sinod .cs-radio-button.no-border {
	border: none;
}

/* No border color */
.sinod .cs-radio-button[no-border-color] {
	border-color: transparent;
}
/* radio */

/* ripple */
.sinod .cs-ripple {
	opacity: 0;
	background-color: rgb(0, 0, 0); /* default */
}

.sinod .cs-ripple.downed {
	-webkit-animation: downed ease-out 0.1s;
	-webkit-animation-fill-mode: forwards;
	animation: downed ease-out 0.1s;
	animation-fill-mode: forwards;
}

.sinod .cs-ripple.upped { 
	-webkit-animation: upped ease-out 0.65s;
	-webkit-animation-fill-mode: forwards;
	animation: upped ease-out 0.65s;
	animation-fill-mode: forwards;
}

@keyframes downed {
	from {
		transform: scale(0);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 0.25;
	}
}

@keyframes upped {
	from {
		transform: scale(1);
		opacity: 0.25;
	}
	to {
		transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes downed {
	from {
		transform: scale(0);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 0.25;
	}
}

@-webkit-keyframes upped {
	from {
		transform: scale(1);
		opacity: 0.25;
	}
	to {
		transform: scale(1);
		opacity: 0;
	}
}
/* ripple */

.sinod .sinodCartesian2D .sinodCurve2DSlider {
	height: 12px;
}

.sinod .sinodCartesian2D .sinodCurve2DSlider .cs-slider {
	display: block;
	width: 100%;
}

.sinod .sinodCartesian2D .sinodCurve2DControllers.hide,
.sinod .sinodCartesian2D .sinodCurve2DSlider.hide,
.sinod .sinodCartesian2DDom .sinodCurve2D.hide,
.sinod .sinodCartesian2DDom .sinodCurve2D .sinodCurve2DBoundLines.hide,
.sinod .sinodCartesian2DDom .sinodCurve2D .sinodCurve2DBoundLines .sinodCurve2DBoundLine.hide,
.sinod .sinodCartesian2DDom .sinodCurve2D .sinodCurve2DEndpoints.hide,
.sinod .sinodCartesian2DDom .sinodCurve2D .sinodCurve2DEndpoints .sinodCurve2DEndpoint.hide,
.sinod .sinodCartesian2DDom .sinodCurve2D .sinodCurve2DLines .sinodCurve2DLine.hide {
	display: none;
}

.sinod .sinodCartesian2D .sinodCurve2DControllers {
	height: 2.125em;
	width: 21.3em;
	margin: auto;
	margin-top: 1.833em;
	text-align: center;
}

.sinod .sinodCartesian2D .sinodCurve2DControllers.align-center {
	left: calc((100% - var(--cartesian2d-controller-width, 100%)) / 2);
}

/* icon */
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.icon {
	display: inline-block;
	height: 2.125em;
	width: 2.125em;
	border: solid 0.056em rgba(204,204,204,1);
	border-radius: 0.278em 0 0 0.278em;
}
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.icon img {
	display: inline-block;
	height: 2.125em;
	width: 2.125em;
	background-size: 2.125em 2.125em;
}

/* message */
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.message {
	display: none;
	height: 2.125em;
	width: 16.8em;
	border-right: solid 0.056em rgba(204,204,204,1);
	border-top: solid 0.056em rgba(204,204,204,1);
	border-bottom: solid 0.056em rgba(204,204,204,1);
	border-radius: 0 0.278em 0.278em 0;
	vertical-align: top;
}
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.message .remove-message {
	display: inline-table;
	text-align: center;
	height: 2.125em;
	width: 16.8em;
}
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.message.none .remove-message {
	display: none;
}
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.message .remove-message .inner {
	display: table-cell;
	vertical-align: middle;
	color: rgba(204,204,204,1)
}

/* left */
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.left {
	display: none;
	height: 2.125em;
	width: 8.4em;
	border-top: solid 0.056em rgba(204,204,204,1);
	border-bottom: solid 0.056em rgba(204,204,204,1);
}

/* right */
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.right {
	display: none;
	height: 2.125em;
	width: 8.4em;
	border: solid 0.056em rgba(204,204,204,1);
	border-radius: 0 0.278em 0.278em 0;
}

/* dashController */
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.dashController {
	display: none;
	height: 2.125em;
	width: 12.8em;
	border-right: solid 0.056em rgba(204,204,204,1);
	border-top: solid 0.056em rgba(204,204,204,1);
	border-bottom: solid 0.056em rgba(204,204,204,1);
	border-radius: 0 0.278em 0.278em 0;
}

.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.left > img,
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.right > img, 
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.dashController > img {
	height: 2.125em;
	width: 2.125em;
}

/* remove */
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.remove {
	display: none;
	height: 2.125em;
	width: 2.125em;
}
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.remove .remove-active, 
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.remove .remove-inactive {
	height: 2.125em;
	width: 1.125em;
	margin: auto;
}

/* interactive css */
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.visible {
	display: inline-block;
}

.sinod .sinodCartesian2D .sinodCurve2DController.left img,
.sinod .sinodCartesian2D .sinodCurve2DController.right img {
	display: none;
}

.sinod .sinodCartesian2D .sinodCurve2DController.open.arrowMode .arrow,
.sinod .sinodCartesian2D .sinodCurve2DController.open.infinityMode .infinity,
.sinod .sinodCartesian2D .sinodCurve2DController.open .closed,
.sinod .sinodCartesian2D .sinodCurve2DController.open .open-active,
.sinod .sinodCartesian2D .sinodCurve2DController.arrowMode.closed .arrow,
.sinod .sinodCartesian2D .sinodCurve2DController.infinityMode.closed .infinity,
.sinod .sinodCartesian2D .sinodCurve2DController.closed .closed-active,
.sinod .sinodCartesian2D .sinodCurve2DController.closed .open,
.sinod .sinodCartesian2D .sinodCurve2DController.infinityMode.infinity .infinity-active,
.sinod .sinodCartesian2D .sinodCurve2DController.arrowMode.infinity .arrow-active,
.sinod .sinodCartesian2D .sinodCurve2DController.infinity .closed,
.sinod .sinodCartesian2D .sinodCurve2DController.infinity .open {
	display: inline;
}

.sinod .sinodCartesian2D .sinodCurve2DController.dashController .dash,
.sinod .sinodCartesian2D .sinodCurve2DController.dashController .line-active,
.sinod .sinodCartesian2D .sinodCurve2DController.dashController.dash .dash-active,
.sinod .sinodCartesian2D .sinodCurve2DController.dashController.dash .line {
	display: inline-block;
}
.sinod .sinodCartesian2D .sinodCurve2DController.dashController .dash-active,
.sinod .sinodCartesian2D .sinodCurve2DController.dashController .line,
.sinod .sinodCartesian2D .sinodCurve2DController.dashController.dash .dash,
.sinod .sinodCartesian2D .sinodCurve2DController.dashController.dash .line-active {
	display: none;
}

.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.remove .remove-inactive,
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.remove:hover .remove-active {
	display: block;
}
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.remove .remove-active,
.sinod .sinodCartesian2D .sinodCurve2DControllers .sinodCurve2DController.remove:hover .remove-inactive {
	display: none;
}

.sinod .sinodCartesian2D .sinodCurve2DControllers.use-right-position {
	position: absolute;
	left: 100%;
	margin-top: 10px;
	top: var(--cartesian2d-controller-position-top);
	width: var(--cartesian2d-controller-width);
}

.sinod .sinodCartesian2DDom .sinodCurve2D:active .glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-curve-2d 0.1s 1;
	transform-origin: 50% 50%;
	animation: glowy-curve-2d 0.1s 1;
}

.sinod .sinodDropzone {
	vertical-align: middle;
	border-collapse: separate;
	border-spacing: 0;
}

.sinod .sinodDropzone.hover-positive {
}

.sinod .sinodDropzone.hover-negative {
}

.sinod .sinodDraggableObject > * {
	pointer-events: none;
}

.sinod .sinodDraggableObject {
	vertical-align: inherit;
}

.sinod .sinodDraggableObject .selected-border {
	display: none;
}

.sinod .sinodDraggableObject[selected] .selected-border {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border: 0.12em solid rgba(57, 213, 121, 0.6);
	border-radius: 0.278em;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	box-sizing: content-box;
	z-index: 1;
}
.sinod div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
}

.sinod input {
	font-family: 'Noto Regular';
}

.sinod .sinodInteractive {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.sinod .sinodMathInput_ .sinodMathInputKeypad.hide {
	display: none;
}

.sinod .sinodMathInput_ .sinodMathInputKeypad,
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group,
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key,
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key-image {
	box-sizing: border-box;
	user-select: none;
}

.sinod .sinodMathInput_ .sinodMathInputKeypad {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	padding: 5.5px;
	text-align: left;
	line-height: 0;
	z-index: 100;
	border: solid 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
	background-color: rgba(255, 255, 255, 0.825);
	pointer-events: auto;
}

.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group,
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}

.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key .keypad-key-image {
	margin: 2.5px;
	border: solid 1px rgba(0, 0, 0, 0.08);
  	background-color: rgba(255, 255, 255, 0.7);
}

.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group .keypad-key .keypad-key-image:active {
	background-color: rgb(240, 255, 210);
}

/* grade 3 + */
.sinod .sinodMathInput_ .sinodMathInputKeypad[rows="3"] {
	border-radius: 6px;
}

.sinod .sinodMathInput_ .sinodMathInputKeypad[rows="3"] .keypad-group .keypad-key .keypad-key-image {
	width: 30px;
	height: 30px;
	border-radius: 2px;
}

/* grades 1-2 */
.sinod .sinodMathInput_ .sinodMathInputKeypad[rows="2"] {
	border-radius: 8px;
}
.sinod .sinodMathInput_ .sinodMathInputKeypad[rows="2"] .keypad-group .keypad-key .keypad-key-image {
	width: 40px;
	height: 40px;
	border-radius: 4px;
}

.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group.elementary .keypad-key .keypad-key-image,
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group.middle .keypad-key .keypad-key-image,
.sinod .sinodMathInput_ .sinodMathInputKeypad .keypad-group.high .keypad-key .keypad-key-image {
	width: 30px;
	height: 30px;
}

.sinod .sinodBox {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	vertical-align: top;
}

.sinod fieldset._sinodBoxTitle {
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
 	min-width: unset;
}

.sinod .sinodBox.title {
	width: 100%;
}

.sinod .sinodBoxTitle {
	padding-left: .356em;
    padding-right: .356em;
	z-index: 1;
    margin: auto;
    text-align: center;
}

.sinod .sinodBoxTitle.left-align {
	margin-left: 0.5em;
    text-align: left;
}

.sinod .sinodBoxTitle.right-align {
	margin-right: 0.5em;
    text-align: right;
}

.sinod .sinodBox > ._sinodBox {
	vertical-align: inherit;
}

.sinod .sinodLayer > .sinodLayerElement {
	position: absolute;
}

.sinod .sinodTable {
	border-collapse: collapse;
}

.sinod .sinodTable.dynamic {
	table-layout: auto;
}

.sinod .sinodTable.table-layout-fixed {
	table-layout: fixed;
	word-break: break-all;
}

.sinod .sinodBox.useCircle,
.sinod .sinodTable.use-radius {
	border-collapse: separate;
	border-spacing: 0;
}

.sinod .sinodTableCellBox > * {
	vertical-align: inherit;
}

.sinod .sinodTableCellBox .diagonal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sinod .sinodTableCellBox .x-label,
.sinod .sinodTableCellBox .y-label {
	position: absolute;
}

.sinod .sinodTableCellBox .x-label {
	right: 0;
}

.sinod .sinodTableCellBox .y-label {
	left: 0;
}

.sinod .sinodTableCellBox .x-label.left-top,
.sinod .sinodTableCellBox .y-label.right-top {
	top: 0;
}

.sinod .sinodTableCellBox .x-label.right-top,
.sinod .sinodTableCellBox .y-label.left-top {
	bottom: 0;
}

.sinod .sinodHarmonizeBox .sinodHarmonizeBoxSourceDom {
	float: left;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers.hide,
.sinod .sinodCartesian2D .sinodPoint2DController {
	display: none;
}

.sinod .sinodCartesian2D .sinodPoint2DController.visible {
	display: inline-block;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers {
	height: 2.125em;
	width: 21.3em;
	margin: auto;
	text-align: center;
	margin-top: 3.333em;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.icon {
	display: inline-block;
	height: 2.125em;
	width: 2.125em;
	border: solid 0.056em rgba(204,204,204,1);
	border-radius: 0.278em 0 0 0.278em;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.icon > img,
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.fill > img {
	display: inline-block;
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.fill,
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.message {
	height: 2.125em;
	width: 12.956em;
	border-right: solid 0.056em rgba(204,204,204,1);
	border-top: solid 0.056em rgba(204,204,204,1);
	border-bottom: solid 0.056em rgba(204,204,204,1);
	border-radius: 0 0.278em 0.278em 0;
	vertical-align: top;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.message {
	width: 16.8em;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.message .remove-message {
	display: inline-table;
	text-align: center;
	height: 2.125em;
	width: 16.8em;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.message .remove-message .inner {
	display: table-cell;
	vertical-align: middle;
	color: rgba(204,204,204,1)
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.fill > img {
	display: none;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.fill.open .open-active,
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.fill.open .closed,
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.fill.closed .open,
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.fill.closed .closed-active {
	display: inline;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.remove {
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.remove .remove-active,
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.remove .remove-inactive {
	height: 2.125em;
	width: 1.125em;
	margin: auto;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.remove .remove-inactive,
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.remove:hover .remove-active {
	display: block;
}
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.remove .remove-active,
.sinod .sinodCartesian2D .sinodPoint2DControllers .sinodPoint2DController.remove:hover .remove-inactive {
	display: none;
}

.sinod .sinodCartesian2D .sinodPoint2DControllers.use-right-position {
	position: absolute;
	left: 100%;
	margin-top: 10px;
	top: var(--cartesian2d-controller-position-top);
	width: var(--cartesian2d-controller-width);
}

.sinod .sinodCartesian2DDom .sinodPoint2D:active .glowy {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: glowy-point-2d 0.3s 1;
	transform-origin: 50% 50%;
	animation: glowy-point-2d 0.3s 1;
}

.sinod .sinodRelation {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: left;
}

.sinod .sinodRelationSVG {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}

.sinod .sinodRelation .sinodMathInput {
	z-index: 20;
}

.sinod .sinodRelation .sinodTextInput {
	z-index: 20;
}

.sinod .sinodRelation .sinodRelationSet {
	position: absolute;
	top: 0px;
	height: 100%;
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
 	min-width: unset;
}

.sinod .sinodRelation .sinodRelationSet .sinodRelationSetLabel {
	padding-left: 0.556em;
	padding-right: 0.556em;
	z-index: 1;
	margin: auto;
	text-align: center;
	word-break: break-word;
	max-width: 60%;
	line-height: 1;
}

.sinod .sinodRelation .sinodRelationSet .sinodRelationSetLabel.hide {
	display: none;
}

.sinod .sinodRelation .sinodRelationSet .sinodRelationSetElements .sinodRelationSetElement {
	position: absolute;
	text-align: center;
	max-width: 100%;
	word-break: break-word;
	line-height: 1;
}

.sinod .sinodRelation .sinodRelationSet .sinodRelationSetElements .sinodRelationSetElement.hide {
	display: none;
}

.sinod .sinodRelation .sinodRelationMapLabel,
.sinod .sinodRelation .sinodRelationMapLineLabels .sinodRelationMapLineLabel {
	position: absolute;
	text-align: center;
}

.sinod .sinodRelation .sinodRelationMapLabel.hide,
.sinod .sinodRelation .sinodRelationMapLineLabels .sinodRelationMapLineLabel.hide,
.sinod .sinodRelation .sinodRelationMap .sinodRelationMapLabelLine.hide {
	display: none;
}
.sinod .sinod-tree_ .sinod-tree .sinod-tree-titles,
.sinod .sinod-tree_ .sinod-tree .sinod-tree-lastLeafs {
	position: absolute;
	top: 0;
	left: 0;
}

.sinod .sinod-tree_ .sinod-tree .sinod-tree-titles .sinod-tree-title,
.sinod .sinod-tree_ .sinod-tree .sinod-tree-lastLeafs .sinod-tree-lastLeaf {
	position: absolute;
}

.sinod .sinod-tree_ .sinod-tree .sinod-tree-titles .sinod-tree-title {
	padding: 0.1em;
}

.sinod .sinod-tree_ .sinod-tree .sinod-tree-lastLeafs .sinod-tree-lastLeaf {
	line-height: 1.5em;
}

.sinod .sinod-tree_ .sinod-tree .sinod-tree-node-content-outer {
	border-radius: 0.278em;
	border-color: rgba(204, 204, 204, 1);
}

.sinod .sinod-tree_ .sinod-tree .sinodInteractive {
	cursor: pointer;
}
.sinod .sinod-tree .sinod-tree-node-content-outer,
.sinod .sinod-tree .sinod-tree-node-label {
	position: absolute;
}

.sinod .sinod-tree .sinod-tree-node-content-inner {
	line-height: 1.5em;
}
.sinod .sinodConnect .sinodConnectLabel {
	position: absolute;
	display: inline-block;
	line-height: 1;
	z-index: 10;
	pointer-events: none;
	white-space: nowrap;
}

.sinod .sinodConnect .sinodConnectControllers.hide,
.sinod .sinodConnect .sinodConnectCustomControllers.hide {
	display: none;
}

.sinod .sinodConnect .sinodConnectControllers {
	height: 2.125em;
	width: 21.3em;
	margin: auto;
	margin-top: 1.333em;
	text-align: center;
}

.sinod .sinodConnect .sinodConnectCustomControllers {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sinod .sinodConnect .sinodConnectCustomController {
	cursor: pointer;
}

.sinod .sinodConnect .sinodConnectControllers.use-position,
.sinod .sinodConnect .sinodConnectCustomControllers.use-position {
	position: absolute;
	margin: 0;
}

.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.icon {
	display: inline-block;
	height: 2.125em;
	width: 2.125em;
	border-left: solid 0.056em rgba(204,204,204,1);
	border-top: solid 0.056em rgba(204,204,204,1);
	border-bottom: solid 0.056em rgba(204,204,204,1);
	border-radius: 0.278em 0 0 0.278em;
}

.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.icon > img {
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove-message {
	display: inline-table;
	height: 2.125em;
	width: 12.956em;
	border: solid 0.056em rgba(204,204,204,1);
	border-radius: 0 0.278em 0.278em 0;
	vertical-align: top;
}

.sinod .sinodConnect .sinodConnectCustomControllers.remove-all .sinodConnectCustomController.one,
.sinod .sinodConnect .sinodConnectCustomControllers:not(.remove-all) .sinodConnectCustomController.all,
.sinod .sinodConnect .sinodConnectControllers.remove-all .sinodConnectController.remove-message,
.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove-message.all {
	display: none;
}

.sinod .sinodConnect .sinodConnectControllers.remove-all .sinodConnectController.remove-message.all {
	display: inline-table;
}

.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove-message .inner {
	display: table-cell;
	vertical-align: middle;
	color: rgba(204,204,204,1)
}

.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove {
	display: inline-block;
	height: 2.125em;
	width: 2.125em;
}

.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove .remove-active, 
.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove .remove-inactive {
	height: 2.125em;
	width: 1.125em;
	margin: auto;
}

.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove .remove-inactive,
.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove:hover .remove-active {
	display: block;
}

.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove .remove-active,
.sinod .sinodConnect .sinodConnectControllers .sinodConnectController.remove:hover .remove-inactive {
	display: none;
}

.sinod .sinodLayer .sinodCartesian2D ~ .sinodConnect ._sinodConnect {
	overflow: hidden;
	margin-left: 0.4495em; /* half of slider button width */
	margin-right: 0.4495em;
	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.sinod .sinodCartesian2D .sinodImage2D {
	position: absolute;
	z-index: 10;
}

.sinod .sinodCartesian2D .sinodImage2D img {
	display: block;
}


/*
 * MathQuill v0.10.1               http://mathquill.com
 * by Han, Jeanine, and Mary  maintainers@mathquill.com
 *
 * This Source Code Form is subject to the terms of the
 * Mozilla Public License, v. 2.0. If a copy of the MPL
 * was not distributed with this file, You can obtain
 * one at http://mozilla.org/MPL/2.0/.
 */
:root {
  --arrow-translate-y: calc(-50% - 0.5px);
  /* mask-image 에서 사용하기 위해 /assets/svg/mathquil/right-arrow.svg 이미지 base64로 변환 */
  --arrow-image-url: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsNTEyKSBzY2FsZSgwLjEsLTAuMSkiCmZpbGw9ImN1cnJlbnRDb2xvciIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTE1NSA0OTMwIGMtNzQgLTEyIC0xMjYgLTU4IC0xNDUgLTEyOSAtMjUgLTkzIC02MSAtMzkgNzk2IC0xMTgyCmw3OTQgLTEwNTkgLTc5NCAtMTA1OSBjLTg2NSAtMTE1MyAtODIzIC0xMDkxIC03OTcgLTExODggMTMgLTQ3IDc1IC0xMDkgMTE4Ci0xMTkgMTYgLTMgMzQgLTggNDIgLTEwIDcgLTIgMzIgMSA1NCA3IDQwIDExIDQ2NjYgMjE0MiA0NzgyIDIyMDIgMzQgMTggNjkKNDYgODEgNjUgNDkgNzMgMzggMTczIC0yNSAyMzEgLTI3IDI1IC02NDUgMzE0IC0yNDI2IDExMzYgLTEzMTQgNjA2IC0yNDAxCjExMDQgLTI0MTUgMTEwNyAtMTQgMyAtNDMgMiAtNjUgLTJ6Ii8+CjwvZz4KPC9zdmc+Cg==');
}
@font-face {
  font-family: Symbola;
  src: url(https://classic-zwi.knowreapi.com/2.1.210960/Symbola.eot);
  src: local("Symbola Regular"), local("Symbola"), url(https://classic-zwi.knowreapi.com/2.1.210960/Symbola.woff2) format("woff2"), url(https://classic-zwi.knowreapi.com/2.1.210960/Symbola.woff) format("woff"), url(https://classic-zwi.knowreapi.com/2.1.210960/Symbola.ttf) format("truetype"), url(https://classic-zwi.knowreapi.com/2.1.210960/Symbola.otf) format("opentype"), url(https://classic-zwi.knowreapi.com/2.1.210960/Symbola.svg#Symbola) format("svg");
}
.mq-editable-field {
  display: -moz-inline-box;
  display: inline-block;
}
.mq-editable-field .mq-cursor {
  border-left: 1px solid black;
  margin-left: -1px;
  position: relative;
  z-index: 1;
  padding: 0;
  display: -moz-inline-box;
  display: inline-block;
}
.mq-editable-field .mq-cursor.mq-blink {
  visibility: hidden;
}
.mq-editable-field,
.mq-math-mode .mq-editable-field {
  border: 1px solid gray;
}
.mq-editable-field.mq-focused,
.mq-math-mode .mq-editable-field.mq-focused {
  -webkit-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
  -moz-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
  box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
  border-color: #709AC0;
  border-radius: 1px;
}
.mq-math-mode .mq-editable-field {
  margin: 1px;
}
.mq-editable-field .mq-latex-command-input {
  color: inherit;
  font-family: "Courier New", monospace;
  border: 1px solid gray;
  padding-right: 1px;
  margin-right: 1px;
  margin-left: 2px;
}
.mq-editable-field .mq-latex-command-input.mq-empty {
  background: transparent;
}
.mq-editable-field .mq-latex-command-input.mq-hasCursor {
  border-color: ActiveBorder;
}
.mq-editable-field.mq-empty:after,
.mq-editable-field.mq-text-mode:after,
.mq-math-mode .mq-empty:after {
  visibility: hidden;
  content: 'c';
}
.mq-editable-field .mq-cursor:only-child:after,
.mq-editable-field .mq-textarea + .mq-cursor:last-child:after {
  visibility: hidden;
  content: 'c';
}
.mq-editable-field .mq-text-mode .mq-cursor:only-child:after {
  content: '';
}
.mq-editable-field.mq-text-mode {
  overflow-x: auto;
  overflow-y: hidden;
}
.mq-root-block,
.mq-math-mode .mq-root-block {
  display: -moz-inline-box;
  display: inline-block;
  width: 100%;
  padding: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.mq-math-mode {
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  font-size: 115%;
  line-height: 1;
  display: -moz-inline-box;
  display: inline-block;
}
.mq-math-mode .mq-non-leaf,
.mq-math-mode .mq-scaled {
  display: -moz-inline-box;
  display: inline-block;
}
.mq-math-mode var,
.mq-math-mode .mq-text-mode,
.mq-math-mode .mq-nonSymbola {
  font-family: "Times New Roman", Symbola, serif;
  line-height: 0.9;
}
.mq-math-mode * {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border-color: black;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.mq-math-mode .mq-empty {
  background: #ccc;
}
.mq-math-mode .mq-empty.mq-root-block {
  background: transparent;
}
.mq-math-mode.mq-empty {
  background: transparent;
}
.mq-math-mode .mq-text-mode {
  display: inline-block;
}
.mq-math-mode .mq-text-mode.mq-hasCursor {
  box-shadow: inset darkgray 0 0.1em 0.2em;
  padding: 0 0.1em;
  margin: 0 -0.1em;
  min-width: 1ex;
}
.mq-math-mode .mq-font {
  font: 1em "Times New Roman", Symbola, serif;
}
.mq-math-mode .mq-font * {
  font-family: inherit;
  font-style: inherit;
}
.mq-math-mode b,
.mq-math-mode b.mq-font {
  font-weight: bolder;
}
.mq-math-mode var,
.mq-math-mode i,
.mq-math-mode i.mq-font {
  font-style: italic;
}
.mq-math-mode var.mq-f {
  margin-right: 0.2em;
  margin-left: 0.1em;
}
.mq-math-mode .mq-roman var.mq-f {
  margin: 0;
}
.mq-math-mode big {
  font-size: 200%;
}
.mq-math-mode .mq-int > big {
  display: inline-block;
  -webkit-transform: scaleX(0.7);
  -moz-transform: scaleX(0.7);
  -ms-transform: scaleX(0.7);
  -o-transform: scaleX(0.7);
  transform: scaleX(0.7);
  vertical-align: -0.16em;
}
.mq-math-mode .mq-int > .mq-supsub {
  font-size: 80%;
  vertical-align: -1.1em;
  padding-right: 0.2em;
}
.mq-math-mode .mq-int > .mq-supsub > .mq-sup > .mq-sup-inner {
  vertical-align: 1.3em;
}
.mq-math-mode .mq-int > .mq-supsub > .mq-sub {
  margin-left: -0.35em;
}
.mq-math-mode .mq-int .mq-empty {
  visibility: hidden;
  margin-left: -4px;
}
.mq-math-mode .mq-int .mq-empty:after {
  content: ' ';
}
.mq-supsub > .mq-sub,
.mq-supsub > .mq-sup {
  font-size: 85%;
}
.mq-math-mode .mq-roman {
  font-style: normal;
}
.mq-math-mode .mq-sans-serif {
  font-family: sans-serif, Symbola, serif;
}
.mq-math-mode .mq-monospace {
  font-family: monospace, Symbola, serif;
}
.mq-math-mode .mq-overline {
  border-top: 1px solid currentColor;
  margin: 1px 1px 0;
}
.mq-math-mode .mq-underline {
  border-bottom: 1px solid currentColor;
  margin-bottom: 1px;
}
.mq-math-mode .mq-binary-operator {
  padding: 0 0.2em;
  display: -moz-inline-box;
  display: inline-block;
}
.mq-math-mode .mq-supsub {
  text-align: left;
  font-size: 90%;
  vertical-align: -0.5em;
}
.mq-math-mode .mq-supsub.mq-sup-only {
  position: relative;
  vertical-align: 0.5em;
}
.mq-math-mode .mq-supsub.mq-sup-only .mq-sup {
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 85%;
}
.mq-frac-non-leaf + .mq-supsub.mq-sup-only {
  vertical-align: 1.1em;
}
.mq-frac-non-leaf + .mq-supsub.mq-sup-only > .mq-frac-paren-root {
  transform: translateY(0.5em);
}
.mq-frac-paren-dom + .mq-supsub.mq-sup-only {
  vertical-align: 1.1em;
}
.mq-denominator-sup-root {
  vertical-align: 0.3em;
}
.mq-root-block > .mq-frac-non-leaf > .mq-denominator-sup-root,
.mq-root-block > .mq-non-leaf > .mq-non-leaf > .mq-frac-non-leaf > .mq-denominator-sup-root {
  transform: translateY(0.3em);
}
.mq-root-block > .mq-frac-non-leaf > .mq-denominator-sup-root.mq-numerator {
  transform: translateY(0);
}
.mq-non-leaf.mq-sqrt-stem.mq-denominator-sup-root {
  transform: translateY(0);
}
.mq-numerator > .mq-supsub.mq-non-leaf.mq-sup-only,
.mq-denominator > .mq-supsub.mq-non-leaf.mq-sup-only {
  vertical-align: 0.5em;
}
.mq-math-mode .mq-supsub .mq-sup {
  display: block;
}
.mq-math-mode .mq-supsub .mq-sub {
  display: block;
  float: left;
}
.mq-math-mode .mq-supsub .mq-binary-operator {
  padding: 0 0.1em;
}
.mq-math-mode .mq-supsub .mq-fraction {
  font-size: 70%;
}
.mq-math-mode sup.mq-nthroot {
  font-size: 60%;
  vertical-align: 0;
  margin-left: 0.2em;
  min-width: 0.5em;
}
.mq-math-mode .mq-paren {
  padding: 0 0.1em;
  vertical-align: top;
  -webkit-transform-origin: center 0.06em;
  -moz-transform-origin: center 0.06em;
  -ms-transform-origin: center 0.06em;
  -o-transform-origin: center 0.06em;
  transform-origin: center 0.06em;
}
.mq-math-mode .mq-paren.mq-ghost {
  color: silver;
}
.mq-math-mode .mq-paren + span {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.mq-math-mode .mq-array {
  vertical-align: middle;
  text-align: center;
}
.mq-math-mode .mq-array > span {
  display: block;
}
.mq-math-mode .mq-operator-name {
  font-family: Symbola, "Times New Roman", serif;
  line-height: 0.9;
  font-style: normal;
}
.mq-math-mode var.mq-operator-name.mq-first {
  padding-left: 0.2em;
}
.mq-math-mode var.mq-operator-name.mq-last {
  padding-right: 0.14em;
}
.mq-math-mode .mq-supsub.mq-after-operator-name {
  padding-right: 0.2em;
}
.mq-math-mode .mq-fraction {
  font-size: 90%;
  text-align: center;
  vertical-align: -0.4em;
  padding: 0 0.2em;
}
.mq-math-mode .mq-fraction.mq-numerator-complex-fraction {
  vertical-align: -1.3em;
}
.mq-math-mode .mq-fraction,
.mq-math-mode .mq-large-operator,
.mq-math-mode x:-moz-any-link {
  display: -moz-groupbox;
}
.mq-math-mode .mq-fraction,
.mq-math-mode .mq-large-operator,
.mq-math-mode x:-moz-any-link,
.mq-math-mode x:default {
  display: inline-block;
}
.mq-math-mode .mq-numerator,
.mq-math-mode .mq-denominator,
.mq-dot-recurring {
  display: block;
}
.mq-math-mode .mq-fraction .mq-numerator,
.mq-math-mode .mq-fraction .mq-denominator {
  box-sizing: border-box;
}
.mq-math-mode .mq-numerator {
  padding: 0 0.1em;
}
.mq-math-mode .mq-denominator {
  border-top: 1px solid;
  float: right;
  width: 100%;
  padding: 0.1em;
}
.mq-math-mode .mq-sqrt-prefix {
  padding-top: 0;
  position: relative;
  top: 0.1em;
  vertical-align: top;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
.mq-math-mode .mq-sqrt-stem {
  border-top: 1px solid;
  margin-top: 1px;
  padding-left: 0.15em;
  padding-right: 0.2em;
  margin-right: 0.1em;
  padding-top: 1px;
}
.mq-math-mode .mq-diacritic-above {
  display: block;
  text-align: center;
  line-height: 0.4em;
}
.mq-math-mode .mq-diacritic-stem {
  display: block;
  text-align: center;
}
.mq-math-mode .mq-large-operator {
  vertical-align: -0.2em;
  padding: 0.2em;
  text-align: center;
}
.mq-math-mode .mq-large-operator .mq-from,
.mq-math-mode .mq-large-operator big,
.mq-math-mode .mq-large-operator .mq-to {
  display: block;
}
.mq-math-mode .mq-large-operator .mq-from,
.mq-math-mode .mq-large-operator .mq-to {
  font-size: 80%;
}
.mq-math-mode .mq-large-operator .mq-from {
  float: right;
  /* take out of normal flow to manipulate baseline */
  width: 100%;
}
.mq-math-mode .mq-large-operator.sum {
  padding-right: 0;
}
.mq-math-mode .mq-large-operator.sum .mq-to {
  margin-bottom: -0.2em;
}
.mq-math-mode .mq-large-operator.sum .mq-to,
.mq-math-mode .mq-large-operator.sum .mq-from {
  font-size: 70%;
}
.mq-math-mode .mq-large-operator.sum big {
  font-size: 175%;
}
.mq-math-mode .mq-large-operator.sum .mq-from {
  margin-top: -0.3em;
}
.mq-math-mode .mq-large-operator.sum .mq-empty {
  display: none;
}
.mq-math-mode,
.mq-math-mode .mq-editable-field {
  cursor: text;
  font-family: Symbola, "Times New Roman", serif;
}
.mq-math-mode .mq-overarrow {
  min-width: 0.5em;
  border-top: 1px solid currentColor;
  margin-top: 1px;
  padding-top: 0.2em;
  text-align: center;
}
.mq-math-mode .mq-overarrow:before {
  display: block;
  position: absolute;
  top: 0px;
  right: -2px;
  width: 0.6em;
  height: 0.6em;
  font-size: 0.6em;
  content: "";
  mask-image: var(--arrow-image-url);
  -webkit-mask-image: var(--arrow-image-url);
  background-color: currentColor;
  background-size: cover;
  transform: translateY(var(--arrow-translate-y));
  -webkit-transform: translateY(var(--arrow-translate-y));
  -moz-transform: translateY(var(--arrow-translate-y));
  -o-transform: translateY(var(--arrow-translate-y));
}
.mq-math-mode .mq-overarrow.mq-arrow-left:before {
  -moz-transform: scaleX(-1) translateY(var(--arrow-translate-y));
  -o-transform: scaleX(-1) translateY(var(--arrow-translate-y));
  -webkit-transform: scaleX(-1) translateY(var(--arrow-translate-y));
  transform: scaleX(-1) translateY(var(--arrow-translate-y));
  filter: FlipH;
  -ms-filter: "FlipH";
  left: -2px;
}
.mq-overarc {
  border-top: 1px solid currentColor;
  -webkit-border-top-right-radius: 50% 0.3em;
  -moz-border-radius-topright: 50% 0.3em;
  border-top-right-radius: 50% 0.3em;
  -webkit-border-top-left-radius: 50% 0.3em;
  -moz-border-radius-topleft: 50% 0.3em;
  border-top-left-radius: 50% 0.3em;
  margin-top: 1px;
  padding-top: 0.15em;
}
.mq-math-mode .mq-overarrow.mq-arrow-both {
  vertical-align: text-bottom;
}
.mq-math-mode .mq-overarrow.mq-arrow-both:before {
  -moz-transform: scaleX(-1) translateY(var(--arrow-translate-y));
  -o-transform: scaleX(-1) translateY(var(--arrow-translate-y));
  -webkit-transform: scaleX(-1) translateY(var(--arrow-translate-y));
  transform: scaleX(-1) translateY(var(--arrow-translate-y));
  filter: FlipH;
  -ms-filter: "FlipH";
  left: -2px;
}
.mq-math-mode .mq-overarrow.mq-arrow-both:after {
  display: block;
  position: absolute;
  top: 0px;
  right: -2px;
  width: 0.6em;
  height: 0.6em;
  font-size: 0.6em;
  content: "";
  mask-image: var(--arrow-image-url);
  -webkit-mask-image: var(--arrow-image-url);
  background-color: currentColor;
  background-size: cover;
  transform: translateY(var(--arrow-translate-y));
  -webkit-transform: translateY(var(--arrow-translate-y));
  -moz-transform: translateY(var(--arrow-translate-y));
  -o-transform: translateY(var(--arrow-translate-y));
}
.mq-math-mode .mq-overarrow.mq-arrow-both.mq-empty {
  min-height: 1.23em;
}
.mq-math-mode .mq-overarrow.mq-arrow-both.mq-empty:after {
  top: 0;
}
.mq-math-mode .mq-selection,
.mq-editable-field .mq-selection,
.mq-math-mode .mq-selection .mq-non-leaf,
.mq-editable-field .mq-selection .mq-non-leaf,
.mq-math-mode .mq-selection .mq-scaled,
.mq-editable-field .mq-selection .mq-scaled {
  background: #B4D5FE !important;
  background: Highlight !important;
  color: HighlightText;
  border-color: HighlightText;
}
.mq-math-mode .mq-selection .mq-matrixed,
.mq-editable-field .mq-selection .mq-matrixed {
  background: #39F !important;
}
.mq-math-mode .mq-selection .mq-matrixed-container,
.mq-editable-field .mq-selection .mq-matrixed-container {
  filter: progid:DXImageTransform.Microsoft.Chroma(color='#3399FF') !important;
}
.mq-math-mode .mq-selection.mq-blur,
.mq-editable-field .mq-selection.mq-blur,
.mq-math-mode .mq-selection.mq-blur .mq-non-leaf,
.mq-editable-field .mq-selection.mq-blur .mq-non-leaf,
.mq-math-mode .mq-selection.mq-blur .mq-scaled,
.mq-editable-field .mq-selection.mq-blur .mq-scaled,
.mq-math-mode .mq-selection.mq-blur .mq-matrixed,
.mq-editable-field .mq-selection.mq-blur .mq-matrixed {
  background: #D4D4D4 !important;
  color: black;
  border-color: black;
}
.mq-math-mode .mq-selection.mq-blur .mq-matrixed-container,
.mq-editable-field .mq-selection.mq-blur .mq-matrixed-container {
  filter: progid:DXImageTransform.Microsoft.Chroma(color='#D4D4D4') !important;
}
.mq-editable-field .mq-textarea,
.mq-math-mode .mq-textarea {
  position: relative;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.mq-editable-field .mq-textarea *,
.mq-math-mode .mq-textarea *,
.mq-editable-field .mq-selectable,
.mq-math-mode .mq-selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  position: absolute;
  clip: rect(1em 1em 1em 1em);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  resize: none;
  width: 1px;
  height: 1px;
}
.mq-math-mode .mq-matrixed {
  background: white;
  display: -moz-inline-box;
  display: inline-block;
}
.mq-math-mode .mq-matrixed-container {
  filter: progid:DXImageTransform.Microsoft.Chroma(color='white');
  margin-top: -0.1em;
}
.mq-dot-recurring {
  text-align: center;
  height: 0.3em;
}
.mq-static-bracket {
  display: inline-block;
  margin-top: 0.7em;
  padding: 0 0.1em;
  transform: scale(1.2, 2);
}
.mq-static-small-bracket {
  display: inline-block;
  padding: 0 0.1em;
  transform: scale(1.2, 1);
}
.mq-static-large-bracket {
  display: inline-block;
  padding: 0 0.1em;
  transform: scale(1.2, 3);
  vertical-align: -0.35em;
}
.mq-static-x-large-bracket {
  display: inline-block;
  padding: 0 0.1em;
  transform: scale(1.2, 4);
}
.mq-static-bracket-root + .mq-supsub.mq-non-leaf.mq-sup-only {
  vertical-align: 0.85em;
}
.mq-static-bracket-root + .mq-supsub.mq-sup-only.mq-frac-non-leaf,
.mq-static-small-bracket-root + .mq-supsub.mq-sup-only.mq-frac-non-leaf {
  vertical-align: 0.5em;
}
.mq-static-bracket-root + .mq-supsub.mq-supsub-block:not(.mq-sup-only) {
  vertical-align: -0.2em;
}
.mq-static-bracket-root + .mq-supsub > .mq-sub {
  margin-top: 0.5em;
}
.mq-static-bracket-root.srsb + .mq-supsub.mq-supsub-block:not(.mq-sup-only) {
  vertical-align: -0.25em;
}
.mq-static-bracket-root.srsb + .mq-supsub > .mq-sub {
  margin-top: 0.67em;
}
.mq-limit {
  text-align: center;
  padding-right: 0.1em;
}
.mq-limit .mq-lim {
  display: block;
}
.mq-limit .mq-approaches {
  font-size: 70%;
  float: right;
  width: 100%;
  display: block;
}
.mq-limit .mq-approaches .mq-binary-operator {
  padding: 0;
}
.mq-half-space {
  width: 3px;
}
.mq-root-block .mq-round-square,
.mq-root-block .mq-small-round-square {
  box-sizing: border-box;
}
.mq-round-square {
  display: inline-block;
  width: 1.5em;
  height: 1em;
  border: 1px solid;
  border-radius: 0.2em;
  line-height: calc(1em - 2px);
}
.mq-small-round-square {
  display: inline-block;
  width: 0.9em;
  height: 1em;
  border: 1px solid;
  border-radius: 0.2em;
  line-height: calc(1em - 2px);
}

.classic-zwi {
  height: 100%;
  overflow: hidden;
}
.classic-zwi * {
  box-sizing: content-box;
}

.basicButton[data-v-2c137b65] {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  line-height: 100%;
  outline: none;
  position: relative;
  border-radius: 0.256em;
  padding: 0.667em 0.667em;
  background-color: #39d579;
  border: 1px solid #39d579;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
  transition: background-color 0.2s;
}
.basicButton[data-v-2c137b65]:hover,
.basicButton[data-v-2c137b65]:focus {
  background-color: #29c569;
}
.basicButton[data-v-2c137b65]:active {
  background-color: #24b45e;
}
.basicButton.shadow[data-v-2c137b65] {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.basicButton.shadow[data-v-2c137b65] :active {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
.basicButton.disabled[data-v-2c137b65] {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.basicButton.disabled[data-v-2c137b65]:active,
.basicButton.disabled[data-v-2c137b65]:hover {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: rgba(0, 0, 0, 0.2);
}
.basicButton.disabled.shadow[data-v-2c137b65] {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}

.problem-list-container[data-v-9db40c96] {
  display: flex;
  margin-top: 35px;
}
.problem-list-container .list[data-v-9db40c96] {
  flex: 1 0 auto;
  max-width: 350px;
  padding: 20px 0;
  margin-right: 50px;
  box-sizing: border-box;
}
.problem-list-container .curriculum-list[data-v-9db40c96] {
  margin-left: 50px;
}
.problem-list-container .problem-list[data-v-9db40c96] {
  padding-right: 50px;
}
ul[data-v-9db40c96] {
  list-style: none;
}
.problem-list-container .item[data-v-9db40c96] {
  padding: 5px 0;
  overflow: hidden;
}
.problem-list-container .item[data-v-9db40c96]:hover {
  overflow: visible;
}
.problem-list-container .item:hover .name[data-v-9db40c96] {
  z-index: 1;
  background-color: #1b1b1b;
}
.problem-list-container .list a[data-v-9db40c96] {
  display: block;
  color: #ffffff;
  text-decoration: none;
}
.problem-list-container .item a[data-v-9db40c96]:hover,
.problem-list-container .item.selected a[data-v-9db40c96] {
  color: #f10a0a;
}
.problem-list-container .list span[data-v-9db40c96] {
  white-space: nowrap;
}
.problem-list-container .list .description[data-v-9db40c96] {
  overflow: hidden;
  display: block;
  font-size: 14px;
  color: #ddd;
}
.no-problem-list[data-v-9db40c96] {
  color: #ffffff;
}
.reset-button[data-v-9db40c96] {
  position: absolute;
  top: -30px;
  left: 35px;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0 5px 5px 5px;
  font-size: 18px;
  vertical-align: text-bottom;
}

.problem-list-container[data-v-3bc885e6] {
  display: flex;
  margin-top: 35px;
}
.problem-list-container .list[data-v-3bc885e6] {
  flex: 1 0 auto;
  max-width: 350px;
  padding: 20px 0;
  margin-right: 50px;
  box-sizing: border-box;
}
.problem-list-container .curriculum-list[data-v-3bc885e6] {
  margin-left: 50px;
}
.problem-list-container .problem-list[data-v-3bc885e6] {
  padding-right: 50px;
}
ul[data-v-3bc885e6] {
  list-style: none;
}
.problem-list-container .item[data-v-3bc885e6] {
  padding: 5px 0;
  overflow: hidden;
}
.problem-list-container .item[data-v-3bc885e6]:hover {
  overflow: visible;
}
.problem-list-container .item:hover .name[data-v-3bc885e6] {
  z-index: 1;
  background-color: #1b1b1b;
}
.problem-list-container .list a[data-v-3bc885e6] {
  display: block;
  color: #ffffff;
  text-decoration: none;
}
.problem-list-container .item a[data-v-3bc885e6]:hover,
.problem-list-container .item.selected a[data-v-3bc885e6] {
  color: #f10a0a;
}
.problem-list-container .list span[data-v-3bc885e6] {
  white-space: nowrap;
}
.problem-list-container .list .description[data-v-3bc885e6] {
  overflow: hidden;
  display: block;
  font-size: 14px;
  color: #ddd;
}
.no-problem-list[data-v-3bc885e6] {
  color: #ffffff;
}
.reset-button[data-v-3bc885e6] {
  position: absolute;
  top: -30px;
  left: 35px;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0 5px 5px 5px;
  font-size: 18px;
  vertical-align: text-bottom;
}

.open.hamburger[data-v-121b9d3d]::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 101;
}
.hamburger-button[data-v-121b9d3d] {
  font-size: 10px;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0 5px 5px 5px;
  vertical-align: text-bottom;
  z-index: 102;
}
.open .hamburger-button[data-v-121b9d3d] {
  position: relative;
}
.hamburger-menu[data-v-121b9d3d] {
  position: fixed;
  top: 0;
  left: -100%;
  max-width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  transition: opacity 0.3s, left 0.1s 0.3s;
  opacity: 0;
  overflow-x: auto;
}
.hamburger-menu.open[data-v-121b9d3d] {
  left: 0;
  opacity: 1;
  z-index: 101;
  transition: left 0.1s, opacity 0.3s 0.1s;
}

.header[data-v-7a208c94] {
  display: flex;
  padding-top: 5px;
  position: absolute;
}
.problem-reset-button[data-v-7a208c94] {
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0 5px 5px 5px;
  font-size: 18px;
  vertical-align: text-bottom;
  z-index: 102;
}
.load-problem-box[data-v-7a208c94] {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 7px;
  border: 1px solid #aaa;
  border-radius: 5px;
  padding: 20px;
  z-index: 102;
  position: absolute;
  top: 50px;
  left: 10px;
}
.problem-id-input[data-v-7a208c94],
.vendor-select[data-v-7a208c94] {
  width: 100%;
  height: 30px;
  padding: 0 5px;
  box-sizing: border-box;
}
.problem-load-button[data-v-7a208c94] {
  width: 70px;
}

.test-zwi[data-v-35181666] {
  position: absolute;
  font-size: 18px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.navigation-title[data-v-35181666] {
  position: fixed;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  top: 20px;
  right: 40px;
  width: calc(50% - 450px);
  font-size: 16px;
  text-align: right;
  z-index: 100;
}
.submit-result[data-v-35181666] {
  position: absolute;
  left: 50%;
  bottom: 20px;
  padding: 0.667em 0.667em;
  border-radius: 0.256em;
  color: #ffffff;
  line-height: 100%;
  background-color: #f10a0a;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  transform: translateX(-50%);
  transition: background-color 0.2s;
  z-index: 100;
}
.submit-result.correct[data-v-35181666] {
  background-color: #000000;
}
.submit-result .result[data-v-35181666] {
  margin-right: 50px;
}
.video-popup[data-v-35181666] {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.popup-content[data-v-35181666] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1024px;
  height: 576px;
  transform: translate(-50%, -50%);
}
.video-player[data-v-35181666] {
  width: 100%;
  height: 100%;
}
.video-close-button[data-v-35181666] {
  position: absolute;
  top: 1px;
  right: 5px;
  border: none;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  background-color: transparent;
  z-index: 1;
}
.video-close-button[data-v-35181666]:hover,
.video-close-button[data-v-35181666]:focus {
  color: #000000;
  background-color: transparent;
}

.test-zwi[data-v-12efed1a] {
  position: absolute;
  font-size: 18px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.navigation-title[data-v-12efed1a] {
  position: fixed;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  top: 20px;
  right: 40px;
  width: calc(50% - 450px);
  font-size: 16px;
  text-align: right;
  z-index: 100;
}
.submit-result[data-v-12efed1a] {
  position: absolute;
  left: 50%;
  bottom: 20px;
  padding: 0.667em 0.667em;
  border-radius: 0.256em;
  color: #ffffff;
  line-height: 100%;
  background-color: #f10a0a;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  transform: translateX(-50%);
  transition: background-color 0.2s;
  z-index: 100;
}
.submit-result.correct[data-v-12efed1a] {
  background-color: #000000;
}
.submit-result .result[data-v-12efed1a] {
  margin-right: 50px;
}
.video-popup[data-v-12efed1a] {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.popup-content[data-v-12efed1a] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1024px;
  height: 576px;
  transform: translate(-50%, -50%);
}
.video-player[data-v-12efed1a] {
  width: 100%;
  height: 100%;
}
.video-close-button[data-v-12efed1a] {
  position: absolute;
  top: 1px;
  right: 5px;
  border: none;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  background-color: transparent;
  z-index: 1;
}
.video-close-button[data-v-12efed1a]:hover,
.video-close-button[data-v-12efed1a]:focus {
  color: #000000;
  background-color: transparent;
}

@font-face {
  font-family: Symbola;
  src: url(https://classic-zwi.knowreapi.com/2.1.210960/Symbola.woff);
}
.mathquill-editable {
  display: -moz-inline-box;
  display: inline-block;
  white-space: pre-wrap;
}
.mathquill-editable .cursor {
  border-left: 1px solid #000;
  margin-right: -1px;
  position: relative;
  z-index: 1;
  padding: 0;
  display: -moz-inline-box;
  display: inline-block;
  color: transparent;
}
.mathquill-editable .cursor.blink {
  visibility: hidden;
}
.mathquill-editable,
.mathquill-embedded-latex .mathquill-editable {
  border: 1px solid gray;
  padding: 2px;
}
.mathquill-embedded-latex .mathquill-editable {
  margin: 1px;
}
.mathquill-editable .hasCursor,
.mathquill-editable.hasCursor {
  box-shadow: #68B4DF 0 0 3px 2px;
}
.mathquill-editable .latex-command-input {
  color: inherit;
  font-family: "Courier New", monospace;
  border: 1px solid gray;
  padding-right: 1px;
  margin-right: 1px;
  margin-left: 2px;
}
.mathquill-editable .latex-command-input.empty {
  background: 0 0;
}
.mathquill-editable .latex-command-input.hasCursor {
  border-color: ActiveBorder;
}
.mathquill-editable .cursor:only-child:after,
.mathquill-editable .textarea + .cursor:last-child:after,
.mathquill-editable.empty:after,
.mathquill-rendered-math .empty:after,
.mathquill-textbox:after {
  visibility: hidden;
  content: 'c';
}
.mathquill-textbox {
  overflow-x: auto;
  overflow-y: hidden;
}
.mathquill-rendered-math {
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
  font-size: 115%;
  line-height: 1;
  display: -moz-inline-box;
  display: inline-block;
}
.mathquill-rendered-math .non-leaf,
.mathquill-rendered-math .scaled {
  display: -moz-inline-box;
  display: inline-block;
}
.mathquill-rendered-math .nonSymbola,
.mathquill-rendered-math .text,
.mathquill-rendered-math var {
  font-family: "Times New Roman", Symbola, serif;
  line-height: 0.9;
}
.mathquill-rendered-math * {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border-color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mathquill-rendered-math .empty {
  background: #ccc;
}
.mathquill-rendered-math.empty {
  background: 0 0;
}
.mathquill-rendered-math .text {
  font-size: 87%;
}
.mathquill-rendered-math .font {
  font: 1em "Times New Roman", Symbola, serif;
}
.mathquill-rendered-math .font * {
  font-family: inherit;
  font-style: inherit;
}
.mathquill-rendered-math b,
.mathquill-rendered-math b.font {
  font-weight: bolder;
}
.mathquill-rendered-math i,
.mathquill-rendered-math i.font,
.mathquill-rendered-math var {
  font-style: italic;
}
.mathquill-rendered-math var.florin {
  margin: 0 -0.1em;
}
.mathquill-rendered-math big {
  font-size: 125%;
}
.mathquill-rendered-math .roman {
  font-style: normal;
}
.mathquill-rendered-math .sans-serif {
  font-family: sans-serif, Symbola, serif;
}
.mathquill-rendered-math .monospace {
  font-family: monospace, Symbola, serif;
}
.mathquill-rendered-math .overline {
  border-top: 1px solid #000;
  margin-top: 1px;
  padding-top: 0.1em;
}
.mathquill-rendered-math .underline {
  border-bottom: 1px solid #000;
  margin-bottom: 1px;
}
.mathquill-rendered-math .binary-operator {
  padding: 0 0.2em;
  display: -moz-inline-box;
  display: inline-block;
}
.mathquill-rendered-math .unary-operator {
  padding-left: 0.2em;
}
.mathquill-rendered-math sub,
.mathquill-rendered-math sup {
  position: relative;
  font-size: 90%;
}
.mathquill-rendered-math sub .binary-operator,
.mathquill-rendered-math sup .binary-operator {
  padding: 0 0.1em;
}
.mathquill-rendered-math sub .unary-operator,
.mathquill-rendered-math sup .unary-operator {
  padding-left: 0.1em;
}
.mathquill-rendered-math sub.limit,
.mathquill-rendered-math sub.nthroot,
.mathquill-rendered-math sub.summ,
.mathquill-rendered-math sup.limit,
.mathquill-rendered-math sup.nthroot,
.mathquill-rendered-math sup.summ {
  font-size: 80%;
}
.mathquill-rendered-math sub .fraction,
.mathquill-rendered-math sup .fraction {
  font-size: 70%;
  vertical-align: -0.4em;
}
.mathquill-rendered-math sub .numerator,
.mathquill-rendered-math sup .numerator {
  padding-bottom: 0;
}
.mathquill-rendered-math sub .denominator,
.mathquill-rendered-math sup .denominator {
  padding-top: 0;
}
.mathquill-rendered-math sup {
  vertical-align: 0.5em;
}
.mathquill-rendered-math sup.limit,
.mathquill-rendered-math sup.nthroot {
  vertical-align: 0.8em;
}
.mathquill-rendered-math sup.nthroot {
  margin-right: -0.6em;
  margin-left: 0.2em;
  min-width: 0.5em;
}
.mathquill-rendered-math sup.summ {
  vertical-align: 1.5em;
  margin-right: 0;
  margin-left: -1em;
  min-width: 0.5em;
}
.mathquill-rendered-math sub {
  vertical-align: -0.4em;
}
.mathquill-rendered-math sub.limit {
  vertical-align: -0.6em;
}
.mathquill-rendered-math sub.summ {
  vertical-align: -1.5em;
  margin-right: 1em;
  margin-left: -1em;
  min-width: 0.5em;
}
.mathquill-rendered-math .paren {
  padding: 0 0.1em;
  vertical-align: bottom;
  transform-origin: bottom center;
}
.mathquill-rendered-math .array {
  vertical-align: middle;
  text-align: center;
}
.mathquill-rendered-math .array > span {
  display: block;
}
.mathquill-rendered-math .non-italicized-function {
  font-family: Symbola, "Times New Roman", serif;
  line-height: 0.9;
  font-style: normal;
  padding-right: 0.2em;
}
.mathquill-rendered-math .fraction {
  font-size: 90%;
  text-align: center;
  vertical-align: -0.5em;
  padding: 0 0.2em;
}
.mathquill-rendered-math .fraction,
.mathquill-rendered-math x:-moz-any-link {
  display: -moz-groupbox;
}
.mathquill-rendered-math .fraction,
.mathquill-rendered-math x:-moz-any-link,
.mathquill-rendered-math x:default {
  display: inline-block;
}
.mathquill-rendered-math .denominator,
.mathquill-rendered-math .numerator {
  display: block;
}
.mathquill-rendered-math .numerator {
  padding: 0 0.1em;
  margin-bottom: -0.1em;
}
.mathquill-rendered-math .denominator {
  border-top: 1px solid;
  float: right;
  width: 100%;
  padding: 0.1em 0.1em 0;
  margin-right: -0.1em;
  margin-left: -0.1em;
}
.mathquill-rendered-math .sqrt-prefix {
  padding-top: 0;
  position: relative;
  top: 0.1em;
  vertical-align: top;
  transform-origin: top;
}
.mathquill-rendered-math .sqrt-stem {
  border-top: 1px solid;
  margin-top: 1px;
  padding-left: 0.15em;
  padding-right: 0.2em;
  margin-right: 0.1em;
}
.mathquill-rendered-math .vector-prefix {
  position: relative;
  display: block;
  text-align: center;
  line-height: 0.25em;
  height: 0.25em;
  margin-bottom: -0.1em;
  font-size: 0.75em;
}
.mathquill-rendered-math .over-arrow .vector-prefix {
  margin-bottom: 0.1em;
}
.mathquill-rendered-math .vector-arc {
  position: absolute;
  width: 100%;
  left: 0;
  top: -0.3em;
  border-top: 1px solid;
  border-radius: 50%;
  height: 1em;
  margin-right: -1px;
}
.mathquill-rendered-math .vector-line {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  border-top: 1px solid;
  height: 1px;
  margin-right: -1px;
}
.mathquill-rendered-math .vector-arrow {
  position: absolute;
  right: -4%;
  top: 15%;
  margin-top: -1px;
  font-family: Arial;
  font-size: 125%;
}
.mathquill-rendered-math .vector-larrow {
  position: absolute;
  left: -4%;
  top: 15%;
  margin-top: -1px;
  font-family: Arial;
  font-size: 125%;
}
.mathquill-rendered-math .vector-stem {
  display: block;
}
.mathquill-rendered-math .dot-prefix {
  position: relative;
  display: block;
  text-align: center;
  line-height: 0.25em;
  height: 0.25em;
  margin-bottom: -0.1em;
  font-size: 0.75em;
  transform-origin: 0 0;
}
.mathquill-rendered-math .dot-char {
  position: absolute;
  left: 40%;
  top: -50%;
  height: 1px;
  margin-right: -1px;
  transform: scale(2, 2);
}
.mathquill-rendered-math .dot-stem {
  display: block;
}
.mathquill-rendered-math,
.mathquill-rendered-math .mathquill-editable {
  cursor: text;
  font-family: Symbola, "Times New Roman", serif;
}
.mathquill-editable .selection,
.mathquill-editable .selection .non-leaf,
.mathquill-editable .selection .scaled,
.mathquill-rendered-math .selection,
.mathquill-rendered-math .selection .non-leaf,
.mathquill-rendered-math .selection .scaled {
  background: #B4D5FE !important;
  background: Highlight!important;
  color: HighlightText;
  border-color: HighlightText;
}
.mathquill-editable .selection .matrixed,
.mathquill-rendered-math .selection .matrixed {
  background: #39F !important;
}
.mathquill-editable .selection .matrixed-container,
.mathquill-rendered-math .selection .matrixed-container {
  filter: progid:DXImageTransform.Microsoft.Chroma(color='#3399FF') !important;
}
.mathquill-editable .selection.blur,
.mathquill-editable .selection.blur .matrixed,
.mathquill-editable .selection.blur .non-leaf,
.mathquill-editable .selection.blur .scaled,
.mathquill-rendered-math .selection.blur,
.mathquill-rendered-math .selection.blur .matrixed,
.mathquill-rendered-math .selection.blur .non-leaf,
.mathquill-rendered-math .selection.blur .scaled {
  background: #D4D4D4 !important;
  color: #000;
  border-color: #000;
}
.mathquill-editable .selection.blur .matrixed-container,
.mathquill-rendered-math .selection.blur .matrixed-container {
  filter: progid:DXImageTransform.Microsoft.Chroma(color='#D4D4D4') !important;
}
.mathquill-editable .textarea,
.mathquill-rendered-math .textarea {
  position: relative;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.mathquill-editable .selectable,
.mathquill-editable .textarea textarea,
.mathquill-rendered-math .selectable,
.mathquill-rendered-math .textarea textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  position: absolute;
  clip: rect(1em 1em 1em 1em);
}
.mathquill-rendered-math .matrixed {
  background: #fff;
  display: -moz-inline-box;
  display: inline-block;
}
.mathquill-rendered-math .matrixed-container {
  filter: chroma(color='white');
  margin-top: -0.1em;
}

@font-face {
  font-family: "Nanum Barun Gothic";
  src: url(https://classic-zwi.knowreapi.com/2.1.210960/NanumBarunGothic.otf) format('opentype'), url(https://classic-zwi.knowreapi.com/2.1.210960/NanumBarunGothic.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Nanum Barun Gothic";
  src: url(https://classic-zwi.knowreapi.com/2.1.210960/NanumBarunGothicBold.otf) format('opentype'), url(https://classic-zwi.knowreapi.com/2.1.210960/NanumBarunGothicBold.ttf) format('truetype');
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Noto Sans Regular";
  src: url(https://classic-zwi.knowreapi.com/2.1.210960/NotoSans-Regular.woff) format('woff');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Noto Sans Bold";
  src: url(https://classic-zwi.knowreapi.com/2.1.210960/NotoSans-Bold.woff) format('woff');
  font-style: normal;
  font-weight: bold;
}

html,
body {
  overflow: hidden;
}
body {
  outline: 0;
  margin: 0;
  padding: 0;
}
#app {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}