.sw360v-wrapper{ position:relative; display:block; width:100%; user-select:none; }
.sw360v-canvas{ width:100%; height:100%; display:block; }
.sw360v-loader{
  position:absolute; inset:0; display:grid; place-items:center;
  color:#fff; font:600 14px system-ui, Arial; letter-spacing:.3px;
}
.sw360v-hint{
  position:absolute; left:50%; bottom:10px; transform:translateX(-50%);
  color:#fff; background:rgba(0,0,0,.35); padding:6px 10px; border-radius:999px;
  font:500 12px system-ui; opacity:0; transition:opacity .3s;
}
.sw360v-wrapper.ready .sw360v-loader{ display:none; }
.sw360v-wrapper.ready .sw360v-hint{ opacity:1; }
.sw360v-wrapper.ready.active .sw360v-hint{ opacity:0; }
.sw360v-canvas { cursor: grab; }
.sw360v-wrapper.active .sw360v-canvas { cursor: grabbing; }