.cube-app{padding:60px 20px 40px}.cube-app-header-title{color:#000;letter-spacing:2px;text-transform:uppercase;font-size:12px}.cube-app-header-text{letter-spacing:1px;font-size:16px;font-weight:300;line-height:28px}.cube-app-content{padding-top:28px}.cube-app-demo{background:#f0f0f0;border:1px solid #e6e6e6;width:100%;margin:28px auto 0}.cube-app-demo-placeholder{letter-spacing:1px;justify-content:center;align-items:center;height:420px;font-size:16px;line-height:28px;display:flex}.cube-app-tiles{position:relative}.cube-app-grid-toggle{letter-spacing:1px;cursor:pointer;align-items:baseline;gap:4px;font-size:16px;font-weight:300;line-height:28px;display:flex;position:absolute;top:0;right:0;transform:translateY(-100%)}.cube-app-grid-hint{cursor:help;opacity:.5;vertical-align:super;font-size:11px}.cube-app-tiles-items{justify-content:center;align-items:center;gap:12px;display:flex}.cube-app-images-footer{flex-flow:row;justify-content:center;align-items:center;gap:20px;margin-top:28px;display:flex}.cube-app-images-footer-status{letter-spacing:1px;color:#333;font-size:16px;line-height:28px}.cube-app-tile{border:1px solid #000;border-radius:1px;flex:1 1 0;max-width:320px;padding:8px}.cube-app-tile--drag{border:1px dashed #07f;outline:1px dashed #07f}.cube-app-tile-box{aspect-ratio:1;justify-content:center;align-items:center;min-height:12px;display:flex;position:relative}.cube-app-tile-box-canvas{max-width:100%}.cube-app-tile-box-grid{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.cube-app-tile-box-grid line{stroke:#000;stroke-width:1px;vector-effect:non-scaling-stroke}.cube-app-tile-box-remove{z-index:1;color:#fff;text-align:center;text-transform:uppercase;background:#777;border:0;width:20px;height:20px;margin:0;padding:0;font-size:14px;line-height:20px;display:inline-block;position:absolute;top:0;right:0}.cube-app-tile-box-placeholder{flex-flow:column;justify-content:center;align-items:center;display:flex}.cube-app-tile-box-placeholder-text{text-align:center;color:#666;letter-spacing:1px;padding-bottom:6px;font-size:16px;line-height:28px}.cube-app-tile-footer{letter-spacing:1px;margin-top:8px;font-size:16px;line-height:28px}.cube-app-tile-footer-label{display:block}.cube-app-tile-footer-label input[type=range]{width:100%}.cube-app-model{padding:0;position:relative}.cube-app-model-button{z-index:1;color:#fff;text-align:center;text-transform:uppercase;cursor:pointer;background:#000;border:0;width:32px;height:32px;margin:0;padding:0;font-size:18px;line-height:32px;display:inline-block;position:absolute;top:8px}.cube-app-model-camtoggle{width:52px;font-size:12px;left:8px}.cube-app-model-colortoggle{width:52px;font-size:12px;left:68px}.cube-app-model-spintoggle{width:52px;font-size:12px;left:128px}.cube-app-model-facex{top:48px;left:8px}.cube-app-model-facey{top:48px;left:48px}.cube-app-model-facez{top:48px;left:88px}.cube-app-model-zoomin{right:8px}.cube-app-model-zoomout{right:48px}.cube-app-footer{flex-flow:row;justify-content:center;align-items:center;padding-top:28px;display:flex}@keyframes cube-app-loading-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cube-app-loading-container{z-index:1000;background-color:#000000b3;flex-flow:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.cube-app-loading-ring{width:80px;height:80px;position:relative}.cube-app-loading-ring:before{content:"";box-sizing:border-box;border:6px solid #fff;border-color:#fff #0000;border-radius:50%;width:80px;height:80px;animation:1.2s linear infinite cube-app-loading-animation;display:block}.cube-app-loading-ring:after{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width<=767px){.cube-app-header-text{font-size:14px;line-height:22px}.cube-app-content{padding-top:20px}.cube-app-demo{margin-top:20px}.cube-app-demo-placeholder{font-size:12px;line-height:16px}.cube-app-images-footer{margin-top:20px}.cube-app-tile-box-placeholder-text{font-size:12px;line-height:16px}.cube-app-tiles-items .cube-app-tile-box-placeholder .button{width:90%;height:28px;font-size:12px;line-height:28px}.cube-app-tile{padding:0}.cube-app-tile-footer{padding:8px;font-size:12px;line-height:16px}.cube-app-footer{padding-top:20px}}.cube-app-popup-container{z-index:100;background:#000c;flex-flow:row;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:auto}.cube-app-popup-images{width:320px;margin:auto;padding:50px 0}.cube-app-popup-images-section{flex-flow:wrap;width:320px;display:flex}.cube-app-popup-images-section+.popup-images-section{margin-top:10px}.cube-app-popup-image{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #979797;width:80px;height:80px;padding:4px}.cube-app-popup-image:hover{background:#999}.cube-app-popup-image.active{background:#000}.cube-app-popup-image.second,.cube-app-popup-image.second:hover{opacity:.2;cursor:not-allowed;background:#fff}.cube-app-popup-image img{object-fit:cover;width:70px;height:70px;display:block}.cube-app-popup-upload{color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;background:#000;width:80px;height:58px;padding:11px 0;font-size:14px;line-height:16px;position:relative;overflow:hidden}.cube-app-popup-upload:hover{color:#000;background:#fff}.cube-app-popup-upload input{opacity:.00001;cursor:pointer;position:absolute;inset:0}