.inverted{--bg: #ffffff;--fg: #000000;--accessoire: #0f3}:root{--bg: #ffffff;--fg: #000000;--accessoire: #f0c}body{margin:0!important}.global-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;right:5%;bottom:400px;position:absolute;z-index:9999999}.ant-select-selector{background-color:var(--accessoire);color:var(--fg)}.ant-select-selection-item-content{background-color:var(--bg);color:var(--fg)}#app{background-color:var(--bg)!important;color:var(--fg);background-repeat:no-repeat;background-position:center;background-size:cover;min-height:100vh!important;height:fit-content;width:100vw!important;left:0;top:0}figure{margin:0;padding:0}.ant-menu-item{min-width:3%}.ant-menu{width:20%}.App-logo{height:40vmin}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{width:100%;height:100%}@keyframes fallToGround{0%{transform:perspective(1000px) rotateX(0)}to{transform:perspective(1000px) rotateX(45deg) skewY(0)}}.fallAnimation{transform-origin:50% 90%;animation:fallToGround 1s forwards}@keyframes foldFromForeground{0%{transform:rotateX(90deg) rotate(90deg)}to{transform:rotateX(0) rotate(0)}}.fold-foreground{animation:foldFromForeground 2s ease forwards;animation-fill-mode:forwards}@keyframes foldFromRightTop{0%{transform:rotateY(-90deg) rotateX(90deg)}to{transform:rotateY(0) rotateX(0)}}.fold-right-top{animation:foldFromRightTop 2s ease forwards;animation-fill-mode:forwards}@keyframes foldFromLeftTop{0%{transform:rotate(90deg) rotateY(-90deg)}to{transform:rotate(0) rotateY(0)}}.fold-left-top{animation:foldFromLeftTop 2s ease forwards;animation-fill-mode:forwards}.pin{width:0;height:0;position:absolute;z-index:999999}.pin-content{bottom:0;position:absolute}.pin-line{left:0;top:0;background-color:#7cfc00;width:3px;height:auto;z-index:100000;display:flex;flex-direction:column;align-items:center}.pin-bulb{width:5px;height:5px;background-color:#000;border-radius:50%;margin-top:5px}.pin-labels{position:absolute;top:0;left:0;width:100%;height:100%}.pin-text{position:relative}.right-container{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;right:0;height:100vh;z-index:99999998}.mobile-controls{display:flex;justify-content:center;align-items:center;z-index:10}.red{background-color:orange;opacity:.9!important}:where(.css-dev-only-do-not-override-6j9yrn).ant-btn-default{color:#a2a2a2;background-color:unset!important;border-color:#282c34}.ant-tabs-tab-btn{color:orange!important}.ant-steps-item-title{color:#00acc1!important}.ant-progress-inner{background-color:#2020b68f!important}.button{color:#fff;border:none;width:30px;height:30px;border-radius:20%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s background}.button:hover{background:#555}@media screen and (max-width: 600px){.left-controls,.right-controls,.top-controls,.bottom-controls,.share-button{width:7vw!important;height:7vw!important}}.top-search,.left-controls,.right-controls,.top-controls,.bottom-controls,.share-button{position:absolute;z-index:999999999}.top-search{z-index:999999999999}#search{background-color:#0000;font:bolder 12px Helvetica,Verdana,sans-serif;color:#faebd7}.right-controls{transform:translate(40px)}.left-controls{transform:translate(-40px)}.top-controls{transform:translateY(-40px)}.bottom-controls{transform:translateY(40px)}@media screen and (max-width: 600px){.top-search,.left-controls,.right-controls,.top-controls,.bottom-controls,.share-button{.right-controls{transform:translate(25px)}.left-controls{transform:translate(-25px)}.top-controls{transform:translateY(-25px)}.bottom-controls{transform:translateY(25px)}}}@keyframes copiedAnimation{0%{background-color:#fff}50%{background-color:#19ab19}to{background-color:#fff}}.copied-animation{animation:copiedAnimation 1s ease-out}.ant-modal-centered{z-index:100000000!important}.tooltips{position:relative;top:0;right:0;height:100vh;width:40vw;z-index:99999999;overflow:auto;resize:both}.ant-tree,.ant-tree-treenode{font-size:small!important}ant-tree-icon__customize,.ant-tree-switcher-noop,.ant-tree-node-content-wrapper{line-height:17px!important}.ant-tree-switcher{width:12px!important}.ant-tree-indent-unit{width:10px!important}@media screen and (max-width: 600px){.tooltips{position:absolute;height:33vh;width:100vw;bottom:0;top:67vh;font-size:xx-small!important;left:-80.1vw}.ant-tree,.ant-tree-treenode{font-size:xx-small!important}}.bibtex-entry strong{font-size:1.2em}.bibtex-entry a{color:#007bff;text-decoration:none}.grid{position:fixed;width:100vw;height:100vh;top:0;right:0;z-index:0;pointer-events:none}.inline{display:inline-block}#back{position:fixed;bottom:50vh;left:0;z-index:999999999999;padding:10px;cursor:pointer}#forward{position:fixed;bottom:50vh;right:0;z-index:999999999999;padding:10px;cursor:pointer}.osmd-container-left{left:0;margin-right:20px}.osmd-container-right{right:0;margin-left:20px}.sample.selected{background-color:#0000ff1a;border:2px dashed rgba(0,0,255,.1)}.tick{background:red}.selectable-selectbox{position:absolute;z-index:9999;border:1px dashed #3399ff;background:#3399ff1a}#osmdCanvasPage1{position:unset!important;height:100%!important;width:auto!important}.notation{fill:#282c34;height:80vh;width:auto;display:block}.notation-container{position:relative;height:150px;overflow:hidden}.notation-container .notation svg{position:absolute;top:0;left:0;height:100%;width:auto}.tiny-table{font-size:10px;border-collapse:collapse}.tiny-table td{border:none;padding:4px;text-align:left;min-width:7vw}body{background-color:#fff;overflow:scroll;height:fit-content}.ant-slider-mark{inset-inline-start:0;top:10px;width:100%}.grid{position:fixed;width:100vw;height:100vh;top:0;right:0;z-index:1000000;pointer-events:none}.item{display:block;position:absolute;width:100px;height:100px;margin:5px;z-index:10000000;background:#000;color:#fff;pointer-events:all}.item.muuri-item-dragging{z-index:3}.item.muuri-item-releasing{z-index:2}.item.muuri-item-hidden{z-index:0}.item-content{position:relative;width:100%;height:100%}.control-button-item{width:fit-content;height:fit-content;position:relative;pointer-events:all!important}.ant-modal-wrap{pointer-events:none}.ant-modal{pointer-events:all}.footer{font-family:sans-serif}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.rainbowing-border{--border-width: 16px;--animation-speed: 2s;--glow-blur: 12px;--angle: 0deg;position:relative;border-radius:16px;background:#fff;padding:20px;isolation:isolate;filter:invert(var(--body-invert, 0))}.rainbowing-border.blend-immune{filter:none;mix-blend-mode:normal;transform:translateZ(0)}.rainbowing-border.blend-immune:before,.rainbowing-border.blend-immune:after{mix-blend-mode:normal}.rainbowing-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--border-width);background:conic-gradient(from var(--angle),#ff0080,#ff8000,#ffff00,#80ff00,#00ff80,#00ffff,#0080ff,#8000ff,#ff0080);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:rainbow-rotate var(--animation-speed) linear infinite;pointer-events:none}.rainbowing-border:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--border-width);background:conic-gradient(from var(--angle),#ff0080,#ff8000,#ffff00,#80ff00,#00ff80,#00ffff,#0080ff,#8000ff,#ff0080);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;filter:blur(var(--glow-blur)) opacity(.8);animation:rainbow-rotate var(--animation-speed) linear infinite;pointer-events:none;z-index:-1}@keyframes rainbow-rotate{to{--angle: 360deg}}.rainbowing-border.success:before{background:conic-gradient(from var(--angle),#00ff88,#88ff00,#00ffaa,#44ff88,#00ff66,#66ff44,#00ff88);animation:success-rotate var(--animation-speed) ease-in-out infinite}.rainbowing-border.success:after{background:conic-gradient(from var(--angle),#00ff88,#88ff00,#00ffaa,#44ff88,#00ff66,#66ff44,#00ff88);animation:success-rotate var(--animation-speed) ease-in-out infinite;filter:blur(var(--glow-blur)) opacity(.6)}.rainbowing-border.success{--animation-speed: 3s}@keyframes success-rotate{0%,to{--angle: 0deg}50%{--angle: 180deg}}.rainbowing-border.failure:before{background:conic-gradient(from var(--angle),#ff0044,#ff4400,#ff8800,#ff0066,#ff2200,#ff6600,#ff0044);animation:failure-glitch var(--animation-speed) linear infinite}.rainbowing-border.failure:after{background:conic-gradient(from var(--angle),#ff0044,#ff4400,#ff8800,#ff0066,#ff2200,#ff6600,#ff0044);animation:failure-glitch var(--animation-speed) linear infinite;filter:blur(var(--glow-blur)) opacity(.9)}.rainbowing-border.failure{--animation-speed: .8s;--glow-blur: 15px;animation:failure-shake .5s ease-in-out infinite alternate}@keyframes failure-glitch{0%{--angle: 0deg}15%{--angle: 45deg}30%{--angle: 120deg}45%{--angle: 180deg}60%{--angle: 240deg}75%{--angle: 300deg}90%{--angle: 350deg}to{--angle: 360deg}}@keyframes failure-shake{0%{transform:translate(-1px) translateY(0)}to{transform:translate(1px) translateY(-1px)}}.rainbowing-border.warning:before{background:conic-gradient(from var(--angle),#ffaa00,#ff8800,#ffcc00,#ff9900,#ffbb00,#ff7700,#ffaa00);animation:warning-pulse var(--animation-speed) ease-in-out infinite}.rainbowing-border.warning:after{background:conic-gradient(from var(--angle),#ffaa00,#ff8800,#ffcc00,#ff9900,#ffbb00,#ff7700,#ffaa00);animation:warning-pulse var(--animation-speed) ease-in-out infinite;filter:blur(var(--glow-blur)) opacity(.7)}.rainbowing-border.warning{--animation-speed: 1.5s}@keyframes warning-pulse{0%,to{--angle: 0deg;opacity:.8}50%{--angle: 180deg;opacity:1}}.rainbowing-border.adaptive{filter:none}.rainbowing-border.adaptive:before{background:conic-gradient(from var(--angle),hsl(320,100%,60%),hsl(30,100%,60%),hsl(60,100%,60%),hsl(120,100%,60%),hsl(180,100%,60%),hsl(240,100%,60%),hsl(280,100%,60%),hsl(320,100%,60%))}.rainbowing-border.adaptive:after{background:conic-gradient(from var(--angle),hsl(320,100%,60%),hsl(30,100%,60%),hsl(60,100%,60%),hsl(120,100%,60%),hsl(180,100%,60%),hsl(240,100%,60%),hsl(280,100%,60%),hsl(320,100%,60%))}.rainbowing-border.js-immune{filter:none}@media (prefers-color-scheme: dark){:root{--body-invert: 1}.rainbowing-border:not(.blend-immune):not(.adaptive):not(.js-immune){filter:invert(1)}}@media (prefers-color-scheme: light){:root{--body-invert: 0}.rainbowing-border:not(.blend-immune):not(.adaptive):not(.js-immune){filter:invert(0)}}@supports not (background: conic-gradient(from var(--angle),red,blue)){.rainbowing-border:before,.rainbowing-border:after{background:linear-gradient(45deg,#ff0080,#ff8000,#ff0,#80ff00,#00ff80,#0ff,#0080ff,#8000ff,#ff0080);background-size:400% 400%;animation:rainbow-fallback var(--animation-speed) ease infinite}@keyframes rainbow-fallback{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}#nprogress .spinner{display:none}#nprogress .bar{background:linear-gradient(to right,red,orange,#ff0,green,#00f,indigo,violet);height:4px}#nprogress .bar{position:fixed;top:0;left:0;width:100%}#nprogress .peg{box-shadow:none}.workflow-container{display:grid;position:relative;transition:none!important;align-items:start}.workflow-node-wrapper{position:relative;z-index:2;transition:transform .2s ease}.workflow-node-wrapper.active{z-index:3;transform:scale(1.05)}.workflow-node-card{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column}.upload-node .ant-upload.ant-upload-drag{height:180px;display:flex;align-items:center;justify-content:center;padding:20px}.generate-node .exercise-status{margin-top:12px;padding:8px;background:#fafafa;border-radius:4px}.leader-line{z-index:1000!important;pointer-events:none}.workflow-node-wrapper{background:#fff;position:relative;z-index:2}.workflow-container{transform:translateZ(0)}.status-modal-content{position:relative;min-height:400px}.status-modal-content.dragging-over{background:#1890ff1a;border:2px dashed #1890ff;border-radius:8px}.workflow-container{min-height:400px}.upload-node .ant-upload.ant-upload-drag{border:2px dashed #1890ff;background:#1890ff0d}.upload-node .ant-upload.ant-upload-drag.highlight-dropzone{border-color:#52c41a;background:#52c41a0d}.ant-card-body{padding:5px!important;display:flex;flex-wrap:wrap;align-content:center;justify-content:space-evenly;flex-direction:column;align-items:center}.workflow-node.disabled{opacity:.6;cursor:not-allowed}.workflow-node.disabled .node-content>*{pointer-events:none}.workflow-node.disabled .ant-btn{background-color:#f5f5f5!important;border-color:#d9d9d9!important;color:#00000040!important}.analysis-modal-fullscreen .ant-modal{width:100%!important;max-width:100%!important;margin:0;top:0;padding-bottom:0}.analysis-modal-fullscreen .ant-modal-content{height:100vh!important;display:flex;flex-direction:column}.analysis-modal-fullscreen .ant-modal-header,.analysis-modal-fullscreen .ant-modal-footer{flex-shrink:0}.analysis-modal-fullscreen .ant-modal-body{flex:1;overflow-x:auto;overflow-y:auto;padding:1rem}.ant-table-cell>a{margin:10px}.countdown-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:100px;margin:0 20px;border:1px solid #ddd;background:#fafafa;border-radius:4px}.countdown-signatures{font-size:.9em;color:#666;margin:100px 10px 10px;text-align:center}.countdown-container{position:fixed;top:20px;right:20px;width:200px;height:200px;background-color:#f0f0f0;border-radius:50%;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;background-image:linear-gradient(45deg,#d3d3d3 25%,transparent 25%),linear-gradient(-45deg,#d3d3d3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d3d3d3 75%),linear-gradient(-45deg,transparent 75%,#d3d3d3 75%),radial-gradient(circle at 20% 20%,#d3d3d3 10%,transparent 11%),radial-gradient(circle at 80% 20%,#d3d3d3 10%,transparent 11%),radial-gradient(circle at 20% 80%,#d3d3d3 10%,transparent 11%),radial-gradient(circle at 80% 80%,#d3d3d3 10%,transparent 11%);background-size:20px 20px,20px 20px,20px 20px,20px 20px,50px 50px,50px 50px,50px 50px,50px 50px;background-position:0 0,0 20px,20px -20px,-20px 0px,0 0,0 50px,50px 0,50px 50px}.countdown-signatures{margin-bottom:10px;text-align:center;font-size:.9em;color:#555}.key-signature,.time-signature{margin:2px 0}.countdown-numbers{font-size:3em;font-weight:700;text-align:center;font-family:"Segoe UI Emoji",Arial,sans-serif;position:absolute;left:10vw;top:10vh;width:10vw;height:10vh}.current-beat{animation:fadeInOut 1s ease-in-out;opacity:.5}@keyframes fadeInOut{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.current-beat{transition:opacity .5s ease-in-out,transform .5s ease-in-out}.current-beat{animation:pulse .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ReactPiano__Keyboard{position:relative;display:flex}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:#555;border:1px solid #fff;border-top:1px solid transparent;border-radius:0 0 4px 4px;cursor:pointer;height:66%;z-index:1;position:absolute;top:0}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;cursor:pointer;z-index:0;flex:1;margin-right:1px}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background:#3ac8da}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top:1px solid #3ac8da;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{border:1px solid #3ac8da;height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{flex:1;align-self:flex-end}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}.velocity-bar{position:absolute;height:10px;border-radius:2px;transform-origin:left center;left:100%}@keyframes moveLeft{0%{transform:translate(0)}to{transform:translate(-100vw)}}.ReactPiano__Keyboard{height:5vh!important}.slider-container{white-space:nowrap;position:relative;width:100vw;height:fit-content}.slider-container:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:50%;border-left:1px dotted rgba(0,1,.5,.5);box-sizing:border-box}.moving-container{display:inline-block;will-change:transform}.sample{display:inline-block;width:fit-content;align-items:end;height:90vh;overflow:hidden}.sample svg{height:100%;width:auto;max-width:100%}.note-item{position:relative;display:inline-block;margin:0 .5rem;height:fit-content;width:fit-content}.note-item:hover .note-buttons{display:inline-block}.charts-container{display:flex;flex-wrap:wrap;gap:10px}.mistake-header{position:fixed;top:10vh;left:0;right:0;text-align:center;font-size:1.5em;font-weight:700;color:#ff4d4f;z-index:1000;background:#fffc;padding:10px}