// Colors
text-color = #333
orange = #ff5500
orange-dark = #ff3300

// Images
images = {
    track-play: 'PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMTRsMS44NDYxNTAwMDAwMDAwNzk3LTctMS44NDYxNTAwMDAwMDAwNzk3LTcgOCA3LTggN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4='
    track-pause: 'PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgMHYxMmgzdi0xMmgtM3ptLTUgMHYxMmgzdi0xMmgtM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4='
    prev: 'PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA2bDEwLTZ2MTRMMiA4djZIMFYwaDJ2NnoiIGZpbGw9IiMzMzMiLz48L3N2Zz4='
    play:  'PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNyAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwdjIwbDE3LTEwTDAgMHoiIGZpbGw9IiMzMzMiLz48L3N2Zz4='
    pause: 'PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzMzIj48cGF0aCBkPSJNMCAwaDV2MjBIMHoiLz48cGF0aCBkPSJNOSAwaDV2MjBIOXoiLz48L3N2Zz4='
    next: 'PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgNkwwIDB2MTRsMTAtNnY2aDJWMGgtMnY2eiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg=='
    shuffle: 'PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzMzIj48cGF0aCBkPSJNMTYuNSAxMEwxNCA3aDVsLTIuNSAzTTIuNSA4TDUgMTFIMGwyLjUtMyIvPjxwYXRoIGQ9Ik0xNS4zMjYgMTFoMS4wOTJjLTEuMTg2IDIuOTMyLTQuMDYgNS03LjQxOCA1LTMuNzI4IDAtNi44Ni0yLjU1LTcuNzQ4LTZIMi4yOWMuODYgMi44OSAzLjU0IDUgNi43MSA1IDIuNzkyIDAgNS4yMDMtMS42MzUgNi4zMjYtNHptLjYwMy00aDEuMDA4QzE2LjQ0NiAzLjA1NCAxMy4wOCAwIDkgMCA1LjI3MiAwIDIuMTQgMi41NSAxLjI1MiA2SDIuMjlDMy4xNSAzLjExIDUuODMgMSA5IDFjMy41MjYgMCA2LjQ0NCAyLjYwOCA2LjkzIDZ6Ii8+PC9zdmc+'
    volume-max: 'PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTkgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzMzIj48cGF0aCBkPSJNNC41NDU2NjY2Nyw0IEwwLDQgTDAsOSBMNC41NDU2NjY2Nyw5IEw5LDEyLjUgTDksMC41IEw0LjU0NTY2NjY3LDQgWiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNS40Mjc2Njk5LDIuMDgwMzMwMDkgQzE3Ljg1Nzc3NjcsNC41MTA0MzY4NyAxNy44NTc3NzY3LDguNDg5NTYzMTMgMTUuNDI3NjY5OSwxMC45MTk2Njk5IEwxNC43MjA2Njk5LDExLjYyNjY2OTkgQzE0LjQyNzc3NjcsMTEuOTE5NTYzMSAxNC40Mjc3NzY3LDEyLjM5NDQzNjkgMTQuNzIwNjY5OSwxMi42ODczMzAxIEMxNS4wMTM1NjMxLDEyLjk4MDIyMzMgMTUuNDg4NDM2OSwxMi45ODAyMjMzIDE1Ljc4MTMzMDEsMTIuNjg3MzMwMSBMMTYuNDg4MzMwMSwxMS45ODAzMzAxIEMxOS41MDQyMjMzLDguOTY0NDM2ODcgMTkuNTA0MjIzMyw0LjAzNTU2MzEzIDE2LjQ4ODMzMDEsMS4wMTk2Njk5MSBMMTUuNzgxMzMwMSwwLjMxMjY2OTkxNCBDMTUuNDg4NDM2OSwwLjAxOTc3NjY5NTMgMTUuMDEzNTYzMSwwLjAxOTc3NjY5NTMgMTQuNzIwNjY5OSwwLjMxMjY2OTkxNCBDMTQuNDI3Nzc2NywwLjYwNTU2MzEzMyAxNC40Mjc3NzY3LDEuMDgwNDM2ODcgMTQuNzIwNjY5OSwxLjM3MzMzMDA5IEwxNS40Mjc2Njk5LDIuMDgwMzMwMDkgWiBNMTIuMDI0NjY5OSw0LjcwNTMzMDA5IEMxMy4wMTA3NzY3LDUuNjkxNDM2ODcgMTMuMDEwNzc2Nyw3LjMwODU2MzEzIDEyLjAyNDY2OTksOC4yOTQ2Njk5MSBMMTEuNjkyNjY5OSw4LjYyNjY2OTkxIEMxMS4zOTk3NzY3LDguOTE5NTYzMTMgMTEuMzk5Nzc2Nyw5LjM5NDQzNjg3IDExLjY5MjY2OTksOS42ODczMzAwOSBDMTEuOTg1NTYzMSw5Ljk4MDIyMzMgMTIuNDYwNDM2OSw5Ljk4MDIyMzMgMTIuNzUzMzMwMSw5LjY4NzMzMDA5IEwxMy4wODUzMzAxLDkuMzU1MzMwMDkgQzE0LjY1NzIyMzMsNy43ODM0MzY4NyAxNC42NTcyMjMzLDUuMjE2NTYzMTMgMTMuMDg1MzMwMSwzLjY0NDY2OTkxIEwxMi43NTMzMzAxLDMuMzEyNjY5OTEgQzEyLjQ2MDQzNjksMy4wMTk3NzY3IDExLjk4NTU2MzEsMy4wMTk3NzY3IDExLjY5MjY2OTksMy4zMTI2Njk5MSBDMTEuMzk5Nzc2NywzLjYwNTU2MzEzIDExLjM5OTc3NjcsNC4wODA0MzY4NyAxMS42OTI2Njk5LDQuMzczMzMwMDkgTDEyLjAyNDY2OTksNC43MDUzMzAwOSBaIj48L3BhdGg+PC9zdmc+'
    volume-normal: 'PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTUgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzMzIj48cGF0aCBkPSJNNC41NDU2NjY2Nyw0IEwwLDQgTDAsOSBMNC41NDU2NjY2Nyw5IEw5LDEyLjUgTDksMC41IEw0LjU0NTY2NjY3LDQgWiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMi4wMjQ2Njk5LDQuNzA1MzMwMDkgQzEzLjAxMDc3NjcsNS42OTE0MzY4NyAxMy4wMTA3NzY3LDcuMzA4NTYzMTMgMTIuMDI0NjY5OSw4LjI5NDY2OTkxIEwxMS42OTI2Njk5LDguNjI2NjY5OTEgQzExLjM5OTc3NjcsOC45MTk1NjMxMyAxMS4zOTk3NzY3LDkuMzk0NDM2ODcgMTEuNjkyNjY5OSw5LjY4NzMzMDA5IEMxMS45ODU1NjMxLDkuOTgwMjIzMyAxMi40NjA0MzY5LDkuOTgwMjIzMyAxMi43NTMzMzAxLDkuNjg3MzMwMDkgTDEzLjA4NTMzMDEsOS4zNTUzMzAwOSBDMTQuNjU3MjIzMyw3Ljc4MzQzNjg3IDE0LjY1NzIyMzMsNS4yMTY1NjMxMyAxMy4wODUzMzAxLDMuNjQ0NjY5OTEgTDEyLjc1MzMzMDEsMy4zMTI2Njk5MSBDMTIuNDYwNDM2OSwzLjAxOTc3NjcgMTEuOTg1NTYzMSwzLjAxOTc3NjcgMTEuNjkyNjY5OSwzLjMxMjY2OTkxIEMxMS4zOTk3NzY3LDMuNjA1NTYzMTMgMTEuMzk5Nzc2Nyw0LjA4MDQzNjg3IDExLjY5MjY2OTksNC4zNzMzMzAwOSBMMTIuMDI0NjY5OSw0LjcwNTMzMDA5IFoiPjwvcGF0aD48L3N2Zz4='
    volume-mute: 'PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMjAgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzMzIj48cGF0aCBkPSJNNC41NDU2NjY2Nyw0IEwwLDQgTDAsOSBMNC41NDU2NjY2Nyw5IEw5LDEyLjUgTDksMC41IEw0LjU0NTY2NjY3LDQgWiI+PC9wYXRoPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLCAyKSI+PHBhdGggZD0iTTguMDMwMzMwMDksMi4wMzAzMzAwOSBMOC41NjA2NjAxNywxLjUgTDcuNSwwLjQzOTMzOTgyOCBMNi45Njk2Njk5MSwwLjk2OTY2OTkxNCBMMC45Njk2Njk5MTQsNi45Njk2Njk5MSBMMC40MzkzMzk4MjgsNy41IEwxLjUsOC41NjA2NjAxNyBMMi4wMzAzMzAwOSw4LjAzMDMzMDA5IEw4LjAzMDMzMDA5LDIuMDMwMzMwMDkgWiI+PC9wYXRoPjxwYXRoIGQ9Ik0yLjAzMDMzMDA5LDAuOTY5NjY5OTE0IEwxLjUsMC40MzkzMzk4MjggTDAuNDM5MzM5ODI4LDEuNSBMMC45Njk2Njk5MTQsMi4wMzAzMzAwOSBMNi45Njk2Njk5MSw4LjAzMDMzMDA5IEw3LjUsOC41NjA2NjAxNyBMOC41NjA2NjAxNyw3LjUgTDguMDMwMzMwMDksNi45Njk2Njk5MSBMMi4wMzAzMzAwOSwwLjk2OTY2OTkxNCBaIj48L3BhdGg+PC9nPjwvc3ZnPg=='
}

getImage(image)
    url('data:image/svg+xml;base64,' + images[image])

// MQs
small = '(max-width: 800px)'