.switchThemeButton{
  margin-top:26px;
}

@media(max-width:769px){
  .switchThemeButton{
    /*position:fixed !important;*/
    /*left:26px !important;*/
    /*bottom:0px !important;*/
    /*top:auto !important;*/
  }
}
/*.switch-button:has(.plate1x1):hover{*/
/*  width:52px;*/
/*  height:52px;*/
/*}*/


.zoomTooltip {
  position: absolute;
  display:flex;
  justify-content:center;
  align-items:center;
  /*width: 78px;*/
  /*height: 78px;*/
  padding:13px;
  /* border-radius: 50%; */
  border-radius: 18px;
  border: 2px solid black;
  /* background-color: var(--yellow); */
  /*background-color: #fef5ca;*/
  /*background-image: url(/assets/svg/2x2/arrow/rotate/red.svg);*/
  /*background-repeat: no-repeat;*/
  /*background-position: center;*/
  background-size: 60%;
  z-index: 11;
  cursor: grab;
}  
/**/

/**/
.zoomTooltip-v-line {
  width: 2px;
  height: 26px;
  position: absolute;
  bottom: -26px;
  left:36px;
  background: black;
  /*border: 1px solid white; */
  /*border-top:1px solid white;*/
  /*border-right:1px solid white;*/
  box-sizing:unset;
}
.zoomTooltip-v-line:after{
	content:" ";
	width:2px ;
	height:100%;
	background:black;
	top:0;
	left:0;
	position:absolute;
  z-index:3;
}
.zoomTooltip-v-line:before{
	content:" ";
	width:2px;
	height:100%;;
	background:rgba(255,255,255,0.3);
	left:-1px;
	top:-3px;
	position:absolute;
	z-index:-1;
}

.zoomTooltip-h-line {
  width: 26px;
  height: 2px;
  position: absolute;
  bottom: 50%;
  transform:translate(0,-50%);
  right: -26px;
  background: black;
  display: none;
  /*border: 1px solid white; */
  /*border-top:1px solid white;*/
  /*border-bottom:1px solid white;*/
  box-sizing:unset;
}
/*.dark-mode .zoomTooltip-h-line:after ,*/
/*.dark-mode .zoomTooltip-v-line:after {*/
/*  background: #fef5ca;*/
/*}*/
.zoomTooltip-h-line:after{
	content:" ";
	width:100%;
	height:2px;
	background:black;
	top:0px;
	left:0;
	position:absolute;
	z-index:-1;
}
.zoomTooltip-h-line:before{
	content:" ";
	width:100%;
	height:2px;
	background:rgba(255,255,255,0.3);
	top:-1px;
	left:0;
	position:absolute;
	z-index:-1;
}

.zoomTooltip-arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -42px;
  left: 27px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.zoomTooltip-arrow svg{

}

.zoomTooltip-arrow.top{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/down/black.svg); 
}
.zoomTooltip-arrow.left{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/right/black.svg); 
}
.zoomTooltip-arrow.right{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/left/black.svg); 
}
.zoomTooltip-arrow.bottom{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/up/black.svg); 
}

/*yellow-ui*/
.instructor-yellow-ui .zoomTooltip-arrow.top{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/down/yellow.svg); 
}
.instructor-yellow-ui .zoomTooltip-arrow.bottom{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/up/yellow.svg); 
}
.instructor-yellow-ui .zoomTooltip-arrow.left{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/right/yellow.svg); 
}    
.instructor-yellow-ui .zoomTooltip-arrow.right{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/left/yellow.svg); 
}              
.instructor-yellow-ui .zoomTooltip-v-line {
  background: #fef5ca;
  /*border:1px solid black;*/
  box-sizing:content-box;
}
.instructor-yellow-ui .zoomTooltip-h-line {
  background: #fef5ca;
  /*border:1px solid black;*/
  box-sizing:content-box;
}  

.dark-mode .instructor-black-yellow .zoomTooltip-v-line{background: #fef5ca;}
.dark-mode .instructor-black-yellow .zoomTooltip-h-line{background: #fef5ca;}
.dark-mode .instructor-black-yellow .zoomTooltip-h-line:after{content:none;}
.dark-mode .instructor-black-yellow .zoomTooltip-v-line:after{content:none;}
.dark-mode .instructor-black-yellow .zoomTooltip-arrow.top{background-image: url(/assets/svg/not-scaled/instruction-arrow/down/yellow.svg); }
.dark-mode .instructor-black-yellow .zoomTooltip-arrow.bottom{background-image: url(/assets/svg/not-scaled/instruction-arrow/up/yellow.svg); }
.dark-mode .instructor-black-yellow .zoomTooltip-arrow.left{background-image: url(/assets/svg/not-scaled/instruction-arrow/right/yellow.svg); }    
.dark-mode .instructor-black-yellow .zoomTooltip-arrow.right{background-image: url(/assets/svg/not-scaled/instruction-arrow/left/yellow.svg); } 

/*instructor-blue-ui*/
.instructor-blue-ui .zoomTooltip-arrow.top{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/down/iblue.svg); 
}
.instructor-blue-ui .zoomTooltip-arrow.bottom{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/up/iblue.svg); 
}
.instructor-blue-ui .zoomTooltip-arrow.left{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/right/iblue.svg); 
}    
.instructor-blue-ui .zoomTooltip-arrow.right{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/left/iblue.svg); 
}              
.instructor-blue-ui .zoomTooltip-v-line {
  background: #d8f1ff;
  box-sizing:content-box;
}
.instructor-blue-ui .zoomTooltip-h-line {
  background: #d8f1ff;
  /*border:1px solid black;*/
  box-sizing:content-box;
}  

/*red*/
.red.arrow.top,
.red .zoomTooltip-arrow.top{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/down/red.svg); 
}
.red.arrow.bottom,
.red .zoomTooltip-arrow.bottom{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/up/red.svg); 
}
.red.arrow.left,
.red .zoomTooltip-arrow.left{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/right/red.svg); 
}
.red.arrow.right,
.red .zoomTooltip-arrow.right{
   background-image: url(/assets/svg/not-scaled/instruction-arrow/left/red.svg); 
}              
.red .zoomTooltip-v-line {
  background: #ff0000;
  /*border:1px solid black;*/
  box-sizing:content-box;
}
.red .zoomTooltip-h-line {
  background: #ff0000;
  /*border:1px solid black;*/
  box-sizing:content-box;
}