@charset "utf-8";

.pnlm-container { background: url("/asset-detail/assets/static/background-73c746e88409ccb4b512.svg") repeat rgb(244, 244, 244); cursor: default; font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif; height: 100%; line-height: 1.4; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; position: relative; user-select: none; width: 100%; }

.pnlm-container * { box-sizing: content-box; }

.pnlm-grab { cursor: url("/asset-detail/assets/static/grab-6a052e927d39314632fd.svg") 12 8, default; }

.pnlm-grabbing { cursor: url("/asset-detail/assets/static/grabbing-92ec62eb995e79248066.svg") 12 8, default; }

.pnlm-sprite { background-image: url("/asset-detail/assets/static/sprites-d72dc09976f151e5dd9f.svg"); }

.pnlm-container:-webkit-full-screen { height: 100% !important; width: 100% !important; }

.pnlm-container:fullscreen { height: 100% !important; width: 100% !important; }

.pnlm-render-container { cursor: inherit; height: 100%; position: absolute; width: 100%; }

.pnlm-controls { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 3px; cursor: pointer; position: absolute; transform: translateZ(9999px); z-index: 2; }

.pnlm-control:hover { background-color: rgb(248, 248, 248); }

.pnlm-zoom-controls { height: 52px; left: 4px; top: 4px; width: 26px; }

.pnlm-zoom-in { border-radius: 3px 3px 0px 0px; top: 0px; }

.pnlm-zoom-in, .pnlm-zoom-out { height: 50%; position: absolute; width: 100%; }

.pnlm-zoom-out { background-position: 0px -26px; border-radius: 0px 0px 3px 3px; border-top: 1px solid rgba(0, 0, 0, 0.1); bottom: 0px; }

.pnlm-fullscreen-toggle-button { height: 26px; left: 4px; top: 66px; width: 26px; }

.pnlm-fullscreen-toggle-button-inactive { background-position: 0px -52px; }

.pnlm-fullscreen-toggle-button-active { background-position: 0px -78px; }

.pnlm-panorama-info { background-color: rgba(0, 0, 0, 0.7); border-radius: 0px 3px 3px 0px; bottom: 4px; color: rgb(255, 255, 255); display: none; padding-right: 10px; position: absolute; text-align: left; transform: translateZ(9999px); z-index: 2; }

.pnlm-title-box { font-size: 20px; margin-bottom: 3px; }

.pnlm-author-box, .pnlm-title-box { display: table; padding-left: 5px; position: relative; }

.pnlm-author-box { font-size: 12px; }

.pnlm-load-box { background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; color: rgb(255, 255, 255); display: none; font-size: 20px; height: 150px; left: 50%; margin: -75px 0px 0px -100px; position: absolute; text-align: center; top: 50%; width: 200px; }

.pnlm-load-box p { margin: 20px 0px; }

.pnlm-lbox { display: none; height: 20px; left: 50%; margin: -10px 0px 0px -10px; position: absolute; top: 50%; width: 20px; }

.pnlm-loading { animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: pnlm-mv; animation-timing-function: linear; background-color: rgb(255, 255, 255); height: 10px; position: relative; width: 10px; }

@keyframes pnlm-mv { 
  0% { left: 0px; top: 0px; }
  25% { left: 10px; top: 0px; }
  50% { left: 10px; top: 10px; }
  75% { left: 0px; top: 10px; }
  100% { left: 0px; top: 0px; }
}

.pnlm-load-button { background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; color: rgb(255, 255, 255); cursor: pointer; display: table; font-size: 20px; height: 100px; left: 50%; margin: -50px 0px 0px -100px; position: absolute; text-align: center; top: 50%; width: 200px; }

.pnlm-load-button:hover { background-color: rgba(0, 0, 0, 0.8); }

.pnlm-load-button p { display: table-cell; vertical-align: middle; }

.pnlm-info-box { background-color: rgb(0, 0, 0); border-radius: 3px; color: rgb(255, 255, 255); display: table; font-size: 15px; height: 150px; left: 50%; margin: -75px 0px 0px -100px; position: absolute; text-align: center; top: 50%; width: 200px; }

.pnlm-info-box a { color: rgb(255, 255, 255); }

.pnlm-info-box p { display: table-cell; padding: 0px 5px; vertical-align: middle; }

.pnlm-error-msg { display: none; }

.pnlm-about-msg { background: rgba(0, 0, 0, 0.7); border-radius: 3px; color: rgb(255, 255, 255); display: none; font-size: 11px; left: 50px; line-height: 11px; opacity: 0; padding: 5px 8px; position: absolute; top: 50px; transition: opacity 0.3s ease-in-out; z-index: 1; }

.pnlm-about-msg a:link, .pnlm-about-msg a:visited { color: rgb(255, 255, 255); }

.pnlm-about-msg a:active, .pnlm-about-msg a:hover { color: rgb(238, 238, 238); }

.pnlm-hotspot { border-radius: 13px; cursor: default; height: 26px; position: absolute; top: 0px; vertical-align: middle; visibility: hidden; width: 26px; z-index: 1; }

.pnlm-hotspot:hover { background-color: rgba(255, 255, 255, 0.2); }

.pnlm-hotspot.pnlm-info { background-position: 0px -104px; }

.pnlm-hotspot.pnlm-scene { background-position: 0px -130px; }

div.pnlm-tooltip span { background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; color: rgb(255, 255, 255); cursor: default; margin-left: -220px; margin-top: -41px; max-width: 200px; padding: 5px 10px; position: absolute; text-align: center; visibility: hidden; }

div.pnlm-tooltip:hover span { visibility: visible; }

div.pnlm-tooltip:hover::after { border-width: 10px; border-style: solid; border-color: rgba(0, 0, 0, 0.7) transparent transparent; border-image: initial; content: ""; height: 0px; left: 3px; position: absolute; top: -12px; width: 0px; }

.pnlm-compass { background-image: url("/asset-detail/assets/static/compass-0f193cd39061ea43cc46.svg"); border-radius: 25px; bottom: 4px; cursor: default; display: none; height: 50px; right: 4px; width: 50px; }

.pnlm-world { left: 50%; position: absolute; top: 50%; }

.pnlm-face { position: absolute; transform-origin: 0px 0px 0px; }

.pnlm-dragfix, .pnlm-preview-img { height: 100%; position: absolute; width: 100%; }

.pnlm-preview-img { background-position: 50% center; background-size: cover; }

.pnlm-lbar { border: 1px solid rgb(255, 255, 255); height: 6px; margin: 0px auto; width: 150px; }

.pnlm-lbar-fill { background: rgb(255, 255, 255); height: 100%; width: 0px; }

.pnlm-lmsg { font-size: 12px; }

.pnlm-fade-img { left: 0px; position: absolute; top: 0px; }