.canvas-loading-container{position:relative}.canvas-loading-container.is-pending,.canvas-loading-container.is-loading,.canvas-loading-container.is-failed{aspect-ratio:.89635036;width:100%;max-width:740px;margin:0 auto}.canvas-loading-container.is-failed:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:310px;min-height:170px;background-color:rgb(255 255 255 / .95);border-radius:10px;z-index:9}.canvas-loading-container.is-failed .konvajs-content,.canvas-loading-container.is-loading .konvajs-content,.canvas-loading-container.is-pending .konvajs-content,.canvas-loading-container.is-failed .replay-container,.canvas-loading-container.is-loading .replay-container,.canvas-loading-container.is-pending .replay-container{visibility:hidden}.canvas-loading-container.is-loading .canvas-loading-spinner{display:block}.canvas-loading-container.is-failed .canvas-failed-message{display:flex}.canvas-loading-container .canvas-failed-message{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:center;flex-direction:column;color:#666;font-size:14px;text-align:center;padding:30px;z-index:10;width:max-content;max-width:calc(90%)}.canvas-loading-container .canvas-failed-message:before{content:'\f071';font-family:'Font Awesome 5 Free';font-weight:900;font-size:24px;margin-bottom:8px;color:#dc3545}.canvas-loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.canvas-loading-spinner:after{content:'';display:block;width:40px;height:40px;border-radius:50%;border:4px solid rgb(34 139 34 / .2);border-top-color:#228B22;animation:canvas-spinner 0.8s linear infinite}@keyframes canvas-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}