@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";body{width:100vw;height:100vh;margin:0;font-family:"Roboto",sans-serif}.canvas{top:70px;bottom:0;left:0;right:0;position:absolute}.canvas .joint-paper{border:1px solid #e3e3e3;margin:0 auto}button{width:84px;height:32px;background:#fff;border:2px solid #e3e3e3;border-radius:4px;text-align:center;font-size:14px;line-height:16px;font-family:"Roboto",sans-serif;letter-spacing:.25px;color:#000000DE;cursor:pointer;outline-color:#b5b5b5}button:hover{background:#e8e8e8;border:1px solid #e8e8e8}button:disabled{border:2px solid #999;background-color:#ccc;color:#666;cursor:not-allowed}.controls{height:70px;display:flex;align-items:center;padding-left:20px;border-bottom:1px solid #0000001F}.controls>*{margin-right:20px}.textTime{min-width:152px;user-select:none}input[type=range]{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#0000001F;height:5px}input[type=range]::-moz-range-track{background:#0000001F;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:15px;width:15px;background:#768798;margin-top:-5px;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{height:15px;width:15px;background:#768798;margin-top:-5px;border-radius:50%;cursor:pointer}input[type=number]{font-size:14px;height:24px;border:2px solid #e3e3e3;border-radius:4px;outline-color:#b5b5b5}span{user-select:none}span:last-of-type{color:#677689;font-style:italic}.joint-tooltip .tooltip-content{padding:10px;border:1px solid #ccc;background-color:#fff;border-radius:5px;box-shadow:5px 5px 3px rgba(0,0,0,.1)}.joint-tooltip.joint-theme-default.left.rendered .tooltip-arrow-mask{border-right-color:#fff}.joint-tooltip.joint-theme-default.left.rendered .tooltip-arrow{border-right-color:#ccc}.joint-tooltip.joint-theme-default.right.rendered .tooltip-arrow-mask{border-left-color:#fff}.joint-tooltip.joint-theme-default.right.rendered .tooltip-arrow{border-left-color:#ccc}.loader{position:absolute;top:50%;left:50%;border:8px solid #f3f3f3;border-top:8px solid #8b99e4;border-radius:50%;width:5em;height:5em;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}