{
  "colors": {
    "all": [
      {
        "hex": "#ffffff",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 255,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 100
        },
        "count": 2847,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#b3b3b3",
        "rgb": {
          "r": 179,
          "g": 179,
          "b": 179,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 70
        },
        "count": 2172,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#000000",
        "rgb": {
          "r": 0,
          "g": 0,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 0
        },
        "count": 722,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#696969",
        "rgb": {
          "r": 105,
          "g": 105,
          "b": 105,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 41
        },
        "count": 128,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#1ed760",
        "rgb": {
          "r": 30,
          "g": 215,
          "b": 96,
          "a": 1
        },
        "hsl": {
          "h": 141,
          "s": 76,
          "l": 48
        },
        "count": 54,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#555555",
        "rgb": {
          "r": 85,
          "g": 85,
          "b": 85,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 33
        },
        "count": 44,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#121212",
        "rgb": {
          "r": 18,
          "g": 18,
          "b": 18,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 7
        },
        "count": 32,
        "contexts": [
          "background",
          "text",
          "border"
        ]
      },
      {
        "hex": "#7c7c7c",
        "rgb": {
          "r": 124,
          "g": 124,
          "b": 124,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 49
        },
        "count": 26,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#1f1f1f",
        "rgb": {
          "r": 31,
          "g": 31,
          "b": 31,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 12
        },
        "count": 15,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#333333",
        "rgb": {
          "r": 51,
          "g": 51,
          "b": 51,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 20
        },
        "count": 11,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#468254",
        "rgb": {
          "r": 70,
          "g": 130,
          "b": 84,
          "a": 1
        },
        "hsl": {
          "h": 134,
          "s": 30,
          "l": 39
        },
        "count": 9,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#3860be",
        "rgb": {
          "r": 56,
          "g": 96,
          "b": 190,
          "a": 1
        },
        "hsl": {
          "h": 222,
          "s": 54,
          "l": 48
        },
        "count": 6,
        "contexts": [
          "text",
          "border",
          "background"
        ]
      },
      {
        "hex": "#346e4a",
        "rgb": {
          "r": 52,
          "g": 110,
          "b": 74,
          "a": 1
        },
        "hsl": {
          "h": 143,
          "s": 36,
          "l": 32
        },
        "count": 6,
        "contexts": [
          "background",
          "border"
        ]
      },
      {
        "hex": "#292929",
        "rgb": {
          "r": 41,
          "g": 41,
          "b": 41,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 16
        },
        "count": 5,
        "contexts": [
          "border",
          "background"
        ]
      },
      {
        "hex": "#0000ee",
        "rgb": {
          "r": 0,
          "g": 0,
          "b": 238,
          "a": 1
        },
        "hsl": {
          "h": 240,
          "s": 100,
          "l": 47
        },
        "count": 4,
        "contexts": [
          "text",
          "border"
        ]
      },
      {
        "hex": "#7b7669",
        "rgb": {
          "r": 123,
          "g": 118,
          "b": 105,
          "a": 1
        },
        "hsl": {
          "h": 43,
          "s": 8,
          "l": 45
        },
        "count": 3,
        "contexts": [
          "background",
          "border"
        ]
      },
      {
        "hex": "#c1c1c1",
        "rgb": {
          "r": 193,
          "g": 193,
          "b": 193,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 76
        },
        "count": 2,
        "contexts": [
          "border",
          "text"
        ]
      },
      {
        "hex": "#6e7598",
        "rgb": {
          "r": 110,
          "g": 117,
          "b": 152,
          "a": 1
        },
        "hsl": {
          "h": 230,
          "s": 17,
          "l": 51
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#002038",
        "rgb": {
          "r": 0,
          "g": 32,
          "b": 56,
          "a": 1
        },
        "hsl": {
          "h": 206,
          "s": 100,
          "l": 11
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#517aa3",
        "rgb": {
          "r": 81,
          "g": 122,
          "b": 163,
          "a": 1
        },
        "hsl": {
          "h": 210,
          "s": 34,
          "l": 48
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#a16387",
        "rgb": {
          "r": 161,
          "g": 99,
          "b": 135,
          "a": 1
        },
        "hsl": {
          "h": 325,
          "s": 25,
          "l": 51
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#c0574a",
        "rgb": {
          "r": 192,
          "g": 87,
          "b": 74,
          "a": 1
        },
        "hsl": {
          "h": 7,
          "s": 48,
          "l": 52
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#006050",
        "rgb": {
          "r": 0,
          "g": 96,
          "b": 80,
          "a": 1
        },
        "hsl": {
          "h": 170,
          "s": 100,
          "l": 19
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#eeeeee",
        "rgb": {
          "r": 238,
          "g": 238,
          "b": 238,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 93
        },
        "count": 2,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#d8d8d8",
        "rgb": {
          "r": 216,
          "g": 216,
          "b": 216,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 0,
          "l": 85
        },
        "count": 2,
        "contexts": [
          "border"
        ]
      },
      {
        "hex": "#1db954",
        "rgb": {
          "r": 29,
          "g": 185,
          "b": 84,
          "a": 1
        },
        "hsl": {
          "h": 141,
          "s": 73,
          "l": 42
        },
        "count": 2,
        "contexts": [
          "background",
          "border"
        ]
      },
      {
        "hex": "#667a7a",
        "rgb": {
          "r": 102,
          "g": 122,
          "b": 122,
          "a": 1
        },
        "hsl": {
          "h": 180,
          "s": 9,
          "l": 44
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#500000",
        "rgb": {
          "r": 80,
          "g": 0,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 100,
          "l": 16
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#ba3cd1",
        "rgb": {
          "r": 186,
          "g": 60,
          "b": 209,
          "a": 1
        },
        "hsl": {
          "h": 291,
          "s": 62,
          "l": 53
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#a03840",
        "rgb": {
          "r": 160,
          "g": 56,
          "b": 64,
          "a": 1
        },
        "hsl": {
          "h": 355,
          "s": 48,
          "l": 42
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#d02028",
        "rgb": {
          "r": 208,
          "g": 32,
          "b": 40,
          "a": 1
        },
        "hsl": {
          "h": 357,
          "s": 73,
          "l": 47
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#c03830",
        "rgb": {
          "r": 192,
          "g": 56,
          "b": 48,
          "a": 1
        },
        "hsl": {
          "h": 3,
          "s": 60,
          "l": 47
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#b02800",
        "rgb": {
          "r": 176,
          "g": 40,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 14,
          "s": 100,
          "l": 35
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#707e04",
        "rgb": {
          "r": 112,
          "g": 126,
          "b": 4,
          "a": 1
        },
        "hsl": {
          "h": 67,
          "s": 94,
          "l": 25
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#484028",
        "rgb": {
          "r": 72,
          "g": 64,
          "b": 40,
          "a": 1
        },
        "hsl": {
          "h": 45,
          "s": 29,
          "l": 22
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#2860a0",
        "rgb": {
          "r": 40,
          "g": 96,
          "b": 160,
          "a": 1
        },
        "hsl": {
          "h": 212,
          "s": 60,
          "l": 39
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#857548",
        "rgb": {
          "r": 133,
          "g": 117,
          "b": 72,
          "a": 1
        },
        "hsl": {
          "h": 44,
          "s": 30,
          "l": 40
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#883028",
        "rgb": {
          "r": 136,
          "g": 48,
          "b": 40,
          "a": 1
        },
        "hsl": {
          "h": 5,
          "s": 55,
          "l": 35
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#380000",
        "rgb": {
          "r": 56,
          "g": 0,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 100,
          "l": 11
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#067eb6",
        "rgb": {
          "r": 6,
          "g": 126,
          "b": 182,
          "a": 1
        },
        "hsl": {
          "h": 199,
          "s": 94,
          "l": 37
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#418369",
        "rgb": {
          "r": 65,
          "g": 131,
          "b": 105,
          "a": 1
        },
        "hsl": {
          "h": 156,
          "s": 34,
          "l": 38
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#284038",
        "rgb": {
          "r": 40,
          "g": 64,
          "b": 56,
          "a": 1
        },
        "hsl": {
          "h": 160,
          "s": 23,
          "l": 20
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#381800",
        "rgb": {
          "r": 56,
          "g": 24,
          "b": 0,
          "a": 1
        },
        "hsl": {
          "h": 26,
          "s": 100,
          "l": 11
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#c00808",
        "rgb": {
          "r": 192,
          "g": 8,
          "b": 8,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 92,
          "l": 39
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#204090",
        "rgb": {
          "r": 32,
          "g": 64,
          "b": 144,
          "a": 1
        },
        "hsl": {
          "h": 223,
          "s": 64,
          "l": 35
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#a86741",
        "rgb": {
          "r": 168,
          "g": 103,
          "b": 65,
          "a": 1
        },
        "hsl": {
          "h": 22,
          "s": 44,
          "l": 46
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#482828",
        "rgb": {
          "r": 72,
          "g": 40,
          "b": 40,
          "a": 1
        },
        "hsl": {
          "h": 0,
          "s": 29,
          "l": 22
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#a3694f",
        "rgb": {
          "r": 163,
          "g": 105,
          "b": 79,
          "a": 1
        },
        "hsl": {
          "h": 19,
          "s": 35,
          "l": 47
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#4f7f77",
        "rgb": {
          "r": 79,
          "g": 127,
          "b": 119,
          "a": 1
        },
        "hsl": {
          "h": 170,
          "s": 23,
          "l": 40
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#703090",
        "rgb": {
          "r": 112,
          "g": 48,
          "b": 144,
          "a": 1
        },
        "hsl": {
          "h": 280,
          "s": 50,
          "l": 38
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#183860",
        "rgb": {
          "r": 24,
          "g": 56,
          "b": 96,
          "a": 1
        },
        "hsl": {
          "h": 213,
          "s": 60,
          "l": 24
        },
        "count": 1,
        "contexts": [
          "background"
        ]
      },
      {
        "hex": "#32ae88",
        "rgb": {
          "r": 50,
          "g": 174,
          "b": 136,
          "a": 1
        },
        "hsl": {
          "h": 162,
          "s": 55,
          "l": 44
        },
        "count": 1,
        "contexts": [
          "border"
        ]
      }
    ]
  },
  "regions": [
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 8,
        "y": 64,
        "w": 294,
        "h": 654
      },
      "heading": "Your Library",
      "buttonCount": 7,
      "cardCount": 0,
      "className": "zOQ0BU6AULAqd7Qd"
    },
    {
      "role": "nav",
      "tag": "header",
      "bounds": {
        "x": 8,
        "y": 64,
        "w": 294,
        "h": 59
      },
      "heading": "Your Library",
      "buttonCount": 1,
      "cardCount": 0,
      "className": "ctNLVWve8CosEgh2"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 16,
        "y": 155,
        "w": 278,
        "h": 134
      },
      "heading": null,
      "buttonCount": 2,
      "cardCount": 0,
      "className": "Re_OXhMIUkvAxhof q8mQFn7r8UYsKdHE _H2ZzS_Atuwx6wh9 tMFkXbMSXNUegQIu aIU4qABgiIgjAEyD LUVEWqx9qW4kwbPr C2vATbKl0MDEq09a DSes_Z2f48QaZ1s0 eOI7g5Zd6esLuCCb LJCjURMQBE6o9exj EYdwwRebZIgjbKy_ j3SHhp1yEwUOoay8"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 16,
        "y": 313,
        "w": 278,
        "h": 176
      },
      "heading": null,
      "buttonCount": 2,
      "cardCount": 0,
      "className": "Re_OXhMIUkvAxhof q8mQFn7r8UYsKdHE _H2ZzS_Atuwx6wh9 tMFkXbMSXNUegQIu aIU4qABgiIgjAEyD LUVEWqx9qW4kwbPr C2vATbKl0MDEq09a DSes_Z2f48QaZ1s0 eOI7g5Zd6esLuCCb LJCjURMQBE6o9exj EYdwwRebZIgjbKy_ j3SHhp1yEwUOoay8"
    },
    {
      "role": "sidebar",
      "tag": "aside",
      "bounds": {
        "x": 8,
        "y": 726,
        "w": 1264,
        "h": 66
      },
      "heading": null,
      "buttonCount": 17,
      "cardCount": 0,
      "className": "Q2n2bdBXy28oQWoC nRWw2cACzspvO3GF"
    },
    {
      "role": "testimonials",
      "tag": "main",
      "bounds": {
        "x": 310,
        "y": 64,
        "w": 962,
        "h": 654
      },
      "heading": "Home",
      "buttonCount": 222,
      "cardCount": 284,
      "className": "J6wP3V0xzh0Hj_MS"
    },
    {
      "role": "testimonials",
      "tag": "section",
      "bounds": {
        "x": 310,
        "y": 64,
        "w": 962,
        "h": 1621.65625
      },
      "heading": "Home",
      "buttonCount": 216,
      "cardCount": 284,
      "className": "JlQyoTD6puMgqY_y CDyHWsKVsLAC4HFx"
    },
    {
      "role": "testimonials",
      "tag": "section",
      "bounds": {
        "x": 350,
        "y": 68,
        "w": 882,
        "h": 332.78125
      },
      "heading": "Trending songs",
      "buttonCount": 80,
      "cardCount": 100,
      "className": "l3tPikCftuELMOzz e4IK04uNVRsB6jbO yTHNsGSMiG01kxo3"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 350,
        "y": 416.78125,
        "w": 882,
        "h": 287.71875
      },
      "heading": "Popular artists",
      "buttonCount": 40,
      "cardCount": 50,
      "className": "l3tPikCftuELMOzz e4IK04uNVRsB6jbO yTHNsGSMiG01kxo3"
    },
    {
      "role": "hero",
      "tag": "section",
      "bounds": {
        "x": 350,
        "y": 720.5,
        "w": 882,
        "h": 329.71875
      },
      "heading": "Popular albums and singles",
      "buttonCount": 40,
      "cardCount": 50,
      "className": "l3tPikCftuELMOzz e4IK04uNVRsB6jbO yTHNsGSMiG01kxo3"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 350,
        "y": 1066.21875,
        "w": 882,
        "h": 285.71875
      },
      "heading": "Popular radio",
      "buttonCount": 40,
      "cardCount": 60,
      "className": "l3tPikCftuELMOzz e4IK04uNVRsB6jbO yTHNsGSMiG01kxo3"
    },
    {
      "role": "features",
      "tag": "section",
      "bounds": {
        "x": 350,
        "y": 1367.9375,
        "w": 882,
        "h": 285.71875
      },
      "heading": "Featured Charts",
      "buttonCount": 16,
      "cardCount": 24,
      "className": "l3tPikCftuELMOzz e4IK04uNVRsB6jbO yTHNsGSMiG01kxo3"
    },
    {
      "role": "nav",
      "tag": "nav",
      "bounds": {
        "x": 310,
        "y": 1774.65625,
        "w": 962,
        "h": 355
      },
      "heading": null,
      "buttonCount": 6,
      "cardCount": 0,
      "className": "sc-jxOSlx esBjsh"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 0,
        "h": 0
      },
      "heading": "Location",
      "buttonCount": 2,
      "cardCount": 184,
      "className": "nWR7PbHjFXQJiYNL"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 0,
        "h": 0
      },
      "heading": " Manage Consent Preferences",
      "buttonCount": 10,
      "cardCount": 10,
      "className": "ot-sdk-row ot-cat-grp"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 0,
        "h": 0
      },
      "heading": "Cookie List",
      "buttonCount": 5,
      "cardCount": 1,
      "className": "ot-hide ot-hosts-ui ot-pc-scrollbar ot-enbl-chr"
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 0,
        "h": 0
      },
      "heading": null,
      "buttonCount": 3,
      "cardCount": 1,
      "className": null
    },
    {
      "role": "content",
      "tag": "section",
      "bounds": {
        "x": 0,
        "y": 0,
        "w": 0,
        "h": 0
      },
      "heading": null,
      "buttonCount": 0,
      "cardCount": 0,
      "className": "ot-host-cnt ot-pc-scrollbar"
    }
  ],
  "componentClusters": [
    {
      "kind": "button",
      "structuralHash": "button>span",
      "instanceCount": 47,
      "variants": [
        {
          "css": {
            "background": "rgb(31, 31, 31)",
            "color": "rgb(255, 255, 255)",
            "padding": "12px 12px 12px 12px",
            "borderRadius": "50%",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(179, 179, 179)",
            "padding": "12px 12px 12px 12px",
            "borderRadius": "9999px",
            "border": "0px none rgb(179, 179, 179)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 45
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(179, 179, 179)",
            "padding": "8px 8px 8px 8px",
            "borderRadius": "50%",
            "border": "0px none rgb(179, 179, 179)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "span>svg",
      "instanceCount": 45,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 10
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(179, 179, 179)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(179, 179, 179)",
            "fontSize": "14px",
            "fontWeight": "700"
          },
          "instanceCount": 1
        },
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(0, 0, 0)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(0, 0, 0)",
            "fontSize": "13.3333px",
            "fontWeight": "400"
          },
          "instanceCount": 34
        }
      ]
    },
    {
      "kind": "input",
      "structuralHash": "input",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgb(31, 31, 31)",
            "color": "rgb(255, 255, 255)",
            "padding": "12px 96px 12px 48px",
            "borderRadius": "500px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button",
      "instanceCount": 4,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(179, 179, 179)",
            "padding": "8px 0px 8px 0px",
            "borderRadius": "9999px",
            "border": "0px none rgb(179, 179, 179)",
            "fontSize": "16px",
            "fontWeight": "700"
          },
          "instanceCount": 4
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a>span>span",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(179, 179, 179)",
            "padding": "4px 16px 4px 36px",
            "borderRadius": "9999px",
            "border": "0px none rgb(179, 179, 179)",
            "fontSize": "14px",
            "fontWeight": "700"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "span",
      "instanceCount": 4,
      "variants": [
        {
          "css": {
            "background": "rgb(255, 255, 255)",
            "color": "rgb(0, 0, 0)",
            "padding": "8px 32px 8px 32px",
            "borderRadius": "9999px",
            "border": "0px none rgb(0, 0, 0)",
            "fontSize": "16px",
            "fontWeight": "700"
          },
          "instanceCount": 4
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "button>svg",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgb(31, 31, 31)",
            "color": "rgb(179, 179, 179)",
            "padding": "8px 8px 8px 8px",
            "borderRadius": "9999px",
            "border": "0px none rgb(179, 179, 179)",
            "fontSize": "13.3333px",
            "fontWeight": "400"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "a>span",
      "instanceCount": 1,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(0, 0, 238)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "9999px",
            "border": "0px none rgb(0, 0, 238)",
            "fontSize": "14px",
            "fontWeight": "700"
          },
          "instanceCount": 1
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "span>span",
      "instanceCount": 34,
      "variants": [
        {
          "css": {
            "background": "rgb(255, 255, 255)",
            "color": "rgb(0, 0, 0)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "9999px",
            "border": "0px none rgb(0, 0, 0)",
            "fontSize": "13.3333px",
            "fontWeight": "400"
          },
          "instanceCount": 34
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "div>div>div>div>div",
      "instanceCount": 33,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "12px 12px 12px 12px",
            "borderRadius": "6px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 33
        }
      ]
    },
    {
      "kind": "button",
      "structuralHash": "div",
      "instanceCount": 33,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 33
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "div>div",
      "instanceCount": 32,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 32
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "div>a>div",
      "instanceCount": 32,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 32
        }
      ]
    },
    {
      "kind": "card",
      "structuralHash": "p>span",
      "instanceCount": 32,
      "variants": [
        {
          "css": {
            "background": "rgba(0, 0, 0, 0)",
            "color": "rgb(255, 255, 255)",
            "padding": "0px 0px 0px 0px",
            "borderRadius": "0px",
            "border": "0px none rgb(255, 255, 255)",
            "fontSize": "16px",
            "fontWeight": "400"
          },
          "instanceCount": 32
        }
      ]
    }
  ],
  "accessibility": {
    "remediation": [
      {
        "fg": "#ffffff",
        "bg": "#1db954",
        "ratio": 2.59,
        "rule": "AA-normal",
        "suggestion": {
          "replace": "fg",
          "color": "#000000",
          "newRatio": 8.12
        }
      }
    ]
  },
  "cssHealth": {
    "sheets": [
      {
        "url": "https://open.spotify.com/",
        "totalBytes": 0,
        "usedBytes": 0,
        "unusedBytes": 0,
        "unusedPercent": 0
      },
      {
        "url": "https://open.spotify.com/",
        "totalBytes": 46,
        "usedBytes": 46,
        "unusedBytes": 0,
        "unusedPercent": 0
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/web-player.abb93a44.css",
        "totalBytes": 454293,
        "usedBytes": 202021,
        "unusedBytes": 252272,
        "unusedPercent": 56
      },
      {
        "url": "https://www.google.com/recaptcha/enterprise/anchor?ar=1&k=6LfCVLAUAAAAALFwwRnnCJ12DalriUGbj8FW_J39&co=aHR0cHM6Ly9vcGVuLnNwb3RpZnkuY29tOjQ0Mw..&hl=en&v=U5VsmTDhJM1iOJUyw4DEUTYv&size=invisible&anchor-ms=20000&execute-ms=30000&cb=ril9hmj6lgab",
        "totalBytes": 16160,
        "usedBytes": 0,
        "unusedBytes": 16160,
        "unusedPercent": 100
      },
      {
        "url": "https://www.gstatic.com/recaptcha/releases/U5VsmTDhJM1iOJUyw4DEUTYv/styles__ltr.css",
        "totalBytes": 83358,
        "usedBytes": 3029,
        "unusedBytes": 80329,
        "unusedPercent": 96
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/dwp-feedback-bar.931ea758.css",
        "totalBytes": 1081,
        "usedBytes": 0,
        "unusedBytes": 1081,
        "unusedPercent": 100
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/xpui-routes-your-library-x.ea3af739.css",
        "totalBytes": 20422,
        "usedBytes": 2323,
        "unusedBytes": 18099,
        "unusedPercent": 89
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/dwp-watch-feed-view-container.c7fc0b7b.css",
        "totalBytes": 10006,
        "usedBytes": 0,
        "unusedBytes": 10006,
        "unusedPercent": 100
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/dwp-now-playing-bar.dd8a2e76.css",
        "totalBytes": 17057,
        "usedBytes": 4020,
        "unusedBytes": 13037,
        "unusedPercent": 76
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/2642.a902f130.css",
        "totalBytes": 46139,
        "usedBytes": 3513,
        "unusedBytes": 42626,
        "unusedPercent": 92
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/dwp-top-bar.0ec3bbd9.css",
        "totalBytes": 360,
        "usedBytes": 264,
        "unusedBytes": 96,
        "unusedPercent": 27
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/dwp-panel-section.d500d742.css",
        "totalBytes": 48145,
        "usedBytes": 0,
        "unusedBytes": 48145,
        "unusedPercent": 100
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/xpui-root-dialogs.5cb6b120.css",
        "totalBytes": 38514,
        "usedBytes": 755,
        "unusedBytes": 37759,
        "unusedPercent": 98
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/dwp-home-chips-row.fb404ad3.css",
        "totalBytes": 7345,
        "usedBytes": 530,
        "unusedBytes": 6815,
        "unusedPercent": 93
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/dwp-video-player.e7563948.css",
        "totalBytes": 14866,
        "usedBytes": 2074,
        "unusedBytes": 12792,
        "unusedPercent": 86
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/dwp-home-header.0ec3bbd9.css",
        "totalBytes": 360,
        "usedBytes": 264,
        "unusedBytes": 96,
        "unusedPercent": 27
      },
      {
        "url": "https://open.spotifycdn.com/cdn/build/web-player/listening-stats-modal.e46fcd5c.css",
        "totalBytes": 118,
        "usedBytes": 0,
        "unusedBytes": 118,
        "unusedPercent": 100
      }
    ],
    "totalBytes": 758270,
    "usedBytes": 218839,
    "unusedBytes": 539431,
    "unusedPercent": 71,
    "importantCount": 175,
    "duplicates": 12418,
    "vendorPrefixes": {
      "webkit": 432,
      "moz": 8,
      "ms": 21,
      "o": 1
    },
    "keyframes": [],
    "specificity": {
      "max": [
        2,
        6,
        2
      ],
      "average": [
        0,
        1.56,
        0.12
      ],
      "count": 6679
    },
    "issues": [
      "175 !important rules",
      "12418 duplicate declarations",
      "71% unused CSS"
    ]
  }
}