@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;700&display=swap);body,html{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;height:100%;font-size:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;height:100vh}.select-nothing{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;cursor:default}::-webkit-scrollbar{opacity:0}.slider{-webkit-appearance:none;width:100%;height:7px;outline:none;transition:opacity .2s;margin:0;cursor:pointer;padding:0!important}.slider,.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:7px;height:7px;background:#fff;box-shadow:-1000px 0 0 1000px #fff;cursor:pointer;border:0;border-radius:0}.slider::-webkit-slider-thumb:hover{width:8px;height:8px;-webkit-transition:.2s linear;transition:.2s linear}.slider::-moz-range-thumb{width:7px;height:7px;cursor:pointer;border:0;border-radius:0}@media screen and (-webkit-min-device-pixel-ratio:0){.slider{overflow:hidden;-webkit-appearance:none;background-color:grey}.slider::-webkit-slider-runnable-track{height:7px;-webkit-appearance:none;color:#fff;margin-top:-1px}.slider::-moz-range-thumb,.slider::-webkit-slider-thumb{width:10px;-webkit-appearance:none;height:10px;cursor:pointer;background:#fff;box-shadow:-100% 0 0 100% #fff;border:0;border-radius:0}}.slider::-moz-range-progress{background-color:#fff;box-shadow:-1000px 0 0 1000px #fff}.volume-slider{-webkit-appearance:none;width:100%;height:7px;outline:none;opacity:1;transition:opacity .2s;margin:0;cursor:pointer;padding:0!important}.volume-slider:hover{opacity:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:7px;height:7px;background:#fff;box-shadow:-1000px 0 0 1000px #fff;cursor:pointer;border:0;border-radius:0}.volume-slider::-webkit-slider-thumb:hover{width:8px;height:8px;-webkit-transition:.2s linear;transition:.2s linear}.volume-slider::-moz-range-thumb{width:7px;height:7px;cursor:pointer;border:0;border-radius:0}@media screen and (-webkit-min-device-pixel-ratio:0){.volume-slider{overflow:hidden;-webkit-appearance:none;background-color:grey}.volume-slider::-webkit-slider-runnable-track{height:7px;-webkit-appearance:none;color:#fff;margin-top:-1px}.volume-slider::-moz-range-thumb,.volume-slider::-webkit-slider-thumb{width:10px;-webkit-appearance:none;height:10px;cursor:pointer;background:#fff;box-shadow:-100% 0 0 100% #fff;border:0;border-radius:0}}.volume-slider::-moz-range-progress{background-color:#fff;box-shadow:-1000px 0 0 1000px #fff}#speaker-div>input[type=range]{width:0;opacity:0;transition:width .15s ease-in-out,opacity .12s}#speaker-div:hover>input[type=range]{opacity:1;width:100%}.seeker-container{position:relative;flex:20 1;color:#fff;margin:0 5px}.seeker-container>span{display:none;position:absolute;top:-20px;padding:2px 5px;background:rgba(0,0,0,.4);-webkit-animation:fade-in .3s;animation:fade-in .3s}.seeker:hover+span{display:block}.seeker-container:hover>span:hover{display:none}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#summary-togglebar{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:15%;width:0;border-right:18px solid #35599c;border-top:10px solid transparent;border-bottom:10px solid transparent;cursor:pointer;z-index:3;transition:border-right .2s}#summary-togglebar:active{border-right:17px solid #35599c}#summary-togglebar>div{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (orientation:portrait){#fullscreen-btn,#summary-togglebar,.appearance{display:none}}@media only screen and (max-width:1000px){.appearance{display:none}}@media only screen and (max-width:200px){#player-logo{display:none}}.settings-container>hr{width:90%}.toolTipText{display:none;position:absolute;width:-webkit-max-content;width:max-content;bottom:100%;font-size:.8em;padding:3px 5px;border-radius:3px;color:#fff;background:rgba(0,0,0,.4);-webkit-animation:tooltipFadeAnimation 1s;animation:tooltipFadeAnimation 1s}@-webkit-keyframes tooltipFadeAnimation{0%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframes tooltipFadeAnimation{0%{opacity:0}60%{opacity:0}to{opacity:1}}#settings-icon{position:relative;enableBackground:new 0 0 512 512;height:1rem;width:1rem;cursor:pointer}.duration-input{margin-left:5px!important;padding:5px 10px!important;color:#333!important;border:none!important;outline:none!important;border-radius:5px!important}.duration-input-button-wrapper{display:none!important}
/*# sourceMappingURL=main.9eb75cf8.chunk.css.map */