:is(.business-vr-stage,.vr-editor-stage) .vr-hotspot.vr-hotspot-labeled{
  display:block;
  width:auto;
  height:auto;
  min-width:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#fff;
  transform:translate(-21px,-50%);
}
:is(.business-vr-stage,.vr-editor-stage) .vr-hotspot.vr-hotspot-labeled:hover,
:is(.business-vr-stage,.vr-editor-stage) .vr-hotspot.vr-hotspot-labeled:focus-visible{
  outline:0;
}
:is(.business-vr-stage,.vr-editor-stage) .vr-hotspot.vr-hotspot-labeled.active{z-index:20}
:is(.business-vr-stage,.vr-editor-stage) .vr-hotspot[hidden]{display:none!important}
.vr-hotspot-main{
  display:flex;
  min-height:42px;
  align-items:center;
}
.vr-hotspot-location{
  position:relative;
  z-index:2;
  display:block;
  width:42px;
  height:42px;
  flex:0 0 42px;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.55));
}
.vr-hotspot-location svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.vr-hotspot-ripple{
  fill:none;
  stroke:#55d9ff;
  stroke-width:2;
  transform-box:fill-box;
  transform-origin:center;
  animation:vr-hotspot-ripple 2.2s ease-out infinite;
}
.vr-hotspot-ripple-two{animation-delay:1.1s}
.vr-hotspot-pin{
  fill:#087fae;
  stroke:#dff8ff;
  stroke-width:1.6;
}
.vr-hotspot-pin-center{fill:#fff}
.vr-hotspot-label{
  display:block;
  max-width:190px;
  min-height:30px;
  margin-left:2px;
  padding:6px 10px;
  overflow:hidden;
  border:1px solid rgba(94,213,255,.76);
  border-radius:3px;
  background:rgba(7,22,35,.88);
  box-shadow:0 4px 14px rgba(0,0,0,.3);
  color:#eafaff;
  font-size:13px;
  line-height:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vr-hotspot-labeled:hover .vr-hotspot-label,
.vr-hotspot-labeled:focus-visible .vr-hotspot-label,
.vr-hotspot-labeled.active .vr-hotspot-label{
  border-color:#fff;
  background:rgba(5,39,57,.96);
}
.vr-hotspot-card{
  pointer-events:auto;
  position:absolute;
  z-index:12;
  top:calc(100% + 12px);
  left:21px;
  display:none;
  width:min(300px,calc(100vw - 28px));
  padding:15px 16px;
  border:1px solid rgba(96,203,242,.55);
  border-radius:4px;
  background:rgba(5,16,30,.94);
  box-shadow:0 14px 34px rgba(0,0,0,.45);
  color:#fff;
  cursor:default;
  text-align:left;
  transform:translateX(-50%);
}
.vr-hotspot-card::before{
  position:absolute;
  bottom:100%;
  left:calc(50% - 6px);
  width:12px;
  height:12px;
  transform:translateY(6px) rotate(45deg);
  border-top:1px solid rgba(96,203,242,.55);
  border-left:1px solid rgba(96,203,242,.55);
  background:rgba(5,16,30,.94);
  content:"";
}
.vr-hotspot-card>strong,
.vr-hotspot-card>span{display:block}
.vr-hotspot-card>strong{font-size:15px;line-height:1.35}
.vr-hotspot-card>span{
  margin-top:7px;
  color:#c8dbe4;
  font-size:12px;
  font-weight:400;
  line-height:1.65;
  white-space:normal;
}
.vr-hotspot-labeled.active .vr-hotspot-card{display:block}
.vr-hotspot-card.above{top:auto;bottom:calc(100% + 12px)}
.vr-hotspot-card.above::before{
  top:100%;
  bottom:auto;
  transform:translateY(-6px) rotate(225deg);
}
.vr-hotspot-card.align-right{right:calc(100% - 21px);left:auto;transform:none}
.vr-hotspot-card.align-right::before{right:-6px;left:auto}
.vr-hotspot-card.align-left{right:auto;left:21px;transform:none}
.vr-hotspot-card.align-left::before{right:auto;left:-6px}
@keyframes vr-hotspot-ripple{
  0%{opacity:.95;transform:scale(.45)}
  72%,100%{opacity:0;transform:scale(2.35)}
}
@media(prefers-reduced-motion:reduce){
  .vr-hotspot-ripple{animation:none}
  .vr-hotspot-ripple{opacity:.45;transform:scale(1.5)}
}
@media(max-width:700px){
  .vr-hotspot-label{max-width:132px;padding:5px 8px;font-size:12px}
  .vr-hotspot-card{width:min(260px,calc(100vw - 20px));padding:13px 14px}
}

.business-vr-credit{
  position:absolute;
  z-index:9;
  right:18px;
  bottom:max(18px,env(safe-area-inset-bottom));
  padding:7px 9px;
  color:rgba(255,255,255,.9);
  background:rgba(10,18,15,.68);
  backdrop-filter:blur(3px);
  font-size:12px;
  line-height:1.4;
  text-decoration:none;
  text-shadow:0 1px 3px rgba(0,0,0,.65);
  cursor:pointer;
}
.business-vr-credit:hover,
.business-vr-credit:focus-visible{
  color:#fff;
  background:rgba(10,18,15,.9);
  text-decoration:underline;
}
.business-vr-scenes{max-width:calc(100% - 270px)}
.business-vr-result{bottom:56px}

@media(max-width:700px){
  .business-vr-scenes{
    bottom:max(50px,calc(env(safe-area-inset-bottom) + 42px));
    max-width:calc(100% - 20px);
  }
  .business-vr-credit{
    right:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    font-size:11px;
  }
  .business-vr-result{
    right:10px;
    bottom:max(88px,calc(env(safe-area-inset-bottom) + 80px));
  }
}