.filter-category {
    /*background: linear-gradient(180deg, #00c0fa 0%, #015eea 100%);*/
    background-image: url("../images/gradient_linear.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-radius: 0 0.9375rem 0.9375rem 0;
    /*filter: drop-shadow(0 10px 40px #192534);*/
    font-size: 1.5rem;
    margin: 0;
    padding: 0.1875rem 0.1875rem 0.1875rem 0;
    text-transform: none;
}

.filter-category span {
    align-items: center;
    /*background: linear-gradient(180deg, #192534 0%, #000000 50%, #192534 100%);*/
    background-image: url("../images/gradient_bg_linear.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-radius: 0 0.75rem 0.75rem 0;
    display: flex;
    padding: 1.25rem 1.75rem;
}

.filter-description {
    margin: 1.75rem;
}

.filter-tags {
    font-size: 1.5rem;
    margin: 1.75rem;
}

.playlist {
    /*background: linear-gradient(180deg, #00c0fa 0%, #015eea 50%, #00c0fa 100%);*/
    background-image: url("../images/gradient.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-radius: 0 0 1.875rem 1.875rem;
    display: flex;
    filter: drop-shadow(0 10px 40px #000);
    flex-direction: column;
    padding: 0.3125rem;
    width: 23.9375rem;
    z-index: 100;
}

.playlist,
.poster {
    overflow: hidden;
    position: relative;
}

.playlist:nth-child(n + 4) {
    margin-top: -1.875rem;
    z-index: 99;
}

.playlist:nth-child(n + 7) {
    z-index: 98;
}

.playlist-cover {
    background-color: #000;
    overflow: hidden;
}

.playlist-cover-image {
    aspect-ratio: 1;
    width: 100%;
}

.playlist-cover-image,
.poster-image {
    display: block;
}

.playlist-overlay {
    bottom: 6.25rem;
    margin: 0.3125rem;
}

.playlist-overlay,
.poster-overlay {
    /*background: linear-gradient(155deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 90%);*/
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.playlist-overlay-listen,
.poster-overlay-listen,
.song-content-listen,
#song-content-poster-listen {
    align-items: center;
    bottom: 1rem;
    display: flex;
    gap: 0.5rem;
    left: 1rem;
    position: absolute;
    right: 1rem;
}

.playlist-overlay-listen a,
.poster-overlay-listen a,
.song-content-listen a,
#song-content-poster-listen a {
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 3rem;
    width: 3rem;
}

.playlist-overlay-listen a span,
.poster-overlay-listen a span,
.song-content-listen a span,
#song-content-poster-listen a span {
    display: none;
}

.playlist-overlay-listen a.disabled,
.poster-overlay-listen a.disabled,
.song-content-listen a.disabled,
#song-content-poster-listen a.disabled {
    opacity: 0.20;
    pointer-events: none;
}

.playlist-overlay-listen a:not(.disabled),
.poster-overlay-listen a:not(.disabled),
.song-content-listen a:not(.disabled),
#song-content-poster-listen a:not(.disabled) {
    transition: transform 0.3s ease-out;
}

.playlist-overlay-listen a:not(.disabled):hover,
.poster-overlay-listen a:not(.disabled):hover,
.song-content-listen a:not(.disabled):hover,
#song-content-poster-listen a:not(.disabled):hover {
    transform: translateY(-10px);
}

.playlist-overlay-listen-view {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='2 4 20 16'%3E%3Cg fill='%23fff'%3E%3Cpath d='M9.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0Z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M2 12c0 1.64.425 2.191 1.275 3.296C4.972 17.5 7.818 20 12 20c4.182 0 7.028-2.5 8.725-4.704C21.575 14.192 22 13.639 22 12c0-1.64-.425-2.191-1.275-3.296C19.028 6.5 16.182 4 12 4 7.818 4 4.972 6.5 3.275 8.704 2.425 9.81 2 10.361 2 12Zm10-3.75a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5Z' clip-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.playlist-overlay-listen-bandcamp,
.poster-overlay-listen-bandcamp,
.song-content-listen-bandcamp,
#song-content-poster-listen-bandcamp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='2 2 20 20'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: contain;
}

.poster-overlay-listen-bandcamp,
.song-content-listen-bandcamp,
.playlist-overlay-listen-view,
#song-content-poster-listen-bandcamp {
    background-size: contain;
    /*filter: drop-shadow(0 7px 3.5px #000);*/
    margin-right: auto;
}

.playlist-overlay-listen-soundcloud,
.poster-overlay-listen-soundcloud,
.song-content-listen-soundcloud,
#song-content-poster-listen-soundcloud {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5.12 25.09 52.92 22.97'%3E%3ClinearGradient id='a' x1='1172.791' x2='1172.791' y1='-1533.878' y2='-1639.876' gradientTransform='matrix(.2065 0 0 -.2065 -210.547 -291.026)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f80'/%3E%3Cstop offset='1' stop-color='%23f30'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23a)' d='M15.835 47.9c-.083-.082-.145-.268-.145-.393 0-.145-.083-1.403-.186-2.807l-.186-2.561.207-4.521c.206-4.604.227-4.769.578-4.769.062 0 .186.041.269.124.124.103.186.681.392 4.562l.248 4.459-.248 2.911c-.145 1.61-.289 2.973-.351 3.034-.145.166-.393.145-.578-.02V47.9zm2.105-.061c-.103-.145-.186-1.012-.33-3.097-.165-2.478-.186-3.18-.103-5.037.041-1.178.124-3.51.186-5.183.062-1.672.124-3.138.145-3.303.083-.537.702-.619.826-.103.021.103.145 2.601.269 5.532l.227 5.348-.227 2.767a293.778 293.778 0 0 0-.227 2.87c0 .164-.269.392-.454.392-.104 0-.227-.083-.31-.206v.02zm2.148.041c-.145-.145-.186-.372-.227-1.445-.042-.702-.104-1.755-.145-2.333-.124-1.465-.104-3.365.041-7.887.083-2.146.145-4.314.145-4.851.021-1.094.104-1.424.393-1.507.351-.083.619.165.619.599 0 .207.103 2.89.207 5.946l.207 5.554-.207 2.787c-.104 1.527-.207 2.828-.207 2.891 0 .164-.269.392-.475.392-.103 0-.248-.083-.351-.165v.019zm2.147 0c-.103-.124-.165-.372-.207-.764-.31-4.707-.31-5.038-.165-9.951.186-6.771.227-7.412.392-7.577s.62-.165.764 0c.083.083.145 1.28.248 3.964.248 7.494.269 8.691.103 11.148-.186 2.787-.206 3.034-.392 3.199-.186.186-.516.166-.723-.041l-.02.022zm2.147-.021c-.103-.104-.186-.33-.186-.475s-.062-1.383-.145-2.746c-.145-2.291-.145-2.932 0-8.485.165-6.441.165-6.338.64-6.441.413-.083.682.268.682.908 0 .289.041 1.796.083 3.324.041 1.528.103 3.86.145 5.183.021 1.301.062 2.436.083 2.498.021.062-.042 1.362-.145 2.89a185.27 185.27 0 0 0-.186 2.974c0 .247-.33.578-.619.578a.569.569 0 0 1-.392-.207h.04zm2.209.021c-.186-.186-.207-.413-.392-3.716-.103-1.92-.083-3.943.103-10.488.104-3.509.104-3.571.661-3.571.186 0 .372.062.475.186.186.186.186.33.268 3.344.021.949.104 3.262.145 5.12.083 3.034.083 3.675-.083 6.173-.165 2.684-.186 2.787-.392 2.952-.269.206-.599.206-.826 0h.041zm2.188 0c-.124-.124-.186-.351-.227-.764-.145-1.59-.248-5.533-.207-7.866.021-1.445.083-3.654.104-4.955.103-5.223.145-6.048.33-6.234.227-.227.681-.227.888 0 .227.227.248.888.454 10.963.062 3.035-.145 8.361-.351 8.732-.186.352-.723.413-1.012.124h.021zm2.251-.021a.77.77 0 0 1-.289-.475c-.021-.166-.104-1.508-.186-2.994-.103-2.126-.124-3.406-.062-6.008.042-1.816.104-4.83.145-6.688.062-4.253.104-4.666.351-4.914.269-.248.661-.227.95.041.207.207.227.289.248 1.342 0 .619.021 1.238.041 1.362s.042 1.879.083 3.901c.042 2.023.083 3.696.104 3.717.103.165.021 6.152-.104 8.01a104.788 104.788 0 0 0-.145 2.271c0 .227-.413.619-.681.619-.125.002-.332-.08-.455-.184zm2.002-.041-.228-.228V26.244l.248-.186c.289-.227 1.383-.578 2.478-.805 1.177-.227 3.097-.207 4.315.041 4.871 1.012 8.34 4.749 9.125 9.827l.062.33.806-.227c.681-.186.929-.227 1.816-.186 1.26.062 1.321.062 2.146.371 3.635 1.383 5.285 5.574 3.531 9.043-.806 1.61-1.962 2.621-3.717 3.262l-.66.248-9.827.021-9.827.021-.268-.186zm-19.365-.083c-.041-.103-.165-1.466-.289-3.015-.207-2.725-.207-2.849-.062-4.582.083-.971.166-2.168.207-2.643.062-.867.207-1.281.434-1.281.289 0 .372.331.62 2.953l.248 2.684-.248 2.85c-.124 1.568-.269 2.932-.31 3.055-.041.145-.145.207-.31.207s-.248-.062-.31-.207l.02-.021zm-2.064.042c-.021-.042-.165-1.363-.289-2.932l-.248-2.85.248-2.952c.124-1.631.289-3.015.331-3.076.124-.145.31-.145.434 0 .062.062.227 1.425.372 3.056l.268 2.932-.268 2.849c-.145 1.569-.289 2.891-.31 2.952-.041.124-.475.166-.537.041v-.02zm-2.044-.227c-.041-.062-.186-1.321-.31-2.808l-.248-2.705.227-2.56c.124-1.403.248-2.746.268-2.952.062-.413.248-.578.434-.393.062.062.227 1.28.393 2.911l.289 2.808-.269 2.705c-.145 1.486-.31 2.787-.351 2.91-.103.228-.31.269-.434.104v-.02zm-2.085-.867c-.021-.083-.165-1.218-.289-2.498l-.248-2.333.268-2.374c.248-2.271.289-2.374.475-2.415.227-.042.206-.145.578 2.725l.268 2.146-.268 2.251c-.145 1.239-.31 2.333-.351 2.456-.104.248-.331.27-.393.042h-.04zm-1.92-1.735a27.33 27.33 0 0 1-.248-1.548l-.186-1.404.207-1.486c.103-.826.248-1.549.289-1.61.206-.248.351.145.557 1.61l.227 1.486-.227 1.486c-.124.826-.289 1.527-.351 1.569-.165.103-.227.083-.289-.083l.021-.02z'/%3E%3C/svg%3E");
    background-size: contain;
}

.playlist-overlay-listen-spotify,
.poster-overlay-listen-spotify,
.song-content-listen-spotify,
#song-content-poster-listen-spotify {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='%231ed760' d='M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8Z'/%3E%3Cpath d='M406.6 231.1c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3zm-31 76.2c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm-26.9 65.6c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4z'/%3E%3C/svg%3E");
    background-size: contain;
    display: none;
}

.playlist-overlay-listen-youtube,
.poster-overlay-listen-youtube,
.song-content-listen-youtube,
#song-content-poster-listen-youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FF0002' d='M36 72c19.882251 0 36-16.117749 36-36S55.882251 0 36 0 0 16.117749 0 36s16.117749 36 36 36Z'/%3E%3Cpath fill='%23FFF' d='m31.044 42.269916-.0015-13.5821744 12.969 6.8145021L31.044 42.269916ZM59.52 26.3341627s-.4695-3.3309637-1.908-4.7977962c-1.8255-1.9260675-3.8715-1.9351313-4.809-2.0469188C46.086 19 36.0105 19 36.0105 19h-.021s-10.0755 0-16.7925.4894477c-.939.1117875-2.9835.1208513-4.8105 2.0469188-1.4385 1.4668325-1.9065 4.7977962-1.9065 4.7977962S12 30.2467232 12 34.1577731v3.6678367c0 3.9125605.48 7.8236104.48 7.8236104s.468 3.3309637 1.9065 4.7977963c1.827 1.9260674 4.2255 1.8656418 5.2935 2.0665571C23.52 52.8851913 36 53 36 53s10.086-.0151064 16.803-.5045541c.9375-.1132981 2.9835-.122362 4.809-2.0484294 1.4385-1.4668326 1.908-4.7977963 1.908-4.7977963s.48-3.9110499.48-7.8236104v-3.6678367c0-3.9110499-.48-7.8236104-.48-7.8236104Z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    display: none;
}

.playlist-title {
    align-items: center;
    /*background: linear-gradient(180deg, #192534 0%, #000000 50%, #192534 100%);*/
    background-image: url("../images/gradient_bg_linear.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-radius: 0 0 1.5625rem 1.5625rem;
    display: flex;
    font-family: Quicksand, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    height: 6.25rem;
    justify-content: center;
    padding: 0 1rem;
    text-align: center;
}

.poster-image {
    display: block;
    width: 100%;
}

.poster-overlay {
    bottom: 0;
}

.poster-overlay-listen-play,
.song-content-listen-play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='2 2 20 20'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm-1.306-6.154 4.72-2.787c.781-.462.781-1.656 0-2.118l-4.72-2.787C9.934 7.706 9 8.29 9 9.214v5.573c0 .923.934 1.507 1.694 1.059Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
}

.song {
    /*background: linear-gradient(180deg, #192534 0%, #000000 100%);*/
    background-image: url("../images/gradient_bg_linear.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    display: flex;
    height: 9.375rem;
}

.song-content {
    display: flex;
    flex: 1;
    position: relative;
}

.song-content-runtime {
    align-items: center;
    background-color: #015eea;
    border-radius: 0.3125rem;
    color: #fff;
    display: inline-flex;
    font-family: Quicksand, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    height: 2.375rem;
    margin: 1rem;
    padding: 0 0.75rem;
}

.song-content-title {
    color: var(--color-primary-text);
    font-family: Quicksand, sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    margin-right: auto;
    padding: 1rem 1rem 1rem 1.5rem;
}

.song-cover {
    height: 9.375rem;
    position: relative;
    width: 9.375rem;
}

.song-cover-image {
    display: block;
    height: 100%;
    width: 100%;
}

#main-about {
    border-radius: 0 0 1.875rem 1.875rem;
}

#main-about,
#main-faq {
    background-color: #3c323c;
    position: relative;
}

#main-about,
#main-contact,
#main-faq {
    padding: 7rem;
}

#main-about p,
#main-contact p,
#main-faq p {
    color: var(--color-secondary-text);
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 2.375rem 0 0;
}

#main-contact {
    background: url(../images/collage.jpg) center -26rem no-repeat;
    background-size: 64rem;
    padding-top: 38rem;
}

#main-faq dd {
    display: flex;
    flex-direction: column;
}

#main-faq dt {
    font-family: Quicksand, sans-serif;
    font-size: 2.25rem;
    font-weight: 500;
    margin: 4.75rem 0 0;
    text-align: center;
    text-transform: uppercase;
}

#main-faq ol {
    margin: 3rem;
}

#main-faq ol li {
    color: var(--color-secondary-text);
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 1rem 0;
}

#main-featured h2,
#main-playlists h2,
#main-songs h2 {
    padding: 1.5rem;
}

#main-featured-songs {
    /*background: linear-gradient(180deg, #00c0fa 0%, #015eea 50%, #00c0fa 100%);*/
    background-image: url("../images/gradient.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-radius: 1.875rem;
    margin: 0 -0.625rem;
    padding: 0.625rem;
    position: relative;
}

#main-featured-songs-posters {
    background-color: #000;
    border-radius: 1.25rem;
    display: flex;
    overflow: hidden;
}

#main-playlists,
#main-songs {
    overflow: hidden;
}

#main-playlists h2,
#main-songs h2 {
    background-color: #000;
    border-radius: 0 0 1.875rem 1.875rem;
    filter: drop-shadow(0 10px 40px #000);
    position: relative;
    text-align: center;
    z-index: 101;
}

#main-playlists-playlists {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125rem;
    /*grid-template-columns: repeat(3, 23.9375rem);*/
    justify-content: center;
    margin: 0 auto;
    position: relative;
    top: -0.3125rem;
}

#main-songs {
    background-color: #015eea;
}

#main-songs-songs {
    background-color: #192534;
    display: flex;
    height: 40rem;
    overflow: hidden;
}

#main-songs-songs h3 {
    align-items: center;
    background-color: #015eea;
    display: flex;
    margin: 0;
    padding: 1.5rem 2rem;
    text-align: left;
}

#main-songs-songs h3 span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#main-songs-songs ul {
    list-style: none;
}

#main-songs-songs-filter {
    width: 23.125rem;
}

#main-songs-songs-filter,
#main-songs-songs-list {
    display: flex;
    flex-direction: column;
}

#main-songs-songs-filter p {
    color: #707070;
    font-size: 1.125rem;
    font-style: italic;
    margin-bottom: 0.625rem;
}

#main-songs-songs-filter-content {
    background-color: #1f191f;
    padding: 0 1.875rem 1.875rem 0;
}

#main-songs-songs-filter-content,
#main-songs-songs-list-content {
    overflow: auto;
}

#main-songs-songs-list {
    flex: 1;
}

#main-songs-songs-list-content {
    background-color: #192534;
}

#song {
    /*background: linear-gradient(180deg, #015eea 0%, #00c0fa 100%);*/
    background-image: url("../images/gradient.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-radius: 1.875rem;
    display: none;
    filter: drop-shadow(0 10px 40px rgba(25, 37, 52, 1)) drop-shadow(0 10px 40px rgba(25, 37, 52, 1));
    height: calc(100% - 4rem);
    left: 50%;
    max-height: 38.75rem;
    max-width: 90rem;
    overflow: hidden;
    padding: 0.625rem;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 4rem);
    z-index: 100;
}

#song.active {
    display: block;
}

#song-content {
    background-color: #000;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: row;
    height: 100%;
    max-height: 37.5rem;
    overflow: hidden;
    position: relative;
}

#song-content-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

#song-content-body-footer {
    filter: drop-shadow(0 -5px 20px #000) drop-shadow(0 -5px 20px #000);
}

#song-content-body-header {
    background-color: #000;
    filter: drop-shadow(0 5px 20px #000) drop-shadow(0 5px 20px #000);
}

#song-content-body-header-close {
    font-family: Quicksand, sans-serif;
    font-size: 3rem;
    font-weight: 300;
    line-height: normal;
    position: absolute;
    right: 1.5rem;
    text-decoration: none;
    top: 1rem;
    transition: transform 0.3s ease-out;
    z-index: 101;
}

#song-content-body-header-close:hover {
    transform: translateY(-10px);
}

#song-content-body-header-title {
    line-height: normal;
    padding: 1rem 8rem 1.5rem 1.75rem;
    text-align: left;
}

#song-content-body-main {
    display: flex;
    gap: 1rem;
    overflow: hidden;
}

#song-content-body-main-caption {
    font-family: Quicksand, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
    overflow: auto;
    padding: 1.5rem 1.5rem 1.5rem 1.75rem;
    width: 15rem;
    word-break: break-word;
}

#song-content-body-main-wrapper {
    flex: 1;
    overflow: auto;
    padding: 1.5rem 3rem 1.5rem 1.5rem;
}

#song-content-body-main-wrapper-copyright {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    margin-top: 4rem;
}

#song-content-body-main-wrapper-lyrics {
    color: var(--color-secondary-text);
    font-size: 1.5rem;
    line-height: 2rem;
}

#song-content-poster {
    aspect-ratio: 2 / 3;
    height: 100%;
    position: relative;
}

#song-content-poster img {
    aspect-ratio: 2 / 3;
    height: 100%;
    object-fit: cover;
}

#song-content-poster-listen {
    z-index: 2;
}

@media (max-width: 1000px) {
    .filter-category {
        border-radius: 0 1.875rem 1.875rem 0;
        font-size: 4rem;
        padding: 0.375rem 0.375rem 0.375rem 0;
    }

    .filter-category span {
        border-radius: 0 1.5rem 1.5rem 0;
        padding: 2.5rem 3.5rem;
    }

    .filter-tags {
        font-size: 3.5rem;
        margin: 3.5rem;
    }

    .playlist {
        border-radius: 0 0 3.75rem 3.75rem;
        padding: 0.625rem;
        width: 55rem;
    }

    .playlist,
    .poster {
        flex-shrink: 0;
    }

    .playlist:nth-child(n + 4) {
        margin-top: unset;
        z-index: unset;
    }

    .playlist:nth-child(n + 7) {
        z-index: unset;
    }

    .playlist-overlay {
        bottom: 12.5rem;
        margin: 0.625rem;
    }

    .playlist-overlay-listen,
    .poster-overlay-listen,
    .song-content-listen,
    #song-content-poster-listen {
        bottom: 2rem;
        gap: 1rem;
        left: 2rem;
        right: 2rem;
    }

    .playlist-overlay-listen a,
    .poster-overlay-listen a,
    .song-content-listen a,
    #song-content-poster-listen a {
        height: 6rem;
        width: 6rem;
    }

    .playlist-title {
        border-radius: 0 0 3.125rem 3.125rem;
        font-size: 4rem;
        height: 12.5rem;
    }

    .poster {
        width: 65rem;
    }

    .song {
        background: none;
        flex-direction: column;
        height: unset;
        position: relative;
    }

    .song-content {
        background-image: url(../images/gradient_bg_linear.png);
        background-repeat: repeat-x;
        background-size: auto 100%;
        position: static;
    }

    .song-content-listen {
        bottom: unset;
        top: 29.5rem;
    }

    .song-content-runtime {
        border-radius: 0.625rem;
        font-size: 3rem;
        height: unset;
        margin: 0;
        padding: 0.5rem 1.5rem;
        position: absolute;
        right: 2rem;
        top: 2rem;
    }

    .song-content-title {
        font-size: 4.5rem;
        padding: 4rem 3rem;
    }

    .song-cover {
        height: unset;
        width: 100%;
    }

    #main-featured h2,
    #main-playlists h2,
    #main-songs h2 {
        padding: 3rem;
    }

    #main-about p,
    #main-contact p,
    #main-faq p {
        margin: 4.75rem 0 0;
    }

    #main-about p,
    #main-contact p,
    #main-faq p {
        color: var(--color-primary-text);
        font-size: 3.5rem;
    }

    #main-faq dt {
        font-size: 4.5rem;
        margin-top: 9.5rem;
    }

    #main-faq ol {
        margin: 6rem;
    }

    #main-faq ol li {
        color: var(--color-primary-text);
        font-size: 3.5rem;
        margin: 4rem 0;
    }

    #main-featured-songs {
        border-radius: 3.75rem;
        margin: 0 -1.25rem;
        padding: 1.25rem;
    }

    #main-featured-songs-posters {
        border-radius: 2.5rem;
    }

    #main-featured-songs-posters,
    #main-playlists-playlists {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    #main-playlists-playlists {
        gap: 1rem;
        justify-content: flex-start;
        margin: 0 2rem;
        top: -0.625rem
    }

    #main-songs-songs {
        height: 100rem;
    }

    #main-songs-songs h3 {
        padding: 3rem 4rem;
    }

    #main-songs-songs-filter,
    #main-songs-songs-list {
        width: 50%;
    }

    #main-songs-songs-filter p {
        font-size: 3rem;
        margin-bottom: 1.875rem;
    }

    #main-songs-songs-filter-content {
        padding: 0 3.75rem 3.75rem 0;
    }

    #main-songs-songs-filter-header {
        visibility: hidden;
    }

    #main-songs-songs-list-header {
        left: -100%;
        position: relative;
        width: 75rem;
    }

    #song {
        -webkit-text-size-adjust: 100%;
        background: #000;
        border-radius: 0;
        filter: unset;
        height: 100%;
        left: 0;
        max-height: unset;
        max-width: unset;
        padding: 0;
        text-size-adjust: 100%;
        top: 0;
        transform: unset;
        width: 100%;
        z-index: 1000;
    }

    #song-content {
        border-radius: 0;
        max-height: unset;
        width: 100%;
    }

    #song-content-body {
        bottom: 0;
        justify-content: flex-start;
        overflow: auto;
        padding: 100dvh 0 0;
        position: absolute;
        top: 0;
        z-index: 2;
    }

    #song-content-body-footer {
        bottom: 0;
        position: fixed;
        width: 100%;
    }

    #song-content-body-header {
        background: linear-gradient(0deg, #000 10%, transparent 30%);
        display: flex;
        filter: unset;
        flex-direction: column;
        height: 100dvh;
        justify-content: flex-end;
        left: 0;
        padding-bottom: 7vw;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #song-content-body-header::before {
        content: "";
        height: 6rem;
        width: 6rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='5 8 14 8'%3E%3Cpath fill='%23fff' d='m12.37 8.165 6.43 6.63c.401.414.158 1.205-.37 1.205H5.57c-.528 0-.771-.79-.37-1.205l6.43-6.63a.499.499 0 0 1 .74 0Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        margin: 0 auto;
    }

    #song-content-body-header-close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='2 2 20 20'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 22c-4.714 0-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22ZM8.97 8.97a.75.75 0 0 1 1.06 0L12 10.94l1.97-1.97a.75.75 0 0 1 1.06 1.06L13.06 12l1.97 1.97a.75.75 0 1 1-1.06 1.06L12 13.06l-1.97 1.97a.75.75 0 1 1-1.06-1.06L10.94 12l-1.97-1.97a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        color: transparent;
        height: 6rem;
        pointer-events: all;
        position: fixed;
        right: 3vw;
        top: 3vw;
        width: 6rem;
        z-index: 1001;
    }

    #song-content-body-header-title {
        font-size: 7rem;
        padding: 0 14vw 7vw 7vw;
        pointer-events: auto;
    }

    #song-content-body-main {
        background-color: #000;
        flex-direction: column;
        overflow: unset;
        padding: 0 21vw 7vw 7vw;
    }

    #song-content-body-main-caption {
        font-size: 3.5rem;
        line-height: 1.5;
        margin-bottom: 14vw;
        overflow: unset;
        padding: 0;
        width: unset;
    }

    #song-content-body-main-wrapper {
        overflow: unset;
        padding: 0;
    }

    #song-content-body-main-wrapper-copyright {
        font-size: 3.5rem;
        line-height: 1.5;
        margin: 14vw 0;
    }

    #song-content-body-main-wrapper-lyrics {
        color: var(--color-primary-text);
        font-size: 4rem;
        line-height: 1.5;
    }

    #song-content-poster {
        height: 90%;
        width: 100%;
    }

    #song-content-poster img {
        box-sizing: border-box;
        object-position: bottom;
        width: 100%;
    }

    #song-content-poster-listen {
        bottom: 10rem;
        flex-direction: column;
        left: unset;
        position: fixed;
        right: 3vw;
        z-index: 1001;
    }
}