| 1 |
body,html{margin:0;padding:0;height:100%;width:100%}body{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpiPHPmDAM2YGxsjFWciYFEMKqBGMD4//9/rBJnz54dDSX6aQAIMABCtQiAsDRF+wAAAABJRU5ErkJggg==) #fbfbfb;overflow:hidden}.vision-preview-wrap{position:fixed;top:0;left:0;bottom:0;right:0;height:100%;width:100%}.vision-preview-wrap .vision-preview-header{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;background:#ededed;border-bottom:1px solid #fff;box-shadow:0 0 15px 0 #38393a;box-sizing:border-box;text-align:center;z-index:2}.vision-preview-wrap .vision-preview-header .vision-preview-btn{display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}.vision-preview-wrap .vision-preview-header .vision-preview-btn .icon{padding:10px;font-size:22px;font-weight:lighter}.vision-preview-wrap .vision-preview-header .vision-preview-btn.vision-active,.vision-preview-wrap .vision-preview-header .vision-preview-btn:hover{background-color:#fbfbfb;border-color:#06a0fa}.vision-preview-wrap .vision-preview-header .vision-preview-btn.vision-active .icon,.vision-preview-wrap .vision-preview-header .vision-preview-btn:hover .icon{color:#06a0fa}.vision-preview-wrap .vision-preview-workspace{position:absolute;top:38px;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:1}.vision-preview-wrap .vision-preview-canvas{display:flex;align-items:center;justify-content:center}.vision-preview-wrap .vision-map{width:100%} |
