/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Header/index.less?modules ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___et8xE {
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  box-align: center;
}
.flex_space_between___GBGuw {
  justify-content: space-between;
  -webkit-box-pack: justify;
}
.flex_box_vertical_center____6P1q {
  align-items: center;
  box-align: center;
}
.flex_box_center_end___whXw6 {
  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___mWgI_ {
  flex-direction: column;
  box-orient: block-axis;
}
.header___Wn4fJ [class~='ant-layout-header'] {
  position: relative;
  z-index: 3;
  background-color: #5878e9;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
  height: 60px;
  min-width: 1200px;
}
.header___Wn4fJ .logo___QnotM {
  height: 36px;
}
.homepageHeader___PVNHr [class~='ant-layout-header'] {
  position: absolute;
  min-width: 1200px;
  display: flex;
  align-items: center;
  width: 100%;
  top: 0;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.1);
  height: 60px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05);
}
.homepageHeader___PVNHr .logo___QnotM {
  height: 36px;
}
.headerFixed___QLwBd {
  position: fixed;
  top: 0px;
  z-index: 999;
  width: 100%;
}
.headerFixed___QLwBd + section {
  padding-top: 60px;
}
.menu___twLGR {
  margin: 0;
  padding: 0;
  margin-left: 30px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.menu___twLGR li {
  margin-right: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu___twLGR li:hover a {
  color: #ffffff;
}
.menu___twLGR li.actived___ohMks a {
  color: #ffffff;
}
.menu___twLGR li.actived___ohMks::after {
  content: '';
  width: 18px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 4px;
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
}
.menu___twLGR li a {
  color: #e7e7e7;
  position: relative;
  font-size: 14px;
}
.edu-menu___iWLK0 {
  display: flex;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  height: 60px;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.newslight___lSZjL {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0px;
  left: 10px;
  background: #fb3226;
}
.classromediv___knFRv {
  animation: glow___gzrPH 200ms ease-out infinite alternate;
}
@keyframes glow___gzrPH {
  0% {
    border-color: #00fff9;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(0, 255, 249, 0.2);
    width: 80px;
    box-shadow: 0 0 5px rgba(0, 255, 249, 0.2);
  }
  100% {
    border-color: #00fff9;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(0, 255, 249, 0.2);
    width: 80px;
    box-shadow: 0 0 8px rgba(0, 255, 249, 0.6);
  }
}
.spandiv___Gm_hg {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgba(0, 255, 249, 0.2);
  width: 80px;
}
.iconfont___AqeYj {
  color: #fff !important;
}
.cloud_monitoring___i70gj {
  width: 96px;
  height: 30px;
  box-shadow: 1px 2px 4px 0px rgba(88, 139, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  margin-left: 20px;
  cursor: pointer;
  background: #7f98f3;
}
.cloud_monitoring___i70gj.inHomePage___Q5E4Q {
  background: linear-gradient(135deg, #644da6 0%, #5a4a9e 100%);
  border: 1px solid #6c5fab;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/Header/search-input.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.search-input {
  width: 300px !important;
  background: #373e3f !important;
  border: 1px solid #373e3f !important;
}
.search-input [class~='ant-input'] {
  background: #373e3f !important;
  color: #fff;
}
.search-input .ant-input-search-icon::before {
  border-left: none;
}
.search-input .ant-input-search-icon {
  color: #999;
}
.search-bar {
  color: white;
  flex: 1 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.search-bar a:hover {
  color: #fff;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/AuthModal/index.less?modules ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tilte___IfiMG {
  color: #333333;
  font-size: 16px;
  text-align: center;
}
.flexRow___pQP78 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.flexColumn___xrBZQ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footerWrap___C5kCC {
  display: flex;
  justify-content: space-between;
}
.img___GoWZu {
  width: 40px;
  height: 37px;
  vertical-align: middle;
  border-style: none;
}
.content___pumTK {
  font-size: 14px;
  color: #979797;
  margin-top: 15px;
}
.modalContent___XvHiZ {
  text-align: center;
  margin-top: 10px;
  color: #333333;
  font-size: 16px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Header/components/Join/index.less?modules ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___cltIf {
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  box-align: center;
}
.flex_space_between___fKr_O {
  justify-content: space-between;
  -webkit-box-pack: justify;
}
.flex_box_vertical_center____QfiA {
  align-items: center;
  box-align: center;
}
.flex_box_center_end___ysqmH {
  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___CfE8K {
  flex-direction: column;
  box-orient: block-axis;
}
.rightMenu___ADTOX {
  width: 120px;
  text-align: center;
}
.rightMenu___ADTOX li {
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  background: none !important;
}
.rightMenu___ADTOX li:hover {
  background: #0152d9 !important;
}
.rightMenu___ADTOX li:hover a {
  color: white !important;
}
.rightMenu___ADTOX li a {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.joinMenu___aRGsf {
  padding: 0 0;
  width: 240px;
}
.joinMenu___aRGsf a {
  color: #323232;
}
.joinBoard___AeUvr {
  border: 1px solid #eee;
  width: 1px;
  height: 100%;
}
.joinCol___fV4uL {
  width: 48%;
}
.hidden___TkCJZ {
  display: none;
}
.w140___Vx5lp {
  width: 140px !important;
}
.w100___yYRaC {
  width: 90%;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Header/components/User/index.less?modules ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___YbxYn {
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  box-align: center;
}
.flex_space_between___Atwkg {
  justify-content: space-between;
  -webkit-box-pack: justify;
}
.flex_box_vertical_center____I6AC {
  align-items: center;
  box-align: center;
}
.flex_box_center_end___LrYPg {
  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___j7QNF {
  flex-direction: column;
  box-orient: block-axis;
}
.userPic___a46Uz {
  width: 34px;
  height: 34px;
  border-radius: 34px;
  cursor: pointer;
}
.login_wrapper___uPVmG {
  background: #165dff;
  color: #fff;
  font-size: 14px;
  padding: 1px 12px;
  line-height: 24px;
  height: 34px;
}
.login_wrapper___uPVmG .login___WGEW9:hover {
  cursor: pointer;
}
.rightMenu___y_nqk {
  text-align: center;
}
.rightMenu___y_nqk li {
  padding: 0;
}
.rightMenu___y_nqk li:hover {
  background: #0152d9;
}
.rightMenu___y_nqk li:hover a {
  color: white;
}
.rightMenu___y_nqk li a {
  font-size: 14px;
  margin: 0;
}
[id="educoder"] .menuWrap___iwlZB {
  padding-left: 0;
  padding-right: 0;
  border-radius: 2px;
}
[id="educoder"] .menuWrap___iwlZB li {
  height: 35px;
  padding: 0 !important;
}
[id="educoder"] .menuWrap___iwlZB li [class~='ant-dropdown-menu-title-content'] {
  flex: none !important;
}
[id="educoder"] .menuWrap___iwlZB li a {
  margin: 0px;
  color: #323232;
  text-align: left;
  padding: 0px 15px;
  line-height: 35px;
}
.exit___MOREW {
  border-top: 1px solid #eeeeee;
}
.classromediv___crYsO {
  width: 60px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 50px;
  cursor: pointer;
  animation: glow___jMGk7 200ms ease-out infinite alternate;
}
@keyframes glow___jMGk7 {
  0% {
    border-color: #00fff9;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 255, 249, 0.2);
  }
  100% {
    border-color: #00fff9;
    text-align: center;
    box-shadow: 0 0 8px rgba(0, 255, 249, 0.6);
  }
}
.height67___asp2E {
  height: 67px;
}
.login___WGEW9 {
  width: 90px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: linear-gradient(135deg, #6c7bfd 0%, #3a45fa 100%);
  border-radius: 2px;
  cursor: pointer;
  font-size: 14px;
  color: #ffffff;
}
.login___WGEW9 > span {
  padding: 0 !important;
}
.icon___HABAt {
  font-size: 12px;
  display: inline-block;
  transform: translateY(3px) scale(0.6);
  color: #979797;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/XgdFooter/index.less?modules ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___RnoYL {
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  box-align: center;
}
.flex_space_between___Ge1HD {
  justify-content: space-between;
  -webkit-box-pack: justify;
}
.flex_box_vertical_center___GWCR9 {
  align-items: center;
  box-align: center;
}
.flex_box_center_end___Alr9l {
  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___ztGgj {
  flex-direction: column;
  box-orient: block-axis;
}
.footer___Frs_T {
  background: #464f66;
  min-width: 1200px;
  height: 100px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ccd5e9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer___Frs_T .inc___EE8rT {
  margin-left: 20px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/SideBar/index.less?modules ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sideBar___iM1tf {
  position: fixed;
  width: 70px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px #f1f1f1;
  border-radius: 8px;
  right: 40px;
  bottom: 90px;
  z-index: 10;
}
#educoder .wrap___GEY86 {
  padding: 0px;
  height: 59px;
  line-height: 59px;
  box-sizing: border-box;
  width: 40px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #f1f1f1;
  margin-left: 15px;
  overflow: hidden;
}
.wrap___GEY86:last-child {
  border: 0;
}
#educoder .backTop___skoyU {
  position: static;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
  z-index: 10;
}
.ul___JwWww {
  list-style: decimal;
  padding-left: 16px;
}
.ul___JwWww li {
  list-style: decimal;
}
.tooltipclass___QQUJq {
  max-width: 500px !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/CustomOperateModel/index.less?modules ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalityModal___fvSjk {
  background: rgba(51, 51, 51, 0.5);
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalityModal___fvSjk .modal___wvA_V {
  width: 760px;
  height: 419px;
  background: #fff;
  position: relative;
  z-index: 200;
}
.modalityModal___fvSjk .modal___wvA_V .ant-carousel .slick-dots li button {
  background: #c7c7c7;
}
.modalityModal___fvSjk .modal___wvA_V .ant-carousel .slick-dots li.slick-active button {
  background: #898989;
}
.modalityModal___fvSjk .modal___wvA_V .itemWarp___JNLoV {
  width: 100%;
}
.modalityModal___fvSjk .modal___wvA_V .close___PycHq {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 201;
  cursor: pointer;
}
.modalityModal___fvSjk .modal___wvA_V .close___PycHq i {
  color: #ccc;
  cursor: pointer;
}
.modalityModal___fvSjk .modal___wvA_V .cancelBtn___kgKTp {
  width: 96px;
  height: 32px;
  box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px -1px 3px 0px rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  background: #3061D0;
  border: none;
  margin-top: 20px;
}
.selfdomModal___doNCF {
  background: rgba(51, 51, 51, 0.5);
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selfdomModal___doNCF .modal___wvA_V {
  width: 760px;
  height: 419px;
  background: transparent;
  position: relative;
  z-index: 200;
}
.selfdomModal___doNCF .modal___wvA_V .itemWarp___JNLoV {
  width: 100%;
}
.selfdomModal___doNCF .modal___wvA_V .close___PycHq {
  position: absolute;
  right: -30px;
  top: -30px;
  z-index: 201;
  cursor: pointer;
}
.selfdomModal___doNCF .modal___wvA_V .close___PycHq i {
  color: #0152d9;
  cursor: pointer;
  font-size: 30px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/PreviewAll/index.less?modules ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrp___dq7YK {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 108;
}
.wrp___dq7YK.bgBlack___ARIUV {
  background: rgba(0, 0, 0, 0.5);
}
.wrp___dq7YK img,
.wrp___dq7YK video {
  max-width: 100%;
  max-height: 80%;
  text-align: center;
}
.wrp___dq7YK iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  border: none;
}
.monaco___VnZC3 {
  position: absolute;
  height: 100%;
  width: 100%;
}
.darkBlue___UprA9 * {
  font-size: 14px;
}
.darkBlue___UprA9 [class~='margin'],
.darkBlue___UprA9 [class~='monaco-editor-background'] {
  background: #0a0e2d !important;
}
.darkBlue___UprA9 [class~='line-numbers'] {
  color: white !important;
}
.close___LKoWu {
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 10;
  display: flex;
}
.close___LKoWu > span {
  background: #4a4a4a;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 10px;
}
.embed___hvpEJ {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@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;
}