.viewer{position:relative;width:100%;height:600px;background:#1e1e1e}.viewer .loading{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:#222}.viewer .loading div{position:absolute;z-index:101;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.viewer canvas{width:100%;height:600px}.viewer .object-selector{position:absolute;top:0;bottom:0;right:0;left:0;background:#222;z-index:2;overflow:hidden;overflow-y:auto}.viewer .object-selector .items{display:flex;flex-wrap:wrap;justify-content:center;padding:40px}.viewer .object-selector .items .current-object{margin:40px 40px}.viewer .close-button{position:absolute;top:20px;right:40px;z-index:3}.viewer .current-object{background:rgba(0,0,0,.7);padding:10px 20px;max-width:300px;min-width:300px;position:relative}.viewer .current-object.overlay{position:absolute;z-index:1;top:20px;left:20px}.viewer .current-object .ref-name{position:absolute;top:-15px;left:10px;right:10px;color:#fff;text-align:center;font-size:14px;padding:5px 10px}.viewer .current-object .ref-name .v-chip__content{display:inline-block;margin:auto}.viewer .current-object .description{font-size:12px;color:#999}.viewer .current-object .picture{margin-top:10px}.viewer .current-object .picture img{max-width:100%}@media(max-width:800px){.viewer .current-object{bottom:10px;left:10px;top:auto;max-width:200px;min-width:200px}}@media(max-width:550px){.viewer .current-object.overlay{display:none}}.viewer .v-btn.root{position:absolute;z-index:1;transform:translateX(-50%);font-size:14px;left:50%;bottom:0}.viewer .viewer-ui{position:absolute;z-index:1;top:0;left:50%;right:0;display:flex;justify-content:space-between}.viewer .viewer-ui .v-btn.switch{transform:translateX(-50%);font-size:14px}.viewer .viewer-ui .right{display:flex}.viewer .viewer-ui .right .v-input,.viewer .viewer-ui .right .v-input__control{height:45px}.viewer .viewer-ui .right .group-select{width:150px;font-size:14px}.viewer .viewer-ui .right .toggle{margin-top:7px;margin-right:20px}.viewer .viewer-ui .right .toggle label{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.viewer .viewer-ui .right .toggle .v-input__slot{margin-bottom:0}.viewer .viewer-ui .v-messages{display:none}@media(max-width:800px){.viewer .viewer-ui{left:0;background:rgba(30,30,30,.9)}.viewer .viewer-ui .v-btn{transform:none}}.viewer .fps{position:absolute;z-index:1;top:0;left:0;background:rgba(0,0,0,.9);padding:5px;font-size:10px}