body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.eight-track-container{background:#222;border-radius:10px;color:#fff;width:100%}.eight-track-container .eight-track-title{font-size:24px;margin-bottom:15px;text-align:center}.eight-track-container .track-list{display:flex;flex-direction:column;gap:5px}.eight-track-container .track-slot{align-items:center;background:#333;border:2px dashed #555;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px}.eight-track-container .controls-panel{align-items:center;display:flex;gap:5px}.eight-track-container .bpm-input{cursor:ns-resize;font-size:14px;text-align:center;width:50px}.eight-track-container .waveform-container{display:flex;flex-grow:1;height:30px!important;justify-content:center}.eight-track-container .waveform{height:30px!important;width:90%}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.hint-tooltip{background:rgba(0,0,0,.569);border-radius:6px;color:#fff;font-family:Syne,sans-serif;font-size:.8rem;font-weight:400!important;padding:6px 10px;pointer-events:none;transform:translateY(-50%);white-space:nowrap;z-index:9999}button,input{background:none;border:none;color:#e0e0e0;outline:none}body,html{overflow:hidden;touch-action:manipulation}h2{font-family:Syne,sans-serif}.App{background-color:#282c34;text-align:center}.App-logo{height:3vmin}.App-logo,.eternalogo{justify-content:left;text-align:left;z-index:1001}.eternalogo{height:2vmin;left:50%;margin-left:8px;margin-right:auto;position:absolute;transform:translateX(-50%)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);height:45px;justify-content:center;margin-top:2px;min-height:1vh;z-index:1001!important}.App-link{color:#61dafb}.searchResults{color:#e0e0e0;font-size:20px;left:0;max-height:90vh;overflow-y:auto;padding-left:80px;position:absolute;right:0;top:10;width:auto;z-index:999}.searchResultItem{cursor:pointer;display:flex;padding:5px}.searchResultImage{height:50px;margin-right:10px;width:50px}.searchResultItem:last-child{border-bottom:none}.searchResultItem:hover{background-color:#ff5353}.songTitleButton{background:none;border:none;color:inherit;cursor:pointer;display:block;font:inherit;font-family:Syne,sans-serif;font-weight:600!important;outline:inherit;padding:0;text-align:left;width:100%}.songTitleButton:hover{background-color:#ff5353}.songTitleButton:focus{background-color:#afafaf5d}.searchContainer{justify-content:flex-start;padding-left:12px;position:relative;width:100%}.dj-mixer button{background-color:#fff;border-radius:50%;color:#000!important;outline:circle}.dj-mixer{align-items:center;display:grid;flex:1 1;justify-content:center}.crossfader{margin:20px auto;width:50%}.vinyl{max-height:30px;max-width:30px}.sidebar-toggle{align-items:center;appearance:none;box-sizing:border-box;display:inline-block;font-size:1.8rem;padding-block:0;padding-inline:3px;padding-top:0;text-align:center;z-index:1000}body,html{overscroll-behavior-x:none}.filter-container{align-items:center;display:flex;gap:10px;margin:10px 0;padding-right:50px}select{font-size:16px;padding:5px}.draggable-container{background:#000000e6;border:1px solid #aaa;border-radius:8px;overflow:hidden;position:absolute;z-index:1100}.drag-handle{background:#222;color:#fff;cursor:grab;font-family:Syne,sans-serif;font-weight:700;font-weight:700!important;padding:5px;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.hints-toggle-button{background:#0000;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;font-size:1.1rem;height:30px;position:absolute;right:12px;top:20px;transition:border-color .3s;width:30px;z-index:9999}.hints-toggle-button.active{border-color:#ff5353;color:#ff5353}.loadDeckButton{align-items:center}.label{font-family:Syne,sans-serif;font-weight:700!important}.audioPlayerContainer{align-items:center;background-color:#1a1a1a;bottom:0;display:flex;justify-content:space-between;left:0;padding:10px 0;position:fixed;width:100%}.controlsContainer{padding-right:90px;width:100%}.scrubberContainer{justify-content:space-between;max-width:600px;width:60%}.playPauseBtn{font-size:.8em}.audioScrubber{appearance:none;background:#444;border-radius:4px;outline:none}.audioScrubber::-moz-range-progress{background-color:#ff5353;border-radius:4px;color:#ff5353;height:8px}.audioScrubber::-moz-range-track{background-color:#444;border-radius:4px;height:8px}.audioScrubber::-webkit-slider-thumb{appearance:none;background:#ff5353;border:none;border-radius:50%;cursor:pointer;height:14px;margin-top:-3px;width:14px}.audioScrubber::-moz-range-thumb{background:#ff5353;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.audioScrubber::-ms-thumb{background:#ff5353;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.volumeSlider{appearance:none;background:#444;border-radius:5px;height:12px}.volumeSlider::-webkit-slider-thumb{appearance:none;background:#ff5353;border:none;border-radius:50%;cursor:pointer;height:14px;margin-top:-3px;width:14px}.volumeSlider::-moz-range-track{background-color:#444;border-radius:4px;height:8px}.track-info-audioPlayer{align-items:center;border-radius:10%;display:flex;max-width:200px;min-width:200px;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;width:250px}.track-album-art{border-radius:5px;flex-shrink:0;height:50px;margin-right:2px;width:50px}.track-details{align-items:flex-start;color:#fff;display:flex;flex-direction:column;flex-grow:1;height:50px;justify-content:center;min-width:0;overflow:hidden;padding-left:4px;text-overflow:ellipsis;white-space:nowrap}.track-title{font-size:16px}.track-artist{color:#ccc;font-size:14px;overflow:hidden}.controlsContainer{display:flex;flex-grow:1;justify-content:center;min-width:500px}.scrubberContainer{align-items:center;display:flex;max-width:500px;width:50%}.playPauseBtn{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#000;display:flex;font-size:.7em;height:30px;justify-content:center;text-align:center;width:30px}.timeMarker{font-family:Syne,sans-serif;font-size:.5em;font-weight:600!important;padding:10px}.audioScrubber{flex-grow:1;margin:0 10px}.volumeContainer{align-items:center;display:flex;justify-content:flex-end;width:175px}.presshere{align-items:top;color:#fff;display:flex;font-size:.5em;height:100%;justify-content:center;width:100%}.container{color:#fff;height:100vh;padding-left:100px;padding-top:16px}h2{border-bottom:2px solid;display:table;font-size:22px;font-weight:700;margin-bottom:2px;margin-top:2px;text-align:left!important;text-decoration:none}.music-list{font-weight:600;overflow-y:hidden;padding-bottom:10px;padding-top:10px}.artist-list,.music-list{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;white-space:nowrap}.artist-list,.music-list{gap:18px}.artist-list::-webkit-scrollbar-track,.music-list::-webkit-scrollbar-track{background:#0000!important}.artist-list:hover::-webkit-scrollbar-thumb,.music-list:hover::-webkit-scrollbar-thumb{background-color:#fff6}.artist-list,.music-list{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.track-item{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;font-weight:600;transition:transform .2s ease-in-out;width:140px}.track-item:hover{transform:scale(1.05)}.track-image{height:140px;object-fit:cover;width:140px}.track-stuff{margin-top:5px;text-align:left;width:140px}.track-title{font-size:14px;margin:0;text-overflow:ellipsis}.track-artist{color:#cbc9c9;font-size:13px;font-weight:400!important;margin:2px 0 0;text-overflow:ellipsis}.artist-list{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;padding-top:10px;white-space:nowrap}.artist-item{align-items:flex-start;display:flex;flex-direction:column;width:140px}.artist-name{color:#fff;font-family:Syne,sans-serif;font-size:14px;font-weight:700;font-weight:700!important;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.artist-image{border-radius:100px;height:140px;object-fit:cover;width:140px}.searchInput{background-color:initial;border:none;color:#fff;flex-grow:1;margin-left:2px;margin-right:.5rem;outline:none}.searchButton{background-color:#1a1a1a;border:none;color:#fff;cursor:pointer;padding-inline:1px}.searchForm{align-items:center;display:flex;height:auto}.searchButton,.searchInput{font-family:Syne,sans-serif;font-weight:600!important;padding:1px;vertical-align:middle}.searchContainer{align-items:center;background:#1a1a1a;border-radius:4px;display:flex;height:1rem;justify-content:space-between;margin-left:16px;z-index:1000}svg{width:20px!important}.artist-profile{padding:20px;text-align:center}.profile-pic{border-radius:75px;height:150px;width:150px}.artist-profile ul{list-style-type:none;padding:0}.artist-profile img{height:100px;width:100px}:root{--font-xs:0.6vm;--font-sm:0.7vm;--font-base:0.8vm;--font-md:1vm;--font-lg:1.1vm;--font-xl:1.25vm;--font-xxl:1.75vm;--size-xs:10px;--size-sm:24px;--size-md:30px;--size-lg:45px;--size-xl:50px;--size-xxl:80px}.controls-container{background-color:#3a3535e6;flex-grow:1;gap:15px;height:110px;max-width:235px;width:100%}.controls,.controls-container{align-items:flex-start;display:flex;flex-direction:column}.controls{box-sizing:border-box;gap:1px;max-height:140px;padding:5px;width:50%}.buttonSet{align-items:center;gap:5px;padding-top:5px;text-align:center}.buttonSet,.track-info{color:#fff;display:flex;flex-direction:row;flex-grow:1;max-width:230px;text-overflow:ellipsis!important;white-space:nowrap}.track-info{gap:10px;max-height:60px}.track-info,.track-info-text{align-items:flex-start;overflow:hidden}.track-info-text{color:#fff;display:flex;flex-direction:row;flex-grow:1;font-size:.6vm!important;font-size:var(--font-xs)!important;gap:5px;max-width:180px;text-overflow:ellipsis!important}.album-art{border-radius:4px;object-fit:cover}.album-art,.play-button{height:24px;height:var(--size-sm);width:24px;width:var(--size-sm)}.play-button{align-items:center;background-color:#444;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Arial Unicode MS,Arial,sans-serif!important;font-size:1vm;font-size:var(--font-md);justify-content:center;transition:background-color .3s ease}.play-button:hover{background-color:#666}.loop-button{align-items:center;background-color:#444;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:24px;height:var(--size-sm);justify-content:center;transition:background-color .3s ease;width:24px;width:var(--size-sm)}.region-controls{display:flex;gap:5px}.region-button{align-items:center;background-color:#444;color:#fff;cursor:pointer;display:flex;font-size:1vm;font-size:var(--font-md);font-weight:700;height:24px;height:var(--size-sm);justify-content:center;transition:background-color .3s ease;width:24px;width:var(--size-sm)}.loop-button:hover{background-color:#666}.region-controls button{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1vm;font-size:var(--font-md);transition:background-color .3s ease}.region-controls button:hover{background-color:#ddd}.scrub-controls button{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1vm;font-size:var(--font-md);height:24px;height:var(--size-sm);transition:background-color .3s ease;width:24px;width:var(--size-sm)}.scrub-controls button:hover{background-color:#ddd}.eq-controls{align-items:center;color:#fff;flex-direction:rpw;gap:0;z-index:1000}.eq-controls input[type=range]{margin:0 10px;width:45px;width:var(--size-lg)}.bpm-controls{background-color:#4444447d;border-radius:10px;font-size:1rem!important;font-weight:700;font-weight:700!important;height:40px;max-width:100px;padding-right:9px;text-align:center}.bpm-controls,.time-container{color:#fff;font-family:Syne,sans-serif}.time-container{display:flex;font-size:.7rem!important;font-weight:600!important;gap:5px;justify-content:center}.zoom-slider{appearance:none;background:#ddd;width:100%}.zoom-slider::-webkit-slider-thumb{appearance:none;background:#000;border-radius:0;box-shadow:0 0 4px #000;cursor:pointer;height:45px;height:var(--size-lg);width:10px;width:var(--size-xs)}.playing-controls{align-items:center;display:flex;flex-direction:row;gap:5px}.titleartist{align-items:flex-start;display:flex;flex-direction:column;width:200px}.track-title{color:#fff;font-family:Syne,sans-serif;font-size:.7rem!important;font-weight:700;font-weight:700!important;max-width:100%;overflow:hidden;text-overflow:ellipsis!important;white-space:nowrap}.title-divider{color:#fff;font-size:.8vm;font-size:var(--font-base)}.track-artist{color:#fff;font-family:Syne,sans-serif;font-size:.6rem!important;margin:0}.pitch-controls{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.pitch-controls button{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1vm;font-size:var(--font-md);height:24px;height:var(--size-sm);transition:background-color .3s ease;width:24px;width:var(--size-sm)}.pitch-controls button:hover{background-color:#ddd}.eq-toggle-button{align-items:center;background-color:#444;border-radius:25%!important;color:#fff;cursor:pointer;display:flex;font-size:.6vm;font-size:var(--font-xs);height:30px;height:var(--size-md);justify-content:center;transition:background-color .3s ease;width:30px;width:var(--size-md)}.repitch-controls{margin-top:6px;text-align:center}.repitch-input{background:#111;border:1px solid #444;border-radius:4px;color:#fff;font-family:monospace;font-weight:700;padding:3px;text-align:center;width:80px;width:var(--size-xxl)}.volume-meter-track{background-color:#222;border-radius:4px;height:100%;overflow:hidden;position:relative;width:24px;width:var(--size-sm)}.volume-meter-fill{background-color:#0f0;bottom:0;position:absolute;transition:height .1s;width:100%;z-index:1}.bpmvolume{display:flex;flex-direction:row;gap:5px}.vertical-volume-slider-container{align-items:center;display:flex;height:100%;justify-content:center;margin:2px 0 0;max-width:24px;max-width:var(--size-sm)}.volume-slider{height:var(--size-xs);margin:0;padding:0;width:50px;width:var(--size-xl)}.volume-slider::-webkit-slider-thumb{height:24px;height:var(--size-sm);width:var(--size-xs)}.sync-controls{display:flex;gap:5px}.sync-controls button{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:.8vm;font-size:var(--font-base);font-weight:700;height:30px!important;height:var(--size-md)!important;transition:background-color .3s ease;width:50px!important}.sync-controls button:hover{background-color:#ddd}.tempo-shift-controls{border-radius:4px;display:flex;flex-direction:row;font-weight:400!important;gap:5px;height:100%;justify-content:center;margin-top:9px;text-align:center;width:100%}.tempo-button,.tempo-shift-controls{font-family:Syne,sans-serif;font-size:.6vm!important;font-size:var(--font-xs)!important}.tempo-button{background-color:#444;border:none;border-radius:4px!important;color:#fff;cursor:pointer;font-weight:700;font-weight:600!important;height:24px;height:var(--size-sm);transition:background-color .3s ease;width:24px;width:var(--size-sm)}.tempo-button:hover{background-color:#666}.download-controls{display:flex;flex-direction:row;gap:4px;margin-top:4px}.download-button{cursor:pointer;font-size:1.1vm;font-size:var(--font-lg);padding:4px 8px}.dj-mixer{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto;position:relative;width:100%}.deckswaveform{flex-direction:row}.deck-controls,.deckswaveform{align-items:flex-start;display:flex;justify-content:center}.deck-controls{flex-direction:column;flex-grow:1;gap:23px;padding-top:10px;width:100%}.deck-left,.deck-right{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:250px;min-width:100px}.waveform{height:120px;overflow:hidden;width:100%}.waveform::-webkit-scrollbar-track{background:#0000!important}.waveform:hover::-webkit-scrollbar-thumb{background-color:#fff6;scrollbar-width:thin}.waveform{scrollbar-color:#fff3 #0000;scrollbar-width:thin}.crossfade-slider{width:100%}.volume-slider{appearance:none;background:#ddd;height:10px;opacity:.7;outline:none;transform:rotate(-90deg);transition:opacity .2s;width:35px}.volume-slider:hover{opacity:1}.volume-slider::-webkit-slider-thumb{appearance:none;background:#000;border:1px solid #fff;border-radius:10%;box-shadow:0 0 4px #000;cursor:pointer;height:20px;width:10px}.crossfader{appearance:none;background:#ddd;height:8px;opacity:.7;outline:none;padding:0;transition:opacity .2s;width:60%}.crossfader:hover{opacity:1}.crossfader::-webkit-slider-thumb{appearance:none;background:#000;border:1px solid #fff;border-radius:10%;box-shadow:0 0 4px #000;cursor:pointer;height:25px;width:10px}.crossfader:focus{outline:none}.eq-controls,.track-placeholder{display:flex;justify-content:center}.track-placeholder{align-items:center;background:#ffffff1a;border:2px dashed #ffffff80;border-radius:10px;color:#fffc;cursor:pointer;font-family:Syne,sans-serif;font-size:18px;font-weight:700!important;height:120px;text-align:center;transition:background .3s;width:100%}.track-placeholder:hover{background:#fff3}.track-placeholder.mini{background:#ffffff1a;border:2px dashed #ffffff80;border-radius:10px;color:#fffc;cursor:pointer;font-size:18px;height:125px;line-height:1.2;overflow-wrap:break-word;padding:0 20px;padding-inline-end:100px;text-align:center;transition:background .3s;white-space:normal;width:40vw}.track-placeholder.mini,.volume-controls{align-items:center;display:flex;justify-content:center}.volume-controls{border-bottom:1px solid #fff;width:100%}.waveform-row.mini .volume-controls{align-items:center;flex-direction:row;justify-content:center;margin:0 10px;order:2;padding-bottom:0;width:100%}.audioRecorder{background-color:hsla(0,0%,58%,.211);border-top:1px solid #fff;margin-top:0;overflow:hidden;width:100%}.mini-track-info{align-items:center;color:#fff;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;margin-bottom:5px;width:15vh}.waveform-display .waveform{padding-left:5px;padding-top:10px;width:100%}.dj-mixer.mini{max-height:300px;overflow:hidden}.deck-controls.mini{align-items:stretch;flex-direction:row;gap:10px;justify-content:space-between}.volume-controls.mini{justify-content:center;width:400px!important}.mini-deck,.volume-controls.mini{align-items:center;display:flex;flex-direction:row}.mini-deck{background-color:#ffffff1a;border-radius:5px;color:#fffc;cursor:pointer;font-size:18px;margin:0 10px;padding:0 10px;text-align:center;transition:background .3s;width:100%}.deck-left.mini,.deck-right.mini{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:20vh}.waveform-display.mini{align-items:center;display:flex;flex:1 1;flex-direction:row;width:500px}.waveform-display.mini .waveform-container{align-items:center;display:flex;justify-content:center;max-width:300px;overflow:hidden;padding:10px}p1{font-family:Syne,sans-serif!important;font-weight:600!important}.sidebar{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;height:85vh;left:-80px;padding-top:20px;position:fixed;top:36px;transition:transform .3s ease-in-out;width:80px;z-index:1000}.sidebar.open{transform:translateX(80px)}.sidebar-header h2{color:#fff;font-size:18px;margin-bottom:20px}.sidebar-nav ul{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}.sidebar-nav ul li{text-align:center}.sidebar-nav ul li a{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;text-decoration:none;transition:background .3s;width:50px}.sidebar-nav ul li a:hover{background:#fff3}.main-content{margin-left:100px;padding:20px}.recorder-toggle{justify-content:left}svg{stroke:currentcolor;fill:currentcolor;stroke-width:0;height:30px;width:30px}h4{font-family:Syne,sans-serif;font-size:26px;font-weight:400!important}.sidebar-icon{color:#fff;height:40px;transition:color .3s ease;width:40px}.local-file-navigator{padding:20px}.file-list{margin-top:10px;text-align:left}.audio-section,.folder-section{margin-bottom:15px}ul{list-style:none;padding:0}.audio-item,.folder-item{align-items:center;display:flex;gap:10px;padding:5px}.folder-item{cursor:pointer;font-weight:700}.audio-item:hover,.folder-item:hover{background:#f0f0f0}.play-btn{background:green;border-radius:5px}
/*# sourceMappingURL=main.4204e914.css.map*/