{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?5e8e","webpack:///src/App.vue","webpack:///./src/App.vue?a7d1","webpack:///./src/App.vue?a938","webpack:///./src/registerServiceWorker.js","webpack:///./src/main.js","webpack:///./src/App.vue?f446","webpack:///./src/App.vue?285d","webpack:///./src/assets/img/playlisterclub-logo-vector-light.svg"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","installedCssChunks","jsonpScriptSrc","p","exports","module","l","e","promises","cssChunks","Promise","resolve","reject","href","fullhref","existingLinkTags","document","getElementsByTagName","tag","dataHref","getAttribute","rel","existingStyleTags","linkTag","createElement","type","onload","onerror","event","request","target","src","err","Error","code","parentNode","removeChild","head","appendChild","then","installedChunkData","promise","onScriptComplete","script","charset","timeout","nc","setAttribute","error","clearTimeout","chunk","errorType","realSrc","message","name","undefined","setTimeout","all","m","c","d","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","oe","console","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_e","class","visiblePanel","style","songInfo","Image","playlistability","lowMarker","highMarker","ratingLabel","_v","_s","description","Name","ArtistName","on","$event","stopPropagation","openTrackInSpotify","TrackId","_l","playlistabilityDetails","filter","item","Category","detail","index","getCategoryDescription","Math","round","CategoryValue","Descriptor","suggestedPlaylists","playlist","staticStyle","PlaylistImage","PlaylistName","PlaylisterName","abbreviateNumber","PlaylistFollowers","goToSignUp","model","callback","$$v","verificationCode","expression","verificationError","enableValidation","validateCode","_m","directives","rawName","domProps","composing","playlistabilityURL","playlistabilityEmail","playlistabilityError","processing","onProcessPlaylistabilityIndex","goHome","staticRenderFns","components","BarGauge","Playlistability","UserAvatar","PincodeInput","MaintenanceShutdownModal","NavBar","Footer","computed","playlistabilityBackgroundImage","vm","artistImage","watch","methods","location","generateUUID","floor","uuid","isEmailValid","parsePlaylistabilityURL","thisurl","trim","indexOf","tempURL","category","warn","parsedSearch","Type","Value","open","formatUser","getURLParam","getData","initAuthentication","$","cookie","settings","js_auth_cookie","ajax","url","deferred","headers","js_appkey_header","js_appkey_value","token","ajaxSetup","xhrFields","withCredentials","onRegisterPixelEvents","RegisterPixelEvents","genres","loadCodeRequest","loadRequestInfo","shortValue","parseFloat","suffixNum","dotLessShortValue","toFixed","newValue","suffixes","mounted","beforeMount","checkLeadValidation","shutdown","root","flaggedUsers","artistGenres","Duration","SongPopularity","SongPreviewURL","AlbumName","SpotifyAlbumId","ArtistImage","SpotifyArtistId","userGuid","component","register","process","ready","log","registered","cached","updatefound","updated","offline","library","add","faUsers","faPause","faPlay","faSpotify","faClock","faAward","faStar","faTrophyAlt","faMedal","faCompactDisc","faExclamationCircle","faInfoCircle","Vue","FontAwesomeIcon","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.d76e1aa1.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded CSS chunks\n \tvar installedCssChunks = {\n \t\t\"app\": 0\n \t}\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// script path function\n \tfunction jsonpScriptSrc(chunkId) {\n \t\treturn __webpack_require__.p + \"js/\" + ({}[chunkId]||chunkId) + \".\" + {\"chunk-07ecb1a5\":\"25c5329f\",\"chunk-0fea466b\":\"a9ae9cd2\",\"chunk-1e6ed152\":\"81d939a9\",\"chunk-2d237ca6\":\"d021acc8\",\"chunk-41ae7619\":\"594372f5\",\"chunk-6cffd29c\":\"e6a395c9\",\"chunk-e6a518da\":\"6b05559c\"}[chunkId] + \".js\"\n \t}\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar promises = [];\n\n\n \t\t// mini-css-extract-plugin CSS loading\n \t\tvar cssChunks = {\"chunk-07ecb1a5\":1,\"chunk-0fea466b\":1,\"chunk-1e6ed152\":1,\"chunk-6cffd29c\":1,\"chunk-e6a518da\":1};\n \t\tif(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);\n \t\telse if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {\n \t\t\tpromises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {\n \t\t\t\tvar href = \"css/\" + ({}[chunkId]||chunkId) + \".\" + {\"chunk-07ecb1a5\":\"26a57cff\",\"chunk-0fea466b\":\"b1ae738e\",\"chunk-1e6ed152\":\"af684377\",\"chunk-2d237ca6\":\"31d6cfe0\",\"chunk-41ae7619\":\"31d6cfe0\",\"chunk-6cffd29c\":\"42e1c219\",\"chunk-e6a518da\":\"2dde7873\"}[chunkId] + \".css\";\n \t\t\t\tvar fullhref = __webpack_require__.p + href;\n \t\t\t\tvar existingLinkTags = document.getElementsByTagName(\"link\");\n \t\t\t\tfor(var i = 0; i < existingLinkTags.length; i++) {\n \t\t\t\t\tvar tag = existingLinkTags[i];\n \t\t\t\t\tvar dataHref = tag.getAttribute(\"data-href\") || tag.getAttribute(\"href\");\n \t\t\t\t\tif(tag.rel === \"stylesheet\" && (dataHref === href || dataHref === fullhref)) return resolve();\n \t\t\t\t}\n \t\t\t\tvar existingStyleTags = document.getElementsByTagName(\"style\");\n \t\t\t\tfor(var i = 0; i < existingStyleTags.length; i++) {\n \t\t\t\t\tvar tag = existingStyleTags[i];\n \t\t\t\t\tvar dataHref = tag.getAttribute(\"data-href\");\n \t\t\t\t\tif(dataHref === href || dataHref === fullhref) return resolve();\n \t\t\t\t}\n \t\t\t\tvar linkTag = document.createElement(\"link\");\n \t\t\t\tlinkTag.rel = \"stylesheet\";\n \t\t\t\tlinkTag.type = \"text/css\";\n \t\t\t\tlinkTag.onload = resolve;\n \t\t\t\tlinkTag.onerror = function(event) {\n \t\t\t\t\tvar request = event && event.target && event.target.src || fullhref;\n \t\t\t\t\tvar err = new Error(\"Loading CSS chunk \" + chunkId + \" failed.\\n(\" + request + \")\");\n \t\t\t\t\terr.code = \"CSS_CHUNK_LOAD_FAILED\";\n \t\t\t\t\terr.request = request;\n \t\t\t\t\tdelete installedCssChunks[chunkId]\n \t\t\t\t\tlinkTag.parentNode.removeChild(linkTag)\n \t\t\t\t\treject(err);\n \t\t\t\t};\n \t\t\t\tlinkTag.href = fullhref;\n\n \t\t\t\tvar head = document.getElementsByTagName(\"head\")[0];\n \t\t\t\thead.appendChild(linkTag);\n \t\t\t}).then(function() {\n \t\t\t\tinstalledCssChunks[chunkId] = 0;\n \t\t\t}));\n \t\t}\n\n \t\t// JSONP chunk loading for javascript\n\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n \t\t\t// a Promise means \"currently loading\".\n \t\t\tif(installedChunkData) {\n \t\t\t\tpromises.push(installedChunkData[2]);\n \t\t\t} else {\n \t\t\t\t// setup Promise in chunk cache\n \t\t\t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t\t\t});\n \t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n \t\t\t\t// start chunk loading\n \t\t\t\tvar script = document.createElement('script');\n \t\t\t\tvar onScriptComplete;\n\n \t\t\t\tscript.charset = 'utf-8';\n \t\t\t\tscript.timeout = 120;\n \t\t\t\tif (__webpack_require__.nc) {\n \t\t\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t\t\t}\n \t\t\t\tscript.src = jsonpScriptSrc(chunkId);\n\n \t\t\t\t// create error before stack unwound to get useful stacktrace later\n \t\t\t\tvar error = new Error();\n \t\t\t\tonScriptComplete = function (event) {\n \t\t\t\t\t// avoid mem leaks in IE.\n \t\t\t\t\tscript.onerror = script.onload = null;\n \t\t\t\t\tclearTimeout(timeout);\n \t\t\t\t\tvar chunk = installedChunks[chunkId];\n \t\t\t\t\tif(chunk !== 0) {\n \t\t\t\t\t\tif(chunk) {\n \t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n \t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n \t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n \t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n \t\t\t\t\t\t\terror.type = errorType;\n \t\t\t\t\t\t\terror.request = realSrc;\n \t\t\t\t\t\t\tchunk[1](error);\n \t\t\t\t\t\t}\n \t\t\t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t\t\t}\n \t\t\t\t};\n \t\t\t\tvar timeout = setTimeout(function(){\n \t\t\t\t\tonScriptComplete({ type: 'timeout', target: script });\n \t\t\t\t}, 120000);\n \t\t\t\tscript.onerror = script.onload = onScriptComplete;\n \t\t\t\tdocument.head.appendChild(script);\n \t\t\t}\n \t\t}\n \t\treturn Promise.all(promises);\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/playlistability/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('NavBar'),(_vm.shutdown)?_c('div',{staticClass:\"maintenance-container\"},[_c('MaintenanceShutdownModal')],1):_vm._e(),_c('div',{staticClass:\"content-container\"},[_c('div',{staticClass:\"app-content\"},[_c('div',{staticClass:\"st-section-playlistability\",class:_vm.visiblePanel==='playlistabilityIndex' ? 'results' : '',style:((\"--bg-image: \" + (_vm.visiblePanel==='playlistabilityIndex' ? 'url(' + _vm.songInfo.Image + ')' : 'none')))},[(_vm.visiblePanel=='playlistabilityIndex')?_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"card playlistab-results\"},[_c('div',{staticClass:\"playlistability-container\"},[_c('div',{staticClass:\"gauge-container\"},[_c('Playlistability',{staticClass:\"gauge\",attrs:{\"size\":320,\"lowMarker\":_vm.playlistability.lowMarker,\"highMarker\":_vm.playlistability.highMarker,\"value\":_vm.playlistability.value,\"ratingLabel\":_vm.playlistability.ratingLabel}}),_c('p',{staticClass:\"playlistability-description\"},[_vm._v(_vm._s(_vm.playlistability.description))])],1),_c('div',{staticClass:\"playlistability-details\"},[_c('div',{staticClass:\"playlistability-songdata-holder\"},[_c('div',{staticClass:\"playlistability-song-cover\",style:('background-image: url(' + _vm.songInfo.Image + ')')}),_c('div',{staticClass:\"playlistability-song-data\"},[_c('p',{staticClass:\"playlistab-song-title\"},[_vm._v(_vm._s(_vm.songInfo.Name))]),_c('p',{staticClass:\"playlistab-song-artist\"},[_vm._v(_vm._s(_vm.songInfo.ArtistName))])]),_c('div',{staticClass:\"playlistab-song-iconlink\",on:{\"click\":function($event){$event.stopPropagation();return _vm.openTrackInSpotify(_vm.songInfo.TrackId)}}},[_c('font-awesome-icon',{staticClass:\"icon\",attrs:{\"icon\":['fab','spotify']}})],1)]),_c('div',{staticClass:\"playlistability-song-details\"},[_c('div',{staticClass:\"score-title\"},[_vm._v(\"How does your track measure up?\")]),_vm._l((_vm.playlistabilityDetails.filter(function (item) { return item.Category!== 'General'; })),function(detail,index){return _c('div',{key:'piDetail_' + index,staticClass:\"metric-suggestions score-block\"},[(detail.Category!='General')?_c('div',[_c('div',{staticClass:\"score-row\"},[_c('h6',{staticClass:\"category-info\"},[_c('span',{staticClass:\"info-icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fas','info-circle']}})],1),_vm._v(_vm._s(detail.Category)+\" \"),_c('div',{staticClass:\"bubble\"},[_c('span',[_vm._v(_vm._s(_vm.getCategoryDescription(detail.Category)))])])]),_c('bar-gauge',{staticClass:\"bar-gauge\",attrs:{\"value\":Math.round(detail.CategoryValue/10)}})],1),_c('div',{staticClass:\"score-row\"},[_c('div',{staticClass:\"playlista-description\"},[_vm._v(_vm._s(detail.Descriptor))])])]):_vm._e()])})],2)])]),(_vm.suggestedPlaylists.length>0)?_c('div',{staticClass:\"playlistab-suggested-playlists-holder\"},[_c('div',{staticClass:\"score-title center\"},[_vm._v(\"Active playlists for which you might be a good match\")]),_c('div',{staticClass:\"playlistab-subtitle\"},[_vm._v(\"Based on your results, here's a few playlists where your track might make a good match:\")]),_c('div',{staticClass:\"st-suggested-playlists\"},_vm._l((_vm.suggestedPlaylists),function(playlist,index){return _c('div',{key:'playlist_' + index,staticClass:\"playlistability-songdata-holder lite\",staticStyle:{\"cursor\":\"auto\"}},[_c('div',{staticClass:\"playlistability-song-cover\",style:('background-image: url(' + playlist.PlaylistImage + '), url(https://iili.io/HlHy9Yx.png)')}),_c('div',{staticClass:\"playlistability-song-data\"},[_c('p',{staticClass:\"playlistab-song-title mini\"},[_vm._v(_vm._s(playlist.PlaylistName))]),_c('p',{staticClass:\"playlistab-song-artist\"},[_vm._v(\"By \"),_c('strong',[_vm._v(_vm._s(playlist.PlaylisterName))])]),_c('p',{staticClass:\"playlistab-playlistist-followers\"},[_vm._v(_vm._s(_vm.abbreviateNumber(playlist.PlaylistFollowers))+\" \")],1)])])}),0)]):_vm._e(),_c('div',{staticClass:\"cta\"},[_c('button',{staticClass:\"btn-primary w-button\",on:{\"click\":function($event){$event.stopPropagation();return _vm.goToSignUp($event)}}},[_vm._v(\"Sign Up Today\")])])])]):(_vm.visiblePanel=='requestCode')?_c('div',{staticClass:\"body request-code\"},[_c('div',{staticClass:\"card st-playlistability-hero playlistability-verification\"},[_c('div',{staticClass:\"st-hero-content-left verification\"},[_c('div',{staticClass:\"playlistability-title\"},[_vm._v(\"Enter your access code\")]),_c('div',{staticClass:\"h3-slogan center\"},[_vm._v(\"We've sent you an access code via email. Enter it below to access the playlistability index for your song.\")]),_c('div',{staticClass:\"code\"},[_c('PincodeInput',{attrs:{\"autofocus\":true,\"placeholder\":\"•\"},model:{value:(_vm.verificationCode),callback:function ($$v) {_vm.verificationCode=$$v},expression:\"verificationCode\"}})],1),(_vm.verificationError.length>0)?_c('p',{staticClass:\"error\"},[_c('font-awesome-icon',{staticClass:\"icon\",attrs:{\"icon\":['fas', 'exclamation-circle']}}),_vm._v(_vm._s(_vm.verificationError))],1):_vm._e(),_c('div',[_c('button',{staticClass:\"btn-primary validate\",attrs:{\"disable\":!_vm.enableValidation},on:{\"click\":function($event){$event.stopPropagation();return _vm.validateCode($event)}}},[_vm._v(\"Validate\")])])])])]):(_vm.visiblePanel=='requestInfo')?_c('div',{staticClass:\"body request-info\"},[_c('div',{staticClass:\"st-hero-content playlistability-center\"},[_c('div',{staticClass:\"st-hero-content-left playlistability\"},[_c('img',{staticClass:\"service-logo-hero playlistability\",attrs:{\"src\":require(\"@/assets/img/playlisterclub-logo-vector-light.svg\"),\"loading\":\"lazy\",\"alt\":\"\"}}),_c('h1',{staticClass:\"playlistabil-ity-title\"},[_vm._v(\"How does your track measure up?\")]),_vm._m(0),_c('div',{staticClass:\"playlistability-form-container\"},[_c('div',{staticClass:\"form-item-container\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Spotify Song Link\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.playlistabilityURL),expression:\"playlistabilityURL\"}],staticClass:\"st-ui-input w-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.playlistabilityURL)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.playlistabilityURL=$event.target.value}}})]),_c('div',{staticClass:\"form-item-container\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Email Address\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.playlistabilityEmail),expression:\"playlistabilityEmail\"}],staticClass:\"st-ui-input w-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.playlistabilityEmail)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.playlistabilityEmail=$event.target.value}}})]),(_vm.playlistabilityError)?_c('div',{staticClass:\"error\"},[_c('font-awesome-icon',{staticClass:\"icon\",attrs:{\"icon\":['fas','exclamation-circle']}}),_vm._v(_vm._s(_vm.playlistabilityError))],1):_vm._e()]),_c('button',{staticClass:\"btn-primary w-button\",staticStyle:{\"margin\":\"20px 0\"},attrs:{\"disabled\":_vm.processing},on:{\"click\":function($event){$event.stopPropagation();return _vm.onProcessPlaylistabilityIndex($event)}}},[_vm._v(\"Get your Playlistability Index\")]),_vm._m(1)]),_c('div',{staticClass:\"floating-gauge\"})])]):(_vm.visiblePanel=='requestError')?_c('div',{staticClass:\"body request-error\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"content\"},[_c('font-awesome-icon',{staticClass:\"icon\",attrs:{\"icon\":['fas', 'exclamation-circle']}}),_c('h4',[_vm._v(\"Oops! Something went wrong...\")]),_vm._m(2)],1)]),_c('div',{staticClass:\"cta\"},[_c('button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.goHome($event)}}},[_vm._v(\"Close\")])])])]):_c('div',{staticClass:\"body loading\"},[_c('div',{staticClass:\"card\"},[_c('font-awesome-icon',{staticClass:\"icon fa-spin\",attrs:{\"icon\":['fas', 'compact-disc']}}),_c('p',[_vm._v(\"Loading...Please wait\")])],1)]),(_vm.visiblePanel=='playlistabilityIndex')?_c('div',{staticClass:\"overlay-blur\"}):_vm._e()])])]),_c('Footer')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h2',{staticClass:\"h3-slogan\"},[_vm._v(\" Our Playlistability Index is the most advanced metric to measure your song’s potential performance from a playlisting perspective. Using thousands of data points we collect daily, we’ve devised an engine to check your playlistability -- \"),_c('strong',[_vm._v(\"how playlistable your song is\")]),_vm._v(\" -- against what our playlisters are currently adding, and what other emerging artists like yourself scored. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"input-note\"},[_c('em',[_vm._v(\"Enter your Spotify Song URL and your email above to get your free results!\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"Unfortunately, we couldn't process the Playlistability Index for this track. For more information, please contact us at \"),_c('a',{attrs:{\"href\":\"mailto:support@playlister.club?subject=Playlistability Index Error\"}},[_vm._v(\"support@playlister.club\")])])}]\n\nexport { render, staticRenderFns }","/* eslint-disable prefer-spread */\n/* eslint-disable prefer-rest-params */\n<template>\n  <div id=\"app\">\n    <NavBar />\n    <div class=\"maintenance-container\" v-if=\"shutdown\">\n      <MaintenanceShutdownModal></MaintenanceShutdownModal>\n    </div>\n    <div class=\"content-container\">\n      <div class=\"app-content\">\n        <div\n          class=\"st-section-playlistability\"\n          :class=\"visiblePanel==='playlistabilityIndex' ? 'results' : ''\"\n          :style=\"`--bg-image: ${visiblePanel==='playlistabilityIndex' ? 'url(' + songInfo.Image + ')' : 'none'}`\"\n        >\n          <div class=\"body\" v-if=\"visiblePanel=='playlistabilityIndex'\">\n            <div class=\"card playlistab-results\">\n              <div class=\"playlistability-container\">\n                <div class=\"gauge-container\">\n                  <Playlistability class=\"gauge\"\n                    :size=\"320\"\n                    :lowMarker=\"playlistability.lowMarker\"\n                    :highMarker=\"playlistability.highMarker\"\n                    :value=\"playlistability.value\"\n                    :ratingLabel=\"playlistability.ratingLabel\"\n                  />\n                  <p class=\"playlistability-description\">{{playlistability.description}}</p>\n\n                </div>\n                <div class=\"playlistability-details\">\n                  <div class=\"playlistability-songdata-holder\">\n                    <div class=\"playlistability-song-cover\" :style=\"'background-image: url(' + songInfo.Image + ')'\"></div>\n                    <div class=\"playlistability-song-data\">\n                      <p class=\"playlistab-song-title\">{{songInfo.Name}}</p>\n                      <p class=\"playlistab-song-artist\">{{songInfo.ArtistName}}</p>\n                    </div>\n                    <div class=\"playlistab-song-iconlink\" @click.stop=\"openTrackInSpotify(songInfo.TrackId)\"><font-awesome-icon :icon=\"['fab','spotify']\" class=\"icon\"></font-awesome-icon></div>\n                  </div>\n                  <div class=\"playlistability-song-details\">\n                    <div class=\"score-title\">How does your track measure up?</div>\n                    <div class=\"metric-suggestions score-block\" v-for=\"(detail, index) in playlistabilityDetails.filter(item => item.Category!== 'General')\" :key=\"'piDetail_' + index\">\n                      <div  v-if=\"detail.Category!='General'\">\n                        <div class=\"score-row\">\n                          <h6 class=\"category-info\"><span class=\"info-icon\"><font-awesome-icon :icon=\"['fas','info-circle']\"></font-awesome-icon></span>{{detail.Category}} <div class=\"bubble\"><span>{{getCategoryDescription(detail.Category)}}</span></div> </h6>\n                          <bar-gauge :value=\"Math.round(detail.CategoryValue/10)\" class=\"bar-gauge\"></bar-gauge>\n                        </div>\n                        <div class=\"score-row\">\n                          <div class=\"playlista-description\">{{detail.Descriptor}}</div>\n                        </div>\n                      </div>\n                    </div>\n\n                  </div>\n                </div>\n              </div>\n              <div class=\"playlistab-suggested-playlists-holder\" v-if=\"suggestedPlaylists.length>0\">\n                <div class=\"score-title center\">Active playlists for which you might be a good match</div>\n                <div class=\"playlistab-subtitle\">Based on your results, here's a few playlists where your track might make a good match:</div>\n                <div class=\"st-suggested-playlists\">\n                  <div class=\"playlistability-songdata-holder lite\" style=\"cursor: auto\" v-for=\"(playlist, index) in suggestedPlaylists\" :key=\"'playlist_' + index\">\n                    <div class=\"playlistability-song-cover\" :style=\"'background-image: url(' + playlist.PlaylistImage + '), url(https://iili.io/HlHy9Yx.png)'\">\n                    </div>\n                    <div class=\"playlistability-song-data\">\n                        <p class=\"playlistab-song-title mini\">{{playlist.PlaylistName}}</p>\n                        <p class=\"playlistab-song-artist\">By <strong>{{playlist.PlaylisterName}}</strong></p>\n                        <p class=\"playlistab-playlistist-followers\">{{abbreviateNumber(playlist.PlaylistFollowers)}} </p>\n                    </div>\n                    <!-- <div class=\"playlistab-song-iconlink\" @click.stop=\"openTrackInSpotify(songInfo.TrackId)\">\n                      <font-awesome-icon :icon=\"['fab','spotify']\" class=\"icon\"></font-awesome-icon>\n                    </div> -->\n                  </div>\n                </div>\n              </div>\n              <div class=\"cta\">\n                <button class=\"btn-primary w-button\" @click.stop=\"goToSignUp\">Sign Up Today</button>\n              </div>\n            </div>\n          </div>\n          <div class=\"body request-code\" v-else-if=\"visiblePanel=='requestCode'\">\n            <div class=\"card st-playlistability-hero playlistability-verification\">\n              <div class=\"st-hero-content-left verification\">\n                <div class=\"playlistability-title\">Enter your access code</div>\n                <div class=\"h3-slogan center\">We've sent you an access code via email. Enter it below to access the playlistability index for your song.</div>\n                <div class=\"code\"><PincodeInput :autofocus=\"true\"  v-model=\"verificationCode\" placeholder=\"•\"></PincodeInput></div>\n                <p class=\"error\" v-if=\"verificationError.length>0\"><font-awesome-icon class=\"icon\" :icon=\"['fas', 'exclamation-circle']\"></font-awesome-icon>{{verificationError}}</p>\n                <div><button class=\"btn-primary validate\" @click.stop=\"validateCode\" :disable=\"!enableValidation\">Validate</button></div>\n              </div>\n            </div>\n          </div>\n          <div class=\"body request-info\" v-else-if=\"visiblePanel=='requestInfo'\">\n            <div class=\"st-hero-content playlistability-center\">\n                <div class=\"st-hero-content-left playlistability\">\n                  <img src=\"@/assets/img/playlisterclub-logo-vector-light.svg\" loading=\"lazy\" alt=\"\" class=\"service-logo-hero playlistability\">\n                  <h1 class=\"playlistabil-ity-title\">How does your track measure up?</h1>\n                  <h2 class=\"h3-slogan\">\n                    Our Playlistability Index is the most advanced metric to measure your song’s potential performance from a playlisting perspective. Using thousands of data points we collect daily, we’ve devised an engine to check your playlistability -- <strong>how playlistable your song is</strong> -- against what our playlisters are currently adding, and what other emerging artists like yourself scored.\n                  </h2>\n                  <div class=\"playlistability-form-container\">\n                    <div class=\"form-item-container\">\n                      <label for=\"\">Spotify Song Link</label>\n                      <input class=\"st-ui-input w-input\" type=\"text\" v-model=\"playlistabilityURL\">\n                    </div>\n                    <div class=\"form-item-container\">\n                      <label for=\"\">Email Address</label>\n                      <input class=\"st-ui-input w-input\" type=\"text\" v-model=\"playlistabilityEmail\">\n                    </div>\n                    <div class=\"error\" v-if=\"playlistabilityError\"><font-awesome-icon :icon=\"['fas','exclamation-circle']\" class=\"icon\"></font-awesome-icon>{{playlistabilityError}}</div>\n                  </div>\n                  <button class=\"btn-primary w-button\" style=\"margin: 20px 0\" @click.stop=\"onProcessPlaylistabilityIndex\" :disabled=\"processing\">Get your Playlistability Index</button>\n                  <div class=\"input-note\">\n                    <em>Enter your Spotify Song URL and your email above to get your free results!</em>\n                  </div>\n                </div>\n                <div class=\"floating-gauge\"></div>\n            </div>\n          </div>\n          <div class=\"body request-error\" v-else-if=\"visiblePanel=='requestError'\">\n            <div class=\"card\">\n                <div class=\"columns\">\n                  <div class=\"content\">\n                    <font-awesome-icon :icon=\"['fas', 'exclamation-circle']\" class=\"icon\"></font-awesome-icon>\n                    <h4>Oops! Something went wrong...</h4>\n                    <p>Unfortunately, we couldn't process the Playlistability Index for this track. For more information, please contact us at <a href=\"mailto:support@playlister.club?subject=Playlistability Index Error\">support@playlister.club</a></p>\n                  </div>\n\n                </div>\n                <div class=\"cta\">\n\n                  <button @click.stop=\"goHome\">Close</button>\n\n\n                </div>\n            </div>\n          </div>\n          <div class=\"body loading\" v-else>\n            <div class=\"card\">\n              <font-awesome-icon :icon=\"['fas', 'compact-disc']\" class=\"icon fa-spin\"></font-awesome-icon>\n              <p>Loading...Please wait</p>\n            </div>\n\n          </div>\n          <div class=\"overlay-blur\" v-if=\"visiblePanel=='playlistabilityIndex'\"></div>\n        </div>\n      </div>\n    </div>\n    <Footer />\n  </div>\n</template>\n<script>\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';\nimport SecurityCode from 'vue-security-code';\n\nexport default {\n  name: 'App',\n  components: {\n    BarGauge: () => import('./components/BarGauge.vue'),\n    Playlistability: () => import('./components/Playlistability.vue'),\n    UserAvatar: () => import('./components/UserAvatar.vue'),\n    PincodeInput: () => import('vue-pincode-input'),\n    MaintenanceShutdownModal: () => import('./components/MaintenanceShutdownModal.vue'),\n    NavBar: () => import('./components/NavBar.vue'),\n    Footer: () => import('./components/Footer.vue'),\n    // SecurityCode: () => import('vue-security-code'),\n  },\n\n  computed:{\n    playlistabilityBackgroundImage(){\n      const vm = this;\n      if (typeof (vm.artistImage) != 'undefined' && vm.artistImage != ''){\n        return vm.artistImage;\n      }\n      return vm.songInfo.Image;\n    },\n    enableValidation(){\n      const vm = this;\n      if (vm.verificationCode.length == 4) return true;\n      return false;\n    }\n  },\n  watch:{\n    verificationCode(){\n      const vm = this;\n      if (vm.verificationCode.length == 4){\n        vm.validateCode();\n      }\n    }\n  },\n  methods:{\n    goHome(){\n      window.location = '/';\n    },\n    generateUUID() {\n      let d = new Date().getTime();\n      const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n        const r = (d + Math.random() * 16) % 16 | 0;\n        d = Math.floor(d / 16);\n        return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n      });\n      return uuid;\n    },\n    isEmailValid(email){\n      return !!(/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(email));\n    },\n    async onProcessPlaylistabilityIndex(){\n      const vm = this;\n      vm.playlistabilityError = '';\n      let processTrackId = null;\n\n      if (vm.playlistabilityURL.trim() == ''){\n        vm.playlistabilityError = 'Please enter a valid Spotify song URL';\n\n        return;\n      }\n      if (!vm.isEmailValid(vm.playlistabilityEmail)){\n        vm.playlistabilityError = 'Please enter a valid email';\n        return;\n      }\n      if (vm.isEmailValid(vm.playlistabilityEmail) && vm.playlistabilityURL.trim() != ''){\n        const parsedURL = vm.parsePlaylistabilityURL(vm.playlistabilityURL);\n\n        switch (parsedURL.Type){\n          case 'Error':\n            vm.playlistabilityError = 'Please enter a valid Spotify song URL';\n            return;\n          case 'albumURL':\n            try {\n              const albumSongs = await vm.getAlbumsSongs(parsedURL.Value);\n\n              processTrackId = albumSongs[0].TrackId;\n            } catch (err){\n              processTrackId = null;\n            }\n            break;\n          default:\n\n            processTrackId = parsedURL.Value;\n            break;\n        }\n        if (processTrackId != null && processTrackId != ''){\n          const lead = await vm.processPlaylistabilityTrackId(processTrackId);\n\n          if (lead.Status == 'success' && lead.Guid.length > 0){\n            window.location = `/playlistability/?guid=${lead.Guid}`;\n          } else {\n            vm.playlistabilityError = 'There was an error processing your request. Please try again.';\n          }\n        } else {\n          vm.playlistabilityError = 'Your track URL could not be processed. Please verify the Spotify Song URL is correct and try again.';\n        }\n      }\n    },\n    async processPlaylistabilityTrackId(trackId){\n      const vm = this;\n\n      vm.processing = true;\n      const songInfo = await this.getData(`${this.settings.root}/data/music/slspotify/songinfoall?context=${trackId}`);\n      const artistInfo = await this.getData(`${this.settings.root}/data/music/scspotify/getspotifyartistinfo?context=${songInfo[0].ArtistId}`);\n\n      const lead = {\n        Guid: this.generateUUID(),\n        Email: vm.playlistabilityEmail,\n        SpotifySongId: songInfo[0].TrackId,\n        SongName: songInfo[0].Name,\n        SongDuration: songInfo[0].Duration,\n        SongImage: songInfo[0].Image,\n        SongPopularity: songInfo[0].Popularity,\n        SongPreviewURL: songInfo[0].PreviewURL != '' ? songInfo[0].PreviewURL : null,\n        SongReleaseDate: songInfo[0].ReleaseDate,\n        SongLabel: songInfo[0].Label,\n        SpotifyArtistId: songInfo[0].ArtistId,\n        ArtistName: songInfo[0].ArtistName,\n        ArtistImage: artistInfo[0].Image,\n        Source: 'Playlistability Index',\n      };\n      const leadInsert = await vm.insertPCLead(lead);\n      vm.processing = false;\n      return leadInsert;\n    },\n    async insertPCLead(lead){\n      const vm = this;\n      try {\n        const result = await this.getData(`${this.settings.root}/data/pc/playlists/insertlead?`\n        + `guid=${lead.Guid\n        }&email=${encodeURIComponent(lead.Email)\n        }&source=PlaylistabilityIndex`\n        + `&spotifysongid=${lead.SpotifySongId\n        }&songname=${encodeURIComponent(lead.SongName)\n        }&songduration=${lead.SongDuration\n        }&songimage=${encodeURIComponent(lead.SongImage)\n        }&songpopularity=${lead.SongPopularity\n        }&songpreviewurl=${encodeURIComponent(lead.SongPreviewURL)\n        }&songreleasedate=${lead.SongReleaseDate\n        }&songlabel=${encodeURIComponent(lead.SongLabel)\n        }&spotifyartistid=${lead.SpotifyArtistId\n        }&artistname=${encodeURIComponent(lead.ArtistName)\n        }&artistimage=${encodeURIComponent(lead.ArtistImage)}`);\n\n        const response = result[0];\n        if (typeof (response.Guid) != 'undefined' && response.Guid.length > 0){\n          response.Status = 'success';\n        }\n        return response;\n        /*\n        guid= lead.Guid\n        email= lead.Email\n        spotifysongid= lead.SpotifySongId\n        songname= encodeURIComponent(lead.SongName)\n        songduration= lead.SongDuration\n        songimage= encodeURIComponent(lead.SongImage)\n        songpopularity= lead.SongPopularity\n        songpreviewurl= encodeURIComponent(lead.SongPreviewURL)\n        songreleasedate= lead.SongReleaseDate\n        songlabel= encodeURIComponent(lead.SongLabel)\n        spotifyartistid= lead.SpotifyArtistId\n        artistname= encodeURIComponent(lead.ArtistName)\n        artistimage= encodeURIComponent(lead.ArtistImage)\n         */\n      } catch (err){\n        console.warn(err);\n        return { Guid: '', Status:'fail' };\n      }\n    },\n    async getAlbumsSongs(albumid){\n      try {\n        const songs = await this.getData(`${this.settings.root}/data/music/slalbumdetailsspotify/songs?context=${albumid}`);\n\n        return songs;\n      } catch (err){\n        console.warn(err);\n        return null;\n      }\n    },\n    parsePlaylistabilityURL(thisurl) {\n      const vm = this;\n      const parsedSearch = {};\n      const searchedTerm = null;\n      let category = null;\n      let value = null;\n      if (thisurl.trim().indexOf('open.spotify.com/') > -1) {\n        // it's def. a URL...let's split it up into pieces to figure out what it is\n        try {\n          //  debugger;\n          let tempURL = thisurl.trim();\n          tempURL = tempURL.slice(tempURL.indexOf('open.spotify.com/') + 17, tempURL.length);\n          category = tempURL.slice(0, tempURL.indexOf('/'));\n          value = tempURL.slice(tempURL.indexOf('/') + 1, tempURL.length);\n          if (value.indexOf('?') > -1) {\n            value = value.slice(0, value.indexOf('?'));\n          }\n        } catch (err) {\n          console.warn(err);\n        }\n\n        parsedSearch.Type = `${category}URL`;\n        parsedSearch.Value = value;\n      } else {\n        // not a url\n        parsedSearch.Type = 'Error';\n        parsedSearch.Value = thisurl.trim();\n      }\n      return parsedSearch;\n    },\n    getCategoryDescription(category){\n      let description = '';\n      switch (category){\n        case 'Maturity':\n          description = 'Your Song Maturity measures the readiness of your track to be playlisted, purely from a logistical perspective.';\n          break;\n        case 'Sensation':\n          description = 'Your Song Sensation measures the overall feeling, or vibe, that your song elicits, compared to what other curators are adding.';\n          break;\n        case 'Qualities':\n          description = 'Your song’s Sonic Qualities measure the specific instruments and musical elements in your song, compared to what curators are adding.';\n          break;\n        default:\n          description = '';\n          break;\n      }\n      return description;\n    },\n    goToSignUp(){\n      window.location = '/#signup';\n    },\n    openTrackInSpotify(spotId){\n      window.open(`https://open.spotify.com/track/${spotId}`);\n    },\n    formatUser(playlist) {\n      return { Name: playlist.PlaylisterName, UserTier: playlist.PlaylisterTier, Image: playlist.PlaylisterImage };\n    },\n    getURLParam(paramname) {\n      const urlSring = window.location.href;// \"http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5\"; //window.location.href\n      const url = new URL(urlSring);\n      const c = url.searchParams.get(paramname);\n\n      return c;\n    },\n\n    getData(url) {\n      this.initAuthentication($.cookie(this.settings.js_auth_cookie));\n\n      const deferred = $.Deferred();\n      $.ajax({\n        url,\n      }).done((data) => {\n        deferred.resolve(data);\n      }).fail((error) => {\n        console.warn(error);\n        deferred.reject(error);\n      });\n      return deferred;\n    },\n    initAuthentication(token) {\n      // we configure the headers only one time using ajax setup\n      // Create an Initialize .js and include it in every page or call in every page that requires authentication.\n      const headers = {};\n      headers[this.settings.js_appkey_header] = this.settings.js_appkey_value;\n      headers['x-auth-token'] = token;\n      // headers[\"Content-Type\"] = \"application/json\";\n      $.ajaxSetup({\n        headers,\n        xhrFields: {\n          withCredentials: true,\n        },\n      });\n    },\n    async loadPlaylistabilityIndex(songid){\n      const vm = this;\n      vm.artistGenres = [];\n      // /data/music/slspotify/songinfoall?context=7Ci1IrRYYkBwLZ29DT0PId\n      // /data/pc/playlists/getsongplaylistability?a=0.000145&d=0.553&e=0.92&i=0.741&p=24&r=08-28-2019&s=0.209&t=152.022&v=0.568\n      const songData = await this.getData(`${this.settings.root}/data/music/slspotify/songinfoall?context=${songid}`);\n      vm.songInfo = songData[0];\n\n      if (vm.songInfo && vm.songInfo.Acousticness != null){\n        const artistGenres = await vm.getData(`${vm.settings.root}/data/music/iartistgenres/byid?context=${vm.songInfo.ArtistId}`);\n\n        if (artistGenres.length > 0){\n          artistGenres.forEach((genre) => {\n            vm.artistGenres.push(genre.Genre);\n          });\n          const playlists = await this.getData(`${vm.settings.root}/data/pc/playlists/getmatchingplaylists?genres=${encodeURIComponent(vm.artistGenres.toString())}`);\n          vm.suggestedPlaylists = playlists;\n          const mainGenres = await vm.getData(`${vm.settings.root}/data/pc/playlists/convertsubgenres?context=${encodeURIComponent(vm.artistGenres.toString())}`);\n\n          if (mainGenres && mainGenres.length > 0){\n            const mainGenresStr = mainGenres.map((item) => item.MainGenre).toString();\n\n            vm.onRegisterPixelEvents(mainGenresStr);\n          }\n          // add suggested playlists here\n          // http://api.playlister.club/data/pc/playlists/getmatchingplaylists?genres=chamber%20pop,ok%20indie,stomp%20and%20holler\n        }\n\n        const releaseDate = new Date(vm.songInfo.ReleaseDate);\n        let releaseMonth = releaseDate.getUTCMonth() + 1;\n        if (releaseMonth < 10) { releaseMonth = `0${releaseMonth.toString()}`; }\n        let releaseDay = releaseDate.getUTCDate();\n        let description = '';\n\n        if (releaseDay < 10) { releaseDay = `0${releaseDay.toString()}`; }\n        const releaseYear = releaseDate.getUTCFullYear();\n        const playlistabilityData = await this.getData(`${this.settings.root}/data/pc/playlists/getsongplaylistability?`\n        + `a=${vm.songInfo.Acousticness\n        }&d=${vm.songInfo.Danceability\n        }&e=${vm.songInfo.Energy\n        }&i=${vm.songInfo.Instrumentalness\n        }&p=${vm.songInfo.Popularity\n        }&r=${releaseMonth}-${releaseDay}-${releaseYear\n        }&s=${vm.songInfo.Speechiness\n        }&t=${vm.songInfo.Tempo\n        }&v=${vm.songInfo.Valence}`);\n        playlistabilityData.forEach((item) => {\n          if (item.Category == 'General'){\n            description = item.Descriptor;\n          }\n        });\n        vm.playlistability = {\n          lowMarker: playlistabilityData[0].Community - playlistabilityData[0].StdDevCommunity,\n          highMarker: playlistabilityData[0].Community + playlistabilityData[0].StdDevCommunity,\n          value: playlistabilityData[0].Playlistability,\n          description,\n          ratingLabel: playlistabilityData[0].ScoreType\n        };\n        vm.playlistabilityDetails = playlistabilityData;\n        vm.visiblePanel = 'playlistabilityIndex';\n      } else {\n        // show error\n\n        vm.visiblePanel = 'requestError';\n      }\n    },\n\n    onRegisterPixelEvents(genres) {\n      try {\n        RegisterPixelEvents(genres, 'PLC');\n      } catch (err){\n        console.warn(err);\n      }\n    },\n    // 724233215655165 668550224357321\n    loadCodeRequest(){\n      const vm = this;\n\n      vm.visiblePanel = 'requestCode';\n    },\n    loadRequestInfo(){\n      const vm = this;\n\n      vm.visiblePanel = 'requestInfo';\n    },\n    async checkLeadValidation(){\n      const vm = this;\n      const piGuid = this.getURLParam('guid');\n      if (piGuid != null && piGuid.length > 0){\n        vm.userGuid = piGuid;\n        const validated = await this.getData(`${this.settings.root}/data/pc/playlists/leademailverified?context=${piGuid}`);\n\n        if (typeof (validated[0]) != 'undefined' && validated[0].EmailVerified == true){\n          vm.artistImage = validated[0].ArtistImage;\n          vm.loadPlaylistabilityIndex(validated[0].SpotifySongId);\n        } else {\n          vm.loadCodeRequest();\n        }\n      } else {\n        vm.loadRequestInfo();\n        // window.location = '/';\n      }\n    },\n    abbreviateNumber(value) {\n      let newValue = value;\n      let shortNum;\n      if (value >= 1000) {\n        const suffixes = ['', 'k', 'm', 'b', 't'];\n        const suffixNum = Math.floor((`${value}`).length / 3);\n        let shortValue = '';\n        for (let precision = 2; precision >= 1; precision--) {\n          shortValue = parseFloat((suffixNum != 0 ? (value / (1000 ** suffixNum)) : value).toPrecision(precision));\n          const dotLessShortValue = (`${shortValue}`).replace(/[^a-zA-Z 0-9]+/g, '');\n          if (dotLessShortValue.length <= 2) { break; }\n        }\n        if (shortValue % 1 != 0) shortNum = shortValue.toFixed(1);\n        newValue = shortValue + suffixes[suffixNum];\n      }\n      return newValue;\n    },\n    async validateCode(){\n      const vm = this;\n      if (vm.userGuid.length > 0){\n        vm.visiblePanel = '';\n        const valid = false;\n        const validate = await this.getData(`${this.settings.root}/data/pc/playlists/verifyleadcode?guid=${vm.userGuid}&code=${vm.verificationCode}`);\n\n        if (validate[0].ReturnValue == '1'){\n          this.checkLeadValidation();\n        } else {\n          vm.verificationError = 'Your access code is invalid. Please try again.';\n          vm.visiblePanel = 'requestCode';\n        }\n      }\n    }\n  },\n  mounted(){},\n  beforeMount(){\n    this.checkLeadValidation();\n  },\n  data(){\n    return {\n      shutdown: false,\n      settings: {\n        root: 'https://api.songtools.io',\n        js_appkey_header: 'x-app-key',\n        js_appkey_value: '7945643DACBA4335B27300796E8C392A',\n        js_auth_cookie: 'datafx_token_7945643DACBA4335B27300796E8C392A',\n        flaggedUsers: ['listdmusic', 'neomusic', 'anchors30', 'geij5q1sj6hrz690l9n3k7l42', 'leoblack0'],\n      },\n      artistGenres:[],\n      songInfo:{\n        TrackId: '',\n        Name: '',\n        Duration: '',\n        SongPopularity: '',\n        SongPreviewURL: '',\n        AlbumName: '',\n        SpotifyAlbumId: '',\n        Image: '',\n        ArtistName: '',\n        ArtistImage: '',\n        SpotifyArtistId: '',\n      },\n      suggestedPlaylists:[\n        /*\n        {\n          Id: 45097,\n          Name: \"La lista Rama\",\n          Description: \"Canciones que traen recuerdos especiales. Photo by Geronimo Giqueaux.\",\n          Image: \"https://i.scdn.co/image/ab67706c0000da84544809ea84e5d7afb449b503\",\n          Price: 0,\n          CPM: \"\",\n          Days: \"\",\n          Autopricing: true,\n          Followers: 1,\n          LastIndexed: \"\",\n          LastUpdated: \"\",\n          Duration: \"\",\n          UserTier: 4,\n          Songs: 108,\n          Artists: \"\",\n          SongsPopularity: 14,\n          PlaylistId: \"4T2u2oooUJB4rJFcPUTUyy\",\n          SpotifyUser: \"rafaelo14\",\n          UserImage:\"https://profile-images.scdn.co/images/userprofile/default/67a9d5670dbeb2426eacb1fa02591b54e46ac52b\",\n          SpotifyUserDisplayName: \"Willyam\",\n        } */\n      ],\n      artistImage: '',\n      playlistability:{\n        lowMarker: 0,\n        highMarker:  0,\n        value: 0,\n        description: '',\n      },\n      playlistabilityDetails:[],\n      visiblePanel:'',\n      verificationCode: '',\n      verificationError: '',\n      userGuid:'',\n      playlistabilityURL:'',\n      playlistabilityEmail:'',\n      playlistabilityError:'',\n      processing: false,\n    };\n  }\n};\n</script>\n\n<style lang=\"scss\">\n  @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700');\n  @import url('https://fonts.googleapis.com/css?family=Esteban');\n  @import \"@/assets/scss/variables.scss\";\n  .maintenance-container{\n    position: fixed;\n    top: 0; bottom:0;\n    left: 0; right:0;\n    display:flex;\n    flex-flow: column nowrap;\n    place-content: center;\n    align-items: center;\n    background-color: rgba($color-black, 0.95);\n    z-index: 10;\n  }\n  button{\n    background-color: $color-secondary;\n    padding: 0.5rem 1rem;\n    color: $color-white;\n    border-radius: 0.25rem;\n    border:none;\n    &:hover{\n      background-color: lighten($color-secondary, 0.2);\n    }\n   &:disabled{\n     background-color: darken($color-gray,20%);\n   }\n  }\n\n  .request-error{\n    .card{\n      display:flex;\n      flex-flow: column nowrap;\n      .columns{\n        flex:1;\n      }\n      a{\n        color: $color-secondary;\n      }\n      .icon{\n        color: $color-danger;\n        font-size: 6rem;\n        margin: 1rem;\n      }\n    }\n  }\n  .request-info{\n\n    .columns{\n      position: relative;\n      z-index: 2;\n      margin: 0 auto;\n\n      display:flex;\n      flex-flow: row nowrap;\n      justify-content: space-around;\n      @media screen and (max-width: $breakpoint-medium){//: 640px !default;\n\n        flex-flow: column-reverse nowrap;\n      }\n    }\n    .gauge-display{\n      img{\n        width:100%;\n        min-width: 360px;\n        @media screen and (max-width: $breakpoint-small){//: 640px !default;\n        min-width: 0;\n        }\n      }\n    }\n    .error{\n      font-size: 0.9rem;\n      color: $color-white;\n      margin-top: 1rem;\n      .icon{\n        margin-right: 10px;\n      }\n    }\n    p{\n      color: lighten($color-darkgray,10%);\n    }\n    .form-item{\n      label{\n        font-size: 0.9rem;\n        display:block;\n        margin-top:1rem;\n      }\n      input{\n        box-shadow: inset 0 4px 5px rgba(black,0.15);\n        border-radius: 0.25rem;\n        display:block;\n        width:100%;\n        padding: 0.5rem 1rem;\n        border:1px solid darken($color-gray, 10%);\n      }\n    }\n  }\n  .loading{\n     .card{\n        display:flex;\n        flex-flow: column nowrap;\n        place-content: center;\n        color: white;\n        background: rgba(0,0,0,0.4);\n        text-align: center;\n      }\n\n      .icon{\n        font-size: 4rem;\n        align-self: center;\n        color: darken($color-gray, 10%);\n        margin-bottom: 1rem;\n      }\n  }\n  .request-code{\n     .code{\n      margin: 1rem 0 2rem;\n      color: black;\n    }\n    .error{\n      color: $color-white;\n      margin-bottom: 2rem;\n      display:inline-block;\n      .icon{\n        margin-right: 5px;\n      }\n    }\n    .card{\n      display:flex;\n      flex-flow: column nowrap;\n      place-content: center;\n    }\n  }\n  input.vue-pincode-input{\n    font-size: 2rem;\n    font-family: \"Monsterrat\", sans-serif;\n    padding: 0.25rem 0.75rem;\n    max-width: 50px;\n    box-shadow: none;\n    border: 2px solid darken($color-gray, 5%);\n    &:focus{\n      border-color: $color-secondary;\n      box-shadow: 0 0 10px 0 rgba($color-black, 0.25);\n    }\n  }\n  .playlist-suggestions{\n    display:flex;\n    flex-flow: row nowrap;\n    @media screen and (max-width: $breakpoint-medium){//: 640px !default;\n      flex-flow: column nowrap;\n    }\n  }\n  .playlist{\n    display:flex;\n    flex:1;\n    margin: 0.5rem;\n    padding: 0.5rem;\n    flex-flow: row nowrap;\n    background-color: $color-white;\n    position:relative;\n\n    .cover-container{\n      width: 75px;\n      height: 75px;\n      position:relative;\n      overflow: visible;\n\n    }\n    .playlist-info{\n      padding: 0 10px;\n      flex:1;\n      text-align:left;\n      display:flex;\n      flex-flow: column nowrap;\n      justify-content: center;\n      position: relative;\n      p{\n        margin:0;\n        line-height: 100%;\n        &.playlist-name{\n          font-size: 0.7rem;\n          line-height: 1rem;\n          font-weight: 500;\n          padding-right: 1rem;\n          max-height: 3rem;\n          overflow:hidden;\n          text-overflow: ellipsis;\n        }\n        &.playlist-author{\n          margin-top: 0.5rem;\n          font-size: 0.6rem;\n          color: $color-darkgray;\n        }\n        &.playlist-followers{\n          align-self: flex-end;\n          color: $color-darkgray;\n          margin-top: 0.5rem;\n        }\n      }\n    }\n    .cover{\n      width: auto;\n      height: auto;\n      position:absolute;\n      top:0;\n      bottom:0;\n      right:0;\n      left:0;\n      background-size: cover;\n      z-index:1;\n    }\n    .user{\n      position:absolute;\n      right: -10px;\n      top: -15px;\n      height: 40px;\n      width:40px;\n      z-index: 3;\n    }\n  }\n  h6{\n    text-transform: uppercase;\n  }\n  .suggested-playlists{\n    width:100%;\n    text-align:center;\n    margin-top: 1rem;\n  }\n  .cta{\n    padding-top:2rem;\n    margin-top: 1rem;\n    border-top: 1px solid darken($color-gray, 10%);\n    text-align: center;\n    width: 100%;\n  }\n  .scroller{\n    position: absolute;\n    top:0; bottom: 0;\n    right:0; left:0;\n    overflow:hidden;\n    overflow-y: auto;\n  }\n  .details{\n    margin-top: 2rem;\n\n    h6{\n      font-weight: 500;\n      font-size: 0.75rem;\n\n    }\n  }\n  .metric-suggestions{\n    display:flex;\n    flex-flow: column wrap;\n    flex:1;\n\n    .row{\n      margin: 0 1rem;\n      border-bottom: 1px solid rgba(darken($color-darkgray, 20%),0.1);\n      margin-bottom: 1rem;\n    }\n    h6{\n      width: 10vw;\n      text-align:left;\n      padding-right: 10px;\n      flex:1;\n      padding-left: 20px;\n      position:relative;\n      .info-icon{\n        position: absolute;\n        top:-1px;\n        left:0;\n        color: lighten($color-darkgray, 30%);\n\n      }\n      &:hover{\n        .info-icon{\n          color: $color-secondary;\n        }\n        .bubble{\n          opacity:1;\n          height: 64px;\n          bottom: 120%;\n        }\n      }\n      .bubble{\n        background-color: $color-darkgray;\n        color: $color-white;\n        border-radius: 0.25rem;\n        box-shadow: 0 0 10px rgba($color-black, 0.5);\n        font-size: 0.6rem;\n        text-transform: none;\n\n        max-width: 200px;\n        text-align: center;\n        position:absolute;\n        left: -20px;\n        bottom: 10px;\n        z-index:10;\n        transition: all ease-out 250ms;\n        opacity:0;\n        height: 0;\n        span{\n          padding: 0.25rem 0.5rem;\n          display:block;\n          height: 100%;\n          width:100%;\n          overflow:hidden;\n        }\n        &:after{\n          content: '';\n          border: 5px solid transparent;\n\n          border-top-color: $color-darkgray;\n          position:absolute;\n          bottom: -10px;\n\n          left: 20px;\n          z-index:11;\n        }\n      }\n    }\n    .bar-gauge{\n      height: 15px;\n      width: 50px;\n    }\n    p{\n      flex:1;\n      font-size: 0.7rem;\n      line-height: 150%;\n      text-align:left;\n      padding-left:1rem;\n      color: $color-darkgray;\n    }\n  }\n  .playlistability-details{\n    //margin-right: 2rem;\n  }\n  .song-info{\n    padding: 1rem;\n    text-align: left;\n    position: relative;\n    padding-right: 3rem;\n    .song-name{\n      font-size: 1.3rem;\n    }\n    .artist-name{\n      color: $color-darkgray;\n    }\n    .spotify-link{\n      position: absolute;\n      right: 1rem;\n      top:1rem;\n      width:20px;\n      height: 20px;\n      color: $color-darkgray;\n      cursor:pointer;\n      &:hover{\n        color: $color-success;\n      }\n    }\n\n  }\n  .gauge-container{\n    max-width: 400px;\n    margin: 0 auto;\n    display:flex;\n    flex-flow: column nowrap;\n    align-items: center;\n    justify-content: center;\n    .gauge{\n      margin: 0 auto;\n    }\n\n  }\n    .description{\n      text-align: center;\n      font-style: italic;\n      font-size: 0.9rem;\n      padding: 1rem;\n\n    }\n  .song-details{\n    margin: 1rem 0 0 1rem;\n  }\n  .cover{\n    width: 113px;\n    height: 113px;\n    background-size:cover;\n    border:2px solid $color-white;\n\n  }\n  .row{\n    display:flex;\n    flex-flow: row nowrap;\n  }\n  .column{\n    flex:1;\n    display:flex;\n    flex-flow: column nowrap;\n  }\n  html, body{\n    width:100%;\n    min-height: 100vh;\n  }\n  .header{\n    position: relative;\n    z-index:3;\n    height: 80px;\n    display:flex;\n    place-content: center;\n  }\n  .body{\n    flex:1;\n    display:flex;\n    flex-flow: column nowrap;\n    color: $color-white;\n    place-content: center;\n    justify-content: flex-start;\n    position:relative;\n  }\n  .title{\n    font-weight: 300;\n    font-size: 2rem;\n    margin: 1rem auto;\n    color: $color-white;\n  }\n  .content-container{\n    position: relative;\n    z-index:2;\n    display:flex;\n    min-height: 100vh;\n    .app-content{\n      display:flex;\n      flex-flow:column nowrap;\n      justify-content: flex-start;\n      flex:1;\n      max-width: 100%;\n    }\n  }\n.logo-icon{\n\ttext-indent:-9999px;\n\twidth:50px;\n\theight:30px;\n\tbackground: transparent url( $imgpath + 'LogoIconSolid.svg') no-repeat center center;\n  background-size:contain;\n  display:inline-block;\n  margin-left:0;\n\n}\n.logo{\n\ttext-indent:-9999px;\n\twidth:140px;\n\theight:35px;\n\tbackground: transparent url( $imgpath + 'LogoIconSolid.svg') no-repeat center center;\n\tbackground-size:contain;\n\tmargin-left:2.5rem;\n\tdisplay:none;\n}\n.page-width{\n\tmax-width: $breakpoint-large;\n\tmargin: 0 auto;\n}\n.page-container{\n\tbackground: $color-white;\n\tbox-shadow: 0 0 10px 0 rgba(black, 0.5);\n\tmax-width: $breakpoint-large;\n\theight: 100vh;\n\tmargin: 0 auto;\n\tmargin-top: 2rem;\n\tposition:relative;\n\tz-index:10;\n\tborder-radius: 0.25rem 0.25rem 0 0;\n}\n.brand{\n  position:relative;\n  display:inline-block;\n  z-index:10;\n  margin:0.5rem;\n\ttext-transform: uppercase;\n  position:relative;\n  font-size: 1.35rem;\n  line-height: 100%;\n  align-self: center;\n  vertical-align: middle;\n  font-weight: 300;\n\ta{\n    text-decoration: none !important;\n    color: $color-white !important;\n    font-family: 'Montserrat';\n  }\n\t.logo-icon{\n    vertical-align: middle;\n    margin-right: 0.25rem;\n    max-height: 100%;\n\t}\n}\n  #app {\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    color: $color-black;\n    min-height: 100vh;\n    position:relative;\n    background-color: darken($color-primary, 40%);\n\n  }\n  .background{\n    background-position: center center;\n    background-size: cover;\n    position: absolute;\n    top:0;\n    left:0;\n    right:0;\n    height: 50vh;\n    z-index:1;\n    &.internal{\n      filter: grayscale(0.75) blur(0px);\n      opacity: 0.35;\n      height: 50%;\n\n\n    }\n    &.blur{\n\n      filter: blur(20px);\n    }\n    .gradient-black{\n      position: absolute;\n      top:0; bottom: 0;\n      left: 0; right: 0;\n      z-index:2;\n      background: linear-gradient(to top, rgba($color-black,1) 0%,  rgba($color-success,0) 100%);\n    }\n    .gradient-primary{\n      position: absolute;\n      top:0; bottom: 0;\n      left: 0; right: 0;\n      z-index:2;\n      background: linear-gradient(to top, rgba(darken($color-primary, 40%),1) 50%,  rgba($color-primary,0.5) 100%);\n    }\n    .gradient-white{\n      position: absolute;\n      top:0; bottom: 0;\n      left: 0; right: 0;\n      z-index:2;\n      background: linear-gradient(to top, rgba($color-white,1) 0%,  rgba($color-white,0) 100%);\n    }\n    .gradient-gray{\n      position: absolute;\n      top:0; bottom: 0;\n      left: 0; right: 0;\n      z-index:2;\n      background: linear-gradient(to top, rgba($color-gray,1) 0%,  rgba($color-gray,0) 100%);\n    }\n  }\n  .card-container{\n    display:flex;\n    flex-flow: column nowrap;\n    padding: 1rem;\n  }\n  .card{\n\n    border-radius: 1rem;\n    background-color: $color-gray;\n    width: 80vw;\n    max-width: 900px;\n    min-height: 400px;\n    color: $color-black;\n    z-index: 3;\n    padding: 2rem;\n    position:relative;\n    overflow: hidden;\n    box-shadow: 0 0 100px 0 rgba($color-black, .75);\n    align-self: center;\n    margin-bottom: 1rem;\n    &:before{\n      content: '';\n    }\n    .card-content.row{\n      flex-flow: row wrap;\n      position: relative;\n      z-index:2;\n      padding: 2rem;\n    }\n  }\n</style>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/variables.scss\";\n\n.gauge-display, .details {\n  text-align: center;\n}\n\nh1 {\n  font-size: 38px;\n  line-height: 44px;\n  margin-top: 20px;\n}\n\nlabel {\n  display: block;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n.st-section-playlistability {\n    background-color: #000;\n    background-image: linear-gradient(to right, #2a0000, #4b0715 58%, rgba(255, 18, 65, .47)), url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/6436df2be43ce702d3d0e034_gauge-meter.png\");\n    background-position: 0 0, 160%;\n    background-repeat: repeat, no-repeat;\n    background-size: auto, auto;\n    justify-content: center;\n    align-items: center;\n    padding: 90px;\n    display: flex;\n}\n\n.st-section-playlistability {\n  min-height: 600px;\n  background-image: linear-gradient(to top, #000, rgba(75, 7, 21, .82) 48%, rgba(255, 18, 65, .47)), url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/643e08f80c6754167ec2bf8c_0_3.png\");\n  background-position: 0 0, 50% 0;\n  background-repeat: repeat, no-repeat;\n  background-size: auto, auto 110%;\n  background-attachment: scroll, fixed;\n  padding-top: 90px;\n  transition: all .2s;\n  flex: 1;\n}\n\n.st-hero-content {\n  position: relative;\n  z-index: 2500;\n  display: flex;\n  width: 100%;\n  height: auto;\n  max-width: 1400px;\n  min-height: 300px;\n  padding-top: 50px;\n  padding-right: 0px;\n  padding-left: 120px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: center;\n  flex: 1;\n}\n\n.st-hero-content.playlistability-center {\n  min-height: 400px;\n  min-width: 900px;\n  -webkit-backdrop-filter: blur(5px);\n  backdrop-filter: blur(5px);\n  background-image: linear-gradient(266deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .71));\n  border-radius: 9px;\n  padding: 50px;\n  background-color: transparent;\n}\n\n.service-logo-hero {\n  width: auto;\n  height: 40px;\n  opacity: 0.9;\n}\n\n.st-hero-content-left {\n  position: relative;\n  display: flex;\n  width: 55%;\n  min-height: 200px;\n  flex-direction: column;\n  align-items: flex-start;\n  color: #f9fafa;\n}\n\n.st-hero-content-left.playlistability {\n  width: 70%;\n  margin-right: auto;\n}\n\n.playlistabil-ity-title {\n  font-size: 32px;\n  margin-bottom: 10px;\n}\n\n.h3-slogan {\n  opacity: 1;\n  text-align: left;\n  margin-top: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5em;\n}\n\n.playlistability-form-container {\n    width: 100%;\n    margin-top: 30px;\n}\n\n.w-input, .w-select {\n  display: block;\n  width: 100%;\n  height: 38px;\n  padding: 8px 12px;\n  margin-bottom: 10px;\n  font-size: 14px;\n  line-height: 1.42857143;\n  color: #333333;\n  vertical-align: middle;\n  background-color: #ffffff;\n  border: 1px solid #cccccc;\n}\n\n.st-ui-input {\n  height: 50px;\n  padding-right: 20px;\n  padding-left: 20px;\n  border: 0px solid #000;\n  border-radius: 200px;\n  background-color: hsla(0, 0%, 100%, 0.09);\n  color: #fff;\n  font-size: 16px;\n\n  &:focus-visible {\n    outline: none;\n  }\n}\n\n.btn-primary {\n  padding: 12px 20px;\n  border-style: solid;\n  border-width: 2px;\n  border-color: #2e2e2e;\n  border-radius: 200px;\n  background-color: #f9fafa;\n  transition: all 200ms ease;\n  color: #2e2e2e;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 700;\n}\n\n.input-note {\n  opacity: .38;\n  font-size: 12px;\n}\n\n.floating-gauge {\n  width: 33%;\n  height: 100%;\n  opacity: .51;\n  mix-blend-mode: overlay;\n  background-image: url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/643fe4b3accfe45b45bdd0f7_gauge-figure.svg\");\n  background-position: 50%;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  position: absolute;\n  top: 0%;\n  bottom: auto;\n  left: auto;\n  right: 0%;\n}\n\n@media screen and (min-width: 1920px){\n  .st-section-playlistability {\n    padding-top: 140px;\n    padding-bottom: 120px;\n  }\n\n  .st-hero-content.playlistability-center, .st-hero-content.playlistability-verification {\n    padding: 70px 60px;\n  }\n}\n\n@media screen and (min-width: 1440px){\n  .st-section-playlistability {\n    background-image: linear-gradient(79deg, #140000, #470311 48%, rgba(255, 18, 65, 0)), url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/643e08f80c6754167ec2bf8c_0_3.png\");\n    background-position: 0 0, 160%;\n    background-repeat: repeat, no-repeat;\n    background-size: auto, auto;\n  }\n\n  .st-section-playlistability {\n    height: 100vh;\n    background-image: linear-gradient(to right, #2a0000, rgba(75, 7, 21, .86) 47%, rgba(255, 18, 65, .47)), url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/643e08f80c6754167ec2bf8c_0_3.png\");\n    background-position: 0 0, 50%;\n    background-repeat: repeat, no-repeat;\n    background-size: auto, cover;\n    background-attachment: scroll, fixed;\n  }\n\n  .service-logo-hero.playlistability {\n    max-width: 200px;\n  }\n\n  .st-ui-input {\n    background-color: hsla(0, 0%, 100%, 0.24);\n  }\n}\n\n@media screen and (max-width: 991px){\n  .st-section-playlistability {\n    height: auto;\n    background-image: linear-gradient(76deg, #000, #460000 53%, rgba(255, 18, 65, 0)), url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/6436df2be43ce702d3d0e034_gauge-meter.png\");\n    background-position: 0 0, -20% 100%;\n    background-repeat: repeat, no-repeat;\n    background-size: auto, auto;\n    padding: 30px;\n  }\n\n  .st-section-playlistability {\n    min-height: 600px;\n    background-image: linear-gradient(to top, #000, rgba(75, 7, 21, .82) 48%, rgba(255, 18, 65, .47)), url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/643e08f80c6754167ec2bf8c_0_3.png\");\n    background-position: 0 0, 50% 0;\n    background-repeat: repeat, no-repeat;\n    background-size: auto, auto 110%;\n    background-attachment: scroll, fixed;\n    padding-top: 90px;\n    transition: all .2s;\n  }\n\n  .st-section-playlistability {\n    background-position: 0 0, 50%;\n    padding-top: 120px;\n  }\n\n  .st-hero-content.playlistability-center {\n    min-width: 0;\n    -webkit-backdrop-filter: blur(4px);\n    backdrop-filter: blur(4px);\n    background-image: linear-gradient(266deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .33));\n    padding: 30px;\n  }\n\n  .playlistabil-ity-title {\n    font-size: 28px;\n  }\n\n  .h3-slogan {\n    text-align: left;\n    font-size: 14px;\n  }\n\n  .floating-gauge {\n    opacity: .13;\n    background-position: 100% 0;\n  }\n}\n\n@media screen and (max-width: 767px){\n  .st-section-playlistability {\n    background-position: 0 0, 50%;\n  }\n\n  .playlistabil-ity-title {\n    text-align: left;\n    font-size: 25px;\n    line-height: 1.4em;\n  }\n\n  .floating-gauge {\n    background-position: 67% 2%;\n  }\n\n  .input-note {\n    line-height: 1.4em;\n  }\n}\n\n@media screen and (max-width: 479px){\n  .st-section-playlistability {\n    padding: 10px;\n  }\n  .st-section-playlistability {\n    background-position: 0 0, 50%;\n    background-size: auto, cover;\n    padding-bottom: 100px;\n  }\n\n  .st-hero-content.playlistability-center {\n    margin-top: 90px;\n  }\n\n  .st-hero-content.playlistability-center, .st-hero-content.playlistability-verification {\n    padding: 20px;\n  }\n\n  .playlistabil-ity-title {\n    text-align: left;\n    font-size: 20px;\n    line-height: 1.5em;\n  }\n\n  .h3-slogan {\n    text-align: left;\n    font-size: 14px;\n  }\n\n  .floating-gauge {\n    background-position: 58% 2%;\n  }\n}\n\n//Verification Code\n.st-playlistability-hero {\n  z-index: 2500;\n  width: 100%;\n  height: auto;\n  max-width: 1400px;\n  min-height: 300px;\n  flex: 1;\n  justify-content: space-between;\n  align-self: center;\n  align-items: center;\n  padding-top: 50px;\n  padding-left: 120px;\n  padding-right: 0;\n  display: flex;\n  position: relative;\n}\n\n.st-playlistability-hero.playlistability-verification {\n  z-index: 200;\n  -webkit-backdrop-filter: blur(4px);\n  backdrop-filter: blur(4px);\n  background-color: rgba(0, 0, 0, .33);\n  background-image: url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/63c983a39c27131d9d143267_playlisterclub-logo-vector-light.svg\");\n  background-position: 50% 8%;\n  background-repeat: no-repeat;\n  background-size: 200px;\n  border-radius: 9px;\n  flex-direction: column;\n  justify-content: center;\n  padding: 100px 50px 60px;\n  transition: all .2s;\n  color: white;\n}\n\n.st-hero-content-left.verification {\n  flex: 1;\n  align-items: center;\n}\n\n.playlistability-title {\n  margin: 0.67em 0;\n  margin-bottom: 10px;\n  font-weight: bold;\n  margin-top: 20px;\n  line-height: 44px;\n  text-align: center;\n  font-size: 32px;\n}\n\n.h3-slogan {\n  margin-bottom: 10px;\n  opacity: 1;\n  text-align: left;\n  margin-top: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5em;\n}\n\n.h3-slogan.center {\n  width: 80%;\n  opacity: 1;\n  text-align: center;\n}\n\n.btn-primary.validate {\n  width: 280px;\n  margin-left: auto;\n}\n\n@media screen and (min-width: 1440px){\n  .st-playlistability-hero.playlistability-verification {\n    min-height: 400px;\n    -webkit-backdrop-filter: blur(12px);\n    backdrop-filter: blur(12px);\n    justify-content: center;\n  }\n\n  .h3-slogan.center {\n    text-align: center;\n  }\n}\n\n@media screen and (min-width: 1920px){\n  .st-playlistability-hero.playlistability-verification {\n    padding: 100px 60px;\n  }\n\n  .st-hero-content-left.playlistability, .st-hero-content-left.verification {\n    width: 60%;\n  }\n}\n\n@media screen and (max-width: 991px){\n  .st-playlistability-hero {\n    flex-direction: column;\n    align-self: flex-start;\n    margin-top: 80px;\n    padding-left: 30px;\n    padding-right: 0;\n  }\n\n  .st-playlistability-hero.playlistability-verification, .st-playlistability-hero.playlistability-results {\n    min-width: 0;\n    -webkit-backdrop-filter: blur(13px);\n    backdrop-filter: blur(13px);\n    background-image: none;\n    margin-top: 0;\n    padding: 12px;\n  }\n\n  .st-hero-content-left {\n    width: 100%;\n    margin-top: 80px;\n    margin-right: auto;\n    padding-top: 0;\n  }\n\n  .st-hero-content-left.playlistability, .st-hero-content-left.verification {\n    width: 100%;\n    margin-top: 0;\n  }\n\n  .playlistability-title {\n    font-size: 28px;\n  }\n\n  .h3-slogan {\n    text-align: left;\n    font-size: 14px;\n  }\n\n  .h3-slogan.center {\n    text-align: center;\n  }\n}\n\n@media screen and (max-width: 767px){\n  .playlistability-title {\n    text-align: left;\n    font-size: 25px;\n    line-height: 1.4em;\n  }\n}\n\n@media screen and (max-width: 479px){\n  .st-playlistability-hero.playlistability-center, .st-playlistability-hero.playlistability-verification {\n    padding: 20px;\n  }\n\n  .playlistability-title {\n    text-align: left;\n    font-size: 20px;\n    line-height: 1.5em;\n  }\n\n  .h3-slogan.center {\n    text-align: center;\n  }\n}\n\n//Results\n.st-section-playlistability.results {\n  z-index: 0;\n  min-height: 600px;\n  height: auto;\n  background-color: rgba(0, 0, 0, .52);\n  background-image: linear-gradient(to right, rgba(0, 0, 0, .77) 33%, rgba(0, 0, 0, 0)), var(--bg-image);\n  background-position: 0 0, 50%;\n  background-repeat: repeat, no-repeat;\n  background-size: auto, cover;\n  align-items: flex-start;\n  padding-top: 120px;\n  position: relative;\n  transition: all .2s;\n}\n\n.overlay-blur {\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  -webkit-backdrop-filter: blur(20px);\n  backdrop-filter: blur(20px);\n  background-color: rgba(255, 255, 255, .05);\n  flex: 1;\n  position: absolute;\n  top: 0%;\n  bottom: 0%;\n  left: 0%;\n  right: 0%;\n}\n\n.playlistab-results {\n  z-index: 300;\n  width: 100%;\n  height: auto;\n  max-width: 1400px;\n  background-color: rgba(0, 0, 0, .16);\n  border-radius: 12px;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 50px;\n  display: flex;\n  position: relative;\n  color: white;\n}\n\n.playlistability-container {\n  grid-column-gap: 60px;\n  grid-row-gap: 16px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr 1fr;\n  grid-auto-columns: 1fr;\n  display: grid;\n}\n\n.gauge-container {\n  max-width: unset;\n  display: block;\n}\n\n.playlistability-description {\n  color: rgba(255, 255, 255, .73);\n  margin-top: 90px;\n  font-size: 14px;\n  line-height: 1.5em;\n}\n\n.playlistability-songdata-holder {\n  background-color: rgba(0, 0, 0, .08);\n  border-radius: 6px;\n  justify-content: flex-start;\n  margin-bottom: 20px;\n  padding: 20px;\n  display: flex;\n  position: relative;\n}\n\n.playlistab-song-iconlink {\n  opacity: .76;\n  cursor: pointer;\n  margin-top: 10px;\n  margin-right: 10px;\n  transition: all .2s;\n  position: absolute;\n  top: 0%;\n  bottom: auto;\n  left: auto;\n  right: 0%;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.playlistability-song-cover {\n  width: 120px;\n  height: 120px;\n  border-radius: 6px;\n  margin-right: 20px;\n  transition: all .2s;\n  overflow: hidden;\n  box-shadow: 2px 0 19px -4px rgba(0, 0, 0, .42);\n  background-size: cover;\n  background-position: center;\n}\n\n.playlistability-song-data {\n  flex: 1;\n  align-self: center;\n}\n\n.playlistab-song-title {\n  color: #fff;\n  margin-bottom: 0;\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.playlistab-song-artist {\n  opacity: .43;\n  color: #fff;\n  font-size: 13px;\n  line-height: 1.5em;\n}\n\n.score-title {\n  color: #fff;\n  flex: 1;\n  margin-bottom: 20px;\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.score-block {\n  border-bottom: 1px solid rgba(255, 255, 255, .06);\n  margin-bottom: 10px;\n  padding-bottom: 6px;\n}\n\n.score-row {\n  align-items: center;\n  padding: 6px 12px;\n  display: flex;\n}\n\n.metric-suggestions h6 .info-icon {\n  top: 0;\n  color: white;\n}\n\n.category-info {\n  color: #fff;\n  flex: 1;\n  font-size: 15px;\n  font-weight: 500;\n  margin: 0;\n}\n\n.playlista-description {\n  color: rgba(255, 255, 255, .6);\n  font-size: 12px;\n}\n\n.playlistab-suggested-playlists-holder {\n  width: 100%;\n  height: auto;\n  min-height: 100px;\n  flex-direction: column;\n  align-items: center;\n  margin-top: 60px;\n  padding: 0;\n  display: flex;\n}\n\n.score-title.center {\n  width: 100%;\n  text-align: center;\n  flex: none;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 10px;\n  font-weight: 600;\n  display: flex;\n}\n\n.playlistab-subtitle {\n  opacity: .68;\n  color: #fff;\n  flex: 1;\n  margin-bottom: 10px;\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.st-suggested-playlists {\n  width: 100%;\n  height: auto;\n  min-height: 50px;\n  grid-column-gap: 16px;\n  grid-row-gap: 16px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-auto-columns: 1fr;\n  display: grid;\n}\n\n.playlistability-songdata-holder.lite {\n  cursor: pointer;\n  background-color: rgba(255, 255, 255, .03);\n  transition: all .2s;\n\n  &:hover {\n    background-color: rgba(255, 255, 255, .08);\n  }\n}\n\n.playlistab-song-title.mini {\n  font-size: 16px;\n}\n\n.playlistab-playlistist-followers {\n  opacity: .26;\n  color: #fff;\n  background-image: url(\"https://assets.website-files.com/63bd9a6a8a64796364cd62cc/643dd4e5f0e62c53bc605b2e_icon-followers.svg\");\n  background-position: 0%;\n  background-repeat: no-repeat;\n  background-size: 14px;\n  padding-left: 19px;\n  font-size: 11px;\n  line-height: 1.3em;\n}\n\n.cta {\n  padding: 0;\n  margin-top: 0;\n  border-top: none;\n  text-align: center;\n  width: 100%;\n}\n\n.btn-primary:hover {\n  color: #fff;\n  background-color: #2ec4b6;\n  border-color: #fff;\n}\n\n@media screen and (min-width: 1440px){\n  .st-section-playlistability.results {\n    background-image: linear-gradient(to right, rgba(0, 0, 0, .84), rgba(0, 0, 0, .76) 49%, rgba(0, 0, 0, .45)), var(--bg-image);\n    background-size: auto, cover;\n  }\n}\n\n@media screen and (min-width: 1920px){\n  .st-section-playlistability.results {\n    padding-bottom: 120px;\n  }\n}\n\n@media screen and (max-width: 991px){\n  .st-section-playlistability.results {\n    padding-top: 60px;\n    padding-bottom: 60px;\n  }\n\n  .playlistab-results {\n    margin-top: 40px;\n    padding: 30px 15px;\n  }\n\n  .playlistability-container {\n    grid-column-gap: 60px;\n  }\n\n  .playlistability-description {\n    margin-top: 40px;\n    font-size: 13px;\n  }\n\n  .playlistability-songdata-holder {\n    align-items: center;\n    padding: 12px;\n  }\n\n  .playlistability-song-cover {\n    width: 80px;\n    height: 80px;\n    margin-right: 15px;\n  }\n\n  .playlistab-song-title {\n    font-size: 15px;\n  }\n\n  .playlistab-song-iconlink {\n    margin: 10px;\n  }\n\n  .score-title {\n    margin-bottom: 20px;\n    font-size: 16px;\n  }\n\n  .score-row {\n    padding-left: 0;\n  }\n\n  .category-info {\n    font-size: 13px;\n  }\n\n  .playlista-description {\n    line-height: 1.4em;\n  }\n\n  .playlistab-suggested-playlists-holder {\n    grid-column-gap: 770px;\n  }\n\n  .score-title.center {\n    font-size: 18px;\n  }\n\n  .playlistab-subtitle {\n    margin-bottom: 20px;\n    font-size: 14px;\n  }\n\n  .st-suggested-playlists {\n    margin-bottom: 28px;\n  }\n\n  .playlistability-songdata-holder.lite {\n    margin-bottom: 0;\n    grid-area: span 1 / span 3 / span 1 / span 3;\n  }\n\n  .playlistab-song-title.mini {\n    font-size: 14px;\n    line-height: 1.4em;\n  }\n}\n\n@media screen and (max-width: 767px){\n  .playlistab-results {\n    margin-top: 35px;\n  }\n\n  .gauge-container {\n    grid-area: span 1 / span 2 / span 1 / span 2;\n    align-self: start;\n    justify-self: center;\n  }\n\n  .playlistability-description {\n    line-height: 1.3em;\n  }\n\n  .playlistability-details {\n    grid-area: span 1 / span 2 / span 1 / span 2;\n  }\n\n  .score-title.center {\n    margin-bottom: 10px;\n    font-size: 16px;\n  }\n\n  .playlistab-subtitle {\n    text-align: center;\n    line-height: 1.5em;\n  }\n}\n\n@media screen and (max-width: 479px){\n  .playlistab-results {\n    margin-top: 36px;\n  }\n\n  .st-section-playlistability.results {\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n\n  .gauge-container {\n    grid-area: span 1 / span 2 / span 1 / span 2;\n    align-self: start;\n    justify-self: center;\n  }\n\n  .playlistability-description {\n    font-size: 12px;\n  }\n\n  .score-title.center {\n    font-size: 15px;\n  }\n\n  .playlistab-subtitle {\n    font-size: 12px;\n    line-height: 1.3em;\n  }\n\n  .btn-primary {\n    font-size: 14px;\n  }\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=d652c4ea&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./App.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","/* eslint-disable no-console */\n\nimport { register } from 'register-service-worker';\n\nif (process.env.NODE_ENV === 'production') {\n  register(`${process.env.BASE_URL}service-worker.js`, {\n    ready() {\n      console.log(\n        'App is being served from cache by a service worker.\\n'\n        + 'For more details, visit https://goo.gl/AFskqB',\n      );\n    },\n    registered() {\n      console.log('Service worker has been registered.');\n    },\n    cached() {\n      console.log('Content has been cached for offline use.');\n    },\n    updatefound() {\n      console.log('New content is downloading.');\n    },\n    updated() {\n      console.log('New content is available; please refresh.');\n      \n    },\n    offline() {\n      console.log('No internet connection found. App is running in offline mode.');\n    },\n    error(error) {\n      console.error('Error during service worker registration:', error);\n    },\n  });\n}\n","import Vue from 'vue';\nimport App from './App.vue';\nimport './registerServiceWorker';\nimport { library } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';\n\nimport {\n  faPause,\n  faPlay,\n  faClock,\n  faAward,\n  faStar,\n  faTrophyAlt,\n  faMedal,\n  faCompactDisc,\n  faExclamationCircle,\n  faInfoCircle,\n} from '@fortawesome/pro-solid-svg-icons';\nimport {\n  faUsers,\n} from '@fortawesome/pro-regular-svg-icons';\nimport {\n  faSpotify,\n} from '@fortawesome/free-brands-svg-icons';\n\n\nlibrary.add(\n  faUsers,\n  faPause,\n  faPlay,\n  faSpotify,\n  faClock,\n  faAward,\n  faStar,\n  faTrophyAlt,\n  faMedal,\n  faCompactDisc,\n  faExclamationCircle,\n  faInfoCircle,\n);\nVue.component('font-awesome-icon', FontAwesomeIcon);\nVue.config.productionTip = false;\n\nnew Vue({\n  render: (h) => h(App),\n}).$mount('#app');\n","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=1&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/playlisterclub-logo-vector-light.e41c60bd.svg\";"],"sourceRoot":""}