diff --git a/public/dist/main.js b/public/dist/main.js index 4fae394..186b296 100644 --- a/public/dist/main.js +++ b/public/dist/main.js @@ -1,3 +1,3 @@ /*! For license information please see main.js.LICENSE.txt */ -(()=>{var e={206:(e,n,t)=>{e.exports=t(57)},387:(e,n,t)=>{"use strict";var r=t(485),o=t(570),a=t(940),i=t(581),l=t(574),u=t(845),s=t(338),c=t(524);e.exports=function(e){return new Promise((function(n,t){var f=e.data,d=e.headers;r.isFormData(f)&&delete d["Content-Type"];var p=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(h+":"+m)}var v=l(e.baseURL,e.url);if(p.open(e.method.toUpperCase(),i(v,e.params,e.paramsSerializer),!0),p.timeout=e.timeout,p.onreadystatechange=function(){if(p&&4===p.readyState&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in p?u(p.getAllResponseHeaders()):null,a={data:e.responseType&&"text"!==e.responseType?p.response:p.responseText,status:p.status,statusText:p.statusText,headers:r,config:e,request:p};o(n,t,a),p=null}},p.onabort=function(){p&&(t(c("Request aborted",e,"ECONNABORTED",p)),p=null)},p.onerror=function(){t(c("Network Error",e,null,p)),p=null},p.ontimeout=function(){var n="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(n=e.timeoutErrorMessage),t(c(n,e,"ECONNABORTED",p)),p=null},r.isStandardBrowserEnv()){var g=(e.withCredentials||s(v))&&e.xsrfCookieName?a.read(e.xsrfCookieName):void 0;g&&(d[e.xsrfHeaderName]=g)}if("setRequestHeader"in p&&r.forEach(d,(function(e,n){void 0===f&&"content-type"===n.toLowerCase()?delete d[n]:p.setRequestHeader(n,e)})),r.isUndefined(e.withCredentials)||(p.withCredentials=!!e.withCredentials),e.responseType)try{p.responseType=e.responseType}catch(n){if("json"!==e.responseType)throw n}"function"==typeof e.onDownloadProgress&&p.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){p&&(p.abort(),t(e),p=null)})),f||(f=null),p.send(f)}))}},57:(e,n,t)=>{"use strict";var r=t(485),o=t(875),a=t(29),i=t(941);function l(e){var n=new a(e),t=o(a.prototype.request,n);return r.extend(t,a.prototype,n),r.extend(t,n),t}var u=l(t(141));u.Axios=a,u.create=function(e){return l(i(u.defaults,e))},u.Cancel=t(132),u.CancelToken=t(603),u.isCancel=t(475),u.all=function(e){return Promise.all(e)},u.spread=t(739),u.isAxiosError=t(835),e.exports=u,e.exports.default=u},132:e=>{"use strict";function n(e){this.message=e}n.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},n.prototype.__CANCEL__=!0,e.exports=n},603:(e,n,t)=>{"use strict";var r=t(132);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var n;this.promise=new Promise((function(e){n=e}));var t=this;e((function(e){t.reason||(t.reason=new r(e),n(t.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(n){e=n})),cancel:e}},e.exports=o},475:e=>{"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},29:(e,n,t)=>{"use strict";var r=t(485),o=t(581),a=t(96),i=t(9),l=t(941);function u(e){this.defaults=e,this.interceptors={request:new a,response:new a}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=l(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var n=[i,void 0],t=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){n.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){n.push(e.fulfilled,e.rejected)}));n.length;)t=t.then(n.shift(),n.shift());return t},u.prototype.getUri=function(e){return e=l(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(n,t){return this.request(l(t||{},{method:e,url:n,data:(t||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(n,t,r){return this.request(l(r||{},{method:e,url:n,data:t}))}})),e.exports=u},96:(e,n,t)=>{"use strict";var r=t(485);function o(){this.handlers=[]}o.prototype.use=function(e,n){return this.handlers.push({fulfilled:e,rejected:n}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(n){null!==n&&e(n)}))},e.exports=o},574:(e,n,t)=>{"use strict";var r=t(642),o=t(288);e.exports=function(e,n){return e&&!r(n)?o(e,n):n}},524:(e,n,t)=>{"use strict";var r=t(953);e.exports=function(e,n,t,o,a){var i=new Error(e);return r(i,n,t,o,a)}},9:(e,n,t)=>{"use strict";var r=t(485),o=t(212),a=t(475),i=t(141);function l(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return l(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(n){delete e.headers[n]})),(e.adapter||i.adapter)(e).then((function(n){return l(e),n.data=o(n.data,n.headers,e.transformResponse),n}),(function(n){return a(n)||(l(e),n&&n.response&&(n.response.data=o(n.response.data,n.response.headers,e.transformResponse))),Promise.reject(n)}))}},953:e=>{"use strict";e.exports=function(e,n,t,r,o){return e.config=n,t&&(e.code=t),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},941:(e,n,t)=>{"use strict";var r=t(485);e.exports=function(e,n){n=n||{};var t={},o=["url","method","data"],a=["headers","auth","proxy","params"],i=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],l=["validateStatus"];function u(e,n){return r.isPlainObject(e)&&r.isPlainObject(n)?r.merge(e,n):r.isPlainObject(n)?r.merge({},n):r.isArray(n)?n.slice():n}function s(o){r.isUndefined(n[o])?r.isUndefined(e[o])||(t[o]=u(void 0,e[o])):t[o]=u(e[o],n[o])}r.forEach(o,(function(e){r.isUndefined(n[e])||(t[e]=u(void 0,n[e]))})),r.forEach(a,s),r.forEach(i,(function(o){r.isUndefined(n[o])?r.isUndefined(e[o])||(t[o]=u(void 0,e[o])):t[o]=u(void 0,n[o])})),r.forEach(l,(function(r){r in n?t[r]=u(e[r],n[r]):r in e&&(t[r]=u(void 0,e[r]))}));var c=o.concat(a).concat(i).concat(l),f=Object.keys(e).concat(Object.keys(n)).filter((function(e){return-1===c.indexOf(e)}));return r.forEach(f,s),t}},570:(e,n,t)=>{"use strict";var r=t(524);e.exports=function(e,n,t){var o=t.config.validateStatus;t.status&&o&&!o(t.status)?n(r("Request failed with status code "+t.status,t.config,null,t.request,t)):e(t)}},212:(e,n,t)=>{"use strict";var r=t(485);e.exports=function(e,n,t){return r.forEach(t,(function(t){e=t(e,n)})),e}},141:(e,n,t)=>{"use strict";var r=t(485),o=t(446),a={"Content-Type":"application/x-www-form-urlencoded"};function i(e,n){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=n)}var l,u={adapter:(("undefined"!=typeof XMLHttpRequest||"undefined"!=typeof process&&"[object process]"===Object.prototype.toString.call(process))&&(l=t(387)),l),transformRequest:[function(e,n){return o(n,"Accept"),o(n,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(i(n,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(i(n,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};r.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){u.headers[e]=r.merge(a)})),e.exports=u},875:e=>{"use strict";e.exports=function(e,n){return function(){for(var t=new Array(arguments.length),r=0;r{"use strict";var r=t(485);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,n,t){if(!n)return e;var a;if(t)a=t(n);else if(r.isURLSearchParams(n))a=n.toString();else{var i=[];r.forEach(n,(function(e,n){null!=e&&(r.isArray(e)?n+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),i.push(o(n)+"="+o(e))})))})),a=i.join("&")}if(a){var l=e.indexOf("#");-1!==l&&(e=e.slice(0,l)),e+=(-1===e.indexOf("?")?"?":"&")+a}return e}},288:e=>{"use strict";e.exports=function(e,n){return n?e.replace(/\/+$/,"")+"/"+n.replace(/^\/+/,""):e}},940:(e,n,t)=>{"use strict";var r=t(485);e.exports=r.isStandardBrowserEnv()?{write:function(e,n,t,o,a,i){var l=[];l.push(e+"="+encodeURIComponent(n)),r.isNumber(t)&&l.push("expires="+new Date(t).toGMTString()),r.isString(o)&&l.push("path="+o),r.isString(a)&&l.push("domain="+a),!0===i&&l.push("secure"),document.cookie=l.join("; ")},read:function(e){var n=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return n?decodeURIComponent(n[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},642:e=>{"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},835:e=>{"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},338:(e,n,t)=>{"use strict";var r=t(485);e.exports=r.isStandardBrowserEnv()?function(){var e,n=/(msie|trident)/i.test(navigator.userAgent),t=document.createElement("a");function o(e){var r=e;return n&&(t.setAttribute("href",r),r=t.href),t.setAttribute("href",r),{href:t.href,protocol:t.protocol?t.protocol.replace(/:$/,""):"",host:t.host,search:t.search?t.search.replace(/^\?/,""):"",hash:t.hash?t.hash.replace(/^#/,""):"",hostname:t.hostname,port:t.port,pathname:"/"===t.pathname.charAt(0)?t.pathname:"/"+t.pathname}}return e=o(window.location.href),function(n){var t=r.isString(n)?o(n):n;return t.protocol===e.protocol&&t.host===e.host}}():function(){return!0}},446:(e,n,t)=>{"use strict";var r=t(485);e.exports=function(e,n){r.forEach(e,(function(t,r){r!==n&&r.toUpperCase()===n.toUpperCase()&&(e[n]=t,delete e[r])}))}},845:(e,n,t)=>{"use strict";var r=t(485),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var n,t,a,i={};return e?(r.forEach(e.split("\n"),(function(e){if(a=e.indexOf(":"),n=r.trim(e.substr(0,a)).toLowerCase(),t=r.trim(e.substr(a+1)),n){if(i[n]&&o.indexOf(n)>=0)return;i[n]="set-cookie"===n?(i[n]?i[n]:[]).concat([t]):i[n]?i[n]+", "+t:t}})),i):i}},739:e=>{"use strict";e.exports=function(e){return function(n){return e.apply(null,n)}}},485:(e,n,t)=>{"use strict";var r=t(875),o=Object.prototype.toString;function a(e){return"[object Array]"===o.call(e)}function i(e){return void 0===e}function l(e){return null!==e&&"object"==typeof e}function u(e){if("[object Object]"!==o.call(e))return!1;var n=Object.getPrototypeOf(e);return null===n||n===Object.prototype}function s(e){return"[object Function]"===o.call(e)}function c(e,n){if(null!=e)if("object"!=typeof e&&(e=[e]),a(e))for(var t=0,r=e.length;t{"use strict";t.d(n,{Z:()=>l});var r=t(994),o=t.n(r),a=t(476),i=t.n(a)()(o());i.push([e.id,"@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);"]),i.push([e.id,"* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:root {\n --font-small: 10px;\n --font-regular: 16px;\n --font-family: 'Roboto', sans-serif;\n\n --font-weight-regular: 300;\n \n --darker-grey: #4d4c4c;\n --dark-grey: #ddd;\n --light-grey: #eee;\n --lighter-grey: #fff;\n\n --light-purple: #ab14ab;\n\n --light-red: #f02323;\n --lighter-red: #e31a1a;\n\n --light-shadow: rgba(0, 0, 0, 0.4);\n --lighter-shadow: rgba(0, 0, 0, 0.2);\n}\n\nbody {\n font-size: var(--font-regular);\n font-family: var(--font-family);\n}\n\n.container {\n display: grid;\n grid-template-rows: 300 1fr;\n grid-template-columns: 1fr;\n\n /* margin to make it look good */\n margin: 5% auto;\n width: 70vw;\n box-shadow: 6px 5px 10px -6px var(--light-shadow);\n border: solid 1px var(--light-grey);\n}\n\n.title {\n background-color: var(--light-purple);\n color: var(--lighter-grey);\n padding: 1em;\n grid-row: 1;\n}\n\n.italic {\n font-style: italic;\n}\n\n.caption {\n text-transform: uppercase;\n font-weight: var(--font-weight-regular);\n}\n\n/* Music Panel related */\n.music-panel {\n display: grid;\n grid-template-columns: 1fr;\n}\n\n.nav-bar {\n display: grid;\n grid-template-columns: 1fr 1fr;\n height: 40px;\n}\n\nli {\n list-style: none;\n display: inline-block;\n}\n\n.links {\n padding: 1em;\n text-decoration: none;\n color: var(--light-purple);\n}\n\n.link-div {\n text-transform: uppercase;\n padding: 1em;\n text-align: center;\n}\n\n.link-div:hover,\n.link-div:focus,\n.link-div:active {\n border-bottom: solid 4px var(--light-purple);\n}\n\n.active-link {\n border-bottom: solid 4px var(--light-purple);\n}\n\n/* Song Panel related */\n.show-songs {\n padding: 1em;\n height: 70vh;\n}\n\n.song-list {\n height: 80%;\n overflow-y: auto;\n}\n\n/* Search bar related */\n.search-bar {\n margin: 1em;\n}\n\n.search-div {\n color: var(--light-purple);\n font-size: 1em;\n position: relative;\n}\n\n.search-box {\n visibility: hidden;\n letter-spacing: 1px;\n padding: 1em;\n height: 40px;\n}\n\n.search-icon {\n position: absolute;\n top: 40%;\n left: -4px;\n color: var(--light-purple);\n}\n\n.search-div:hover {\n cursor: pointer;\n}\n\n.search-div:hover .search-box {\n visibility: visible;\n}\n\n.search-div:hover .close-icon {\n visibility: visible;\n}\n\n.close-icon {\n position: absolute;\n right: 0;\n top: 40%;\n visibility: hidden;\n color: var(--darker-grey);\n}\n\n.close-icon:hover {\n cursor: pointer;\n}\n\ninput[type=text] {\n width: 100%;\n border: 0;\n outline: 0;\n}\n\ninput[type=text]:hover {\n cursor: pointer;\n}\n\ninput[type=text]:focus {\n border-bottom: solid 2px var(--light-purple);\n}\n\n/* song info related */\n.song-info {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n border-bottom: solid 1px var(--light-grey);\n margin-bottom: 1em;\n padding: 1em;\n grid-gap: 1em;\n}\n\n.song-info:hover {\n opacity: 1;\n box-shadow: 1px 1px 6px var(--light-shadow);\n}\n\n.song-name {\n font-size: 1em;\n padding: 1px;\n}\n\n.song-artist {\n font-size: 0.7em;\n}\n\n.song-rating {\n font-size: 0.7em;\n}\n\n.movie-info {\n width: 100px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n}\n\n/* Popover related */\n.popover {\n position: relative;\n display: inline-block;\n padding: 10px;\n}\n\n.popover-icon {\n color: var(--light-purple);\n cursor: pointer;\n}\n\n.popover-content {\n display: none;\n background-color: var(--lighter-grey);\n padding: 1em;\n\n position: absolute;\n z-index: 1;\n top: -29px;\n left: 23px;\n\n border-radius: 2px;\n font-size: 1.3rem;\n\n width: 200px;\n opacity: .8;\n border: 1px solid var(--dark-grey);\n}\n\n.popover-content::before {\n content: '';\n border-bottom: solid 10px transparent;\n border-top: solid 10px transparent;\n border-right: solid 10px var(--lighter-grey);\n\n position: absolute;\n left: -8px;\n top: 36%;\n}\n\n.popover:hover .popover-content {\n display: block;\n}\n\n/* audio related */\naudio {\n width: 200px;\n}\n\n@media screen and (max-width: 500px) {\n body {\n font-size: var(--font-small);\n }\n .container {\n width: 100vw;\n }\n\n .popover-content::before {\n left: -8px;\n top: 25%;\n }\n\n .popover-content {\n top: -13px;\n left: 21px;\n\n border-radius: 2px;\n font-size: 1.3rem;\n\n width: 150px;\n opacity: .8;\n border: 1px solid var(--light-grey);\n }\n\n audio {\n width: 150px;\n }\n\n .movie-info {\n width: 20px;\n }\n}\n\n@media screen and (max-width: 320px) {\n .movie-info {\n width: 10px;\n }\n\n audio {\n width: 90px;\n }\n}\n\n.popover-info {\n display: block;\n font-size: .5em;\n}\n\n/* Stars related */\n.star {\n padding: 0.2em;\n cursor: pointer;\n}\n\n.checked {\n color: var(--light-purple);\n}\n\n.unchecked {\n color: var(--light-grey);\n}\n\n\n/* scrollbar related */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 8px;\n background-color: var(--light-grey);\n}","",{version:3,sources:["webpack://./src/css/style.css"],names:[],mappings:"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",sourcesContent:["@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:root {\n --font-small: 10px;\n --font-regular: 16px;\n --font-family: 'Roboto', sans-serif;\n\n --font-weight-regular: 300;\n \n --darker-grey: #4d4c4c;\n --dark-grey: #ddd;\n --light-grey: #eee;\n --lighter-grey: #fff;\n\n --light-purple: #ab14ab;\n\n --light-red: #f02323;\n --lighter-red: #e31a1a;\n\n --light-shadow: rgba(0, 0, 0, 0.4);\n --lighter-shadow: rgba(0, 0, 0, 0.2);\n}\n\nbody {\n font-size: var(--font-regular);\n font-family: var(--font-family);\n}\n\n.container {\n display: grid;\n grid-template-rows: 300 1fr;\n grid-template-columns: 1fr;\n\n /* margin to make it look good */\n margin: 5% auto;\n width: 70vw;\n box-shadow: 6px 5px 10px -6px var(--light-shadow);\n border: solid 1px var(--light-grey);\n}\n\n.title {\n background-color: var(--light-purple);\n color: var(--lighter-grey);\n padding: 1em;\n grid-row: 1;\n}\n\n.italic {\n font-style: italic;\n}\n\n.caption {\n text-transform: uppercase;\n font-weight: var(--font-weight-regular);\n}\n\n/* Music Panel related */\n.music-panel {\n display: grid;\n grid-template-columns: 1fr;\n}\n\n.nav-bar {\n display: grid;\n grid-template-columns: 1fr 1fr;\n height: 40px;\n}\n\nli {\n list-style: none;\n display: inline-block;\n}\n\n.links {\n padding: 1em;\n text-decoration: none;\n color: var(--light-purple);\n}\n\n.link-div {\n text-transform: uppercase;\n padding: 1em;\n text-align: center;\n}\n\n.link-div:hover,\n.link-div:focus,\n.link-div:active {\n border-bottom: solid 4px var(--light-purple);\n}\n\n.active-link {\n border-bottom: solid 4px var(--light-purple);\n}\n\n/* Song Panel related */\n.show-songs {\n padding: 1em;\n height: 70vh;\n}\n\n.song-list {\n height: 80%;\n overflow-y: auto;\n}\n\n/* Search bar related */\n.search-bar {\n margin: 1em;\n}\n\n.search-div {\n color: var(--light-purple);\n font-size: 1em;\n position: relative;\n}\n\n.search-box {\n visibility: hidden;\n letter-spacing: 1px;\n padding: 1em;\n height: 40px;\n}\n\n.search-icon {\n position: absolute;\n top: 40%;\n left: -4px;\n color: var(--light-purple);\n}\n\n.search-div:hover {\n cursor: pointer;\n}\n\n.search-div:hover .search-box {\n visibility: visible;\n}\n\n.search-div:hover .close-icon {\n visibility: visible;\n}\n\n.close-icon {\n position: absolute;\n right: 0;\n top: 40%;\n visibility: hidden;\n color: var(--darker-grey);\n}\n\n.close-icon:hover {\n cursor: pointer;\n}\n\ninput[type=text] {\n width: 100%;\n border: 0;\n outline: 0;\n}\n\ninput[type=text]:hover {\n cursor: pointer;\n}\n\ninput[type=text]:focus {\n border-bottom: solid 2px var(--light-purple);\n}\n\n/* song info related */\n.song-info {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n border-bottom: solid 1px var(--light-grey);\n margin-bottom: 1em;\n padding: 1em;\n grid-gap: 1em;\n}\n\n.song-info:hover {\n opacity: 1;\n box-shadow: 1px 1px 6px var(--light-shadow);\n}\n\n.song-name {\n font-size: 1em;\n padding: 1px;\n}\n\n.song-artist {\n font-size: 0.7em;\n}\n\n.song-rating {\n font-size: 0.7em;\n}\n\n.movie-info {\n width: 100px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n}\n\n/* Popover related */\n.popover {\n position: relative;\n display: inline-block;\n padding: 10px;\n}\n\n.popover-icon {\n color: var(--light-purple);\n cursor: pointer;\n}\n\n.popover-content {\n display: none;\n background-color: var(--lighter-grey);\n padding: 1em;\n\n position: absolute;\n z-index: 1;\n top: -29px;\n left: 23px;\n\n border-radius: 2px;\n font-size: 1.3rem;\n\n width: 200px;\n opacity: .8;\n border: 1px solid var(--dark-grey);\n}\n\n.popover-content::before {\n content: '';\n border-bottom: solid 10px transparent;\n border-top: solid 10px transparent;\n border-right: solid 10px var(--lighter-grey);\n\n position: absolute;\n left: -8px;\n top: 36%;\n}\n\n.popover:hover .popover-content {\n display: block;\n}\n\n/* audio related */\naudio {\n width: 200px;\n}\n\n@media screen and (max-width: 500px) {\n body {\n font-size: var(--font-small);\n }\n .container {\n width: 100vw;\n }\n\n .popover-content::before {\n left: -8px;\n top: 25%;\n }\n\n .popover-content {\n top: -13px;\n left: 21px;\n\n border-radius: 2px;\n font-size: 1.3rem;\n\n width: 150px;\n opacity: .8;\n border: 1px solid var(--light-grey);\n }\n\n audio {\n width: 150px;\n }\n\n .movie-info {\n width: 20px;\n }\n}\n\n@media screen and (max-width: 320px) {\n .movie-info {\n width: 10px;\n }\n\n audio {\n width: 90px;\n }\n}\n\n.popover-info {\n display: block;\n font-size: .5em;\n}\n\n/* Stars related */\n.star {\n padding: 0.2em;\n cursor: pointer;\n}\n\n.checked {\n color: var(--light-purple);\n}\n\n.unchecked {\n color: var(--light-grey);\n}\n\n\n/* scrollbar related */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 8px;\n background-color: var(--light-grey);\n}"],sourceRoot:""}]);const l=i},476:e=>{"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=e(n);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var a=0;a{"use strict";function n(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t{"use strict";var r=t(185),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function u(e){return r.isMemo(e)?i:l[e.$$typeof]||o}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var s=Object.defineProperty,c=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(n,t,r){if("string"!=typeof t){if(h){var o=p(t);o&&o!==h&&e(n,o,r)}var i=c(t);f&&(i=i.concat(f(t)));for(var l=u(n),m=u(t),v=0;v{"use strict";var n=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},t=0;t<10;t++)n["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,a){for(var i,l,u=o(e),s=1;s{"use strict";var r=t(331);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,a,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:a,resetWarningCache:o};return t.PropTypes=t,t}},615:(e,n,t)=>{e.exports=t(772)()},331:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},577:(e,n,t)=>{"use strict";var r=t(378),o=t(525),a=t(102);function i(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t