.customizer-container-wrapper{width:100%;height:100vh;position:relative;display:flex}.customizer-container{display:flex;width:100%}.preview-area{flex:1;position:relative;border:1px solid #ccc;margin-right:20px}#customizer-canvas{background-color:#f9f9f9;display:block;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;touch-action:none}.controls-area{width:300px;padding:10px;border:1px solid #ccc}.video-container{width:100%}.video-container video{padding-top:60px;width:100%;height:100%;max-height:80vh;object-fit:contain;object-position:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-appearance:none;outline:none}.video-container video::-webkit-media-controls{display:none!important}.video-container video::-webkit-media-controls-panel{display:none!important}.video-container video::-webkit-media-controls-play-button{display:none!important}.video-container video::-webkit-media-controls-start-playback-button{display:none!important}.video-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:transparent;pointer-events:none}.image-container{width:100%;display:flex;align-items:center}.image-container img{width:100%;height:100%;max-height:80vh;object-fit:contain;object-position:center}.image-container,.video-container{background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;opacity:1;transition:opacity .3s ease-in-out}.image-container{z-index:2}.canva-none{z-index:-1;opacity:0;transition:opacity .3s ease-in-out}@media(max-width:1700px){.customizer-container-wrapper{max-width:900px}}@media(max-width:1600px){.customizer-container-wrapper{max-width:800px}}@media(max-width:1500px){.customizer-container-wrapper{max-width:700px}}@media(max-width:1330px){.customizer-container-wrapper{max-width:600px}}@media(max-width:730px){.customizer-container-wrapper{width:100vw;height:50dvh}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/canvas.css.map */