[snippet_preview_vc code="{``settings``:{``resources``:`{``}`,``title``:``Music Player 2.0``},``code``:{``html``:``%20%20%3Clink%20href%3D'https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLato%3A400%2C700%2C900'%20rel%3D'stylesheet'%20type%3D'text%2Fcss'%3E%0A%3Cscript%20src%3D%22https%3A%2F%2Fuse.typekit.net%2Fhoy3lrg.js%22%3E%3C%2Fscript%3E%0A%3Cscript%3Etry%7BTypekit.load(%7B%20async%3A%20true%20%7D)%3B%7Dcatch(e)%7B%7D%3C%2Fscript%3E%0A%20%20%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fmeyer-reset%2F2.0%2Freset.min.css%22%3E%0A%3Cdiv%20id%3D%22wrapper%22%3E%0A%20%3Cdiv%20id%3D%22iphone%22%3E%0A%20%20%3Cdiv%20id%3D%22camera%22%3E%0A%20%20%20%3Cspan%3E%3C%2Fspan%3E%0A%20%20%20%3Cspan%3E%3C%2Fspan%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20id%3D%22screen%22%3E%0A%20%20%20%3Cdiv%20id%3D%22content-wrap%22%3E%0A%20%20%20%20%3Cdiv%20id%3D%22background%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20id%3D%22content%22%3E%0A%20%20%20%20%20%3Cdiv%20id%3D%22header%22%3E%0A%20%20%20%20%20%20%3Cspan%20id%3D%22menu-btn%22%3E%3Cimg%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Fmenu.svg%22%20alt%3D%22%22%20class%3D%22svg%22%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20id%3D%22options-btn%22%3E%3Cimg%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Fmore.svg%22%20alt%3D%22%22%20class%3D%22svg%22%3E%3C%2Fspan%3E%0A%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%3Cdiv%20class%3D%22jcarousel%22%3E%0A%20%20%20%20%20%20%3Cul%20id%3D%22songs%22%3E%0A%20%20%20%20%20%20%09%3Cli%20class%3D%22song%22%20data-audio%3D%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2FLeo%2520-%2520Trying.mp3%22%20data-color%3D%22%23f38578%22%3E%0A%09%09%09%3Cimg%20src%3D%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2Ftrying-album-cover.jpg%22%3E%0A%09%09%09%3Cp%20class%3D%22song-title%22%3ETrying%3C%2Fp%3E%0A%09%09%09%3Cp%20class%3D%22song-artist%22%3ELeo%3C%2Fp%3E%0A%09%09%09%3C%2Fli%3E%0A%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%3Caudio%20crossorigin%3E%0A%09%09%09%09%3Csource%20src%3D%22%22%20type%3D%22audio%2Fmpeg%22%3E%0A%09%09%09%3C%2Faudio%3E%0A%20%20%20%20%20%3Cdiv%20id%3D%22controls%22%3E%0A%20%20%20%20%20%20%3Cspan%20id%3D%22previous-btn%22%3E%3Ci%20class%3D%22fa%20fa-step-backward%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20id%3D%22play-btn%22%3E%3Ci%20class%3D%22fa%20fa-play%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20id%3D%22next-btn%22%3E%3Ci%20class%3D%22fa%20fa-step-forward%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%3C%2Fspan%3E%0A%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%3Cdiv%20id%3D%22timeline%22%3E%0A%20%20%20%20%20%20%3Cspan%20id%3D%22current-time%22%3E--%3A--%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20id%3D%22total-time%22%3E--%3A--%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22slider%22%20data-direction%3D%22horizontal%22%3E%0A%09%09%09%09%3Cdiv%20class%3D%22progress%22%3E%0A%09%09%09%09%09%3Cdiv%20class%3D%22pin%22%20id%3D%22progress-pin%22%20data-method%3D%22rewind%22%3E%3C%2Fdiv%3E%0A%09%09%09%09%3C%2Fdiv%3E%0A%09%09%09%3C%2Fdiv%3E%0A%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%3Cdiv%20id%3D%22sub-controls%22%3E%0A%20%20%20%20%20%20%3Ci%20class%3D%22fa%20fa-random%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%3Ci%20class%3D%22fa%20fa-refresh%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%3Ci%20class%3D%22fa%20fa-bluetooth-b%20active%22%20id%3D%22bluetooth-btn%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20%3Ci%20class%3D%22fa%20fa-heart-o%22%20id%3D%22heart-icon%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20id%3D%22overlay%22%3E%3C%2Fdiv%3E%0A%20%20%20%3C%2Fdiv%3E%0A%20%20%20%3Cdiv%20id%3D%22sidemenu%22%3E%0A%20%20%20%20%3Cul%3E%0A%20%20%20%20%20%3Cli%3E%0A%20%20%20%20%20%20%3Ci%20class%3D%22fa%20fa-search%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%09%09%09%20Search%0A%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%3Cli%3E%0A%20%20%20%20%20%20%3Cimg%20class%3D%22svg%20menu-icons%22%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Fmusic-player.svg%22%20alt%3D%22%22%3E%0A%09%09%09%20Playlists%0A%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%3Cli%3E%0A%20%20%20%20%20%20%3Cimg%20id%3D%22album-icon%22%20class%3D%22svg%20menu-icons%22%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Falbum-icon.svg%22%20alt%3D%22%22%3E%0A%20%20%20%20%20%20Albums%0A%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%3Cli%3E%0A%20%20%20%20%20%20%3Ci%20class%3D%22fa%20fa-microphone%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%20%20%20%20%20%20Artists%0A%20%20%20%20%20%3C%2Fli%3E%0A%09%09%09%3Cli%3E%0A%09%09%09%09%3Ci%20class%3D%22fa%20fa-podcast%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%09%09%09%09Podcasts%0A%09%09%09%3C%2Fli%3E%0A%09%09%09%3Cli%3E%0A%09%09%09%09%3Ci%20class%3D%22fa%20fa-cog%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%09%09%09%09Settings%0A%09%09%09%3C%2Fli%3E%0A%20%20%20%20%3C%2Ful%3E%0A%20%20%20%3C%2Fdiv%3E%0A%09%20%3Cdiv%20id%3D%22bluetooth-devices%22%20class%3D%22menu%22%3E%0A%09%09%09%3Cspan%20class%3D%22close-btn%22%3E%3Cspan%3E%26times%3B%3C%2Fspan%3E%20Close%3C%2Fspan%3E%0A%09%09%09%3Ch3%3EDevices%20nearby%3C%2Fh3%3E%0A%09%09%09%3Cul%3E%0A%09%09%09%09%3Cli%20class%3D%22connected%22%3E%0A%09%09%09%09%09%3Cimg%20id%3D%22headphones-icon%22%20class%3D%22svg%20menu-icons%22%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Fheadphone.svg%22%20alt%3D%22%22%3E%0A%09%09%09%09%09%3Cp%3E%0A%09%09%09%09%09%09Major%20II%20Bluetooth%0A%09%09%09%09%09%09%3Cspan%3EConnected%3C%2Fspan%3E%0A%09%09%09%09%09%3C%2Fp%3E%0A%09%09%09%09%3C%2Fli%3E%0A%09%09%09%09%3Cli%3E%0A%09%09%09%09%09%3Cimg%20id%3D%22headphones-icon%22%20class%3D%22svg%20menu-icons%22%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Floudspeaker.svg%22%20alt%3D%22%22%3E%0A%09%09%09%09%09%3Cp%3E%0A%09%09%09%09%09%09Sonos%20One%0A%09%09%09%09%09%09%3Cspan%3EConnected%3C%2Fspan%3E%0A%09%09%09%09%09%3C%2Fp%3E%0A%09%09%09%09%3C%2Fli%3E%0A%09%09%09%09%3Cli%3E%0A%09%09%09%09%09%3Cimg%20id%3D%22headphones-icon%22%20class%3D%22svg%20menu-icons%22%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Fcar.svg%22%20alt%3D%22%22%3E%0A%09%09%09%09%09%3Cp%3E%0A%09%09%09%09%09%09Kia%20Motors%0A%09%09%09%09%09%09%3Cspan%3EConnected%3C%2Fspan%3E%0A%09%09%09%09%09%3C%2Fp%3E%0A%09%09%09%09%3C%2Fli%3E%0A%09%09%09%3C%2Ful%3E%0A%09%09%09%3Cp%20class%3D%22info-text%22%3E%0A%09%09%09%09Make%20sure%20your%20bluetooth%20device%20is%20turned%20on%20and%20in%20range.%0A%09%09%09%3C%2Fp%3E%0A%09%09%3C%2Fdiv%3E%0A%09%20%3Cdiv%20id%3D%22song-options%22%20class%3D%22menu%22%3E%0A%09%09%20%3Cspan%20class%3D%22close-btn%22%3E%3Cspan%3E%26times%3B%3C%2Fspan%3E%20Close%3C%2Fspan%3E%0A%09%09%20%3Cdiv%20id%3D%22song-info%22%3E%0A%09%09%20%09%3Cimg%20src%3D%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2Frockstar-album-cover.jpg%22%20alt%3D%22%22%3E%0A%09%09%09%20%3Cdiv%20class%3D%22artist-wrap%22%3E%0A%09%09%09%20%09%3Cp%3E%0A%09%09%09%20%09%09%3Cspan%20class%3D%22title%22%3Erockstar%3C%2Fspan%3E%0A%09%09%09%09%09%3Cspan%20class%3D%22artist%22%3EPost%20Malone%2C%2021%20Savage%3C%2Fspan%3E%0A%09%09%09%20%09%3C%2Fp%3E%0A%09%09%09%20%3C%2Fdiv%3E%0A%09%09%20%3C%2Fdiv%3E%0A%09%20%09%3Cul%3E%0A%09%20%09%09%3Cli%3E%0A%20%20%20%20%20%20%20%20%3Ci%20class%3D%22fa%20fa-music%20fa-fw%20add%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%09%09%09%09Add%20to%20playlist%0A%09%09%09%3C%2Fli%3E%0A%09%09%09%3Cli%3E%0A%09%09%09%09%3Ci%20class%3D%22fa%20fa-microphone%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%09%09%09%09View%20Artist%0A%09%09%09%3C%2Fli%3E%0A%20%20%20%20%20%3Cli%3E%0A%20%20%20%20%20%20%3Cimg%20id%3D%22album-icon%22%20class%3D%22svg%20menu-icons%22%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Fcompact-disc.svg%22%20alt%3D%22%22%3E%0A%20%20%20%20%20%20View%20Album%0A%20%20%20%20%20%3C%2Fli%3E%0A%09%09%09%3Cli%3E%0A%09%09%09%09%3Ci%20class%3D%22fa%20fa-share-square-o%20fa-fw%22%20aria-hidden%3D%22true%22%3E%3C%2Fi%3E%0A%09%09%09%09Share%0A%09%09%09%3C%2Fli%3E%0A%09%20%09%3C%2Ful%3E%0A%09%20%3C%2Fdiv%3E%0A%09%20%3Cdiv%20id%3D%22home-screen%22%3E%0A%09%09%3Cdiv%20class%3D%22home-content%22%3E%0A%09%09%09%3Ch2%3EMusic%20Player%20App%3C%2Fh2%3E%0A%09%09%09%3Cp%20id%3D%22made-by%22%3EMade%20by%20%3Ca%20href%3D%22https%3A%2F%2Fcodepen.io%2Femilcarlsson%22%3E%40emilcarlsson%3C%2Fa%3E%3C%2Fp%3E%0A%09%09%09%3Cdiv%20class%3D%22app-icon%22%3E%0A%09%09%09%09%3Cimg%20class%3D%22svg%22%20src%3D%22https%3A%2F%2Femilcarlsson.se%2Fassets%2Fsvg%2Fmusic-note.svg%22%20alt%3D%22%22%3E%0A%09%09%09%3C%2Fdiv%3E%0A%09%09%09%3Cp%20id%3D%22icons-by%22%3EIcons%20by%20%3Ca%20href%3D%22http%3A%2F%2Ffontawesome.io%2F%22%20title%3D%22Font%20Awesome%22%3EFont%20Awesome%3C%2Fa%3E%2C%20%3Ca%20href%3D%22https%3A%2F%2Fwww.flaticon.com%2Fauthors%2Fthose-icons%22%20title%3D%22Those%20Icons%22%3EThose%20Icons%3C%2Fa%3E%2C%3Cbr%20%2F%3E%3Ca%20href%3D%22https%3A%2F%2Fwww.flaticon.com%2Fauthors%2Fepiccoders%22%20title%3D%22EpicCoders%22%3EEpicCoders%3C%2Fa%3E%20%26%20%3Ca%20href%3D%22https%3A%2F%2Fwww.flaticon.com%2Fauthors%2Fsmashicons%22%20title%3D%22Smashicons%22%3ESmashicons%3C%2Fa%3E%3C%2Fp%3E%0A%09%09%3C%2Fdiv%3E%0A%09%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20id%3D%22home-btn%22%3E%3C%2Fdiv%3E%0A%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%20%20%3Cscript%20src%3D'https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fjquery%2F3.2.1%2Fjquery.min.js'%3E%3C%2Fscript%3E%0A%3Cscript%20src%3D'https%3A%2F%2Fuse.fontawesome.com%2F15af25ac7b.js'%3E%3C%2Fscript%3E%0A%3Cscript%20src%3D'https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fjcarousel%2F0.3.1%2Fjquery.jcarousel.min.js'%3E%3C%2Fscript%3E``,``js``:``%2F*%0A%20*%20Icons%20by%3A%0A%20*%20Font%20Awesome%20%E2%80%93%20http%3A%2F%2Ffontawesome.io%2F%0A%20*%20Those%20Icons%20%E2%80%93%20https%3A%2F%2Fwww.flaticon.com%2Fauthors%2Fthose-icons%0A%20*%20EpicCoders%20%E2%80%93%20https%3A%2F%2Fwww.flaticon.com%2Fauthors%2Fepiccoders%0A%20*%20Smashicons%20%E2%80%93%20https%3A%2F%2Fwww.flaticon.com%2Fauthors%2Fsmashicons%0A%20*%2F%0A%0A%24(document).ready(function%20()%20%7B%0A%09var%20songs%20%3D%20%5B%0A%09%09%7B%0A%09%09%09title%3A%20%22rockstar%22%2C%0A%09%09%09artist%3A%20%22Post%20Malone%2C%2021%20Savage%22%2C%0A%09%09%09cover%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2Frockstar-album-cover.jpg%22%2C%0A%09%09%09audioFile%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2FPost%2520Malone%2520-%2520rockstar%2520ft.%252021%2520Savage%2520(1).mp3%22%2C%0A%09%09%09color%3A%20%22%23c3af50%22%0A%09%09%7D%2C%0A%09%09%7B%0A%09%09%09title%3A%20%22Let%20You%20Down%22%2C%0A%09%09%09artist%3A%20%22NF%22%2C%0A%09%09%09cover%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2Fperception-album-cover.png%22%2C%0A%09%09%09audioFile%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2FNF%2520-%2520Let%2520You%2520Down.mp3%22%2C%0A%09%09%09color%3A%20%22%2325323b%22%0A%09%09%7D%2C%0A%09%09%7B%0A%09%09%09title%3A%20%22Silence%22%2C%0A%09%09%09artist%3A%20%22Marshmello%2C%20Khalid%22%2C%0A%09%09%09cover%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2Fsilence-album-cover.jpg%22%2C%0A%09%09%09audioFile%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2FMarshmello%2520-%2520Silence%2520ft.%2520Khalid.mp3%22%2C%0A%09%09%09color%3A%20%22%23c1c1c1%22%0A%09%09%7D%2C%0A%09%09%7B%0A%09%09%09title%3A%20%22I%20Fall%20Apart%22%2C%0A%09%09%09artist%3A%20%22Post%20Malone%22%2C%0A%09%09%09cover%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2Fstoney-cover-album.jpg%22%2C%0A%09%09%09audioFile%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2FPost%2520Malone%2520-%2520I%2520Fall%2520Apart.mp3%22%2C%0A%09%09%09color%3A%20%22%23cd4829%22%0A%09%09%7D%2C%0A%09%09%7B%0A%09%09%09title%3A%20%22Fireproof%22%2C%0A%09%09%09artist%3A%20%22VAX%2C%20Teddy%20Sky%22%2C%0A%09%09%09cover%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2Ffireproof-album-cover.jpeg%22%2C%0A%09%09%09audioFile%3A%20%22https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fs.cdpn.io%2F308622%2FVAX%2520-%2520Fireproof%2520Feat%2520Teddy%2520Sky.mp3%22%2C%0A%09%09%09color%3A%20%22%235d0126%22%0A%09%09%7D%0A%09%5D%3B%0A%09%0A%09for%20(let%20song%20of%20songs)%20%7B%0A%09%09%24(%22%23songs%22).append('%3Cli%20class%3D%22song%22%20data-audio%3D%22'%20%2B%20song.audioFile%20%2B%20'%22%20data-color%3D%22'%2B%20song.color%20%2B'%22%3E'%20%2B%20%0A%09%09%09'%3Cimg%20src%3D%22'%20%2B%20song.cover%20%2B%20'%22%3E'%20%2B%0A%09%09%09'%3Cp%20class%3D%22song-title%22%3E'%20%2B%20song.title%20%2B%20'%3C%2Fp%3E'%20%2B%0A%09%09%09'%3Cp%20class%3D%22song-artist%22%3E'%20%2B%20song.artist%20%2B%20'%3C%2Fp%3E'%20%2B%20%0A%09%09%09'%3C%2Fli%3E')%3B%0A%09%7D%0A%09%0A%09%24('.jcarousel').jcarousel(%7B%0A%09%09%09wrap%3A%20'circular'%0A%09%7D)%3B%0A%7D)%3B%0A%0A%2F*%0A%20*%20Replace%20all%20SVG%20images%20with%20inline%20SVG%0A%20*%2F%0AjQuery('img%5Bsrc%24%3D%22.svg%22%5D').each(function()%7B%0A%09var%20%24img%20%3D%20jQuery(this)%3B%0A%09var%20imgID%20%3D%20%24img.attr('id')%3B%0A%09var%20imgClass%20%3D%20%24img.attr('class')%3B%0A%09var%20imgURL%20%3D%20%24img.attr('src')%3B%0A%0A%09jQuery.get(imgURL%2C%20function(data)%20%7B%0A%09%09%2F%2F%20Get%20the%20SVG%20tag%2C%20ignore%20the%20rest%0A%09%09var%20%24svg%20%3D%20jQuery(data).find('svg')%3B%0A%0A%09%09%2F%2F%20Add%20replaced%20image's%20ID%20to%20the%20new%20SVG%0A%09%09if(typeof%20imgID%20!%3D%3D%20'undefined')%20%7B%0A%09%09%09%24svg%20%3D%20%24svg.attr('id'%2C%20imgID)%3B%0A%09%09%7D%0A%09%09%2F%2F%20Add%20replaced%20image's%20classes%20to%20the%20new%20SVG%0A%09%09if(typeof%20imgClass%20!%3D%3D%20'undefined')%20%7B%0A%09%09%09%24svg%20%3D%20%24svg.attr('class'%2C%20imgClass%2B'%20replaced-svg')%3B%0A%09%09%7D%0A%0A%09%09%2F%2F%20Remove%20any%20invalid%20XML%20tags%20as%20per%20http%3A%2F%2Fvalidator.w3.org%0A%09%09%24svg%20%3D%20%24svg.removeAttr('xmlns%3Aa')%3B%0A%0A%09%09%2F%2F%20Replace%20image%20with%20new%20SVG%0A%09%09%24img.replaceWith(%24svg)%3B%0A%0A%09%7D%2C%20'xml')%3B%0A%0A%7D)%3B%0A%0A%2F%2F%20Current%20slide%0A%24('.jcarousel').on('jcarousel%3Avisiblein'%2C%20'li'%2C%20function(event%2C%20carousel)%20%7B%0A%09let%20cover%20%3D%20%24(this).find(%22img%22).attr(%22src%22)%3B%0A%09let%20songTitle%20%3D%20%24(this).find(%22p.song-title%22).html()%3B%0A%09let%20songArtist%20%3D%20%24(this).find(%22p.song-artist%22).html()%3B%0A%09let%20audioSrc%20%3D%20%24(this).attr(%22data-audio%22)%3B%0A%09let%20backgroundColor%20%3D%20%24(this).attr(%22data-color%22)%3B%0A%09%24(%22body%22).css('background'%2C%20backgroundColor)%0A%09%24(%22%23background%22).css('background-image'%2C%20'url('%2Bcover%2B')')%3B%0A%09%24(%22audio%22).find(%22source%22).attr(%22src%22%2C%20%22%22%2BaudioSrc%2B%22%22)%3B%0A%09player.load()%3B%0A%09player.currentTime%20%3D%200%3B%0A%09%24(%22%23song-info%22).find(%22img%22).attr(%22src%22%2C%20cover)%3B%0A%09%24(%22%23song-info%20.artist-wrap%20p%22).find(%22span.title%22).html(songTitle)%3B%0A%09%24(%22%23song-info%20.artist-wrap%20p%22).find(%22span.artist%22).html(songArtist)%3B%0A%7D)%3B%0A%0A%2F%2F%20Previous%20slide%0A%24('%23previous-btn').click(function()%20%7B%0A%09%24('.jcarousel').jcarousel('scroll'%2C%20'-%3D1')%3B%0A%09%24('%23play-btn%20i').removeClass('fa-pause')%3B%0A%09player.pause()%3B%0A%7D)%3B%0A%0A%2F%2F%20Next%20slide%0A%24('%23next-btn').click(function()%20%7B%0A%09if%20(%24(%22.fa-random%22).hasClass('active'))%20%7B%0A%09%09let%20songs%20%3D%20%24(%22%23songs%20li%22).length%20-%201%3B%0A%09%09let%20randomSong%20%3D%20Math.floor(Math.random()%20*%20songs)%20%2B%201%3B%0A%09%09%24('.jcarousel').jcarousel('scroll'%2C%20'%2B%3D'%20%2B%20randomSong)%3B%0A%09%7D%20else%20%7B%0A%09%09%24('.jcarousel').jcarousel('scroll'%2C%20'%2B%3D1')%3B%0A%09%7D%0A%09%24('%23play-btn%20i').removeClass('fa-pause')%3B%0A%09player.pause()%3B%0A%7D)%3B%0A%0A%2F%2F%20Play%20Icon%20Switcher%0A%24('%23play-btn').click(function()%20%7B%0A%09%24(this).find('i').toggleClass('fa-pause')%3B%0A%7D)%3B%0A%0A%2F%2F%20Menu%0A%24(%22%23menu-btn%22).click(function()%20%7B%0A%09%24(%22%23content-wrap%22).addClass('inactive')%3B%0A%09%24(%22%23sidemenu%22).addClass('active')%3B%0A%7D)%3B%0A%0A%2F%2F%20Home%20Button%0A%24(%22%23home-btn%22).click(function()%20%7B%0A%09%24(%22%23home-screen%22).addClass('active')%3B%0A%09%24(%22.menu%22).removeClass('active')%3B%0A%09%24(%22%23content-wrap%22).addClass('minimized')%3B%0A%7D)%3B%0A%0A%2F%2F%20App%0A%24(%22.app-icon%22).click(function()%20%7B%0A%09%24(%22%23content-wrap%22).removeClass('minimized')%3B%0A%09setTimeout(function()%7B%20%24(%22%23home-screen%22).removeClass('active')%3B%20%7D%2C%20300)%3B%0A%7D)%3B%0A%0A%2F%2F%20Overlay%0A%24(%22%23overlay%22).click(function%20()%20%7B%0A%09%24(%22%23content-wrap%22).removeClass('inactive')%3B%0A%09%24(%22%23sidemenu%22).removeClass('active')%3B%0A%7D)%3B%0A%0A%2F%2F%20Options%0A%24(%22%23options-btn%22).click(function()%20%7B%0A%09%24(%22%23song-options%22).addClass('active')%3B%0A%7D)%3B%0A%0A%2F%2F%20Bluetooth%0A%24(%22%23bluetooth-btn%22).click(function()%20%7B%0A%09%24(%22%23bluetooth-devices%22).addClass('active')%3B%0A%7D)%3B%0A%0A%2F%2F%20Bluetooth%20Menu%0A%24(%22%23bluetooth-devices%20ul%20li%22).click(function()%20%7B%0A%09%24(this).toggleClass('connected')%3B%0A%09%24(this).siblings().removeClass('connected')%3B%0A%09%0A%09if%20(%24(%22%23bluetooth-devices%20ul%20li%22).hasClass('connected'))%20%7B%0A%09%09%24(%22%23sub-controls%20i.fa-bluetooth-b%22).addClass('active')%3B%0A%09%7D%20else%20%7B%0A%09%09%24(%22%23sub-controls%20i.fa-bluetooth-b%22).removeClass('active')%3B%0A%09%7D%0A%7D)%3B%0A%0A%2F%2F%20Close%20Menu%0A%24(%22.close-btn%22).click(function()%20%7B%0A%09%24(%22.menu%22).removeClass('active')%3B%0A%7D)%3B%0A%0A%24('%23sub-controls%20i').click(function%20()%20%7B%0A%09if(!%24(this).hasClass('fa-bluetooth-b'))%20%7B%0A%09%09%24(this).toggleClass('active')%3B%0A%09%7D%0A%09%0A%09if%20(%24(%22%23heart-icon%22).hasClass('active'))%20%7B%0A%09%09%24(%22%23heart-icon%22).removeClass('fa-heart-o')%3B%0A%09%09%24(%22%23heart-icon%22).addClass('fa-heart')%3B%0A%09%7D%20else%20%7B%0A%09%09%24(%22%23heart-icon%22).removeClass('fa-heart')%3B%0A%09%09%24(%22%23heart-icon%22).addClass('fa-heart-o')%3B%0A%09%7D%0A%7D)%3B%0A%0A%2F*%0A%20*%20Music%20Player%0A%20*%20By%20Greg%20Hovanesyan%0A%20*%20https%3A%2F%2Fcodepen.io%2Fgregh%2Fpen%2FNdVvbm%0A%20*%2F%0A%0Avar%20audioPlayer%20%3D%20document.querySelector('%23content')%3B%0Avar%20playpauseBtn%20%3D%20audioPlayer.querySelector('%23play-btn')%3B%0Avar%20progress%20%3D%20audioPlayer.querySelector('.progress')%3B%0Avar%20sliders%20%3D%20audioPlayer.querySelectorAll('.slider')%3B%0Avar%20player%20%3D%20audioPlayer.querySelector('audio')%3B%0Avar%20currentTime%20%3D%20audioPlayer.querySelector('%23current-time')%3B%0Avar%20totalTime%20%3D%20audioPlayer.querySelector('%23total-time')%3B%0A%0Avar%20draggableClasses%20%3D%20%5B'pin'%5D%3B%0Avar%20currentlyDragged%20%3D%20null%3B%0A%0Awindow.addEventListener('mousedown'%2C%20function(event)%20%7B%0A%20%20%0A%20%20if(!isDraggable(event.target))%20return%20false%3B%0A%20%20%0A%20%20currentlyDragged%20%3D%20event.target%3B%0A%20%20let%20handleMethod%20%3D%20currentlyDragged.dataset.method%3B%0A%20%20%0A%20%20this.addEventListener('mousemove'%2C%20window%5BhandleMethod%5D%2C%20false)%3B%0A%0A%20%20window.addEventListener('mouseup'%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20currentlyDragged%20%3D%20false%3B%0A%20%20%20%20window.removeEventListener('mousemove'%2C%20window%5BhandleMethod%5D%2C%20false)%3B%0A%20%20%7D%2C%20false)%3B%20%20%0A%7D)%3B%0A%0AplaypauseBtn.addEventListener('click'%2C%20togglePlay)%3B%0Aplayer.addEventListener('timeupdate'%2C%20updateProgress)%3B%0Aplayer.addEventListener('loadedmetadata'%2C%20()%20%3D%3E%20%7B%0A%20%20totalTime.textContent%20%3D%20formatTime(player.duration)%3B%0A%7D)%3B%0Aplayer.addEventListener('ended'%2C%20function()%7B%0A%20%20player.currentTime%20%3D%200%3B%0A%09%0A%09if%20(%24(%22.fa-refresh%22).hasClass('active'))%20%7B%0A%09%09togglePlay()%3B%0A%09%7D%20else%20%7B%0A%09%09if%20(%24(%22.fa-random%22).hasClass('active'))%20%7B%0A%09%09%09let%20songs%20%3D%20%24(%22%23songs%20li%22).length%20-%201%3B%0A%09%09%09let%20randomSong%20%3D%20Math.floor(Math.random()%20*%20songs)%20%2B%201%3B%0A%09%09%09%24('.jcarousel').jcarousel('scroll'%2C%20'%2B%3D'%20%2B%20randomSong)%3B%0A%09%09%7D%20else%20%7B%0A%09%09%09%24('.jcarousel').jcarousel('scroll'%2C%20'%2B%3D1')%3B%0A%09%09%7D%0A%09%09togglePlay()%3B%0A%09%7D%0A%7D)%3B%0A%0Asliders.forEach(slider%20%3D%3E%20%7B%0A%20%20let%20pin%20%3D%20slider.querySelector('.pin')%3B%0A%20%20slider.addEventListener('click'%2C%20window%5Bpin.dataset.method%5D)%3B%0A%7D)%3B%0A%0Afunction%20isDraggable(el)%20%7B%0A%20%20let%20canDrag%20%3D%20false%3B%0A%20%20let%20classes%20%3D%20Array.from(el.classList)%3B%0A%20%20draggableClasses.forEach(draggable%20%3D%3E%20%7B%0A%20%20%20%20if(classes.indexOf(draggable)%20!%3D%3D%20-1)%0A%20%20%20%20%20%20canDrag%20%3D%20true%3B%0A%20%20%7D)%0A%20%20return%20canDrag%3B%0A%7D%0A%0Afunction%20inRange(event)%20%7B%0A%20%20let%20rangeBox%20%3D%20getRangeBox(event)%3B%0A%20%20let%20direction%20%3D%20rangeBox.dataset.direction%3B%0A%09let%20screenOffset%20%3D%20document.querySelector(%22%23screen%22).offsetLeft%20%2B%2026%3B%0A%09var%20min%20%3D%20screenOffset%20-%20rangeBox.offsetLeft%3B%0A%09var%20max%20%3D%20min%20%2B%20rangeBox.offsetWidth%3B%20%20%20%0A%09if(event.clientX%20%3C%20min%20%7C%7C%20event.clientX%20%3E%20max)%20%7B%20return%20false%20%7D%3B%0A%20%20return%20true%3B%0A%7D%0A%0Afunction%20updateProgress()%20%7B%0A%20%20var%20current%20%3D%20player.currentTime%3B%0A%20%20var%20percent%20%3D%20(current%20%2F%20player.duration)%20*%20100%3B%0A%20%20progress.style.width%20%3D%20percent%20%2B%20'%25'%3B%0A%20%20%0A%20%20currentTime.textContent%20%3D%20formatTime(current)%3B%0A%7D%0A%0Afunction%20getRangeBox(event)%20%7B%0A%20%20let%20rangeBox%20%3D%20event.target%3B%0A%20%20let%20el%20%3D%20currentlyDragged%3B%0A%20%20if(event.type%20%3D%3D%20'click'%20%26%26%20isDraggable(event.target))%20%7B%0A%20%20%20%20rangeBox%20%3D%20event.target.parentElement.parentElement%3B%0A%20%20%7D%0A%20%20if(event.type%20%3D%3D%20'mousemove')%20%7B%0A%20%20%20%20rangeBox%20%3D%20el.parentElement.parentElement%3B%0A%20%20%7D%0A%20%20return%20rangeBox%3B%0A%7D%0A%0Afunction%20getCoefficient(event)%20%7B%0A%20%20let%20slider%20%3D%20getRangeBox(event)%3B%0A%09let%20screenOffset%20%3D%20document.querySelector(%22%23screen%22).offsetLeft%20%2B%2026%3B%0A%20%20let%20K%20%3D%200%3B%0A%09let%20offsetX%20%3D%20event.clientX%20-%20screenOffset%3B%0A%09let%20width%20%3D%20slider.clientWidth%3B%0A%09K%20%3D%20offsetX%20%2F%20width%3B%0A%20%20return%20K%3B%0A%7D%0A%0Afunction%20rewind(event)%20%7B%0A%20%20if(inRange(event))%20%7B%0A%20%20%20%20player.currentTime%20%3D%20player.duration%20*%20getCoefficient(event)%3B%0A%20%20%7D%0A%7D%0A%0Afunction%20formatTime(time)%20%7B%0A%20%20var%20min%20%3D%20Math.floor(time%20%2F%2060)%3B%0A%20%20var%20sec%20%3D%20Math.floor(time%20%25%2060)%3B%0A%20%20return%20min%20%2B%20'%3A'%20%2B%20((sec%3C10)%20%3F%20('0'%20%2B%20sec)%20%3A%20sec)%3B%0A%7D%0A%0Afunction%20togglePlay()%20%7B%0A%09player.volume%20%3D%200.5%3B%0A%09%0A%20%20if(player.paused)%20%7B%0A%20%20%20%20player.play()%3B%0A%20%20%7D%20else%20%7B%0A%20%20%20%20player.pause()%3B%0A%20%20%7D%20%20%0A%7D``,``css``:``.alizarin%20%7B%0A%20%20background%3A%20%23e74c3c%20!important%3B%0A%7D%0A%0A.sun-flower%20%7B%0A%20%20background%3A%20%23f1c40f%20!important%3B%0A%7D%0A%0A.emerald%20%7B%0A%20%20background%3A%20%232ecc71%20!important%3B%0A%7D%0A%0A%2F*%20Font%20with%20fallback%20*%2F%0A%2F*--------*%2F%0A%2F*%20Mixins%20*%2F%0A%2F*--------*%2F%0A%2F*%20Transition%20*%2F%0A%2F*%20Border%20Radius%20*%2F%0A%2F*%20Box-shadow%20*%2F%0A%2F*%20User%20Select%20*%2F%0A%2F*%20Filter%20*%2F%0A%2F*%20Appearance%20*%2F%0A%2F*%20Aspect%20Ratio%20*%2F%0A%2F*%20Transform%20Base%20*%2F%0A%2F*%20Transform%20-%20Scale%20*%2F%0A%2F*%20Transform%20-%20Translate%20*%2F%0A%2F*%20Transform%20-%20Skew%20*%2F%0A%2F*%20Transform%20-%20Origin%20*%2F%0A%2F*%20Linear%20Gradient%20*%2F%0A%2F*%20Calculate%20REM%20*%2F%0A%2F*---------*%2F%0A%2F*%20Presets%20*%2F%0A%2F*---------*%2F%0A%2F*%20body%20*%2F%0Abody%20%7B%0A%20%20background%3A%20%23ecf0f1%3B%0A%20%20font-family%3A%20%22proxima-nova%22%2C%20%22Lato%22%2C%20%22Source%20Sans%20Pro%22%2C%20%22Raleway%22%2C%20Arial%2C%20sans-serif%3B%0A%20%20height%3A%20100vh%3B%0A%20%20width%3A%20100vw%3B%0A%7D%0A%0A%2F*%20Float%3A%20left%2Fright%20*%2F%0A.pull-left%20%7B%0A%20%20float%3A%20left%3B%0A%7D%0A%0A.pull-right%20%7B%0A%20%20float%3A%20right%3B%0A%7D%0A%0A%2F*%20Flex%20center%20*%2F%0A.flex-center%2C%20div%23home-screen%20div.home-content%20div.app-icon%2C%20div%23home-screen%20%7B%0A%20%20display%3A%20-webkit-box%3B%0A%20%20display%3A%20-ms-flexbox%3B%0A%20%20display%3A%20-webkit-flex%3B%0A%20%20display%3A%20flex%3B%0A%20%20-webkit-flex-align%3A%20center%3B%0A%20%20-ms-flex-align%3A%20center%3B%0A%20%20-webkit-align-items%3A%20center%3B%0A%20%20align-items%3A%20center%3B%0A%20%20justify-content%3A%20center%3B%0A%7D%0A%0A%2F*%20Flex%20*%2F%0A.flex%20%7B%0A%20%20display%3A%20-webkit-box%3B%0A%20%20display%3A%20-ms-flexbox%3B%0A%20%20display%3A%20-webkit-flex%3B%0A%20%20display%3A%20flex%3B%0A%7D%0A%0A%2F*%20Outline%20none%20*%2F%0A*%2C%20*%3Afocus%2C%20*%3Aactive%20%7B%0A%20%20outline%3A%20none%3B%0A%7D%0A%0A.clearfix%3Aafter%2C%20div%23song-options%20div%23song-info%3Aafter%2C%20div%23header%3Aafter%20%7B%0A%20%20content%3A%20%22%22%3B%0A%20%20display%3A%20table%3B%0A%20%20clear%3A%20both%3B%0A%7D%0A%0Abody%20%7B%0A%20%20color%3A%20white%3B%0A%20%20display%3A%20flex%3B%0A%20%20align-items%3A%20center%3B%0A%20%20justify-content%3A%20center%3B%0A%20%20height%3A%20100vh%3B%0A%20%20width%3A%20100vw%3B%0A%20%20background%3A%20%23ef8b80%3B%0A%20%20font-family%3A%20%22proxima-nova%22%2C%20%22Lato%22%2C%20%22Source%20Sans%20Pro%22%2C%20%22Raleway%22%2C%20Arial%2C%20sans-serif%3B%0A%20%20-webkit-transition%3A%20background%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20background%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20background%200.25s%20ease%3B%0A%20%20-o-transition%3A%20background%200.25s%20ease%3B%0A%20%20transition%3A%20background%200.25s%20ease%3B%0A%7D%0A%0A.svg%20path%20%7B%0A%20%20fill%3A%20white%3B%0A%7D%0A%0Ah3%20%7B%0A%20%20cursor%3A%20default%3B%0A%20%20font-weight%3A%20600%3B%0A%20%20font-size%3A%2012px%3B%0A%20%20letter-spacing%3A%201px%3B%0A%20%20margin%3A%200%200%2015px%3B%0A%20%20text-transform%3A%20uppercase%3B%0A%7D%0A%0Ap%20%7B%0A%20%20cursor%3A%20default%3B%0A%7D%0Ap.info-text%20%7B%0A%20%20color%3A%20%23b3b3b3%3B%0A%20%20font-size%3A%2010px%3B%0A%7D%0A%0A.fa.add%20%7B%0A%20%20position%3A%20relative%3B%0A%7D%0A.fa.add%3A%3Aafter%20%7B%0A%20%20background%3A%20%23444444%3B%0A%20%20border-radius%3A%20100px%3B%0A%20%20content%3A%20%22%EF%81%95%22%3B%0A%20%20font-size%3A%2010px%3B%0A%20%20left%3A%202px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%20-1px%3B%0A%20%20width%3A%2010px%3B%0A%20%20height%3A%2011px%3B%0A%7D%0A%0Adiv%23iphone%20%7B%0A%20%20background%3A%20white%3B%0A%20%20border%3A%204px%20solid%20%23ececec%3B%0A%20%20border-radius%3A%2030px%3B%0A%20%20max-width%3A%20257px%3B%0A%20%20padding%3A%2010px%3B%0A%20%20-webkit-box-shadow%3A%200px%2010px%2025px%20rgba(51%2C%2051%2C%2051%2C%200.3)%3B%0A%20%20-moz-box-shadow%3A%200px%2010px%2025px%20rgba(51%2C%2051%2C%2051%2C%200.3)%3B%0A%20%20box-shadow%3A%200px%2010px%2025px%20rgba(51%2C%2051%2C%2051%2C%200.3)%3B%0A%7D%0Adiv%23iphone%20div%23camera%20%7B%0A%20%20cursor%3A%20default%3B%0A%20%20margin%3A%205px%20auto%2020px%3B%0A%20%20width%3A%20100%25%3B%0A%20%20text-align%3A%20center%3B%0A%20%20-webkit-user-select%3A%20none%3B%0A%20%20-moz-user-select%3A%20none%3B%0A%20%20-ms-user-select%3A%20none%3B%0A%7D%0Adiv%23iphone%20div%23camera%20span%20%7B%0A%20%20background%3A%20%23ececec%3B%0A%20%20display%3A%20inline-block%3B%0A%7D%0Adiv%23iphone%20div%23camera%20span%3Anth-child(1)%20%7B%0A%20%20border-radius%3A%207px%3B%0A%20%20height%3A%207px%3B%0A%20%20margin-right%3A%207px%3B%0A%20%20position%3A%20relative%3B%0A%20%20top%3A%201px%3B%0A%20%20width%3A%207px%3B%0A%7D%0Adiv%23iphone%20div%23camera%20span%3Anth-child(2)%20%7B%0A%20%20border-radius%3A%205px%3B%0A%20%20height%3A%205px%3B%0A%20%20width%3A%2035px%3B%0A%7D%0Adiv%23iphone%20div%23screen%20%7B%0A%20%20background%3A%20%23666666%3B%0A%20%20border%3A%202px%20solid%20%23f2f2f2%3B%0A%20%20border-radius%3A%204px%3B%0A%20%20height%3A%20400px%3B%0A%20%20overflow%3A%20hidden%3B%0A%20%20position%3A%20relative%3B%0A%20%20width%3A%20225px%3B%0A%20%20z-index%3A%201%3B%0A%7D%0Adiv%23iphone%20div%23screen%3A%3Aafter%20%7B%0A%20%20background%3A%20gray%3B%0A%20%20content%3A%20%22%22%3B%0A%20%20display%3A%20block%3B%0A%20%20height%3A%20130%25%3B%0A%20%20left%3A%2060%25%3B%0A%20%20opacity%3A%200.15%3B%0A%20%20position%3A%20absolute%3B%0A%20%20pointer-events%3A%20none%3B%0A%20%20top%3A%20-25%25%3B%0A%20%20width%3A%20100%25%3B%0A%20%20-moz-transform%3A%20rotate(-20deg)%3B%0A%20%20-o-transform%3A%20rotate(-20deg)%3B%0A%20%20-ms-transform%3A%20rotate(-20deg)%3B%0A%20%20-webkit-transform%3A%20rotate(-20deg)%3B%0A%20%20transform%3A%20rotate(-20deg)%3B%0A%7D%0Adiv%23iphone%20div%23home-btn%20%7B%0A%20%20border%3A%203px%20solid%20%23ececec%3B%0A%20%20border-radius%3A%2035px%3B%0A%20%20cursor%3A%20pointer%3B%0A%20%20height%3A%2035px%3B%0A%20%20margin%3A%2010px%20auto%205px%3B%0A%20%20width%3A%2035px%3B%0A%7D%0A%0Adiv%23content-wrap%20%7B%0A%20%20background%3A%20%23333%3B%0A%20%20height%3A%20100%25%3B%0A%20%20overflow%3A%20hidden%3B%0A%20%20position%3A%20relative%3B%0A%20%20z-index%3A%205%3B%0A%20%20-webkit-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-o-transition%3A%20transform%200.25s%20ease%3B%0A%20%20transition%3A%20transform%200.25s%20ease%3B%0A%7D%0Adiv%23content-wrap.minimized%20%7B%0A%20%20-moz-transform%3A%20scale(0)%3B%0A%20%20-o-transform%3A%20scale(0)%3B%0A%20%20-ms-transform%3A%20scale(0)%3B%0A%20%20-webkit-transform%3A%20scale(0)%3B%0A%20%20transform%3A%20scale(0)%3B%0A%7D%0Adiv%23content-wrap.inactive%20%7B%0A%20%20-moz-transform%3A%20scale(0.85)%20translate(0%2C%2060%25)%3B%0A%20%20-o-transform%3A%20scale(0.85)%20translate(0%2C%2060%25)%3B%0A%20%20-ms-transform%3A%20scale(0.85)%20translate(0%2C%2060%25)%3B%0A%20%20-webkit-transform%3A%20scale(0.85)%20translate(0%2C%2060%25)%3B%0A%20%20transform%3A%20scale(0.85)%20translate(0%2C%2060%25)%3B%0A%7D%0Adiv%23content-wrap.inactive%20div%23overlay%20%7B%0A%20%20display%3A%20block%3B%0A%7D%0A%0Adiv%23overlay%20%7B%0A%20%20cursor%3A%20pointer%3B%0A%20%20display%3A%20none%3B%0A%20%20height%3A%20100%25%3B%0A%20%20left%3A%200%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%200%3B%0A%20%20width%3A%20100%25%3B%0A%20%20z-index%3A%203%3B%0A%7D%0A%0Adiv%23content%20%7B%0A%20%20padding%3A%2015px%3B%0A%20%20position%3A%20relative%3B%0A%20%20z-index%3A%202%3B%0A%7D%0A%0Adiv%23background%20%7B%0A%20%20background-size%3A%20cover%3B%0A%20%20background-position%3A%20center%3B%0A%20%20display%3A%20block%3B%0A%20%20height%3A%20100%25%3B%0A%20%20left%3A%200%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%200%3B%0A%20%20width%3A%20100%25%3B%0A%20%20z-index%3A%201%3B%0A%20%20-webkit-filter%3A%20blur(10px)%3B%0A%20%20-moz-filter%3A%20blur(10px)%3B%0A%20%20-ms-filter%3A%20blur(10px)%3B%0A%20%20-o-filter%3A%20blur(10px)%3B%0A%20%20filter%3A%20blur(10px)%3B%0A%20%20-webkit-transition%3A%20background-image%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20background-image%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20background-image%200.25s%20ease%3B%0A%20%20-o-transition%3A%20background-image%200.25s%20ease%3B%0A%20%20transition%3A%20background-image%200.25s%20ease%3B%0A%7D%0Adiv%23background%3A%3Abefore%20%7B%0A%20%20background%3A%20%23333%3B%0A%20%20content%3A%20%22%22%3B%0A%20%20display%3A%20block%3B%0A%20%20height%3A%20100%25%3B%0A%20%20opacity%3A%200.5%3B%0A%20%20position%3A%20absolute%3B%0A%20%20width%3A%20100%25%3B%0A%7D%0Adiv%23background%3A%3Aafter%20%7B%0A%20%20content%3A%20%22%22%3B%0A%20%20display%3A%20block%3B%0A%20%20height%3A%20100%25%3B%0A%20%20position%3A%20absolute%3B%0A%20%20width%3A%20100%25%3B%0A%20%20background%3A%20rgba(0%2C%200%2C%200%2C%200)%3B%0A%20%20background%3A%20-webkit-linear-gradient(top%2C%20rgba(0%2C%200%2C%200%2C%200)%2050%25%2C%20%23323232%20100%25)%3B%0A%20%20background%3A%20linear-gradient(to%20bottom%2C%20rgba(0%2C%200%2C%200%2C%200)%2050%25%2C%20%23323232%20100%25)%3B%0A%7D%0A%0Adiv%23header%20%7B%0A%20%20color%3A%20white%3B%0A%7D%0Adiv%23header%20span%20%7B%0A%20%20cursor%3A%20pointer%3B%0A%20%20font-size%3A%2020px%3B%0A%7D%0Adiv%23header%20span%20.svg%20%7B%0A%20%20height%3A%2016px%3B%0A%20%20width%3A%2016px%3B%0A%7D%0Adiv%23header%20span%23menu-btn%20%7B%0A%20%20float%3A%20left%3B%0A%7D%0Adiv%23header%20span%23options-btn%20%7B%0A%20%20float%3A%20right%3B%0A%7D%0A%0Adiv.jcarousel%20%7B%0A%20%20left%3A%20-15px%3B%0A%20%20width%3A%20calc(100%25%20%2B%2030px)%3B%0A%20%20position%3A%20relative%3B%0A%20%20overflow%3A%20hidden%3B%0A%7D%0Adiv.jcarousel%20ul%23songs%20%7B%0A%20%20width%3A%2020000em%3B%0A%20%20position%3A%20relative%3B%0A%7D%0Adiv.jcarousel%20ul%23songs%20li.song%20%7B%0A%20%20float%3A%20left%3B%0A%20%20margin%3A%2010px%2015px%3B%0A%20%20text-align%3A%20center%3B%0A%20%20width%3A%20calc(225px%20-%2030px)%3B%0A%7D%0Adiv.jcarousel%20ul%23songs%20li.song%20img%20%7B%0A%20%20width%3A%2092.5%25%3B%0A%20%20-webkit-box-shadow%3A%200px%205px%2025px%20rgba(50%2C%2050%2C%2050%2C%200.5)%3B%0A%20%20-moz-box-shadow%3A%200px%205px%2025px%20rgba(50%2C%2050%2C%2050%2C%200.5)%3B%0A%20%20box-shadow%3A%200px%205px%2025px%20rgba(50%2C%2050%2C%2050%2C%200.5)%3B%0A%7D%0Adiv.jcarousel%20ul%23songs%20li.song%20p%20%7B%0A%20%20color%3A%20white%3B%0A%20%20text-shadow%3A%201px%201px%201px%20rgba(0%2C%200%2C%200%2C%200.15)%3B%0A%7D%0Adiv.jcarousel%20ul%23songs%20li.song%20p.song-title%20%7B%0A%20%20font-size%3A%2016px%3B%0A%20%20font-weight%3A%20600%3B%0A%20%20margin%3A%2010px%200%205px%3B%0A%7D%0Adiv.jcarousel%20ul%23songs%20li.song%20p.song-artist%20%7B%0A%20%20color%3A%20%23b3b3b3%3B%0A%20%20font-size%3A%2012px%3B%0A%20%20margin%3A%200%3B%0A%7D%0A%0Adiv%23controls%20%7B%0A%20%20color%3A%20white%3B%0A%20%20display%3A%20table%3B%0A%20%20margin%3A%2010px%20auto%2025px%3B%0A%20%20text-align%3A%20center%3B%0A%20%20width%3A%2075%25%3B%0A%7D%0Adiv%23controls%20span%20%7B%0A%20%20display%3A%20table-cell%3B%0A%20%20font-size%3A%2020px%3B%0A%20%20vertical-align%3A%20middle%3B%0A%7D%0Adiv%23controls%20span%23play-btn%20%7B%0A%20%20font-size%3A%2034px%3B%0A%7D%0Adiv%23controls%20span%20i%20%7B%0A%20%20cursor%3A%20pointer%3B%0A%7D%0A%0Adiv%23sub-controls%20%7B%0A%20%20color%3A%20%23999999%3B%0A%20%20cursor%3A%20default%3B%0A%20%20font-size%3A%2014px%3B%0A%20%20margin%3A%2015px%200%200%3B%0A%20%20text-align%3A%20center%3B%0A%20%20-webkit-user-select%3A%20none%3B%0A%20%20-moz-user-select%3A%20none%3B%0A%20%20-ms-user-select%3A%20none%3B%0A%7D%0Adiv%23sub-controls%20.svg%20%7B%0A%20%20height%3A%2014px%3B%0A%20%20position%3A%20relative%3B%0A%20%20top%3A%202px%3B%0A%20%20width%3A%2014px%3B%0A%7D%0Adiv%23sub-controls%20.svg%20path%20%7B%0A%20%20fill%3A%20%23999999%3B%0A%7D%0Adiv%23sub-controls%20i%2C%20div%23sub-controls%20.svg%20%7B%0A%20%20cursor%3A%20pointer%3B%0A%20%20margin%3A%200%2015px%3B%0A%7D%0Adiv%23sub-controls%20i.active%2C%20div%23sub-controls%20.svg.active%20%7B%0A%20%20color%3A%20%23e74c3c%3B%0A%7D%0A%0Adiv%23timeline%20%7B%0A%20%20position%3A%20relative%3B%0A%20%20margin%3A%200%20auto%3B%0A%20%20width%3A%2092.5%25%3B%0A%7D%0Adiv%23timeline%20span%20%7B%0A%20%20color%3A%20%23b3b3b3%3B%0A%20%20font-size%3A%207px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%20-10px%3B%0A%7D%0Adiv%23timeline%20span%23current-time%20%7B%0A%20%20left%3A%200%3B%0A%7D%0Adiv%23timeline%20span%23total-time%20%7B%0A%20%20right%3A%200%3B%0A%7D%0Adiv%23timeline%20div.slider%20%7B%0A%20%20background-color%3A%20gray%3B%0A%20%20border-radius%3A%202px%3B%0A%20%20cursor%3A%20pointer%3B%0A%20%20height%3A%202px%3B%0A%20%20position%3A%20relative%3B%0A%20%20width%3A%20100%25%3B%0A%7D%0Adiv%23timeline%20div.slider%20div.progress%20%7B%0A%20%20background-color%3A%20%23e74c3c%3B%0A%20%20height%3A%20100%25%3B%0A%20%20pointer-events%3A%20none%3B%0A%20%20position%3A%20absolute%3B%0A%20%20width%3A%200%3B%0A%7D%0Adiv%23timeline%20div.slider%20div.progress%20div.pin%20%7B%0A%20%20background-color%3A%20white%3B%0A%20%20border-radius%3A%208px%3B%0A%20%20height%3A%208px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20pointer-events%3A%20all%3B%0A%20%20right%3A%20-5px%3B%0A%20%20top%3A%20-3px%3B%0A%20%20width%3A%208px%3B%0A%20%20-webkit-box-shadow%3A%200px%201px%201px%200px%20rgba(0%2C%200%2C%200%2C%200.32)%3B%0A%20%20-moz-box-shadow%3A%200px%201px%201px%200px%20rgba(0%2C%200%2C%200%2C%200.32)%3B%0A%20%20box-shadow%3A%200px%201px%201px%200px%20rgba(0%2C%200%2C%200%2C%200.32)%3B%0A%20%20-webkit-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-o-transition%3A%20transform%200.25s%20ease%3B%0A%20%20transition%3A%20transform%200.25s%20ease%3B%0A%7D%0Adiv%23timeline%20div.slider%20div.progress%20div.pin%3Aactive%20%7B%0A%20%20-moz-transform%3A%20scale(1.5)%3B%0A%20%20-o-transform%3A%20scale(1.5)%3B%0A%20%20-ms-transform%3A%20scale(1.5)%3B%0A%20%20-webkit-transform%3A%20scale(1.5)%3B%0A%20%20transform%3A%20scale(1.5)%3B%0A%7D%0A%0Adiv%23sidemenu%20%7B%0A%20%20background%3A%20%23444%3B%0A%20%20box-sizing%3A%20border-box%3B%0A%20%20height%3A%20100%25%3B%0A%20%20left%3A%200%3B%0A%20%20padding%3A%2020px%2010px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%200%3B%0A%20%20width%3A%20100%25%3B%0A%20%20z-index%3A%201%3B%0A%7D%0Adiv%23sidemenu.active%20ul%20%7B%0A%20%20-moz-transform%3A%20scale(1)%3B%0A%20%20-o-transform%3A%20scale(1)%3B%0A%20%20-ms-transform%3A%20scale(1)%3B%0A%20%20-webkit-transform%3A%20scale(1)%3B%0A%20%20transform%3A%20scale(1)%3B%0A%7D%0Adiv%23sidemenu%20ul%20%7B%0A%20%20color%3A%20white%3B%0A%20%20font-size%3A%2018px%3B%0A%20%20-webkit-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20transform%200.25s%20ease%3B%0A%20%20-o-transition%3A%20transform%200.25s%20ease%3B%0A%20%20transition%3A%20transform%200.25s%20ease%3B%0A%20%20-moz-transform%3A%20scale(0.8)%3B%0A%20%20-o-transform%3A%20scale(0.8)%3B%0A%20%20-ms-transform%3A%20scale(0.8)%3B%0A%20%20-webkit-transform%3A%20scale(0.8)%3B%0A%20%20transform%3A%20scale(0.8)%3B%0A%7D%0Adiv%23sidemenu%20ul%20li%20%7B%0A%20%20cursor%3A%20pointer%3B%0A%20%20font-weight%3A%20300%3B%0A%20%20padding%3A%208px%205px%3B%0A%7D%0Adiv%23sidemenu%20ul%20li%3Anth-child(1)%20%7B%0A%20%20margin-top%3A%20-8px%3B%0A%7D%0Adiv%23sidemenu%20ul%20li%3Ahover%20%7B%0A%20%20background%3A%20%23515151%3B%0A%20%20border-radius%3A%205px%3B%0A%7D%0Adiv%23sidemenu%20ul%20li%3Ahover%20.svg%2C%20div%23sidemenu%20ul%20li%3Ahover%20i%20%7B%0A%20%20opacity%3A%201%3B%0A%7D%0Adiv%23sidemenu%20ul%20li%20.svg%20%7B%0A%20%20display%3A%20inline-block%3B%0A%20%20height%3A%2016px%3B%0A%20%20padding%3A%200%200.2em%3B%0A%20%20position%3A%20relative%3B%0A%20%20top%3A%202px%3B%0A%20%20width%3A%2016px%3B%0A%7D%0Adiv%23sidemenu%20ul%20li%20.svg%2C%20div%23sidemenu%20ul%20li%20i%20%7B%0A%20%20margin-right%3A%205px%3B%0A%20%20opacity%3A%200.75%3B%0A%20%20-webkit-transition%3A%20opacity%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20opacity%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20opacity%200.25s%20ease%3B%0A%20%20-o-transition%3A%20opacity%200.25s%20ease%3B%0A%20%20transition%3A%20opacity%200.25s%20ease%3B%0A%7D%0A%0Adiv%23song-options%20div%23song-info%20%7B%0A%20%20margin%3A%200%200%2020px%3B%0A%20%20position%3A%20relative%3B%0A%7D%0Adiv%23song-options%20div%23song-info%20img%20%7B%0A%20%20float%3A%20left%3B%0A%20%20width%3A%2050px%3B%0A%20%20-webkit-box-shadow%3A%200%202px%205px%20rgba(50%2C%2050%2C%2050%2C%200.2)%3B%0A%20%20-moz-box-shadow%3A%200%202px%205px%20rgba(50%2C%2050%2C%2050%2C%200.2)%3B%0A%20%20box-shadow%3A%200%202px%205px%20rgba(50%2C%2050%2C%2050%2C%200.2)%3B%0A%7D%0Adiv%23song-options%20div%23song-info%20div.artist-wrap%20%7B%0A%20%20box-sizing%3A%20border-box%3B%0A%20%20float%3A%20right%3B%0A%20%20padding%3A%200%200%200%208px%3B%0A%20%20width%3A%20calc(100%25%20-%2050px)%3B%0A%7D%0Adiv%23song-options%20div%23song-info%20div.artist-wrap%20p%20%7B%0A%20%20bottom%3A%204px%3B%0A%20%20font-size%3A%2016px%3B%0A%20%20position%3A%20absolute%3B%0A%7D%0Adiv%23song-options%20div%23song-info%20div.artist-wrap%20p%20span%20%7B%0A%20%20display%3A%20block%3B%0A%7D%0Adiv%23song-options%20div%23song-info%20div.artist-wrap%20p%20span.artist%20%7B%0A%20%20font-size%3A%2012px%3B%0A%20%20font-weight%3A%20300%3B%0A%20%20margin%3A%204px%200%200%3B%0A%7D%0Adiv%23song-options%20ul%20%7B%0A%20%20font-size%3A%2016px%3B%0A%7D%0A%0Adiv%23bluetooth-devices%20ul%20%7B%0A%20%20margin%3A%205px%200%2015px%3B%0A%7D%0Adiv%23bluetooth-devices%20ul%20li.connected%20%7B%0A%20%20border%3A%201px%20solid%20rgba(255%2C%20255%2C%20255%2C%200.2)%3B%0A%20%20font-size%3A%2014px%3B%0A%7D%0Adiv%23bluetooth-devices%20ul%20li.connected%20span%20%7B%0A%20%20display%3A%20block%3B%0A%7D%0Adiv%23bluetooth-devices%20ul%20li.connected%20i%20%7B%0A%20%20color%3A%20%23e74c3c%3B%0A%7D%0Adiv%23bluetooth-devices%20ul%20li.connected%20.svg%20path%20%7B%0A%20%20fill%3A%20%23e74c3c%20!important%3B%0A%7D%0Adiv%23bluetooth-devices%20ul%20li.connected%20.svg%2C%20div%23bluetooth-devices%20ul%20li.connected%20i%20%7B%0A%20%20opacity%3A%201%3B%0A%20%20position%3A%20relative%3B%0A%20%20top%3A%20-5px%3B%0A%7D%0Adiv%23bluetooth-devices%20ul%20li%20p%20%7B%0A%20%20display%3A%20inline-block%3B%0A%7D%0Adiv%23bluetooth-devices%20ul%20li%20p%20span%20%7B%0A%20%20display%3A%20none%3B%0A%20%20font-size%3A%2010px%3B%0A%20%20margin%3A%202px%200%200%3B%0A%20%20opacity%3A%200.75%3B%0A%7D%0A%0Adiv.menu%20%7B%0A%20%20background%3A%20%23444%3B%0A%20%20box-sizing%3A%20border-box%3B%0A%20%20display%3A%20block%3B%0A%20%20height%3A%20100%25%3B%0A%20%20padding%3A%200%2020px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%20100%25%3B%0A%20%20width%3A%20100%25%3B%0A%20%20z-index%3A%2010%3B%0A%20%20-webkit-transition%3A%20top%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20top%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20top%200.25s%20ease%3B%0A%20%20-o-transition%3A%20top%200.25s%20ease%3B%0A%20%20transition%3A%20top%200.25s%20ease%3B%0A%7D%0Adiv.menu.active%20%7B%0A%20%20top%3A%200%3B%0A%7D%0Adiv.menu%20span.close-btn%20%7B%0A%20%20color%3A%20%23b3b3b3%3B%0A%20%20cursor%3A%20pointer%3B%0A%20%20display%3A%20block%3B%0A%20%20font-size%3A%2014px%3B%0A%20%20margin%3A%205px%20auto%2015px%3B%0A%20%20padding%3A%200%208px%204px%3B%0A%20%20text-align%3A%20center%3B%0A%20%20width%3A%2050px%3B%0A%20%20-webkit-transition%3A%20color%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20color%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20color%200.25s%20ease%3B%0A%20%20-o-transition%3A%20color%200.25s%20ease%3B%0A%20%20transition%3A%20color%200.25s%20ease%3B%0A%7D%0Adiv.menu%20span.close-btn%3Ahover%20%7B%0A%20%20color%3A%20%23e6e6e6%3B%0A%7D%0Adiv.menu%20span.close-btn%20span%20%7B%0A%20%20font-size%3A%201.6em%3B%0A%20%20position%3A%20relative%3B%0A%20%20top%3A%203px%3B%0A%7D%0Adiv.menu%20li%20%7B%0A%20%20border-radius%3A%205px%3B%0A%20%20cursor%3A%20pointer%3B%0A%20%20font-weight%3A%20300%3B%0A%20%20margin-bottom%3A%204px%3B%0A%20%20padding%3A%208px%205px%3B%0A%7D%0Adiv.menu%20li%3Anth-child(1)%20%7B%0A%20%20margin-top%3A%20-8px%3B%0A%7D%0Adiv.menu%20li%3Ahover%20%7B%0A%20%20background%3A%20%23515151%3B%0A%7D%0Adiv.menu%20li%3Ahover%20.svg%2C%20div.menu%20li%3Ahover%20i%20%7B%0A%20%20opacity%3A%201%3B%0A%7D%0Adiv.menu%20li%20.svg%20%7B%0A%20%20display%3A%20inline-block%3B%0A%20%20height%3A%2014px%3B%0A%20%20padding%3A%200%200.2em%3B%0A%20%20position%3A%20relative%3B%0A%20%20top%3A%202px%3B%0A%20%20width%3A%2014px%3B%0A%7D%0Adiv.menu%20li%20.svg%2C%20div.menu%20li%20i%20%7B%0A%20%20margin-right%3A%205px%3B%0A%20%20opacity%3A%200.75%3B%0A%20%20-webkit-transition%3A%20opacity%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20opacity%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20opacity%200.25s%20ease%3B%0A%20%20-o-transition%3A%20opacity%200.25s%20ease%3B%0A%20%20transition%3A%20opacity%200.25s%20ease%3B%0A%7D%0Adiv.menu%20li%20i%20%7B%0A%20%20position%3A%20relative%3B%0A%20%20top%3A%201px%3B%0A%7D%0A%0Adiv%23home-screen%20%7B%0A%20%20background%3A%20%234f6f8f%3B%0A%20%20background%3A%20-webkit-linear-gradient(top%2C%20%234f6f8f%2C%20%233d566e)%3B%0A%20%20background%3A%20linear-gradient(to%20bottom%2C%20%234f6f8f%2C%20%233d566e)%3B%0A%20%20height%3A%20100%25%3B%0A%20%20left%3A%200%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%200%3B%0A%20%20width%3A%20100%25%3B%0A%20%20visibility%3A%20hidden%3B%0A%20%20z-index%3A%202%3B%0A%7D%0Adiv%23home-screen.active%20%7B%0A%20%20visibility%3A%20visible%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20%7B%0A%20%20margin%3A%2015px%3B%0A%20%20padding-bottom%3A%2080px%3B%0A%20%20text-align%3A%20center%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20h2%20%7B%0A%20%20font-size%3A%2022px%3B%0A%20%20font-weight%3A%20600%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20p%20%7B%0A%20%20font-size%3A%2013px%3B%0A%20%20line-height%3A%201.5%3B%0A%20%20margin%3A%205px%200%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20p%23made-by%20a%20%7B%0A%20%20color%3A%20white%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20p%23icons-by%20%7B%0A%20%20color%3A%20%237796b4%3B%0A%20%20bottom%3A%2015px%3B%0A%20%20font-size%3A%2011px%3B%0A%20%20left%3A%200%3B%0A%20%20position%3A%20absolute%3B%0A%20%20text-align%3A%20center%3B%0A%20%20width%3A%20100%25%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20p%20a%20%7B%0A%20%20color%3A%20%2398afc6%3B%0A%20%20border-bottom%3A%201px%20solid%20%237796b4%3B%0A%20%20text-decoration%3A%20none%3B%0A%20%20padding%3A%200%201px%3B%0A%20%20-webkit-transition%3A%20border-color%200.25s%20ease%2C%20color%200.25s%20ease%3B%0A%20%20-moz-transition%3A%20border-color%200.25s%20ease%2C%20color%200.25s%20ease%3B%0A%20%20-ms-transition%3A%20border-color%200.25s%20ease%2C%20color%200.25s%20ease%3B%0A%20%20-o-transition%3A%20border-color%200.25s%20ease%2C%20color%200.25s%20ease%3B%0A%20%20transition%3A%20border-color%200.25s%20ease%2C%20color%200.25s%20ease%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20p%20a%3Ahover%20%7B%0A%20%20color%3A%20%23b9c9d8%3B%0A%20%20border-color%3A%20%23b9c9d8%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20div.app-icon%20%7B%0A%20%20cursor%3A%20pointer%3B%0A%20%20border-radius%3A%2010px%3B%0A%20%20height%3A%2040px%3B%0A%20%20margin%3A%2030px%20auto%200%3B%0A%20%20position%3A%20relative%3B%0A%20%20width%3A%2040px%3B%0A%20%20background%3A%20%23e74c3c%3B%0A%20%20background%3A%20-webkit-linear-gradient(top%2C%20%23e74c3c%2C%20%23d62c1a)%3B%0A%20%20background%3A%20linear-gradient(to%20bottom%2C%20%23e74c3c%2C%20%23d62c1a)%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20div.app-icon%3Ahover%20%7B%0A%20%20background%3A%20%23e43725%3B%0A%20%20background%3A%20-webkit-linear-gradient(top%2C%20%23e43725%2C%20%23bf2718)%3B%0A%20%20background%3A%20linear-gradient(to%20bottom%2C%20%23e43725%2C%20%23bf2718)%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20div.app-icon%3A%3Aafter%20%7B%0A%20%20content%3A%20%22Music%20Player%22%3B%0A%20%20font-size%3A%2010px%3B%0A%20%20position%3A%20absolute%3B%0A%20%20top%3A%2045px%3B%0A%20%20white-space%3A%20nowrap%3B%0A%7D%0Adiv%23home-screen%20div.home-content%20div.app-icon%20.svg%20%7B%0A%20%20height%3A%2060%25%3B%0A%20%20width%3A%2060%25%3B%0A%7D``}}"]
