/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container{
  -webkit-touch-callout:none;
  direction:ltr;
  font-size:0;
  line-height:0;
  position:relative;
  -ms-touch-action:none;
  touch-action:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.cropper-container img{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  display:block;
  height:100%;
  image-orientation:0deg;
  max-height:none!important;
  max-width:none!important;
  min-height:0!important;
  min-width:0!important;
  width:100%
}

.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0
}

.cropper-canvas,.cropper-wrap-box{
  overflow:hidden
}

.cropper-drag-box{
  background-color:#fff;
  opacity:0
}

.cropper-modal{
  background-color:#000;
  opacity:.5
}

.cropper-view-box{
  display:block;
  height:100%;
  outline:1px solid #39f;
  outline-color:rgba(51,153,255,.75);
  overflow:hidden;
  width:100%
}

.cropper-dashed{
  border:0 dashed #eee;
  display:block;
  opacity:.5;
  position:absolute
}

.cropper-dashed.dashed-h{
  border-bottom-width:1px;
  border-top-width:1px;
  height:33.33333%;
  left:0;
  top:33.33333%;
  width:100%
}

.cropper-dashed.dashed-v{
  border-left-width:1px;
  border-right-width:1px;
  height:100%;
  left:33.33333%;
  top:0;
  width:33.33333%
}

.cropper-center{
  display:block;
  height:0;
  left:50%;
  opacity:.75;
  position:absolute;
  top:50%;
  width:0
}

.cropper-center:after,.cropper-center:before{
  background-color:#eee;
  content:" ";
  display:block;
  position:absolute
}

.cropper-center:before{
  height:1px;
  left:-3px;
  top:0;
  width:7px
}

.cropper-center:after{
  height:7px;
  left:0;
  top:-3px;
  width:1px
}

.cropper-face,.cropper-line,.cropper-point{
  display:block;
  height:100%;
  opacity:.1;
  position:absolute;
  width:100%
}

.cropper-face{
  background-color:#fff;
  left:0;
  top:0
}

.cropper-line{
  background-color:#39f
}

.cropper-line.line-e{
  cursor:ew-resize;
  right:-3px;
  top:0;
  width:5px
}

.cropper-line.line-n{
  cursor:ns-resize;
  height:5px;
  left:0;
  top:-3px
}

.cropper-line.line-w{
  cursor:ew-resize;
  left:-3px;
  top:0;
  width:5px
}

.cropper-line.line-s{
  bottom:-3px;
  cursor:ns-resize;
  height:5px;
  left:0
}

.cropper-point{
  background-color:#39f;
  height:5px;
  opacity:.75;
  width:5px
}

.cropper-point.point-e{
  cursor:ew-resize;
  margin-top:-3px;
  right:-3px;
  top:50%
}

.cropper-point.point-n{
  cursor:ns-resize;
  left:50%;
  margin-left:-3px;
  top:-3px
}

.cropper-point.point-w{
  cursor:ew-resize;
  left:-3px;
  margin-top:-3px;
  top:50%
}

.cropper-point.point-s{
  bottom:-3px;
  cursor:s-resize;
  left:50%;
  margin-left:-3px
}

.cropper-point.point-ne{
  cursor:nesw-resize;
  right:-3px;
  top:-3px
}

.cropper-point.point-nw{
  cursor:nwse-resize;
  left:-3px;
  top:-3px
}

.cropper-point.point-sw{
  bottom:-3px;
  cursor:nesw-resize;
  left:-3px
}

.cropper-point.point-se{
  bottom:-3px;
  cursor:nwse-resize;
  height:20px;
  opacity:1;
  right:-3px;
  width:20px
}

@media (min-width:768px){
  .cropper-point.point-se{
    height:15px;
    width:15px
  }
}

@media (min-width:992px){
  .cropper-point.point-se{
    height:10px;
    width:10px
  }
}

@media (min-width:1200px){
  .cropper-point.point-se{
    height:5px;
    opacity:.75;
    width:5px
  }
}

.cropper-point.point-se:before{
  background-color:#39f;
  bottom:-50%;
  content:" ";
  display:block;
  height:200%;
  opacity:0;
  position:absolute;
  right:-50%;
  width:200%
}

.cropper-invisible{
  opacity:0
}

.cropper-bg{
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide{
  display:block;
  height:0;
  position:absolute;
  width:0
}

.cropper-hidden{
  display:none!important
}

.cropper-move{
  cursor:move
}

.cropper-crop{
  cursor:crosshair
}

.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{
  cursor:not-allowed
}
:root,
:host {
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #333;
  --w-e-textarea-border-color: #ccc;
  --w-e-textarea-slight-border-color: #e8e8e8;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #f5f2f0;
  --w-e-textarea-selected-border-color: #B4D5FF;
  --w-e-textarea-handler-bg-color: #4290f7;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-active-color: #333;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-toolbar-disabled-color: #999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #fafafa;
  --w-e-modal-button-border-color: #d9d9d9;
}
.w-e-text-container *,.w-e-toolbar *{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  margin:0;
  outline:none;
  padding:0
}
.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{
  line-height:1.5
}
.w-e-text-container{
  background-color:var(--w-e-textarea-bg-color);
  color:var(--w-e-textarea-color);
  height:100%;
  position:relative
}
.w-e-text-container .w-e-scroll{
  -webkit-overflow-scrolling:touch;
  height:100%
}
.w-e-text-container [data-slate-editor]{
  word-wrap:break-word;
  border-top:1px solid transparent;
  min-height:100%;
  outline:0;
  padding:0 10px;
  white-space:pre-wrap
}
.w-e-text-container [data-slate-editor] p{
  margin:15px 0
}
.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{
  margin:20px 0
}
.w-e-text-container [data-slate-editor] img{
  cursor:default;
  display:inline!important;
  max-width:100%;
  min-height:20px;
  min-width:20px
}
.w-e-text-container [data-slate-editor] span{
  text-indent:0
}
.w-e-text-container [data-slate-editor] [data-selected=true]{
  -webkit-box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color);
          box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)
}
.w-e-text-placeholder{
  font-style:italic;
  left:10px;
  top:17px;
  width:90%
}
.w-e-max-length-info,.w-e-text-placeholder{
  color:var(--w-e-textarea-slight-color);
  pointer-events:none;
  position:absolute;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
      user-select:none
}
.w-e-max-length-info{
  bottom:.5em;
  right:1em
}
.w-e-bar{
  background-color:var(--w-e-toolbar-bg-color);
  color:var(--w-e-toolbar-color);
  font-size:14px;
  padding:0 5px
}
.w-e-bar svg{
  fill:var(--w-e-toolbar-color);
  height:14px;
  width:14px
}
.w-e-bar-show{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.w-e-bar-hidden{
  display:none
}
.w-e-hover-bar{
  border:1px solid var(--w-e-toolbar-border-color);
  border-radius:3px;
  -webkit-box-shadow:0 2px 5px #0000001f;
          box-shadow:0 2px 5px #0000001f;
  position:absolute
}
.w-e-toolbar{
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  position:relative
}
.w-e-bar-divider{
  background-color:var(--w-e-toolbar-border-color);
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  height:40px;
  margin:0 5px;
  width:1px
}
.w-e-bar-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:40px;
  padding:4px;
  position:relative;
  text-align:center
}
.w-e-bar-item,.w-e-bar-item button{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
}
.w-e-bar-item button{
  background:transparent;
  border:none;
  color:var(--w-e-toolbar-color);
  cursor:pointer;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  height:32px;
  overflow:hidden;
  padding:0 8px;
  white-space:nowrap
}
.w-e-bar-item button:hover{
  background-color:var(--w-e-toolbar-active-bg-color);
  color:var(--w-e-toolbar-active-color)
}
.w-e-bar-item button .title{
  margin-left:5px
}
.w-e-bar-item .active{
  background-color:var(--w-e-toolbar-active-bg-color);
  color:var(--w-e-toolbar-active-color)
}
.w-e-bar-item .disabled{
  color:var(--w-e-toolbar-disabled-color);
  cursor:not-allowed
}
.w-e-bar-item .disabled svg{
  fill:var(--w-e-toolbar-disabled-color)
}
.w-e-bar-item .disabled:hover{
  background-color:var(--w-e-toolbar-bg-color);
  color:var(--w-e-toolbar-disabled-color)
}
.w-e-bar-item .disabled:hover svg{
  fill:var(--w-e-toolbar-disabled-color)
}
.w-e-menu-tooltip-v5:before{
  background-color:var(--w-e-toolbar-active-color);
  border-radius:5px;
  color:var(--w-e-toolbar-bg-color);
  content:attr(data-tooltip);
  font-size:.75em;
  opacity:0;
  padding:5px 10px;
  position:absolute;
  text-align:center;
  top:40px;
  -webkit-transition:opacity .6s;
  transition:opacity .6s;
  visibility:hidden;
  white-space:pre;
  z-index:1
}
.w-e-menu-tooltip-v5:after{
  border:5px solid transparent;
  border-bottom:5px solid var(--w-e-toolbar-active-color);
  content:"";
  opacity:0;
  position:absolute;
  top:30px;
  -webkit-transition:opacity .6s;
  transition:opacity .6s;
  visibility:hidden
}
.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{
  opacity:1;
  visibility:visible
}
.w-e-menu-tooltip-v5.tooltip-right:before{
  left:100%;
  top:10px
}
.w-e-menu-tooltip-v5.tooltip-right:after{
  border-bottom-color:transparent;
  border-left-color:transparent;
  border-right-color:var(--w-e-toolbar-active-color);
  border-top-color:transparent;
  left:100%;
  margin-left:-10px;
  top:16px
}
.w-e-bar-item-group .w-e-bar-item-menus-container{
  background-color:var(--w-e-toolbar-bg-color);
  border:1px solid var(--w-e-toolbar-border-color);
  border-radius:3px;
  -webkit-box-shadow:0 2px 10px #0000001f;
          box-shadow:0 2px 10px #0000001f;
  display:none;
  left:0;
  margin-top:40px;
  position:absolute;
  top:0;
  z-index:1
}
.w-e-bar-item-group:hover .w-e-bar-item-menus-container{
  display:block
}
.w-e-select-list{
  background-color:var(--w-e-toolbar-bg-color);
  border:1px solid var(--w-e-toolbar-border-color);
  border-radius:3px;
  -webkit-box-shadow:0 2px 10px #0000001f;
          box-shadow:0 2px 10px #0000001f;
  left:0;
  margin-top:40px;
  max-height:350px;
  min-width:100px;
  overflow-y:auto;
  position:absolute;
  top:0;
  z-index:1
}
.w-e-select-list ul{
  line-height:1;
  list-style:none
}
.w-e-select-list ul .selected{
  background-color:var(--w-e-toolbar-active-bg-color)
}
.w-e-select-list ul li{
  cursor:pointer;
  padding:7px 0 7px 25px;
  position:relative;
  text-align:left;
  white-space:nowrap
}
.w-e-select-list ul li:hover{
  background-color:var(--w-e-toolbar-active-bg-color)
}
.w-e-select-list ul li svg{
  left:0;
  margin-left:5px;
  margin-top:-7px;
  position:absolute;
  top:50%
}
.w-e-bar-bottom .w-e-select-list{
  bottom:0;
  margin-bottom:40px;
  margin-top:0;
  top:inherit
}
.w-e-drop-panel{
  background-color:var(--w-e-toolbar-bg-color);
  border:1px solid var(--w-e-toolbar-border-color);
  border-radius:3px;
  -webkit-box-shadow:0 2px 10px #0000001f;
          box-shadow:0 2px 10px #0000001f;
  margin-top:40px;
  min-width:200px;
  padding:10px;
  position:absolute;
  top:0;
  z-index:1
}
.w-e-bar-bottom .w-e-drop-panel{
  bottom:0;
  margin-bottom:40px;
  margin-top:0;
  top:inherit
}
.w-e-modal{
  background-color:var(--w-e-toolbar-bg-color);
  border:1px solid var(--w-e-toolbar-border-color);
  border-radius:3px;
  -webkit-box-shadow:0 2px 10px #0000001f;
          box-shadow:0 2px 10px #0000001f;
  color:var(--w-e-toolbar-color);
  font-size:14px;
  min-height:40px;
  min-width:100px;
  padding:20px 15px 0;
  position:absolute;
  text-align:left;
  z-index:1
}
.w-e-modal .btn-close{
  cursor:pointer;
  line-height:1;
  padding:5px;
  position:absolute;
  right:8px;
  top:7px
}
.w-e-modal .btn-close svg{
  fill:var(--w-e-toolbar-color);
  height:10px;
  width:10px
}
.w-e-modal .babel-container{
  display:block;
  margin-bottom:15px
}
.w-e-modal .babel-container span{
  display:block;
  margin-bottom:10px
}
.w-e-modal .button-container{
  margin-bottom:15px
}
.w-e-modal button{
  background-color:var(--w-e-modal-button-bg-color);
  border:1px solid var(--w-e-modal-button-border-color);
  border-radius:4px;
  color:var(--w-e-toolbar-color);
  cursor:pointer;
  font-weight:400;
  height:32px;
  padding:4.5px 15px;
  text-align:center;
  -ms-touch-action:manipulation;
      touch-action:manipulation;
  -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
  transition:all .3s cubic-bezier(.645,.045,.355,1);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
      user-select:none;
  white-space:nowrap
}
.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{
  -webkit-font-feature-settings:"tnum";
          font-feature-settings:"tnum";
  background-color:var(--w-e-toolbar-bg-color);
  border:1px solid var(--w-e-modal-button-border-color);
  border-radius:4px;
  color:var(--w-e-toolbar-color);
  font-variant:tabular-nums;
  padding:4.5px 11px;
  -webkit-transition:all .3s;
  transition:all .3s;
  width:100%
}
.w-e-modal textarea{
  min-height:60px
}
body .w-e-modal,body .w-e-modal *{
  -webkit-box-sizing:border-box;
          box-sizing:border-box
}
.w-e-progress-bar{
  background-color:var(--w-e-textarea-handler-bg-color);
  height:1px;
  position:absolute;
  -webkit-transition:width .3s;
  transition:width .3s;
  width:0
}
.w-e-full-screen-container{
  bottom:0!important;
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:flex!important;
  -webkit-box-orient:vertical!important;
  -webkit-box-direction:normal!important;
      -ms-flex-direction:column!important;
          flex-direction:column!important;
  height:100%!important;
  left:0!important;
  margin:0!important;
  padding:0!important;
  position:fixed;
  right:0!important;
  top:0!important;
  width:100%!important
}
.w-e-full-screen-container [data-w-e-textarea=true]{
  -webkit-box-flex:1!important;
      -ms-flex:1!important;
          flex:1!important
}
.w-e-text-container [data-slate-editor] code{
  background-color:var(--w-e-textarea-slight-bg-color);
  border-radius:3px;
  font-family:monospace;
  padding:3px
}
.w-e-panel-content-color{
  list-style:none;
  text-align:left;
  width:230px
}
.w-e-panel-content-color li{
  border:1px solid var(--w-e-toolbar-bg-color);
  border-radius:3px 3px;
  cursor:pointer;
  display:inline-block;
  padding:2px
}
.w-e-panel-content-color li:hover{
  border-color:var(--w-e-toolbar-color)
}
.w-e-panel-content-color li .color-block{
  border:1px solid var(--w-e-toolbar-border-color);
  border-radius:3px 3px;
  height:17px;
  width:17px
}
.w-e-panel-content-color .active{
  border-color:var(--w-e-toolbar-color)
}
.w-e-panel-content-color .clear{
  line-height:1.5;
  margin-bottom:5px;
  width:100%
}
.w-e-panel-content-color .clear svg{
  height:16px;
  margin-bottom:-4px;
  width:16px
}
.w-e-text-container [data-slate-editor] blockquote{
  background-color:var(--w-e-textarea-slight-bg-color);
  border-left:8px solid var(--w-e-textarea-selected-border-color);
  display:block;
  font-size:100%;
  line-height:1.5;
  margin:10px 0;
  padding:10px
}
.w-e-panel-content-emotion{
  font-size:20px;
  list-style:none;
  text-align:left;
  width:300px
}
.w-e-panel-content-emotion li{
  border-radius:3px 3px;
  cursor:pointer;
  display:inline-block;
  padding:0 5px
}
.w-e-panel-content-emotion li:hover{
  background-color:var(--w-e-textarea-slight-bg-color)
}
.w-e-textarea-divider{
  border-radius:3px;
  margin:20px auto;
  padding:20px
}
.w-e-textarea-divider hr{
  background-color:var(--w-e-textarea-border-color);
  border:0;
  display:block;
  height:1px
}
.w-e-text-container [data-slate-editor] pre>code{
  background-color:var(--w-e-textarea-slight-bg-color);
  border:1px solid var(--w-e-textarea-slight-border-color);
  border-radius:4px 4px;
  display:block;
  font-size:14px;
  padding:10px;
  text-indent:0
}
.w-e-text-container [data-slate-editor] .w-e-image-container{
  display:inline-block;
  margin:0 3px
}
.w-e-text-container [data-slate-editor] .w-e-image-container:hover{
  -webkit-box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color);
          box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container{
  overflow:hidden;
  position:relative
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{
  background-color:var(--w-e-textarea-handler-bg-color);
  height:7px;
  position:absolute;
  width:7px
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{
  cursor:nwse-resize;
  left:0;
  top:0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{
  cursor:nesw-resize;
  right:0;
  top:0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{
  bottom:0;
  cursor:nesw-resize;
  left:0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{
  bottom:0;
  cursor:nwse-resize;
  right:0
}
.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{
  -webkit-box-shadow:none;
          box-shadow:none
}
.w-e-text-container [contenteditable=false] .w-e-image-container:hover{
  -webkit-box-shadow:none;
          box-shadow:none
}
.w-e-text-container [data-slate-editor] .table-container{
  border:1px dashed var(--w-e-textarea-border-color);
  border-radius:5px;
  margin-top:10px;
  overflow-x:auto;
  padding:10px;
  width:100%
}
.w-e-text-container [data-slate-editor] table{
  border-collapse:collapse
}
.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{
  border:1px solid var(--w-e-textarea-border-color);
  line-height:1.5;
  min-width:30px;
  padding:3px 5px;
  text-align:left
}
.w-e-text-container [data-slate-editor] table th{
  background-color:var(--w-e-textarea-slight-bg-color);
  font-weight:700;
  text-align:center
}
.w-e-panel-content-table{
  background-color:var(--w-e-toolbar-bg-color)
}
.w-e-panel-content-table table{
  border-collapse:collapse
}
.w-e-panel-content-table td{
  border:1px solid var(--w-e-toolbar-border-color);
  cursor:pointer;
  height:15px;
  padding:3px 5px;
  width:20px
}
.w-e-panel-content-table td.active{
  background-color:var(--w-e-toolbar-active-bg-color)
}
.w-e-textarea-video-container{
  background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);
  background-position:0 0,10px 10px;
  background-size:20px 20px;
  border:1px dashed var(--w-e-textarea-border-color);
  border-radius:5px;
  margin:10px auto 0;
  padding:10px 0;
  text-align:center
}
.w-e-text-container [data-slate-editor] pre>code{
  word-wrap:normal;
  font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
  -ms-hyphens:none;
      hyphens:none;
  line-height:1.5;
  margin:.5em 0;
  overflow:auto;
  padding:1em;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  text-align:left;
  text-shadow:0 1px #fff;
  white-space:pre;
  word-break:normal;
  word-spacing:normal
}
.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{
  color:#708090
}
.w-e-text-container [data-slate-editor] pre>code .token.punctuation{
  color:#999
}
.w-e-text-container [data-slate-editor] pre>code .token.namespace{
  opacity:.7
}
.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{
  color:#905
}
.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{
  color:#690
}
.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{
  color:#9a6e3a
}
.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{
  color:#07a
}
.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{
  color:#dd4a68
}
.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{
  color:#e90
}
.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{
  font-weight:700
}
.w-e-text-container [data-slate-editor] pre>code .token.italic{
  font-style:italic
}
.w-e-text-container [data-slate-editor] pre>code .token.entity{
  cursor:help
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.textLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1.0;
}

.textLayer > div {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgb(180, 0, 170);
  border-radius: 4px;
}

.textLayer .highlight.begin {
  border-radius: 4px 0px 0px 4px;
}

.textLayer .highlight.end {
  border-radius: 0px 4px 4px 0px;
}

.textLayer .highlight.middle {
  border-radius: 0px;
}

.textLayer .highlight.selected {
  background-color: rgb(0, 100, 0);
}

.textLayer ::-moz-selection { background: rgb(0,0,255);
}

.textLayer ::selection { background: rgb(0,0,255);
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.textLayer .endOfContent.active {
  top: 0px;
}

.annotationLayer section {
  position: absolute;
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  -webkit-box-shadow: 0px 2px 10px #ff0;
          box-shadow: 0px 2px 10px #ff0;
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 115%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}

.annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}

.annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  -webkit-box-shadow: 0px 2px 5px #333;
          box-shadow: 0px 2px 5px #333;
  border-radius: 2px;
  padding: 0.6em;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  word-wrap: break-word;
}

.annotationLayer .popup h1 {
  font-size: 1em;
  border-bottom: 1px solid #000000;
  margin: 0;
  padding-bottom: 0.2em;
}

.annotationLayer .popup p {
  margin: 0;
  padding-top: 0.2em;
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.pdfViewer .canvasWrapper {
  overflow: hidden;
}

.pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px auto;
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  background-clip: content-box;
  -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAA6UlEQVR4Xl2Pi2rEMAwE16fm1f7/r14v7w4rI0IzLAF7hLxNevBSEMEF5+OilNCsRd8ZMyn+a4NmsOT8WJw1lFbSYgGFzF2bLFoLjTClWjKKGRWpDYAGXUnZ4uhbBUzF3Oe/GG/ue2fn4GgsyXhNgysV2JnrhKEMg4fEZcALmiKbNhBBRFpSyDOj1G4QOVly6O1FV54ZZq8OVygrciDt6JazRgi1ljTPH0gbrPmHPXAbCiDd4GawIjip1TPh9tt2sz24qaCjr/jAb/GBFTbq9KZ7Ke/Cqt8nayUikZKsWZK7Fe6bg5dOUt8fZHWG2BHc+6EAAAAASUVORK5CYII=) 9 9 repeat;
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAA6UlEQVR4Xl2Pi2rEMAwE16fm1f7/r14v7w4rI0IzLAF7hLxNevBSEMEF5+OilNCsRd8ZMyn+a4NmsOT8WJw1lFbSYgGFzF2bLFoLjTClWjKKGRWpDYAGXUnZ4uhbBUzF3Oe/GG/ue2fn4GgsyXhNgysV2JnrhKEMg4fEZcALmiKbNhBBRFpSyDOj1G4QOVly6O1FV54ZZq8OVygrciDt6JazRgi1ljTPH0gbrPmHPXAbCiDd4GawIjip1TPh9tt2sz24qaCjr/jAb/GBFTbq9KZ7Ke/Cqt8nayUikZKsWZK7Fe6bg5dOUt8fZHWG2BHc+6EAAAAASUVORK5CYII=) 9 9 repeat;
  background-color: white;
}

.pdfViewer.removePageBorders .page {
  margin: 0px auto 10px auto;
  border: none;
}

.pdfViewer.singlePageView {
  display: inline-block;
}

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.pdfViewer.scrollHorizontal, .spread {
  white-space: nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page {
  margin-left: -3.5px;
  margin-right: -3.5px;
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdfViewer .page canvas[hidden] {
  display: none;
}

.pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/gif;base64,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) center no-repeat;
}

.pdfPresentationMode .pdfViewer {
  margin-left: 0;
  margin-right: 0;
}

.pdfPresentationMode .pdfViewer .page,
.pdfPresentationMode .pdfViewer .spread {
  display: block;
}

.pdfPresentationMode .pdfViewer .page,
.pdfPresentationMode .pdfViewer.removePageBorders .page {
  margin-left: auto;
  margin-right: auto;
}

.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  margin-bottom: 100% !important;
}

.pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumbers {
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black;
}

.CodeMirror-guttermarker-subtle { color: #999;
}

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */

.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent;
}

.cm-fat-cursor { caret-color: transparent;
}

@-webkit-keyframes blink {
  0% {
  }

  50% { background-color: transparent;
  }

  100% {
  }
}

@keyframes blink {
  0% {
  }

  50% { background-color: transparent;
  }

  100% {
  }
}

/* Can style cursor different in overwrite (non-insert) mode */

.CodeMirror-overwrite .CodeMirror-cursor {
}

.cm-tab { display: inline-block; text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing { border-bottom: 2px solid;
}

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}

.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent
}

.CodeMirror-gutter-wrapper ::selection { background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {
}

.CodeMirror-rtl pre { direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */

.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre { position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0;
}

.CodeMirror-crosshair { cursor: crosshair;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */

.cm-force-border { padding-right: .1px;
}

@media print {
  /* Hide the cursor when printing */

  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */

.cm-tab-wrap-hack:after { content: '';
}

/* Help users use markselection to safely style text background */

span.CodeMirror-selectedtext { background: none;
}

/*
	Name:       Panda Syntax
	Author:     Siamak Mokhtari (http://github.com/siamak/)
	CodeMirror template by Siamak Mokhtari (https://github.com/siamak/atom-panda-syntax)
*/

.cm-s-panda-syntax {
  background: #292A2B;
  color: #E6E6E6;
  line-height: 1.5;
  font-family: 'Operator Mono', 'Source Code Pro', Menlo, Monaco, Consolas, Courier New, monospace;
}

.cm-s-panda-syntax .CodeMirror-cursor { border-color: #ff2c6d;
}

.cm-s-panda-syntax .CodeMirror-activeline-background {
  background: rgba(99, 123, 156, 0.1);
}

.cm-s-panda-syntax .CodeMirror-selected {
  background: #FFF;
}

.cm-s-panda-syntax .cm-comment {
  font-style: italic;
  color: #676B79;
}

.cm-s-panda-syntax .cm-operator {
  color: #f3f3f3;
}

.cm-s-panda-syntax .cm-string {
  color: #19F9D8;
}

.cm-s-panda-syntax .cm-string-2 {
  color: #FFB86C;
}

.cm-s-panda-syntax .cm-tag {
  color: #ff2c6d;
}

.cm-s-panda-syntax .cm-meta {
  color: #b084eb;
}

.cm-s-panda-syntax .cm-number {
  color: #FFB86C;
}

.cm-s-panda-syntax .cm-atom {
  color: #ff2c6d;
}

.cm-s-panda-syntax .cm-keyword {
  color: #FF75B5;
}

.cm-s-panda-syntax .cm-variable {
  color: #ffb86c;
}

.cm-s-panda-syntax .cm-variable-2 {
  color: #ff9ac1;
}

.cm-s-panda-syntax .cm-variable-3, .cm-s-panda-syntax .cm-type {
  color: #ff9ac1;
}

.cm-s-panda-syntax .cm-def {
  color: #e6e6e6;
}

.cm-s-panda-syntax .cm-property {
  color: #f3f3f3;
}

.cm-s-panda-syntax .cm-unit {
  color: #ffb86c;
}

.cm-s-panda-syntax .cm-attribute {
  color: #ffb86c;
}

.cm-s-panda-syntax .CodeMirror-matchingbracket {
  border-bottom: 1px dotted #19F9D8;
  padding-bottom: 2px;
  color: #e6e6e6;
}

.cm-s-panda-syntax .CodeMirror-gutters {
  background: #292a2b;
  border-right-color: rgba(255, 255, 255, 0.1);
}

.cm-s-panda-syntax .CodeMirror-linenumber {
  color: #e6e6e6;
  opacity: 0.6;
}

