ZGZQBWG/scene/src/assets/style/myBase.css

#gui .pinBottom.right {
  height: 60px;
  display: flex;
  align-items: center;
}

.pinBottom-container.drawerOpen {
  bottom: 0;
}

#drawer-container.drawerOpen #drawer.open {
  height: 140px;
}

#drawer-container.drawerOpen #drawer.open.noScroll,
#drawer.open.noScroll.playing {
  height: 137px;
}

#thumb-container {
  width: auto !important;
}

#thumb-container .thumbImg .overlay {
  color: #fff;
}

#thumb-container .active .overlay {
  color: #fff;
  align-items: flex-end;
}

#thumb-container .active>img {
  border: 3px solid #FCE39E;
}

#drawer {
  backdrop-filter: blur(20px);
  background-color: rgba(60,51,40,0.5) ;
}

#drawer .darkGlass {
  background-color: transparent;
}

#progressBar .step.active::before,
#progressBar .step.recent::before {
  background-color: #FCE39E;
}

#popup {
  background: none;
}

#popup .popup-content {
  overflow: hidden;
}

#cad path {
  stroke-width: 0.5;
  fill: #C8B992;
  stroke: #C8B992;
}

#ele1 circle {
  fill: #978A68;
  r: 1;
}

#share-modal {
  display: none !important;
}

@media screen and (max-width: 1000px),(orientation: portrait) {
  #drawer.open.noScroll {
    height: 118px !important;
  }

  #scrollFrame {
    padding: 8px 15px 0;
  }

  #scrollFrame .thumbImg .overlay {
    font-size: 12px;
  }

  #closepop {
    top: 10px;
    right: 10px;
  }

  #gui .pinBottom.right {
    height: auto;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  #thumb-container {
    width: 590px !important;
  }

}