#themes label{
    position: absolute;
    translate:-16px -50%;
    background-color: black;
    border-radius:4px;
    opacity:0;
    z-index:10;
}
#themes input{
    width:32px;
    height:32px;
}
#themes input:hover ~ label{
    opacity:1;
}
#themes input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
}
#themes input + span {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 2px solid #ccc;
    border-radius: 50%;
    vertical-align: middle;
    box-shadow: inset 0 0 0 0 white;
    transition: border-color 0.2s, box-shadow 0.2s;
}
#themeColors{
    width:100%;
    height:256px;
}
#themeColors > div{
    width:20%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
/*Default Styling for the theme buttons*/
#themes input:focus + span {
    outline: 2px auto -webkit-focus-ring-color;}
#themes input:checked + span {
    border-color: var(--spotifyGreen);
    box-shadow: inset 0 0 0 10px #0066cc;}
/*Styling for the theme buttons*/
#themes #settingThemeBasic + span{
    border-color: grey;}
/*Add styling for Artisan theme button*/
/*Styling for the Library theme button*/
#themes #settingThemeLibrary + span{
    background-color: #000;
    background-image: linear-gradient(to top, #222 5%, #000 6%, #000 7%, transparent 7%), linear-gradient(to bottom, #000 30%, transparent 30%), linear-gradient(to right, #222, #2e2e2e 5%, transparent 5%), linear-gradient(to right, transparent 6%, #222 6%, #2e2e2e 9%, transparent 9%), linear-gradient(to right, transparent 27%, #222 27%, #2e2e2e 34%, transparent 34%), linear-gradient(to right, transparent 51%, #222 51%, #2e2e2e 57%, transparent 57%), linear-gradient(to bottom, #000 35%, transparent 35%), linear-gradient(to right, transparent 42%, #222 42%, #2e2e2e 44%, transparent 44%), linear-gradient(to right, transparent 45%, #222 45%, #2e2e2e 47%, transparent 47%), linear-gradient(to right, transparent 48%, #222 48%, #2e2e2e 50%, transparent 50%), linear-gradient(to right, transparent 87%, #222 87%, #2e2e2e 91%, transparent 91%), linear-gradient(to bottom, #000 37.5%, transparent 37.5%), linear-gradient(to right, transparent 14%, #222 14%, #2e2e2e 20%, transparent 20%), linear-gradient(to bottom, #000 40%, transparent 40%), linear-gradient(to right, transparent 10%, #222 10%, #2e2e2e 13%, transparent 13%), linear-gradient(to right, transparent 21%, #222 21%, #1a1a1a 25%, transparent 25%), linear-gradient(to right, transparent 58%, #222 58%, #2e2e2e 64%, transparent 64%), linear-gradient(to right, transparent 92%, #222 92%, #2e2e2e 95%, transparent 95%), linear-gradient(to bottom, #000 48%, transparent 48%), linear-gradient(to right, transparent 96%, #222 96%, #1a1a1a 99%, transparent 99%), linear-gradient(to bottom, transparent 68.5%, transparent 76%, #000 76%, #000 77.5%, transparent 77.5%, transparent 86%, #000 86%, #000 87.5%, transparent 87.5%), linear-gradient(to right, transparent 35%, #222 35%, #2e2e2e 41%, transparent 41%), linear-gradient(to bottom, #000 68%, transparent 68%), linear-gradient(to right, transparent 78%, #333 78%, #333 80%, transparent 80%, transparent 82%, #333 82%, #333 83%, transparent 83%), linear-gradient(to right, transparent 66%, #222 66%, #2e2e2e 85%, transparent 85%);
    background-size: 32px 15px;
    background-position: center top;}
#themes #settingThemeLibrary:checked + span {
    border-color: var(--spotifyGreen);
    box-shadow: inset 0 0 0 0px var(--spotifyGreen);
    background-color: #000;
    background-image: linear-gradient(to top, #d2b48c 5%, #000 6%, #000 7%, transparent 7%), linear-gradient(to bottom, #000 30%, transparent 30%), linear-gradient(to right, #b22222, #871a1a 5%, transparent 5%), linear-gradient(to right, transparent 6%, #ff6347 6%, #ff3814 9%, transparent 9%), linear-gradient(to right, transparent 27%, #556b2f 27%, #39481f 34%, transparent 34%), linear-gradient(to right, transparent 51%, #fa8072 51%, #f85441 57%, transparent 57%), linear-gradient(to bottom, #000 35%, transparent 35%), linear-gradient(to right, transparent 42%, #008080 42%, #004d4d 44%, transparent 44%), linear-gradient(to right, transparent 45%, #008080 45%, #004d4d 47%, transparent 47%), linear-gradient(to right, transparent 48%, #008080 48%, #004d4d 50%, transparent 50%), linear-gradient(to right, transparent 87%, #789 87%, #4f5d6a 91%, transparent 91%), linear-gradient(to bottom, #000 37.5%, transparent 37.5%), linear-gradient(to right, transparent 14%, #bdb76b 14%, #989244 20%, transparent 20%), linear-gradient(to bottom, #000 40%, transparent 40%), linear-gradient(to right, transparent 10%, #808000 10%, #4d4d00 13%, transparent 13%), linear-gradient(to right, transparent 21%, #8b4513 21%, #5e2f0d 25%, transparent 25%), linear-gradient(to right, transparent 58%, #8b4513 58%, #5e2f0d 64%, transparent 64%), linear-gradient(to right, transparent 92%, #2f4f4f 92%, #1c2f2f 95%, transparent 95%), linear-gradient(to bottom, #000 48%, transparent 48%), linear-gradient(to right, transparent 96%, #2f4f4f 96%, #1c2f2f 99%, transparent 99%), linear-gradient(to bottom, transparent 68.5%, transparent 76%, #000 76%, #000 77.5%, transparent 77.5%, transparent 86%, #000 86%, #000 87.5%, transparent 87.5%), linear-gradient(to right, transparent 35%, #cd5c5c 35%, #bc3a3a 41%, transparent 41%), linear-gradient(to bottom, #000 68%, transparent 68%), linear-gradient(to right, transparent 78%, #bc8f8f 78%, #bc8f8f 80%, transparent 80%, transparent 82%, #bc8f8f 82%, #bc8f8f 83%, transparent 83%), linear-gradient(to right, transparent 66%, #a52a2a 66%, #7c2020 85%, transparent 85%);
    background-size: 32px 15px;
    background-position: center top;}
/*Add styling for Christsmas theme button*/
/*Add styling for Yellow Christsmas theme button*/