:root{--configuration-width:535px}body{margin:0;overflow:hidden}#dh3d-builder{position:relative;font-family:Roboto}#dh3d-loading-screen{position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:1;transition:opacity .5s;pointer-events:none}#dh3d-loading-screen.dh3d-fade-out{opacity:0}#dh3d-header{position:relative;width:100%;height:32px;z-index:1}#dh3d-tabs{position:absolute;top:0;right:0;width:var(--configuration-width);height:32px}#dh3d-tabs>span:first-child{z-index:10}#dh3d-tabs>span:nth-child(2){z-index:9;left:-6px}#dh3d-tabs>span:nth-child(3){z-index:8;left:-12px}#dh3d-tabs>span:nth-child(4){z-index:7;left:-18px}#dh3d-tabs>span:nth-child(5){z-index:6;left:-24px}#dh3d-tabs>span:nth-child(6){z-index:5;left:-30px}#dh3d-tabs>span.dh3d-tab{display:inline-block;position:relative;padding:8px 24px;text-align:center;text-transform:uppercase;font-size:10pt;color:#fff;background-color:#233776;border-radius:6px 6px 0 0;cursor:pointer;box-shadow:0 0 8px rgba(0,0,0,.9);font-weight:700;box-sizing:border-box;height:32px}#dh3d-tabs>span.dh3d-tab.dh3d-active{background-color:#f16323;font-size:11pt;letter-spacing:1px;z-index:20}#dh3d-container-border{border-top:#f16323 solid 6px;position:relative;z-index:2}#dh3d-container{position:relative;width:100%;height:100%;z-index:100;font-size:12pt;z-index:3}#dh3d-container canvas{position:absolute;left:0;top:0;width:calc(100% - var(--configuration-width));height:100%;box-sizing:border-box;z-index:1;display:none}#dh3d-configuration{position:absolute;top:0;right:0;width:var(--configuration-width);height:100%;box-sizing:border-box;z-index:1;background:#fff;overflow-y:auto}#dh3d-configuration input[type=color]{width:42px;height:42px;border:1px solid #222;border-radius:50%;box-sizing:border-box;margin:8px;cursor:pointer;opacity:0;position:absolute}#dh3d-configuration div.dh3d-disabled{opacity:.5;pointer-events:none}.dh3d-section-header{background-color:#f7f7f7;padding:8px 24px 8px 48px;font-size:12pt;color:#222;text-transform:uppercase;font-weight:700;position:relative}.dh3d-section-header::after{content:'\203A';display:block;position:absolute;top:-11px;left:18px;font-size:32pt;font-weight:100}.dh3d-section-header>span{display:inline-block;font-weight:400;padding-left:24px;margin-left:24px;border-left:2px solid #222}.dh3d-section-content{padding:8px 24px 8px 48px}.dh3d-section-content>span{display:inline-block}#dh3d-caption{position:absolute;right:16px;top:16px;background-color:#fff;z-index:2;padding:24px;box-sizing:border-box;display:none;pointer-events:none}#dh3d-captions-controls{position:absolute;left:4px;bottom:4px;z-index:3;display:none}#dh3d-captions-triangle{position:absolute;z-index:2;display:none;pointer-events:none}.dh3d-captions-controls label::after{content:'captions';display:inline-block}#dh3d-hover-caption{position:absolute;z-index:2;pointer-events:none;display:none;padding:16px;border-radius:4px;background-color:rgba(0,0,0,.6);color:#fff;font-size:11pt;max-width:300px;backdrop-filter:blur(4px)}#dh3d-configuration .dh3d-toggle{display:inline-block;padding:6px 12px;color:#222;background-color:#fff;cursor:pointer;border:1px solid #222;text-transform:uppercase;margin:8px}#dh3d-configuration .dh3d-toggle.dh3d-active{background-color:#f16323;border-color:#f16323;color:#fff}#dh3d-configuration button:not(.dh3d-swatch){display:inline-block;padding:6px 12px;color:#222;background-color:#fff;cursor:pointer;border:1px solid #222;text-transform:uppercase;margin:8px}#dh3d-configuration button:not(.dh3d-swatch).dh3d-active{background-color:#f16323;border-color:#f16323;color:#fff}#dh3d-configuration button.dh3d-swatch{display:inline-block;width:42px;height:42px;border:1px solid #222;border-radius:50%;box-sizing:border-box;margin:8px;cursor:pointer;text-indent:3000px;overflow:hidden;white-space:nowrap}#dh3d-configuration button.dh3d-swatch.dh3d-active{border-color:#f16323;outline:2px solid #f16323}#dh3d-configuration button.dh3d-swatch.dh3d-picker{background:#fff url('./images/eyedropper.svg') no-repeat center;background-size:24px}#dh3d-configuration button.dh3d-swatch.dh3d-none{background:#fff;position:relative}#dh3d-configuration button.dh3d-swatch.dh3d-none::after{content:'none';display:block;text-align:center;font-size:10pt;color:#222;position:absolute;left:0;width:100%;height:24px;top:8px;line-height:24px;text-indent:0;font-weight:700}#dh3d-builder select{padding:8px}#dh3d-camera-position{position:fixed;right:0;bottom:0;padding:4px;background-color:#000;color:#fff;z-index:150;display:none}#dh3d-loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#d64200;-webkit-animation:dh3d-spin 2s linear infinite;animation:dh3d-spin 2s linear infinite}#dh3d-loader::before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#f66200;-webkit-animation:dh3d-spin 3s linear infinite;animation:dh3d-spin 3s linear infinite}#dh3d-loader::after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f68220;-webkit-animation:dh3d-spin 1.5s linear infinite;animation:dh3d-spin 1.5s linear infinite}@keyframes dh3d-spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}