@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500;600;700;800&display=swap);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}*{margin:0;padding:0;box-sizing:border-box}:root{--background-noise:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iLjA1IiBkPSJNMCAwaDMwMHYzMDBIMHoiLz48L3N2Zz4=");--logo-color:#fff;--primary-background-color:#121212;--secondary-background-color:#000;--playbar-background-color:#181818;--transparent-white-color:rgba(0,0,0,0.7);--transparent-black-color:hsla(0,0%,88.2%,0.1);--transparent-black-color-hover:hsla(0,0%,88.2%,0.2);--faded-background-color:#282828;--primary-text-color:#fff;--secondary-text-color:#b3b3b3;--spotify-faded-color:#1db954;--spotify-bright-color:#1ed760;--slider-rail-color:#535353;--sidebar-width:241px;--playbar-height:90px;--lyrics-color-active:#fff;--lyrics-color-inactive:#232c30;--lyrics-color-background:#1db954;--lyrics-color-messaging:#333}body{font-family:"Montserrat",sans-serif;background-color:#121212!important;background-color:var(--primary-background-color)!important;color:#fff;color:var(--primary-text-color)}body p,body span{font-size:13px}body ol,body ul{list-style-type:none}body a{text-decoration:none}body a,body a:active,body a:hover{color:currentColor}body .ant-slider-rail{background-color:#535353;background-color:var(--slider-rail-color)}body .ant-slider-track{background-color:#b3b3b3;background-color:var(--secondary-text-color)}body .ant-slider:hover .ant-slider-track{background-color:#1db954;background-color:var(--spotify-faded-color)}body .ant-slider-handle{display:none}body .ant-slider:hover .ant-slider-handle{display:inline;display:initial}body .ant-slider:hover .ant-slider-rail{background-color:#535353;background-color:var(--slider-rail-color)}body .one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.App{display:flex}.App .sidebar__close-box{position:absolute;top:0;left:0;width:100vw;height:calc(var(--vh)*100);background-color:rgba(0,0,0,.5);z-index:4;display:none}.App .main-view{overflow-x:hidden;scrollbar-width:thin;position:relative;width:100%;height:calc(var(--vh)*100 - 90px);max-height:calc(var(--vh)*100 - 90px)}.App .main-view::-webkit-scrollbar{width:5px}.App .main-view::-webkit-scrollbar-thumb{background:#666}.App .progressBar{--bar-bg:var(--slider-rail-color);--seek-before-width:0;--seek-before-color:var(--secondary-text-color);--seek-before-color-hover:var(--spotify-faded-color);--knobby:var(--primary-text-color);--selectedKnobby:#26c9c3;-webkit-appearance:none;appearance:none;background:var(--bar-bg);border-radius:10px;position:relative;width:100%;height:4px;border-top:6px solid #181818;border-top:6px solid var(--playbar-background-color);border-bottom:6px solid #181818;border-bottom:6px solid var(--playbar-background-color);outline:none}.App .progressBar::-webkit-slider-runnable-track{background:var(--bar-bg);border-radius:10px;position:relative;width:100%;height:4px;outline:none}.App .progressBar::-moz-range-track{background:var(--bar-bg);border-radius:10px;position:relative;width:100%;height:4px;outline:none}.App .progressBar::-moz-focus-outer{border:0}.App .progressBar:before{content:"";height:4px;width:var(--seek-before-width);background-color:var(--seek-before-color);border-radius:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;z-index:3;cursor:pointer}.App .progressBar:active:before,.App .progressBar:hover:before{background-color:var(--seek-before-color-hover)}.App .progressBar::-moz-range-progress{background-color:var(--seek-before-color);border-radius:10px;height:4px}.App .progressBar:active::-moz-range-progress,.App .progressBar:hover::-moz-range-progress{background-color:var(--seek-before-color-hover)}.App .progressBar::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;border:none;background-color:var(--knobby);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);position:relative;margin:-4px 0 0;z-index:3;box-sizing:border-box;opacity:0}.App .progressBar:active::-webkit-slider-thumb,.App .progressBar:hover::-webkit-slider-thumb{opacity:1}.App .progressBar::-moz-range-thumb{height:12px;width:12px;border-radius:50%;border:none;background-color:var(--knobby);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);position:relative;z-index:3;box-sizing:border-box;opacity:0}.App .progressBar:active::-moz-range-thumb,.App .progressBar:hover::-moz-range-thumb{opacity:1}.popup{z-index:999;width:100vw;height:calc(var(--vh)*100);position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center}.popup__container{padding:50px;border-radius:8px;min-width:500px;background-color:#121212;background-color:var(--primary-background-color);box-shadow:0 8px 24px rgba(0,0,0,.5)}.popup__container h1{color:currentColor;font-size:25px;font-weight:600;border-bottom:1px solid;margin-bottom:20px}.popup__container .ant-alert-error{background-color:#2a1215;border:1px solid #58181c;color:#fff}.popup__container .ant-alert-message{color:hsla(0,0%,100%,.85)}.popup__container .ant-alert-close-icon .anticon-close{color:hsla(0,0%,100%,.45)}.popup__container form{margin-top:30px}.popup__container__input-container{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:20px}.popup__container__input-container input{font-size:13px}.popup__container__input-container label{color:currentColor;font-size:13px;font-weight:500}.popup__container__input-container label span{margin-left:5px;color:#a61d24}.popup__container .btn{padding:10px 25px;border:none;font-weight:600;border-radius:4px;margin-top:20px;margin-left:auto;text-transform:capitalize;float:right;cursor:pointer;background-color:#1db954;background-color:var(--spotify-faded-color)}.popup__hover-box{background-color:rgba(0,0,0,.548);width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0}@media screen and (max-width:800px){.App .sidebar__close-box{position:absolute;top:0;left:0;width:100vw;height:calc(var(--vh)*100);background-color:rgba(0,0,0,.5);z-index:4;display:inline;display:initial}}@media screen and (max-width:600px){.popup__container{padding:30px;width:90%;min-width:200px}.popup__container h1{font-size:20px}}
/*# sourceMappingURL=main.e8669123.chunk.css.map */