/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/monaco-editor/index.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.my-monaco-editor div,
.my-diff-editor div {
  font-size: inherit;
}

.my-error-line-wrp {
  width: calc(100% - 20px) !important;
  background: rgba(245, 0, 0, 0.2) !important;
  height: auto !important;
  color: rgba(245, 0, 0, 1);
}


.noCopyPaste .quick-input-widget {
  display: none !important;
}

.breakpoints-select {

  background: #FF0000;
  width: 8px !important;
  height: 8px !important;
  left: 7px !important;
  top: 7px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.breakpoints-fake {
  background: rgba(255, 0, 0, 0.5);
  width: 8px !important;
  height: 8px !important;
  left: 7px !important;
  top: 7px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.highlighted-line {
  background: #4B4B18;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/Exercise/CodeDetails/index.less?modules ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___aDZ0y {
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  box-align: center;
}
.flex_space_between___YgV77 {
  justify-content: space-between;
  -webkit-box-pack: justify;
}
.flex_box_vertical_center___RiXOn {
  align-items: center;
  box-align: center;
}
.flex_box_center_end___leo_X {
  justify-content: flex-end;
  align-items: center;
  -webkit-justify-content: flex-end;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: end;
  box-align: center;
  box-pack: end;
}
.flex_box_column___yVux9 {
  flex-direction: column;
  box-orient: block-axis;
}
.title___eoGRP {
  display: box;
  display: flex;
  align-items: center;
  box-align: center;
}
.title___eoGRP strong {
  color: #333;
}
.wrap___sXyah {
  background-color: #fff;
  overflow: hidden;
  padding: 30px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.wrap___sXyah .title___eoGRP {
  padding: 16px 20px;
  background: #f5f5f5;
  font-weight: 600;
  color: #000000;
  font-size: 18px;
  margin-bottom: 10px;
}
.wrap___sXyah .code___NIt6L {
  height: 500px;
  background: #f5f5f5;
}
.wrap___sXyah .error___p_cW8 {
  background: #f5f5f5;
  padding: 16px 20px;
  margin-top: 10px;
}