// 资源图片目录地址(必要)
$img-base-path: "bill/assets/img/";
@import "bill/assets/scss/theme-editor.scss";

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

:root body {
  --hide-header-top: calc(-1 * var(--editor-head-height));
  --show-header-top: 0px;
  // mini-map size
  --simle-map-width: 400px;
  --simle-map-height: 200px;
  --scale-simle-map-width: 600px;
  --scale-simle-map-height: 300px;
  // 搜索框
  --global-search-width: 340px;

  --taggle-btn-width: 30px;

  --body-right-margin: 20px;

  --left-pano-width: 340px;
}

h1, h2, h3, h4, h5, h6 {
  color: inherit;
}
a {
  color: var(--color-main-normal);
  cursor: pointer;
}
p {
  margin: 0;
}
#app {
  width: 100%;
  height: 100%;
}

.clear-float::after {
  content: '';
  display: block;
  clear: both;
}

.require {
  position: relative;

  &::before {
    content: '*';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    margin-right: 4px;
    color: #FA3F48;
    line-height: 1.5em;
  }
}

.more-menu {
  position: relative;
  &::after {
    content: '';
    box-sizing: content-box;
    font-size: 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 1em solid var(--colors-normal-base);
    border-left: 1em solid transparent;
  }
}

canvas {
  outline: none;
}


.ui-editor-toolbox {
  top: calc(var(--editor-head-height) + var(--header-top));
  transition: inset ease 0.3s;
}



.ui-editor-menu .ui-editor-menu-item {
  width: auto;
}

input::-ms-clear,input::-ms-reveal {
  display: none;
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
 ::-webkit-scrollbar
 {
     width: 6px;
     height: 6px;
     background-color:rgba(0,0,0,0);
 }
 /*定义滚动条轨道
  内阴影+圆角*/
 ::-webkit-scrollbar-track
 {
     -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 3px;
     background-color:rgba(255, 255, 255, 0);
 }
 /*定义滑块
  内阴影+圆角*/
 ::-webkit-scrollbar-thumb
 {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 3px;
    background-color:rgba(255, 255, 255, 0.5);
 }

 input:-webkit-autofill {
  /*自动填充文字颜色*/
  -webkit-text-fill-color: #fff !important;
  /*自动填充背景颜色*/
  -webkit-box-shadow: 0 0 0px 1000px #313131 inset;
  border-color: var(--colors-primary-base) !important;

  // -webkit-box-shadow: 0 0 0px 1000px #313131 inset !important;//关于解决输入框背景颜色
  // -webkit-text-fill-color: rgba(255,255,255,1)!important;//关于接输入框文字颜色
  // font-size: 14px !important;
  // border-color: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.vc-switch {
  z-index: 99999999 !important;
}

[contenteditable=true]:empty:before{
  content:attr(placeholder);
  color:grey;
  // font-style:italic;
}


.ant-modal-mask {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.nameInput.ui-input .text.suffix input {
  padding-right: 70px;
}

.hide-control {
  display: none !important;
}


.subtitle {
  position: absolute;
  z-index: 1;
  // transition: transform 0.3s linear;
  will-change: transform;
  left: 0;
  top: 0;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  max-width: 320px;
  border-radius: 4px;
  font-size: 12px;
  padding: 10px 10px;
  color: #ffffff;
  line-height: 18px;
  word-break: break-all;
}

* {
  user-select: none;
}

.ant-select-clear {
  background: none !important;
}