@font-face{font-family:Nunito Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v5/pe03MImSLYBIv1o4X1M8cc8WAc5tU1E.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}body{margin:0;font-family:Nunito Sans,sans-serif;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.center-vertical,body{display:flex;flex-direction:column;align-items:center}.center-text,.title{text-align:center}.title{font-size:10vmin;margin:2vh}.github{position:fixed;margin:0;width:5vh;height:5vh;top:5vh;right:5vh;opacity:.6}.github,.github:hover{transition:opacity .2s}.github:hover{opacity:1}.content{display:flex;justify-content:center}@media (orientation:landscape){.content{flex-direction:row;flex:1 1}}@media (orientation:portrait){.content{flex-direction:column}}.upload-container{display:flex;flex-direction:column;align-items:center;height:auto;background-color:#090a0c;border:none;border-radius:5%}.upload-container .ant-card-head{width:100%;display:flex;flex-direction:row;justify-content:center}.upload-container .ant-card-head-title{padding:0}.upload-container .ant-card-body{padding:2vmin;display:flex;flex-direction:column;align-items:center}@media (orientation:landscape){.upload-container{min-height:50vh;width:40vw;margin:2vh;padding:2vh}.upload-container .ant-card-head-title{font-size:3vw}}@media (orientation:portrait){.upload-container{width:80vw;margin:1vh;padding:1vh}.upload-container .ant-card-head-title{font-size:5vh}}.upload-container form{width:100%}.dropzone-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2vh}.params{display:flex;flex-direction:row;justify-content:space-evenly}.key-input{width:10vw}.bpm-input .ant-input-number{width:6vw}.meter-input .ant-input-number{width:4vw}.upload-buttons{display:flex;flex-direction:row;justify-content:center}.upload-buttons button{margin:0 1vw}.result-container{height:auto;background-color:#090a0c;border:none;border-radius:5%;display:flex;flex-direction:column;align-items:center}.result-container .ant-card-head{width:100%;display:flex;flex-direction:row;justify-content:center}.result-container .ant-card-head-title{padding:0}.result-container .ant-card-body{padding:2vmin;display:flex;flex-direction:column;align-items:center}@media (orientation:landscape){.result-container{min-height:50vh;width:40vw;margin:2vh;padding:2vh}.result-container .ant-card-head-title{font-size:3vw}}@media (orientation:portrait){.result-container{width:80vw;margin:1vh;padding:1vh}.result-container .ant-card-head-title{font-size:5vh}}.loader{width:100%;height:100%;padding:8vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loader .ant-spin-dot-item{width:8vh;height:8vh;margin:1vh}.ant-progress{width:20vw}.result-row{justify-content:space-evenly}.result-field,.result-row{display:flex;flex-direction:row;align-items:center}.result-field{flex-wrap:wrap;margin:1vh}.result-field h3{margin:0 .5em 0 0}.flex-row{flex-wrap:wrap}.ant-tag,.current-chord-tag,.flex-row{display:flex;flex-direction:row;align-items:center}.ant-tag,.current-chord-tag{font-size:2vh;height:3vh;margin:.5vh;line-height:3vh}.current-chord-tag{font-size:3vh;height:4vh;margin:0 .5vh;line-height:4vh}.player{flex-direction:row;justify-content:space-evenly;background-color:#111418;border-radius:10vh;padding:2vh 2vw;margin:2vh 0;width:32vw}.player,.player button{display:flex;align-items:center}.player button{flex-direction:column;margin:0 2vh;background-color:#fff;color:#1890ff;justify-content:center;padding:0;border-radius:100%;border-style:solid}.player button,.player button span,.player button span svg{width:5vh;height:5vh}.player button:focus{background-color:#fff;color:#1890ff}.player button:hover{background-color:#fff;color:#096dd9}.player .time{margin:0}.player .ant-slider{width:16vw}.harmony-volume{display:flex;flex-direction:row;align-items:center}.harmony-volume h4{margin:0 1vw 0 0}.harmony-volume .ant-slider{width:12vw}.download{margin:2vh}