body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.svmpw-header{width:100%;height:auto;padding:0 20px;box-sizing:border-box}.svmpw-header-content{max-width:1280px;min-height:180px;height:auto;padding:20px 0;margin:0 auto;box-sizing:border-box;overflow:hidden}.text-logo{position:absolute;top:20px;left:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.logo-line1{color:#fff;font-size:22pt}.logo-line1,.logo-line2{font-weight:700;text-align:start}.logo-line2{color:#17e8d2;margin-top:-20px;margin-left:-2px;font-size:36pt}.logo-line3{color:#ff634d;letter-spacing:2px;margin-top:-22px;font-size:42pt;font-weight:800;text-align:center}@media screen and (max-width:500px){.svmpw-header-content{max-width:1280px;min-height:0}.svmpw-logo{width:150px;margin-top:5px}.logo-line1{font-size:10pt}.logo-line2{margin-top:-5px;font-size:20pt}.logo-line3{margin-top:-10px;font-size:24pt}}.svmpw-playlist-item{color:#fff;cursor:pointer;padding:2px 0;display:flex;width:100%}.playlist-item{color:var(--container-color);font-weight:700;cursor:pointer;width:95%;display:grid;grid-template-columns:auto 50px 50px;overflow:hidden;height:16px}.playlist-item>.right{text-align:right}.playlist-item-selected{color:#17e8d2;font-weight:bolder}.svmpw-playlist{flex:70px 1;min-height:362px;position:relative;box-sizing:border-box;border:2px solid #999;border-radius:10px;padding:10px;background:#1c1c1c;color:#fff;font:100%/1 "Droid Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;display:flex;flex-direction:column}.svmpw-playlist h3{margin-top:0}.svmpw-playlist-tracks{flex-grow:1}.svmpw-playlist-loadtrackbutton{width:140px;height:40px;margin:auto}@media screen and (max-width:768px){.svmpw-playlist{margin:4px;min-width:350px;min-height:100px}}.svmpw-connectedstatus{display:flex;align-items:center;margin-top:10px}.svmpw-connectionstatus-content{margin:auto}.svmpw-connectedstatus-text{flex:20px 0;vertical-align:middle;padding:10px;width:auto;color:#fff;font-size:19px}.circle{display:inline-block;width:20px;height:20px;border-radius:50%;background:#f5f5f5}.realtime-disconnected{box-shadow:inset 1px -10px 15px 2px #ff634d;vertical-align:middle}.realtime-connected{box-shadow:inset 1px -10px 15px 2px #17e8d2;vertical-align:middle}.spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.elastic-spin{-webkit-animation:elastic-spin 1s ease infinite;animation:elastic-spin 1s ease infinite}@-webkit-keyframes elastic-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes elastic-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}:root{--dark-color:#272e38;--light-color:#0cc;--display-background-color:#000;--dot-color:var(--light-color);--digit-color:var(--light-color)}#time.light{background-color:transparent;color:#0CCinfinite alternate;color:var(--digit-color)infinite alternate}#time.light:after{box-shadow:0 4px 10px rgba(0,0,0,.15)}#time.light .digits div span{background-color:#0cc;background-color:var(--digit-color);border-color:#0cc;border-color:var(--digit-color)}#time.light .digits div.dots:after,#time.light .digits div.dots:before{background-color:#0cc;background-color:var(--dot-color);-webkit-animation:flicker 1.5s;animation:flicker 1.5s}#time .digits div{text-align:left;position:relative;width:18px;height:36px;display:inline-block;margin:4px 4px -4px 0}#time .digits div span{opacity:0;position:absolute;-webkit-transition:.25s;transition:.25s}#time .digits div span:after,#time .digits div span:before{content:"";position:absolute;width:0;height:0;border:5px solid transparent}#time .digits .d1{height:3px;width:10px;top:0;left:4px}#time .digits .d1:before{border-width:0 3px 3px 0;border-right-color:inherit;left:-3px}#time .digits .d1:after{border-width:0 0 3px 3px;border-left-color:inherit;right:-3px}#time .digits .d2{height:3px;width:10px;top:15px;left:4px}#time .digits .d2:before{border-width:2px 3px 1px;border-right-color:inherit;left:-7px}#time .digits .d2:after{border-width:2px 3px 1px;border-left-color:inherit;right:-7px}#time .digits .d3{height:3px;width:10px;top:30px;left:4px}#time .digits .d3:before{border-width:3px 3px 0 0;border-right-color:inherit;left:-3px}#time .digits .d3:after{border-width:3px 0 0 3px;border-left-color:inherit;right:-3px}#time .digits .d4{width:3px;height:8px;top:4px;left:0}#time .digits .d4:before{border-width:0 3px 3px 0;border-bottom-color:inherit;top:-3px}#time .digits .d4:after{border-width:0 0 3px 3px;border-left-color:inherit;bottom:-3px}#time .digits .d5{width:3px;height:8px;top:4px;right:0}#time .digits .d5:before{border-width:0 0 3px 3px;border-bottom-color:inherit;top:-3px}#time .digits .d5:after{border-width:3px 0 0 3px;border-top-color:inherit;bottom:-3px}#time .digits .d6{width:3px;height:8px;top:21px;left:0}#time .digits .d6:before{border-width:0 3px 3px 0;border-bottom-color:inherit;top:-3px}#time .digits .d6:after{border-width:0 0 3px 3px;border-left-color:inherit;bottom:-3px}#time .digits .d7{width:3px;height:8px;top:21px;right:0}#time .digits .d7:before{border-width:0 0 3px 3px;border-bottom-color:inherit;top:-3px}#time .digits .d7:after{border-width:3px 0 0 3px;border-top-color:inherit;bottom:-3px}#time .digits div.dots{width:3px}#time .digits div.dots:after,#time .digits div.dots:before{width:3px;height:3px;content:"";position:absolute;left:0;top:8px}#time .digits div.dots:after{top:24px}@-webkit-keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem var(--neon-text-color),0 0 4rem var(--neon-text-color),0 0 6rem var(--neon-text-color),0 0 8rem var(--neon-text-color),0 0 10rem var(--neon-text-color);box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem var(--neon-border-color),inset 0 0 2rem var(--neon-border-color),0 0 4rem var(--neon-border-color),inset 0 0 4rem var(--neon-border-color)}20%,24%,55%{text-shadow:none;box-shadow:none}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem var(--neon-text-color),0 0 4rem var(--neon-text-color),0 0 6rem var(--neon-text-color),0 0 8rem var(--neon-text-color),0 0 10rem var(--neon-text-color);box-shadow:0 0 .5rem #fff,inset 0 0 .5rem #fff,0 0 2rem var(--neon-border-color),inset 0 0 2rem var(--neon-border-color),0 0 4rem var(--neon-border-color),inset 0 0 4rem var(--neon-border-color)}20%,24%,55%{text-shadow:none;box-shadow:none}}.container{position:absolute;width:100%;height:100%;box-sizing:border-box;display:block;z-index:1}.container h1{text-align:center}.progressbar-container{position:relative;margin:auto;width:98%;height:128px;border:0 solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.progressbar-complete{left:0;top:0;height:100%;border-radius:10px;-webkit-animation:g 2.5s ease-in-out infinite;animation:g 2.5s ease-in-out infinite;z-index:2}.progressbar-complete,.progressbar-liquid{position:absolute;background-color:#5225bd}.progressbar-liquid{z-index:1;width:70px;height:70px;-webkit-animation:g 2.5s ease-in-out infinite,r 3s cubic-bezier(.5,.5,.5,.5) infinite;animation:g 2.5s ease-in-out infinite,r 3s cubic-bezier(.5,.5,.5,.5) infinite;right:-5px;top:-10px;border-radius:40%}.progress{z-index:2;font-size:20px}@-webkit-keyframes g{0%{background-color:#5225bd}50%{background-color:#607e9e}to{background-color:#5225bd}}@keyframes g{0%{background-color:#5225bd}50%{background-color:#607e9e}to{background-color:#5225bd}}@-webkit-keyframes r{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes r{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.svmpw-audioplayer-container{width:100%;box-sizing:border-box;color:#fff;border-radius:10px;min-width:650px;padding:5px}.svmpw-audioplayer-header{display:flex;justify-content:space-between;align-items:center;height:48px;margin:0 8px;background-color:var(--display-background-color);padding:3px 8px}.svmpw-audioplayer-tracktitle{display:flex;align-items:center;justify-content:center}.svmpw-audioplayer-tracknumber{margin-bottom:3px}.svmpw-audioplayer-tracktitle h1{padding:0 10px;color:var(--digit-color);font-size:36px;Font-variant:small-caps;line-height:36px;margin:auto}.svmpw-audioplayer-formatdisplays{display:flex;margin-right:40px;font-size:16px;flex-direction:column}.svmpw-audioplayer-timedisplays{display:flex;align-self:flex-end;font-size:3em;color:var(--digit-color);align-items:center}.svmpw-audioplayer-timedisplays-separator{margin-right:3px}.svmpw-audioplayer-display{border-left:2px solid #d3d3d3;border-right:2px solid #d3d3d3}.svmpw-audioplayer-controls{display:flex;justify-content:space-around}.svmpw-audioplayer-controls-sync{display:flex;justify-content:space-evenly;align-items:center}.svmpw-audioplayer-controls-loudness,.svmpw-audioplayer-controls-player{display:flex;align-items:center}.svmpw-audioplayer-controls button{margin:10px;cursor:pointer}.svmpw-audioplayer-controls-synctoggle{margin:10px}.svmpw-audioplayer-controls-volume{color:#fff;padding:0;width:160px}.svmpw-waveform{box-sizing:border-box;position:relative;width:100%;height:150px;padding-top:10px;background-color:#222;box-shadow:inset 0 0 10px 0 #000}#waveform{margin:auto;width:98%;height:90%}.glass_effect{border:2px solid #ccc;margin:15px;box-shadow:0 0 0 8px rgba(0,0,0,.3),0 15px 8px 0 rgba(0,0,0,.6)}.metalcontainer{font:62.5%/1 "Droid Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;background-color:#e6e6e6;background-image:linear-gradient(-45deg,transparent,rgba(0,0,0,.05));background-size:5px}.metalcontainer button{border:none;display:block}.metalcontainer a{text-decoration:none;display:block}.metalcontainer input{border:none;display:block;background:transparent}.metal{position:relative;margin:40px auto;outline:none;font:700 6em/2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;text-align:center;color:#333;text-shadow:hsla(0,0%,40%,.5) 0 -1px 0,hsla(0,0%,100%,.6) 0 2px 1px;background-color:#e6e6e6;box-shadow:inset 0 0 0 4px #262626,inset 0 -1px 5px 4px rgba(38,38,38,.8),inset 0 -1px 0 7px rgba(0,0,0,.25),inset 0 2px 1px 7px hsla(0,0%,100%,.7),0 -5px 6px 4px rgba(0,0,0,.15),0 5px 6px 4px hsla(0,0%,100%,.5);-webkit-transition:color .2s;transition:color .2s}.radial.metal{font-size:4em;width:80px;height:80px;line-height:80px;border-radius:40px;background-image:-webkit-radial-gradient(50% 0,8% 50%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(50% 100%,12% 50%,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(0 50%,50% 7%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(100% 50%,50% 5%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 100%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,transparent 0,transparent 3%,rgba(0,0,0,.1) 3.5%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,.2) 2.2%),-webkit-radial-gradient(50% 50%,200% 50%,#e6e6e6 5%,#d9d9d9 30%,#999 100%)}.metal.radial:after,.metal.radial:before{content:"";top:0;left:0;position:absolute;width:inherit;height:inherit;border-radius:inherit;background-image:-webkit-radial-gradient(50% 0,10% 50%,rgba(0,0,0,.1) 0,transparent 100%),-webkit-radial-gradient(50% 100%,10% 50%,rgba(0,0,0,.1) 0,transparent 100%),-webkit-radial-gradient(0 50%,50% 10%,rgba(0,0,0,.1) 0,transparent 100%),-webkit-radial-gradient(100% 50%,50% 6%,rgba(0,0,0,.1) 0,transparent 100%)}.metal.radial:before{-webkit-transform:rotate(65deg);transform:rotate(65deg)}.metal.radial:after{-webkit-transform:rotate(-65deg);transform:rotate(-65deg)}.metal.linear{width:80px;height:80px}.metal.linear,.metal.linearslider{font-size:3em;border-radius:.5em;background-image:-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-linear-gradient(left,transparent,transparent 4%,rgba(0,0,0,.03) 4.5%),-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,.15) 2.2%),-webkit-gradient(linear,left top,left bottom,from(#c7c7c7),color-stop(47%,#e6e6e6),color-stop(53%,#c7c7c7),to(#b3b3b3));background-image:-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-linear-gradient(left,transparent,transparent 4%,rgba(0,0,0,.03) 4.5%),-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,.15) 2.2%),linear-gradient(180deg,#c7c7c7,#e6e6e6 47%,#c7c7c7 53%,#b3b3b3 100%)}.metal.linearslider{display:flex;align-items:center;justify-content:center;height:40px}.metal.linear.oval{width:70px;height:60px;line-height:60px!important;border-radius:50%;font:italic 700 3em/50px Georgia,"Times New Roman",Times,serif}.metal:active,.pressed{color:#06c;text-shadow:rgba(0,51,102,.3) 0 -1px 0,#b3d9ff 0 2px 1px,#9df 0 0 5px,rgba(0,128,255,.6) 0 0 20px;box-shadow:inset 0 0 0 4px #004c99,inset 0 -1px 5px 4px rgba(0,38,77,.4),inset 0 -1px 0 7px rgba(0,51,102,.25),inset 0 2px 1px 7px rgba(255,255,255,.7),0 0 3px 2px rgba(128,191,255,.8),0 -5px 6px 4px rgba(51,102,153,.25),0 5px 6px 4px #e8f2fc}@media screen and (max-width:768px){.radial.metal{font-size:22px;width:50px;height:50px;line-height:50px;border-radius:25px}.metal.linear{width:50px;font-size:20px;height:50px;border-radius:.25em}}.syncedplayer{display:flex;padding:50px}.syncedplayer-leftcolumn{flex:350px 0;display:flex;flex-direction:column;margin:0 10px}.syncedplayer-rightcolumn{flex:320px 1;margin:0 10px}@media screen and (max-width:768px){.syncedplayer{flex-direction:column}.syncedplayer-rightcolumn{flex:120px 1;order:1}.syncedplayer-leftcolumn{flex:150px 0;order:2}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.eshylogo{width:100%;height:100px;text-align:right}@media (prefers-reduced-motion:no-preference){.eshylogo-image{height:100px;width:100px;right:20px;bottom:20px;-webkit-animation:App-logo-spin 10s linear infinite;animation:App-logo-spin 10s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}
/*# sourceMappingURL=main.05aa8ecc.chunk.css.map */