@-webkit-keyframes spin-data-v-9e9dc804{to{-webkit-transform:rotate(1turn)}}@keyframes spin-data-v-9e9dc804{to{transform:rotate(1turn)}}#canvas[data-v-9e9dc804]{background-color:#f4f4f4;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.section[data-v-9e9dc804]{display:flex;flex-direction:row;margin-top:55px;margin-right:40px}.section p[data-v-9e9dc804]{height:20px;width:100px;text-align:right;font-size:16px;color:#888;margin-top:3px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:top right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.section svg[data-v-9e9dc804]{-webkit-display:block;display:block}@media only screen and (max-width:450px){#canvas[data-v-9e9dc804]{display:flex;-webkit-display:flex;flex-direction:column;justify-content:center;align-items:center;height:450px}#canvas .rotation-wrapper-outer[data-v-9e9dc804]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#canvas .rotation-wrapper-inner[data-v-9e9dc804]{padding:50% 0;height:0}#canvas .section[data-v-9e9dc804]{flex:1;margin-right:0;margin-top:-50%;transform:rotate(-90deg) translate(-120%,-24%);-moz-transform:rotate(-90deg) translate(-120%,-24%);-ms-transform:rotate(-90deg) translate(-120%,-24%);-webkit-transform:rotate(-90deg) translate(-120%,-24%);-o-transform:rotate(-90deg) translate(-120%,-24%);transform-origin:top left}#canvas .section p[data-v-9e9dc804]{position:absolute;text-align:left;width:100px;height:20px;transform:rotate(90deg) translateY(-15px);-moz-transform:rotate(90deg) translateY(-15px);-ms-transform:rotate(90deg) translateY(-15px);-webkit-transform:rotate(90deg) translateY(-15px);-o-transform:rotate(90deg) translateY(-15px);transform-origin:top left}#canvas .section .svg[data-v-9e9dc804]{display:block}}@-webkit-keyframes spin-data-v-77c43f99{to{-webkit-transform:rotate(1turn)}}@keyframes spin-data-v-77c43f99{to{transform:rotate(1turn)}}.dc-button[data-v-77c43f99]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:none;border-color:#dcdfe6;color:#00a6fb;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;padding:12px 20px;font-weight:550;border-radius:20px;transition:.1s}.dc-button span[data-v-77c43f99]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.dc-button[data-v-77c43f99]:hover{background-color:#ededed}.dc-button[data-v-77c43f99]:active{background-color:#00a6fb;color:#fff}.dc-button:active span[data-v-77c43f99]{color:#fff}.dc-button--primary[data-v-77c43f99]{background:#409eff;border-color:#409eff;color:#fff}.dc-button--success[data-v-77c43f99]{background:#67c23a;border-color:#67c23a;color:#fff}.dc-button--info[data-v-77c43f99]{background:#909399;border-color:#909399;color:#fff}.dc-button--warning[data-v-77c43f99]{background:#e6a23c;border-color:#e6a23c;color:#fff}.dc-button--danger[data-v-77c43f99]{background:#f56c6c;border-color:#f56c6c;color:#fff}.is-plain[data-v-77c43f99]{background:rgba(64,158,255,.2);color:#409eff;border-color:rgba(64,158,255,.6)}.is-round[data-v-77c43f99]{border-radius:30px}.is-circle[data-v-77c43f99]{border-radius:30px;padding:12px}span[data-v-77c43f99]{margin-left:7px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.slider-container{display:flex;flex-direction:row;justify-content:center;align-items:center}span{margin:0 10px;color:#888;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.slider{-webkit-appearance:none;width:100px;height:6.68px;background:#d3d3d3;border-radius:10px;outline:none;opacity:.7;transition:opacity .2s}.slider:disabled::-webkit-slider-thumb{background:#d3d3d3}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:10px;background:#00a6fb;cursor:pointer}.slider::-moz-range-thumb{width:12px;height:12px;border-radius:10px;background:#00a6fb;cursor:pointer}.ant-select-selection{height:40px;border:none!important;border-radius:20px!important;padding:5px}.ant-select-selection__choice{border-radius:12px!important;width:70px;display:flex;flex-direction:row;justify-content:space-between}.ant-select-selection__choice__remove{margin:0}.ant-select{width:260px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding:0 20px;position:absolute;width:100%}body{background-color:#f4f4f4!important}.header-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 60px;margin-top:60px}.ant-btn-primary span{color:#fff}@media only screen and (max-width:450px){.header-section{display:grid;grid-template-areas:"button1 button2 button3" "select select select" "slider1 slider1 slider1" "slider2 slider2 slider2";grid-gap:1rem 0;padding:0 30px 0 30px;margin-top:40px}#button-play{grid-area:button1}#button-play,#button-redo{width:calc((94vw - 60px - 1rem)/3)}#button-redo{grid-area:button2;justify-self:center}#button-testcase{grid-area:button3;width:calc((94vw - 60px - 1rem)/3);justify-self:end}#select{grid-area:select}.ant-select{width:calc(94vw - 60px)}#slider-length{grid-area:slider1}#slider-speed{grid-area:slider2}#slider-length.slider-container,#slider-speed.slider-container{justify-content:space-between}#app{padding:3vw}}