@charset "UTF-8";
/**
 * 
 * @authors LuanHaixin (2534910946@qq.com)
 * @date    2022-06-23 21:04:10
 * @version $Id$
 */
:root {
    --img-sound: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy00e2ZpbGw6I2IyZDdmZjt9LmNscy0ye2ZpbGw6IzQ3OWZlYTt9LmNscy0yLC5jbHMtNHtmaWxsLXJ1bGU6ZXZlbm9kZDt9LmNscy0ze2ZpbGw6I2I3ZGFmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPui1hOa6kCAyPC90aXRsZT48ZyBpZD0i5Zu+5bGCXzIiIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGlkPSLlm77lsYJfMS0yIiBkYXRhLW5hbWU9IuWbvuWxgiAxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjEwMDAiLz48ZyBpZD0i5b2i54q2XzJf5ou36LSdIiBkYXRhLW5hbWU9IuW9oueKtiAyIOaLt+i0nSI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNzE2LjA3LDYwMi4xMWwtLjgzLTM2Ny45MkwzODcuODQsMzM1LjA2bDEuNjUsMzE3LjQ4cy0xOC4xOC0yOS4xOS02NS4zMi0yOC4xMWMtMzMuMDcuNzUtODIuNzUsMjMuODMtODEsNzEuMSwxLjM4LDM3Ljc2LDM1Ljc0LDcwLjIsODguNDcsNzAuMjgsNTUuOTUtMS4zOCw4OC4xOS0zMi4yNCw4OC40Ny01OS41My0uMTctMS4wOS0zLjMxLTI0OS42OS0zLjMxLTI0OS42OWwyNzMuNjctODIuNjgsMS42NSwxNzYuOTNzLTI4Ljk0LTE5LTYzLjY2LTE5LTg3LjgyLDMyLjg5LTgyLjY4LDc1LjI0YzUsNDEuMiw0OC40Nyw2NS40NSwxMTAsNTYuMjJDNzE4LjI2LDY0OS4yNCw3MTYuMDcsNjAyLjExLDcxNi4wNyw2MDIuMTFaIi8+PC9nPjxnIGlkPSLmpK3lnIZfMV/mi7fotJ1fMyIgZGF0YS1uYW1lPSLmpK3lnIYgMSDmi7fotJ0gMyI+PGVsbGlwc2UgY2xhc3M9ImNscy0zIiBjeD0iNjI5LjI2IiBjeT0iNTk3LjU2IiByeD0iNTYuMTIiIHJ5PSI0NC42Ii8+PC9nPjxnIGlkPSLmpK3lnIZfMV/mi7fotJ1fMy0yIiBkYXRhLW5hbWU9IuakreWchiAxIOaLt+i0nSAzIj48ZWxsaXBzZSBjbGFzcz0iY2xzLTMiIGN4PSIzMjcuNDgiIGN5PSI2OTMuNDciIHJ4PSI1Ni4xMiIgcnk9IjQ0LjYiLz48L2c+PGcgaWQ9IuW9oueKtl80X+aLt+i0nSIgZGF0YS1uYW1lPSLlvaLnirYgNCDmi7fotJ0iPjxwb2x5Z29uIGNsYXNzPSJjbHMtNCIgcG9pbnRzPSI0MTYuNzcgMzU5Ljg2IDQxNi43NyA0MjYuODMgNjkwLjQ0IDM0NC4xNSA2OTAuNDQgMjczLjg4IDQxNi43NyAzNTkuODYiLz48L2c+PC9nPjwvZz48L3N2Zz4=); 
    /* your image data here */
}

.video-js .vjs-tech {
    position: relative !important;
    
}
 /*formula*/
.hxt-formula-formula-cont {
    position: absolute;
    width: 100%;
    z-index: 98;
    top: 0px;
    height: 100%;
    font-size: inherit;
    overflow: scroll;
   
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#edr-stage .hxt-formula-formula-cont{
    background-color: #fff;
}


.hxt-formula{
    width: 100%;
    height: 100%;
    position: relative;
 

}

/*code*/
.hxt-code {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #292c33;
    overflow: hidden;
    font-size: 13px;
}




.hxt-code-code-cont {
    width: calc(100% - 30px);
    height: calc(100% - 40px);

    position: relative;

    left: 30px;
    box-shadow: 0px 0px 0px 1px #fff;

}

.hxt-code-code-cc {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

.hxt-code-menu-cont {
    width: 100%;
    height: 40px;


    position: relative;

}

.hxt-code-bar {
    width: 30px;
    height: calc(100% - 40px);
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
    font-size: 20px;
    font-family: "Din Alternate";
    font-weight: bolder;
    text-align: center;
}


.hxt-code-menu-select-c {
    position: absolute;
    width: 75px;
    height: 25px;
    padding: 0px 10px;
    top: 7.5px;
    background-color: #000;
    color: #fff;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    line-height: 200%;
    font-size: 13px;


}

.hxt-code-menu-language {
    left: 30px;
    cursor: pointer;
}

.hxt-code-menu-language:before,
.hxt-code-menu-theme:before {
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;

}

.hxt-code-menu-language:before {
    background-color: #2fc4ff;
}

.hxt-code-menu-theme:before {
    background-color: #004dfc;
}

.hxt-code-menu-theme {
    left: 140px;
    cursor: pointer;
}



div.codebox {
    width: max-content;
    min-width: 100%;
    white-space: pre;
    min-height: 150px;
    height: 100%;
    font-family: Consolas, Monaco, monospace;
    padding: 10px 10px;
    /*margin: 10px 10px;*/

}

.code-edit {
    position: relative;
    z-index: 3;
    color: #0000;
    caret-color: #fff;
        box-sizing: border-box;
}

.code-show {
    position: absolute;
    top: 0px;
    z-index: 2;
        box-sizing: border-box;

}

.hxt-code .ps__rail-x,
.hxt-code .ps__rail-y {
    z-index: 20;
}



mjx-container[jax="SVG"] {
  direction: ltr;
}

mjx-container[jax="SVG"] > svg {
  overflow: visible;
}

mjx-container[jax="SVG"] > svg a {
  fill: blue;
  stroke: blue;
}

mjx-assistive-mml {
  position: absolute !important;
  top: 0px;
  left: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 1px 0px 0px 0px !important;
  border: 0px !important;
  display: block !important;
  width: auto !important;
  overflow: hidden !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

mjx-assistive-mml[display="block"] {
  width: 100% !important;
}

mjx-container[jax="SVG"][display="true"] {
  display: block;
  text-align: center;
  margin: 1em 0;
}

mjx-container[jax="SVG"][display="true"][width="full"] {
  display: flex;
}

mjx-container[jax="SVG"][justify="left"] {
  text-align: left;
}

mjx-container[jax="SVG"][justify="right"] {
  text-align: right;
}

g[data-mml-node="merror"] > g {
  fill: red;
  stroke: red;
}

g[data-mml-node="merror"] > rect[data-background] {
  fill: yellow;
  stroke: none;
}

g[data-mml-node="mtable"] > line[data-line] {
  stroke-width: 70px;
  fill: none;
}

g[data-mml-node="mtable"] > rect[data-frame] {
  stroke-width: 70px;
  fill: none;
}

g[data-mml-node="mtable"] > .mjx-dashed {
  stroke-dasharray: 140;
}

g[data-mml-node="mtable"] > .mjx-dotted {
  stroke-linecap: round;
  stroke-dasharray: 0,140;
}

g[data-mml-node="mtable"] > g > svg {
  overflow: visible;
}

[jax="SVG"] mjx-tool {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
}

[jax="SVG"] mjx-tool > mjx-tip {
  position: absolute;
  top: 0;
  left: 0;
}

mjx-tool > mjx-tip {
  display: inline-block;
  padding: .2em;
  border: 1px solid #888;
  font-size: 70%;
  background-color: #F8F8F8;
  color: black;
  box-shadow: 2px 2px 5px #AAAAAA;
}

g[data-mml-node="maction"][data-toggle] {
  cursor: pointer;
}

mjx-status {
  display: block;
  position: fixed;
  left: 1em;
  bottom: 1em;
  min-width: 25%;
  padding: .2em .4em;
  border: 1px solid #888;
  font-size: 90%;
  background-color: #F8F8F8;
  color: black;
}

foreignObject[data-mjx-xml] {
  font-family: initial;
  line-height: normal;
  overflow: visible;
}

.MathJax path {
  stroke-width: 3;
}