InPlaceViewer.css

.inplace-model-viewer .inplace-model-viewer__controls{position:absolute;bottom:30%;right:30px;z-index:1}.inplace-model-viewer .inplace-model-viewer__controls .inplace-model-viewer__control-area,.inplace-model-viewer .inplace-model-viewer__controls .inplace-model-viewer__enter-ar-btn{border:1px solid #e6e6e6}.inplace-model-viewer .inplace-model-viewer__controls .inplace-model-viewer__control-area{width:46px;display:none;opacity:0;transition:opacity .1s linear}.inplace-model-viewer .inplace-model-viewer__controls .inplace-model-viewer__control-area li{position:relative}.inplace-model-viewer .inplace-model-viewer__controls .inplace-model-viewer__control-area li:not(:last-child):after{position:absolute;content:'';border-bottom:1px solid rgba(50,50,50,.05);width:28px;transform:translateX(8px);bottom:0}.inplace-model-viewer .inplace-model-viewer__btn{background:#fff;width:100%;height:46px;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;font:inherit;list-style:none;outline:0;stroke:#000;padding:0;margin:0}.inplace-model-viewer .inplace-model-viewer__btn .inplace-model-viewer .icon-exit-fullscreen{background:#000}.inplace-model-viewer .inplace-model-viewer__btn:hover{stroke:#757575;fill:#757575}.inplace-model-viewer .inplace-model-viewer__btn:active{background:#ccc}.inplace-model-viewer .inplace-model-viewer__exitViewer-btn{background:#3c3c3c;color:#fff;tooltip:"Exit 3D View"}.inplace-model-viewer .inplace-model-viewer__enter-ar-btn{opacity:0;transition:opacity .15s cubic-bezier(.44,.13,.48,.87);display:none;margin-bottom:11px;width:44px;height:44px}.inplace-model-viewer .inplace-model-viewer__enter-ar-btn .icon-3d-badge{width:22px}.inplace-model-viewer.inplace-model-viewer--desktop .inplace-model-viewer__control-area{display:inherit}.inplace-model-viewer.inplace-model-viewer--loaded.inplace-model-viewer--desktop:hover .inplace-model-viewer__control-area{opacity:1}.inplace-model-viewer.inplace-model-viewer--loaded.inplace-model-viewer--device-supports-ar .inplace-model-viewer__enter-ar-btn{display:flex;opacity:1}.inplace-model-viewer.inplace-model-viewer--interacting .inplace-model-viewer__control-area,.inplace-model-viewer.inplace-model-viewer--interacting .inplace-model-viewer__controls{pointer-events:none}.inplace-model-viewer .inplace-model-viewer.exitViewer{background:#000}.inplace-model-viewer.fullscreen model-viewer{position:relative;width:100vw;height:100vh}.inplace-model-viewer .icon-exit-fullscreen{display:none}.inplace-model-viewer .icon-enter-3dViewer{display:none}.inplace-model-viewer.exitViewer .icon-exit-3dViewer{display:none}.inplace-model-viewer.exitViewer .icon-enter-3dViewer{display:flex;font-size:35px;color:#fff;text-shadow:1px 1px 2px #fff}.inplace-model-viewer.fullscreen .icon-exit-fullscreen{display:flex}.inplace-model-viewer.fullscreen .icon-enter-fullscreen{display:none}.model-viewer-wrapper{display:block;margin:0 auto;position:absolute;top:4px;left:4px;width:calc(100% - 8px)}.no-js .model-viewer-wrapper{position:relative}model-viewer,model-viewer:focus{outline:0!important}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:after{-moz-opacity:0;-khtml-opacity:0;opacity:0;pointer-events:none;-webkit-transition:opacity .15s cubic-bezier(.44,.13,.48,.87);-moz-transition:opacity .15s cubic-bezier(.44,.13,.48,.87);-ms-transition:opacity .15s cubic-bezier(.44,.13,.48,.87);-o-transition:opacity .15s cubic-bezier(.44,.13,.48,.87);transition:opacity .15s cubic-bezier(.44,.13,.48,.87);background:#3a3a3a;color:#fff;content:attr(data-tooltip);padding:.3em .3em .3em .45em;position:absolute;white-space:nowrap;z-index:10;font-size:14px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:.9px;right:100%;top:50%;-webkit-transform:translate(2px,-50%);-moz-transform:translate(2px,-50%);-ms-transform:translate(2px,-50%);transform:translate(-10px,-50%)}[data-tooltip]:before{-moz-opacity:0;-khtml-opacity:0;-webkit-transition:opacity .15s cubic-bezier(.44,.13,.48,.87);-moz-transition:opacity .15s cubic-bezier(.44,.13,.48,.87);-ms-transition:opacity .15s cubic-bezier(.44,.13,.48,.87);-o-transition:opacity .15s cubic-bezier(.44,.13,.48,.87);transition:opacity .15s cubic-bezier(.44,.13,.48,.87);opacity:0;background-size:100% auto;pointer-events:none;content:'';z-index:10;width:0;height:5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #3a3a3a;position:absolute;left:-10px}[data-tooltip]:hover:after,[data-tooltip]:hover:before{-moz-opacity:1;-khtml-opacity:1;opacity:1}.model-viewer-controls-list-item{list-style:none}.model-viewer-controls-unordered-list{margin:0;padding:0}.model-viewer-wrapper{position:relative;padding-top:100%;margin:0}model-viewer{width:100%;height:100%;position:absolute;top:0;height:calc(100% - 8px)}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:30px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}