@qispace/vue3-player 0.4.34 → 0.4.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qispace/vue3-player",
-  "version": "0.4.34",
+  "version": "0.4.37",
   "type": "module",
   "config": {
     "tag-version-prefix": "v"
@@ -31,7 +31,7 @@
     }
   },
   "scripts": {
-    "dev": "vite --config ./config/vite.config.dev.ts",
+    "dev": "vite --config ./config/vite.config.dev.ts --host",
     "dev:player-core": "vite --config ./config/vite.config.player-core.ts",
     "dev:web-components": "vite --config ./config/vite.config.web-components.ts",
     "build": "vue-tsc && vite build --config ./config/vite.config.ts",
@@ -55,40 +55,22 @@
     "@mdi/font": "^7.4.47",
     "@qispace/player-core": "^1.0.92",
     "@qispace/visuado-player-core": "^0.0.14",
-    "@rollup/plugin-alias": "^5.1.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-image": "^3.0.3",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.5",
-    "@rollup/plugin-typescript": "^11.1.6",
     "@types/node": "^20.11.19",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "@vue/babel-preset-app": "^5.0.8",
-    "@vue/cli-plugin-babel": "^4.5.13",
-    "@vue/cli-plugin-typescript": "~4.0.0",
-    "@vue/cli-service": "^4.5.13",
-    "@vuedoc/md": "^3.2.0",
-    "@vuedoc/parser": "^3.4.0",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue-jsx": "^5.1.4",
     "axios": "^1.6.7",
     "browser-fs-access": "^0.35.0",
     "cross-env": "^7.0.3",
     "minimist": "^1.2.8",
-    "path": "^0.12.7",
     "rimraf": "^3.0.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "rollup-plugin-vue": "^6.0.0",
     "three": "^0.163.0",
     "typescript": "^5.2.2",
-    "vite": "^5.1.0",
+    "vite": "^7.3.1",
     "vite-plugin-css-injected-by-js": "^3.4.0",
-    "vite-plugin-dts": "^3.7.3",
+    "vite-plugin-dts": "^4.5.4",
     "vue": "^3.4.15",
-    "vue-tsc": "^1.8.27"
+    "vue-tsc": "^3.2.4"
   },
   "dependencies": {
     "browser-or-node": "^2.1.1"

package/dist/vue-components/style.css

@@ -1 +0,0 @@
-.floating-card[data-v-7d5e6067]{position:absolute;left:0;top:0;z-index:10;display:flex;transition:transform .1s ease-in-out}.is-not-hoverable[data-v-7d5e6067]{position:relative;width:100%}.v-dialog__content[data-v-7d5e6067]{align-items:flex-start}@media (hover: hover){.hover-check[data-v-eb9b348d]{display:none}}.zoom-box-container[data-v-3e334a46]{width:100%;height:100%;left:0;top:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.zoom-box[data-v-3e334a46]{width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}#player-wrapper[data-v-59081d9a]{position:relative;width:100%;height:100%}#player-sizer[data-v-59081d9a]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}div#main-canvas[data-v-59081d9a]{width:100%;height:100%}.player-control[data-v-59081d9a]{display:flex;position:absolute;z-index:3}#controls-top-left[data-v-59081d9a]{top:10px;left:10px}#controls-top-center[data-v-59081d9a]{top:10px;left:50%;transform:translate(-50%);z-index:4;flex-direction:column}#controls-top-right[data-v-59081d9a]{top:10px;right:10px;justify-content:flex-end;align-content:flex-end}#controls-center-left[data-v-59081d9a]{left:10px;top:50%;transform:translateY(-50%)}#controls-center-center[data-v-59081d9a]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:space-around;z-index:20}#controls-center-right[data-v-59081d9a]{top:50%;right:10px;transform:translateY(-50%);justify-content:flex-end;align-items:center}#controls-bottom-left[data-v-59081d9a]{bottom:10px;left:10px;z-index:5}#controls-bottom-center[data-v-59081d9a]{bottom:10px;left:50%;transform:translate(-50%);align-items:flex-end;justify-content:space-around;z-index:4}#controls-bottom-right[data-v-59081d9a]{bottom:10px;right:10px;justify-content:flex-end;align-content:flex-end;align-items:flex-end;z-index:5}.btn-placeholder[data-v-4c45966e]{width:36px;height:36px}.v-btn[data-v-4c45966e]{background-color:#fff;pointer-events:all;cursor:auto}.floor-level-label[data-v-4c45966e]{text-transform:capitalize}.v-image[data-v-eece0130]{background-color:#aaa}.interior-selector-list[data-v-eece0130]{box-shadow:none!important;padding:10px;background:transparent!important}.interior-selector-list-item[data-v-eece0130]{background-color:#fff;border:2px solid #fff;transition:transform .2s cubic-bezier(.17,.67,.83,.67);margin-top:10px}.interior-selector-list-item.active[data-v-eece0130]{border:2px solid #a6d8a8}.interior-selector-list-item[data-v-eece0130]>.v-list-item__content{overflow:visible!important}.interior-selector-list-item[data-v-eece0130]:hover{transform:translate(-5px);border:2px solid #4caf50}.clock-face[data-v-874b2271]{margin-left:10px;height:50px;width:50px;background-color:#fff;border-radius:50%}.clock-value[data-v-874b2271]{font-size:11px}.clock-icon[data-v-874b2271]{width:18px}@media screen and (max-width: 600px){.clock-face[data-v-874b2271]{margin-left:0;scale:.8}}.fill-grey[data-v-86d91cc1]{fill:#afafaf}.box.col[data-v-627f8ee6]{max-width:130px;padding:0 10px}.tutorial-icon svg[data-v-627f8ee6]{border:1px solid #e0e0e0;border-radius:5px;width:100px;height:50px}.text[data-v-627f8ee6]{font-size:.8em;line-height:1.1}.tablet-mobile-content[data-v-627f8ee6]{min-width:240px}.tablet-mobile-content .box.col[data-v-627f8ee6]{margin:2px}.tablet-mobile-content .tutorial-icon svg[data-v-627f8ee6]{border:none;width:60px;height:30px}.tutorial-buttons .v-messages[data-v-627f8ee6]{display:none!important}.settings-panel[data-v-bd4f66c3]{min-width:500px;height:500px;overflow-y:scroll}form#settings-ui-form[data-v-bd4f66c3]{background:#fff9;border-radius:5px;padding:10px}#settings-ui-form .form-inputs[data-v-bd4f66c3]{height:60vh;overflow-y:scroll;padding-bottom:50px;scrollbar-color:#0c0e4a transparent;scrollbar-width:thin;padding-right:20px}#moveableDiv[data-v-a4cb28cf]{position:fixed;z-index:15;background-color:#fff;border:1px solid #d3d3d3;max-width:80vw;max-height:80vh}.anchor[data-v-a4cb28cf]{cursor:move}.top-right[data-v-a4cb28cf]{position:absolute;top:5px;right:5px;z-index:4}.top-left[data-v-a4cb28cf]{position:absolute;top:5px;left:5px;z-index:4}.sizer[data-v-a4cb28cf]{overflow:hidden;min-width:250px;min-height:300px;max-width:1920px;max-height:1440px}.header-slot[data-v-a4cb28cf]{min-height:40px;z-index:3}.body-slot[data-v-a4cb28cf]{z-index:1}.footer-slot[data-v-a4cb28cf]{z-index:3}.big[data-v-a4cb28cf]{width:512px;height:440px;top:50%;left:50%;transform:translate(-50%,-50%)}.bigger[data-v-a4cb28cf]{width:768px;height:660px;top:50%;left:50%;transform:translate(-50%,-50%)}.small[data-v-a4cb28cf]{width:250px;height:300px;bottom:10px;right:10px;transform:translate(0)}.moveable-body[data-v-a4cb28cf]{padding-bottom:50px;height:100%;overflow:hidden}.moveable-footer[data-v-a4cb28cf]{position:absolute;bottom:0;width:100%;height:50px;background:#fff;z-index:2}@media only screen and (max-width: 600px){.sizer[data-v-a4cb28cf]{overflow:hidden;max-width:90%;max-height:80vh}}.stop1{stop-color:#fff}.stop2{stop-color:#fff;stop-opacity:0}.stop3{stop-color:transparent}.minimap-container[data-v-03e6f060]{position:relative}.web-minimap[data-v-03e6f060]{position:relative;width:512px;height:385px;overflow:hidden;transition:transform .2s ease-in}.minimap-background-image[data-v-03e6f060]{position:absolute;width:100%;height:100%}.single-camera-marker[data-v-03e6f060]{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;z-index:2;transform:translate(-50%,-50%);border:0px}.rotation-marker-component[data-v-03e6f060]{z-index:3;position:absolute;width:80px;height:80px;transform:translate(-50%,-50%)}.center-pivot[data-v-03e6f060]{position:absolute;width:100%;height:100%}.ripple-effect{position:fixed;width:0;height:0;border-radius:50%;border:2px solid rgba(255,0,0,.8);transform:translate(-50%,-50%);animation:ripple .5s ease 3;pointer-events:none;z-index:9999}@keyframes ripple{0%{width:50px;height:50px;opacity:.5;border:2px solid rgba(255,0,0,.8)}to{width:0;height:0;opacity:0;border:2px solid rgba(255,0,0,0)}}.minimap-compass[data-v-d047dca8]{width:50px;border-radius:50%}.ss-wrapper[data-v-52f122f2]{display:flex;flex-direction:row;justify-content:space-between;margin:0 10px;position:relative;z-index:100}.sun-icon[data-v-52f122f2]{width:10%}.slider[data-v-52f122f2]{display:flex;flex-direction:column;flex:1 1 auto;padding:3px 0}i.v-icon.notranslate.mdi.mdi-white-balance-sunny.theme--light[data-v-52f122f2]{font-size:40px;color:#ffab02;padding:5px}.time-label[data-v-52f122f2]{padding:0;display:inline-block;margin-top:-10px;margin-left:50px}.minimap-compass[data-v-8c96c13c]{position:absolute;right:10px;top:10px;z-index:11}.map-container[data-v-8c96c13c]{cursor:pointer}.ss-slider-field[data-v-c06c753d]{min-width:300px;height:38px;width:100%}.small[data-v-c06c753d]{font-size:80%}[data-v-c06c753d] .v-input{margin-top:-4px}[data-v-c06c753d] .v-slider-track{background:linear-gradient(270deg,#8183c2,#ffb9b9 20.01%,#b2dfff 40.1%,#b2dfff 59.85%,#ffba96 79.96%,#8183c2)!important}[data-v-c06c753d] .v-slider-track__background,[data-v-c06c753d] .v-slider-track__fill{background:transparent}.autoplay-btn[data-v-7fd2b4f3]{height:55px!important;display:inline-block}.autoplay-btn.mobile[data-v-7fd2b4f3]{height:40px!important;margin-right:3px}.v-card[data-v-9cc758dc]{transition:box-shadow .3s ease-in-out;border:1px solid transparent}[data-v-9cc758dc] .v-slide-group__content{justify-content:center}[data-v-9cc758dc] .v-slide-group__next--disabled,[data-v-9cc758dc] .v-slide-group__prev--disabled{pointer-events:all!important}.align-baseline[data-v-9cc758dc]{align-items:baseline}.active-apt[data-v-9cc758dc]{border:1.5px solid #4caf50!important}.v-image[data-v-9cc758dc]{border-radius:0!important}.single-waypoint[data-v-9cc758dc]{width:81px;height:54px}.mobile.carousel-button[data-v-9cc758dc]{scale:.7}.mobileWaypoint .single-waypoint[data-v-9cc758dc]{margin-top:5px!important;width:63px;height:42px;scale:.95}.desktopWaypointWrapper[data-v-9cc758dc]{max-width:50vw}.mobileWaypointWrapper[data-v-9cc758dc]{max-width:100vw}.sun-icon-wrapper[data-v-9cc758dc]{position:absolute;display:inline-block;top:0;left:0;width:30px;height:30px;background:#ffffffb9;border-radius:2px}.sun-icon[data-v-9cc758dc]{position:absolute;left:2px;top:2px;color:#ff8c00;font-size:25px;line-height:1}.mobileWaypointWrapper .sun-icon-wrapper[data-v-9cc758dc]{width:20px;height:20px}.mobileWaypointWrapper .sun-icon[data-v-9cc758dc]{font-size:15px}#share-btns-wrapper button[data-v-bb7d0a99]{margin:0 8px}.v-btn[data-v-bb7d0a99]{background-color:#fff;pointer-events:all}.img-div[data-v-31489804]{position:absolute;display:block;height:100%;width:100%;background-size:cover;background-position:center center;z-index:2;left:0;top:0}.static-image-wrapper[data-v-31489804]{background:#fff}.compass-wrapper[data-v-4c9ca3de]{width:50px}.player-and-components-wrapper[data-v-4c9ca3de]{position:relative;width:100%;height:100%}.static-image[data-v-4c9ca3de]{position:absolute;top:0;left:0;width:100%;height:auto}button.v-btn[data-v-4c9ca3de]{background:#fff}div#controls-bottom-center>div[data-v-4c9ca3de]{display:flex;flex-direction:column;align-items:center}.player-error[data-v-4c9ca3de]{min-height:400px;display:flex;align-items:center;justify-content:space-around;background:#ededed}@media only screen and (max-width: 600px){#btn-fullscreen[data-v-4c9ca3de]{display:none}}@media all and (orientation: landscape) and (max-height: 499px){#btn-fullscreen[data-v-4c9ca3de]{display:none}}.settings-panel[data-v-4c9ca3de]{position:absolute;top:0;left:0;z-index:10;width:500px;transform:scale(.8);transform-origin:left}.virtual-tour-wrapper[data-v-4c9ca3de],.v-player.platform-desktop[data-v-4c9ca3de]{width:100%;height:100%}@media screen and (min-width: 900px){.v-player.platform-desktop[data-v-4c9ca3de]{height:100%}}@media screen and (min-width: 1600px){.v-player.platform-desktop[data-v-4c9ca3de]{height:100%}}.v-player.platform-mobile[data-v-4c9ca3de]{width:100%;height:calc(100% - 60px)}.waypoint-carousel.below-player[data-v-4c9ca3de]{position:relative;height:50px}@media only screen and (max-width: 960px){#btn-fullscreen[data-v-4c9ca3de]{display:none}}.render-version[data-v-4c9ca3de]{position:absolute;bottom:0;left:0;color:#fff;background:#000;font-weight:700;font-size:12px;padding:0 5px;z-index:3}.sunsim-slider-desktop[data-v-4c9ca3de]{height:64px}.v-enter-active[data-v-4c9ca3de],.v-leave-active[data-v-4c9ca3de]{transition:opacity .5s ease}.v-enter-from[data-v-4c9ca3de],.v-leave-to[data-v-4c9ca3de]{opacity:0}#qpc[data-v-27cf4d11]{width:100%;height:100%}#player-wrapper[data-v-27cf4d11]{position:relative;width:100%;height:100%}#player-sizer[data-v-27cf4d11]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}div#main-canvas[data-v-27cf4d11]{width:100%;height:100%}.player-control[data-v-27cf4d11]{display:flex;position:absolute;z-index:3}#controls-top-left[data-v-27cf4d11]{top:10px;left:10px}#controls-top-center[data-v-27cf4d11]{top:10px;left:50%;transform:translate(-50%);z-index:4;flex-direction:column}#controls-top-right[data-v-27cf4d11]{top:10px;right:10px;justify-content:flex-end;align-content:flex-end}#controls-center-left[data-v-27cf4d11]{left:10px;top:50%;transform:translateY(-50%)}#controls-center-center[data-v-27cf4d11]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:space-around;z-index:20}#controls-center-right[data-v-27cf4d11]{top:50%;right:10px;transform:translateY(-50%);justify-content:flex-end;align-items:center}#controls-bottom-left[data-v-27cf4d11]{bottom:10px;left:10px;z-index:5}#controls-bottom-center[data-v-27cf4d11]{bottom:10px;left:50%;transform:translate(-50%);align-items:flex-end;justify-content:space-around;z-index:4}#controls-bottom-right[data-v-27cf4d11]{bottom:10px;right:10px;justify-content:flex-end;align-content:flex-end;align-items:flex-end;z-index:5}.autoplay-btn[data-v-707c11f6]{height:55px!important;display:inline-block}.autoplay-btn.mobile[data-v-707c11f6]{height:40px!important;margin-right:3px}.fill-grey[data-v-c1d52554]{fill:#afafaf}#share-btns-wrapper button[data-v-3435be74]{margin:0 8px}.v-btn[data-v-3435be74]{background-color:#fff;pointer-events:all}.box.col[data-v-5918102f]{max-width:130px;padding:0 10px}.tutorial-icon svg[data-v-5918102f]{border:1px solid #e0e0e0;border-radius:5px;width:100px;height:50px}.text[data-v-5918102f]{font-size:.8em;line-height:1.1}.tablet-mobile-content[data-v-5918102f]{min-width:240px}.tablet-mobile-content .box.col[data-v-5918102f]{margin:2px}.tablet-mobile-content .tutorial-icon svg[data-v-5918102f]{border:none;width:60px;height:30px}.tutorial-buttons .v-messages[data-v-5918102f]{display:none!important}#moveableDiv[data-v-8ff55f5b]{position:fixed;z-index:15;background-color:#fff;border:1px solid #d3d3d3;max-width:80vw;max-height:80vh}.anchor[data-v-8ff55f5b]{cursor:move}.top-right[data-v-8ff55f5b]{position:absolute;top:5px;right:5px;z-index:4}.top-left[data-v-8ff55f5b]{position:absolute;top:5px;left:5px;z-index:4}.sizer[data-v-8ff55f5b]{overflow:hidden;min-width:250px;min-height:300px;max-width:1920px;max-height:1440px}.header-slot[data-v-8ff55f5b]{min-height:40px;z-index:3}.body-slot[data-v-8ff55f5b]{z-index:1}.footer-slot[data-v-8ff55f5b]{z-index:3}.big[data-v-8ff55f5b]{width:512px;height:440px;top:50%;left:50%;transform:translate(-50%,-50%)}.bigger[data-v-8ff55f5b]{width:768px;height:660px;top:50%;left:50%;transform:translate(-50%,-50%)}.small[data-v-8ff55f5b]{width:250px;height:300px;bottom:10px;right:10px;transform:translate(0)}.moveable-body[data-v-8ff55f5b]{padding-bottom:50px;height:100%;overflow:hidden}.moveable-footer[data-v-8ff55f5b]{position:absolute;bottom:0;width:100%;height:50px;background:#fff;z-index:2}@media only screen and (max-width: 600px){.sizer[data-v-8ff55f5b]{overflow:hidden;max-width:90%;max-height:80vh}}.minimap-compass[data-v-d4be854c]{position:absolute;right:10px;top:10px;z-index:11}.map-container[data-v-d4be854c]{cursor:pointer}.v-image[data-v-c148316d]{background-color:#aaa}.interior-selector-list[data-v-c148316d]{box-shadow:none!important;padding:10px;background:transparent!important}.interior-selector-list-item[data-v-c148316d]{background-color:#fff;border:2px solid #fff;transition:transform .2s cubic-bezier(.17,.67,.83,.67);margin-top:10px}.interior-selector-list-item.active[data-v-c148316d]{border:2px solid #a6d8a8}.interior-selector-list-item[data-v-c148316d]>.v-list-item__content{overflow:visible!important}.interior-selector-list-item[data-v-c148316d]:hover{transform:translate(-5px);border:2px solid #4caf50}.ss-slider-field[data-v-489d2d0e]{min-width:300px;height:38px;width:100%}.small[data-v-489d2d0e]{font-size:80%}[data-v-489d2d0e] .v-input{margin-top:-4px}[data-v-489d2d0e] .v-slider-track{background:linear-gradient(270deg,#8183c2,#ffb9b9 20.01%,#b2dfff 40.1%,#b2dfff 59.85%,#ffba96 79.96%,#8183c2)!important}[data-v-489d2d0e] .v-slider-track__background,[data-v-489d2d0e] .v-slider-track__fill{background:transparent}.v-card[data-v-9e5e229c]{transition:box-shadow .3s ease-in-out;border:1px solid transparent}[data-v-9e5e229c] .v-slide-group__content{justify-content:center}[data-v-9e5e229c] .v-slide-group__next--disabled,[data-v-9e5e229c] .v-slide-group__prev--disabled{pointer-events:all!important}.align-baseline[data-v-9e5e229c]{align-items:baseline}.active-apt[data-v-9e5e229c]{border:1.5px solid #4caf50!important}.v-image[data-v-9e5e229c]{border-radius:0!important}.single-waypoint[data-v-9e5e229c]{width:81px;height:54px}.mobile.carousel-button[data-v-9e5e229c]{scale:.7}.mobileWaypoint .single-waypoint[data-v-9e5e229c]{margin-top:5px!important;width:63px;height:42px;scale:.95}.desktopWaypointWrapper[data-v-9e5e229c]{max-width:50vw}.mobileWaypointWrapper[data-v-9e5e229c]{max-width:100vw}.sun-icon-wrapper[data-v-9e5e229c]{position:absolute;display:inline-block;top:0;left:0;width:30px;height:30px;background:#ffffffb9;border-radius:2px}.sun-icon[data-v-9e5e229c]{position:absolute;left:2px;top:2px;color:#ff8c00;font-size:25px;line-height:1}.mobileWaypointWrapper .sun-icon-wrapper[data-v-9e5e229c]{width:20px;height:20px}.mobileWaypointWrapper .sun-icon[data-v-9e5e229c]{font-size:15px}.clock-face[data-v-a758a375]{margin-left:10px;height:50px;width:50px;background-color:#fff;border-radius:50%}.clock-value[data-v-a758a375]{font-size:11px}.clock-icon[data-v-a758a375]{width:18px}@media screen and (max-width: 600px){.clock-face[data-v-a758a375]{margin-left:0;scale:.8}}.compass-needle{transition:transform .5s;transition-timing-function:ease-out}@media screen and (max-width: 600px){.compass-wrapper{scale:.9}}.settings-panel[data-v-2a9a63da]{min-width:500px;height:500px;overflow-y:scroll}form#settings-ui-form[data-v-2a9a63da]{background:#fff9;border-radius:5px;padding:10px}#settings-ui-form .form-inputs[data-v-2a9a63da]{height:60vh;overflow-y:scroll;padding-bottom:50px;scrollbar-color:#0c0e4a transparent;scrollbar-width:thin;padding-right:20px}.btn-placeholder[data-v-ae461ac7]{width:36px;height:36px}.v-btn[data-v-ae461ac7]{background-color:#fff;pointer-events:all;cursor:auto}.floor-level-label[data-v-ae461ac7]{text-transform:capitalize}.compass-wrapper[data-v-eb21a939]{width:50px}.player-and-components-wrapper[data-v-eb21a939]{position:relative;width:100%;height:100%}.static-image[data-v-eb21a939]{position:absolute;top:0;left:0;width:100%;height:auto}button.v-btn[data-v-eb21a939]{background:#fff}div#controls-bottom-center>div[data-v-eb21a939]{display:flex;flex-direction:column;align-items:center}.player-error[data-v-eb21a939]{min-height:400px;display:flex;align-items:center;justify-content:space-around;background:#ededed}@media only screen and (max-width: 600px){#btn-fullscreen[data-v-eb21a939]{display:none}}@media all and (orientation: landscape) and (max-height: 499px){#btn-fullscreen[data-v-eb21a939]{display:none}}.settings-panel[data-v-eb21a939]{position:absolute;top:0;left:0;z-index:10;width:500px;transform:scale(.8);transform-origin:left}.virtual-tour-wrapper[data-v-eb21a939],.v-player.platform-desktop[data-v-eb21a939]{width:100%;height:100%}@media screen and (min-width: 900px){.v-player.platform-desktop[data-v-eb21a939]{height:100%}}@media screen and (min-width: 1600px){.v-player.platform-desktop[data-v-eb21a939]{height:100%}}.v-player.platform-mobile[data-v-eb21a939]{width:100%;height:calc(100% - 60px)}.waypoint-carousel.below-player[data-v-eb21a939]{position:relative;height:50px}@media only screen and (max-width: 960px){#btn-fullscreen[data-v-eb21a939]{display:none}}.render-version[data-v-eb21a939]{position:absolute;bottom:0;left:0;color:#fff;background:#000;font-weight:700;font-size:12px;padding:0 5px;z-index:3}.sunsim-slider-desktop[data-v-eb21a939]{height:64px}.v-enter-active[data-v-eb21a939],.v-leave-active[data-v-eb21a939]{transition:opacity .5s ease}.v-enter-from[data-v-eb21a939],.v-leave-to[data-v-eb21a939]{opacity:0}#player-wrapper[data-v-5fdd1e05]{position:relative;overflow:hidden}#player-sizer[data-v-5fdd1e05]{display:flex;justify-content:center;align-items:center;overflow:hidden}.player-control[data-v-5fdd1e05]{display:flex;position:absolute;z-index:3}#controls-top-left[data-v-5fdd1e05]{top:10px;left:10px}#controls-top-center[data-v-5fdd1e05]{top:10px;left:50%;transform:translate(-50%);z-index:4}#controls-top-right[data-v-5fdd1e05]{top:10px;right:10px;justify-content:flex-end;align-content:flex-end}#controls-center-left[data-v-5fdd1e05]{left:10px;top:50%;transform:translateY(-50%)}#controls-center-center[data-v-5fdd1e05]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:space-around;z-index:20}#controls-center-right[data-v-5fdd1e05]{top:50%;right:10px;transform:translateY(-50%);justify-content:flex-end;align-items:center}#controls-bottom-left[data-v-5fdd1e05]{bottom:10px;left:10px;z-index:5}#controls-bottom-center[data-v-5fdd1e05]{bottom:10px;left:50%;transform:translate(-50%);align-items:flex-end;justify-content:space-around;z-index:4}#controls-bottom-right[data-v-5fdd1e05]{bottom:10px;right:10px;justify-content:flex-end;align-content:flex-end;align-items:flex-end;z-index:5}.compass-wrapper[data-v-373ac320]{width:50px}.player-and-components-wrapper[data-v-373ac320]{position:relative}.static-image[data-v-373ac320]{position:absolute;top:0;left:0;width:100%;height:auto}button.v-btn[data-v-373ac320]{background:#fff}.waypoint-carousel.full-screen[data-v-373ac320]{scale:.5}div#controls-bottom-center>div[data-v-373ac320]{display:flex;flex-direction:column;align-items:center}.player-error[data-v-373ac320]{min-height:400px;display:flex;align-items:center;justify-content:space-around;background:#ededed}@media only screen and (max-width: 600px){#btn-fullscreen[data-v-373ac320]{display:none}}@media all and (orientation: landscape) and (max-height: 499px){#btn-fullscreen[data-v-373ac320]{display:none}}.mss-image[data-v-373ac320]{min-height:20vh;max-height:100vh;min-width:80%;max-width:100%}.minimap-compass[data-v-8077dfb5]{position:absolute;right:10px;top:10px;z-index:11}img[data-v-c4a08195],img[data-v-da694d37]{left:0;top:0;width:100%;height:100%;position:absolute;display:block;z-index:1}img[data-v-d592c198]{left:0;top:0;width:100%;height:100%;position:absolute;display:block;z-index:3}[data-v-743f5faf] .v-btn__content{text-transform:none}.icon-wrapper[data-v-cbc592ae]{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:10px;background-color:#fff;display:flex;justify-content:center;align-items:center}.parent-container[data-v-cbc592ae]{overflow-x:auto;overflow-y:hidden;white-space:nowrap}.camera-thumbnail-image[data-v-cbc592ae]{width:120px;height:67.5px;display:inline-block;background-size:contain;background-position:center center}.still-camera-image[data-v-cbc592ae]{position:relative;cursor:pointer;border:2px solid #cfcfcf;border-radius:5px;overflow:hidden;margin:8px}.active-camera[data-v-cbc592ae]{border:2px solid #4caf50}.camera-name[data-v-cbc592ae]{background:#fff;display:block;text-align:center;width:100%}.still-camera-thumbnails-wrapper[data-v-cbc592ae]{background:#00000054;border-radius:5px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(0,0,0,.1);transform-origin:bottom center}.thumbnail-nav-button[data-v-cbc592ae]{position:absolute;min-width:24px!important;z-index:1000;margin:0;padding:0;height:calc(100% - 10px)!important}.mobile[data-v-cbc592ae] .still-camera-thumbnails-wrapper[data-v-cbc592ae]{border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:none}.mobile[data-v-cbc592ae] .still-camera-image[data-v-cbc592ae]{margin:2px;border-radius:4px;border:1px solid #cfcfcf}.mobile[data-v-cbc592ae] .camera-name[data-v-cbc592ae]{font-size:8px!important}.mobile[data-v-cbc592ae] .active-camera[data-v-cbc592ae]{border:1px solid #4caf50}.mobile[data-v-cbc592ae] .camera-thumbnail-image[data-v-cbc592ae]{width:64px;height:36px}.small[data-v-5a7478fc]{font-size:80%}[data-v-5a7478fc] .v-input{margin-top:-5px}.mobile[data-v-5a7478fc] .v-input{margin-top:-10px}[data-v-5a7478fc] .v-slider-track{background:linear-gradient(270deg,#8183c2,#ffb9b9 20.01%,#b2dfff 40.1%,#b2dfff 59.85%,#ffba96 79.96%,#8183c2)!important}[data-v-5a7478fc] .v-slider-track__background,[data-v-5a7478fc] .v-slider-track__fill{background:transparent}.top-left[data-v-4638ecbd]{top:0;left:0}div[data-v-4638ecbd] svg g{transition-property:fill,stroke;transition-duration:.25s;transition-timing-function:ease-in-out}.v-enter-active[data-v-4638ecbd]{transition:opacity .25s ease-in-out}.v-leave-active[data-v-4638ecbd]{transition:opacity 0ms ease-in-out}.v-enter-from[data-v-4638ecbd],.v-leave-to[data-v-4638ecbd]{opacity:0}.v-leave-from[data-v-4638ecbd],.v-enter-to[data-v-4638ecbd]{opacity:1}.actions-bar[data-v-57d83a24]{position:absolute}.mobile .actions-bar[data-v-57d83a24]:not(.persistent){position:relative}.top-left[data-v-57d83a24]{top:0;left:0}.top-right[data-v-57d83a24]{top:0;right:0}.bottom-left[data-v-57d83a24]{bottom:0;left:0}.bottom-center[data-v-57d83a24]{bottom:0;left:50%;transform:translate(-50%)}.v-enter-from[data-v-57d83a24]{opacity:0}.v-enter-active[data-v-57d83a24]{transition:opacity .5s ease}.v-enter-to[data-v-57d83a24]{opacity:1}.render-version[data-v-57d83a24]{position:absolute;bottom:0;left:0;color:#fff;background:#000;font-weight:700;font-size:12px;padding:0 5px;z-index:3}.still-cameras-wrapper[data-v-57d83a24]{transform-origin:bottom center}@media only screen and (min-width: 630px) and (max-width: 960px){.still-cameras-wrapper[data-v-57d83a24]{transform:translate(-50%) scale(.6)}}@media only screen and (min-width: 960px) and (max-width: 1264px){.still-cameras-wrapper[data-v-57d83a24]{transform:translate(-50%) scale(.8)}}