main{gap:.8rem!important}section[data-section=header]{--banner-height:calc(44rem + var(--navigation-height));display:flex;flex-direction:column;gap:4rem;height:100%;margin-top:calc(var(--navigation-height)*-1);padding-bottom:4rem;padding-top:calc(var(--navigation-height) + var(--margin));position:static}@media (min-width:640px){section[data-section=header]{padding-top:15vh}}section[data-section=header] .banner{background-color:var(--color-neutral-900);background-image:linear-gradient(to bottom,color-mix(in srgb,var(--color-neutral-950) 0%,transparent),color-mix(in srgb,var(--color-neutral-950) 100%,transparent)),var(--banner-url);background-position:50%;background-size:cover;border-radius:16px;filter:brightness(120%) saturate(120%) blur(50px);height:100%;left:0;margin-bottom:calc(var(--banner-height)/-1.5);max-height:var(--banner-height);opacity:.75;opacity:75%;overflow:hidden;position:absolute;top:calc(var(--navigation-height)*-1);transform:translateZ(0);width:100%}section[data-section=header] .cover{aspect-ratio:1/1;border-radius:16px;height:100%;overflow:hidden;width:100%;z-index:10}@media (min-width:640px){section[data-section=header] .cover{max-width:28rem}}section[data-section=header] .cover img{height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(102%);width:100%}:is(section[data-section=header] .cover) img{height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(102%);width:100%}section[data-section=header] .content{border-bottom:1px solid var(--color-neutral-800);display:flex;flex-direction:column;gap:2.4rem;margin-top:0;padding-bottom:4rem;position:relative}section[data-section=header] .content .tags{flex-wrap:wrap}:is(section[data-section=header] .content) .tags{flex-wrap:wrap}section[data-section=header] .content .tags li{align-items:center;background:var(--color-neutral-900);border-radius:6px;color:var(--color-neutral-300);display:flex;flex-direction:row;font-size:1.6rem;font-weight:500;gap:.8rem;justify-content:center;padding:.4rem .8rem}:is(:is(section[data-section=header] .content) .tags) li{align-items:center;background:var(--color-neutral-900);border-radius:6px;color:var(--color-neutral-300);display:flex;flex-direction:row;font-size:1.6rem;font-weight:500;gap:.8rem;justify-content:center;padding:.4rem .8rem}section[data-section=header] .content .tags li.released,section[data-section=header] .content .tags li.tracks,section[data-section=header] .content .tags li.type,section[data-section=header] .content .tags li.videos{font-feature-settings:"tnum";letter-spacing:-.25px}.released:is(:is(:is(section[data-section=header] .content) .tags) li),.tracks:is(:is(:is(section[data-section=header] .content) .tags) li),.type:is(:is(:is(section[data-section=header] .content) .tags) li),.videos:is(:is(:is(section[data-section=header] .content) .tags) li){font-feature-settings:"tnum";letter-spacing:-.25px}section[data-section=header] .content .tags li .label{color:var(--color-neutral-500)}:is(:is(:is(section[data-section=header] .content) .tags) li) .label{color:var(--color-neutral-500)}section[data-section=header] .content .tags li i{color:var(--color-neutral-500);font-size:1.35rem}:is(:is(:is(section[data-section=header] .content) .tags) li) i{color:var(--color-neutral-500);font-size:1.35rem}section[data-section=header] .links{list-style:none}section[data-section=header] .header{display:flex;flex-direction:column;gap:1.6rem;justify-content:flex-end}section[data-section=header] .header .title{color:#fff;font-family:var(--ff-display);font-size:var(--fs-fluid-xl);font-weight:100;line-height:1}:is(section[data-section=header] .header) .title{color:#fff;font-family:var(--ff-display);font-size:var(--fs-fluid-xl);font-weight:100;line-height:1}section[data-section=header] .header .tags{display:flex;flex-direction:row;gap:.4rem}:is(section[data-section=header] .header) .tags{display:flex;flex-direction:row;gap:.4rem}section[data-section=header] .header .description{color:var(--color-neutral-400);display:flex;flex-direction:column;font-size:1.8rem;font-weight:400;gap:1.6rem;line-height:1.5;max-width:60ch}:is(section[data-section=header] .header) .description{color:var(--color-neutral-400);display:flex;flex-direction:column;font-size:1.8rem;font-weight:400;gap:1.6rem;line-height:1.5;max-width:60ch}section[data-section=header] .links{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem}section[data-section=header] .links a{align-items:center;background:var(--color-neutral-900);border-radius:20px;color:var(--color-neutral-200);display:flex;font-weight:500;gap:.8rem;justify-content:flex-start;padding:.4rem 1rem;transition:background-color .2s ease-in-out;width:-moz-fit-content;width:fit-content}:is(section[data-section=header] .links) a{align-items:center;background:var(--color-neutral-900);border-radius:20px;color:var(--color-neutral-200);display:flex;font-weight:500;gap:.8rem;justify-content:flex-start;padding:.4rem 1rem;transition:background-color .2s ease-in-out;width:-moz-fit-content;width:fit-content}section[data-section=header] .links a:hover{background-color:var(--color-neutral-800)}:is(:is(section[data-section=header] .links) a):hover{background-color:var(--color-neutral-800)}section[data-section=header] .links i{color:var(--color-neutral-500)}:is(section[data-section=header] .links) i{color:var(--color-neutral-500)}@media (min-width:1280px){section[data-section=header]{position:relative}section[data-section=header] .banner{left:calc(var(--margin)*-2);min-height:var(--banner-height);position:relative;width:calc(100% + var(--margin)*4)}}section[data-section=release]{display:grid;grid-template-columns:1fr;grid-gap:.8rem;gap:.8rem;width:100%}@media (min-width:896px){section[data-section=release]{grid-template-columns:2fr 1fr}}section[data-section=release] .card{background:color-mix(in srgb,var(--color-neutral-900) 75%,var(--color-neutral-950));border-radius:12px;display:flex;flex-direction:column;gap:.8rem;padding:1.6rem}section[data-section=release] .card .title{align-items:center;display:flex;flex-direction:row;gap:.8rem;width:100%}:is(section[data-section=release] .card) .title{align-items:center;display:flex;flex-direction:row;gap:.8rem;width:100%}section[data-section=release] .card .title h2{color:var(--color-neutral-300);flex-grow:1;font-family:var(--ff-sans);font-size:1.4rem;font-weight:500}:is(:is(section[data-section=release] .card) .title) h2{color:var(--color-neutral-300);flex-grow:1;font-family:var(--ff-sans);font-size:1.4rem;font-weight:500}section[data-section=release] .card .title i{color:var(--color-neutral-600);font-size:1.2rem}:is(:is(section[data-section=release] .card) .title) i{color:var(--color-neutral-600);font-size:1.2rem}section[data-section=release] .main{display:flex;flex-direction:column;gap:.8rem}section[data-section=release] .main .tracks,section[data-section=release] .main .videos{height:100%}:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos{height:100%}section[data-section=release] .main .tracks .list,section[data-section=release] .main .videos .list{border-radius:12px;display:flex;flex-direction:column;overflow:hidden}:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .list{border-radius:12px;display:flex;flex-direction:column;overflow:hidden}section[data-section=release] .main .tracks .item,section[data-section=release] .main .videos .item{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:row;gap:1.6rem;padding:1.2rem;transition:background-color .2s ease-in-out;width:100%}:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:row;gap:1.6rem;padding:1.2rem;transition:background-color .2s ease-in-out;width:100%}section[data-section=release] .main .tracks .item textarea,section[data-section=release] .main .videos .item textarea{display:none}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) textarea{display:none}section[data-section=release] .main .tracks .item:hover,section[data-section=release] .main .videos .item:hover{background:color-mix(in srgb,var(--color-neutral-800) 25%,var(--color-neutral-900))}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item):hover{background:color-mix(in srgb,var(--color-neutral-800) 25%,var(--color-neutral-900))}section[data-section=release] .main .tracks .item .duration,section[data-section=release] .main .tracks .item .number,section[data-section=release] .main .videos .item .duration,section[data-section=release] .main .videos .item .number{color:var(--color-neutral-500);font-feature-settings:"tnum";font-size:1.35rem;font-weight:500;letter-spacing:-.25px}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) .duration,:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) .number{color:var(--color-neutral-500);font-feature-settings:"tnum";font-size:1.35rem;font-weight:500;letter-spacing:-.25px}section[data-section=release] .main .tracks .item .duration,section[data-section=release] .main .videos .item .duration{align-items:center;display:flex;justify-content:center}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) .duration{align-items:center;display:flex;justify-content:center}section[data-section=release] .main .tracks .item .number,section[data-section=release] .main .videos .item .number{display:flex;position:relative}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) .number{display:flex;position:relative}section[data-section=release] .main .tracks .item .static,section[data-section=release] .main .videos .item .static{font-size:1.35rem}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) .static{font-size:1.35rem}section[data-section=release] .main .tracks .item .icon,section[data-section=release] .main .videos .item .icon{align-items:center;color:var(--color-emerald-400);display:flex;font-size:1.4rem;justify-content:center;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) .icon{align-items:center;color:var(--color-emerald-400);display:flex;font-size:1.4rem;justify-content:center;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease}section[data-section=release] .main .tracks .item .lyrics,section[data-section=release] .main .videos .item .lyrics{display:none!important}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) .lyrics{display:none!important}section[data-section=release] .main .tracks .item .title,section[data-section=release] .main .videos .item .title{color:var(--color-neutral-200);flex-grow:1;font-size:1.4rem}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item) .title{color:var(--color-neutral-200);flex-grow:1;font-size:1.4rem}section[data-section=release] .main .tracks .item:last-child,section[data-section=release] .main .videos .item:last-child{border-bottom:none}:is(:is(:is(section[data-section=release] .main) .tracks,:is(section[data-section=release] .main) .videos) .item):last-child{border-bottom:none}section[data-section=release] .item[data-playing=true] .number .static{opacity:0}section[data-section=release] .item[data-playing=true] .number .icon{opacity:1}section[data-section=release] .extra{display:flex;flex-direction:column;gap:.8rem}section[data-section=release] .extra .credits,section[data-section=release] .extra .genres{height:100%}:is(section[data-section=release] .extra) .credits,:is(section[data-section=release] .extra) .genres{height:100%}section[data-section=release] .extra .credits{display:flex;flex-direction:column;gap:1.6rem}:is(section[data-section=release] .extra) .credits{display:flex;flex-direction:column;gap:1.6rem}section[data-section=release] .extra .credits .credit{display:flex;flex-direction:column;gap:.4rem}:is(:is(section[data-section=release] .extra) .credits) .credit{display:flex;flex-direction:column;gap:.4rem}section[data-section=release] .extra .credits .credit h3{color:var(--color-neutral-200);font-family:var(--ff-sans);font-size:1.4rem;font-weight:500;line-height:1.2}:is(:is(:is(section[data-section=release] .extra) .credits) .credit) h3{color:var(--color-neutral-200);font-family:var(--ff-sans);font-size:1.4rem;font-weight:500;line-height:1.2}section[data-section=release] .extra .credits .credit ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;list-style:none}:is(:is(:is(section[data-section=release] .extra) .credits) .credit) ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;list-style:none}section[data-section=release] .extra .credits .credit ul li{color:var(--color-neutral-400);font-size:1.2rem;line-height:1}:is(:is(:is(:is(section[data-section=release] .extra) .credits) .credit) ul) li{color:var(--color-neutral-400);font-size:1.2rem;line-height:1}section[data-section=release] .extra .credits .credit ul li:not(:last-child):after{content:", "}:is(:is(:is(:is(:is(section[data-section=release] .extra) .credits) .credit) ul) li):not(:last-child):after{content:", "}section[data-section=release] .extra .genres{display:flex;flex-direction:column;gap:1.6rem}:is(section[data-section=release] .extra) .genres{display:flex;flex-direction:column;gap:1.6rem}section[data-section=release] .extra .genres .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;list-style:none}:is(:is(section[data-section=release] .extra) .genres) .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;list-style:none}section[data-section=release] .extra .genres .list .tag{background:var(--color-neutral-800);border-radius:6px;color:var(--color-neutral-300);font-size:1.2rem;font-weight:600;line-height:1.2;padding:.4rem .8rem;text-transform:capitalize}:is(:is(:is(section[data-section=release] .extra) .genres) .list) .tag{background:var(--color-neutral-800);border-radius:6px;color:var(--color-neutral-300);font-size:1.2rem;font-weight:600;line-height:1.2;padding:.4rem .8rem;text-transform:capitalize}section[data-section=navigation]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-gap:.8rem;gap:.8rem}@media (min-width:640px){section[data-section=navigation]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}section[data-section=navigation] .previous{grid-column:2/3}section[data-section=navigation] .previous .content{align-items:flex-end}:is(section[data-section=navigation] .previous) .content{align-items:flex-end}section[data-section=navigation] .next{grid-column:1/2}section[data-section=navigation] .next .content{align-items:flex-start}:is(section[data-section=navigation] .next) .content{align-items:flex-start}}section[data-section=navigation] .card{background:color-mix(in srgb,var(--color-neutral-900) 75%,var(--color-neutral-950));border-radius:12px;display:flex;flex-direction:column;flex-grow:1;gap:.8rem;padding:.8rem}@media (min-width:640px){section[data-section=navigation] .card:first-child .item{grid-template-columns:auto 1fr!important}:is(section[data-section=navigation] .card):first-child .item{grid-template-columns:auto 1fr!important}section[data-section=navigation] .card:first-child .content{grid-column:2/2!important}:is(section[data-section=navigation] .card):first-child .content{grid-column:2/2!important}section[data-section=navigation] .card:first-child .cover{grid-column:1/2!important}:is(section[data-section=navigation] .card):first-child .cover{grid-column:1/2!important}section[data-section=navigation] .card:last-child .item{grid-template-columns:1fr auto!important}:is(section[data-section=navigation] .card):last-child .item{grid-template-columns:1fr auto!important}section[data-section=navigation] .card:last-child .content{grid-column:1/2!important}:is(section[data-section=navigation] .card):last-child .content{grid-column:1/2!important}section[data-section=navigation] .card:last-child .cover{grid-column:2/2!important}:is(section[data-section=navigation] .card):last-child .cover{grid-column:2/2!important}}section[data-section=navigation] .card:hover .item{background:color-mix(in srgb,var(--color-neutral-800) 25%,var(--color-neutral-900))}:is(section[data-section=navigation] .card):hover .item{background:color-mix(in srgb,var(--color-neutral-800) 25%,var(--color-neutral-900))}section[data-section=navigation] .card.ghost{opacity:.5;opacity:50%;pointer-events:none}.ghost:is(section[data-section=navigation] .card){opacity:.5;opacity:50%;pointer-events:none}section[data-section=navigation] .card .item{display:grid;grid-template-columns:1fr auto;width:100%;grid-gap:1.2rem;align-items:center;border-radius:12px;gap:1.2rem;padding:.8rem 1.2rem;transition:background-color .2s ease-in-out}:is(section[data-section=navigation] .card) .item{display:grid;grid-template-columns:1fr auto;width:100%;grid-gap:1.2rem;align-items:center;border-radius:12px;gap:1.2rem;padding:.8rem 1.2rem;transition:background-color .2s ease-in-out}section[data-section=navigation] .card .item .content{display:flex;flex-direction:column;flex-grow:1;gap:.2rem;grid-column:1/2;grid-row:1}:is(:is(section[data-section=navigation] .card) .item) .content{display:flex;flex-direction:column;flex-grow:1;gap:.2rem;grid-column:1/2;grid-row:1}section[data-section=navigation] .card .item .content .label{color:var(--color-neutral-400);font-size:1.2rem;font-weight:500;line-height:1.2}:is(:is(:is(section[data-section=navigation] .card) .item) .content) .label{color:var(--color-neutral-400);font-size:1.2rem;font-weight:500;line-height:1.2}section[data-section=navigation] .card .item .content .title{color:var(--color-neutral-200);font-size:1.4rem;font-weight:500;line-height:1.2}:is(:is(:is(section[data-section=navigation] .card) .item) .content) .title{color:var(--color-neutral-200);font-size:1.4rem;font-weight:500;line-height:1.2}section[data-section=navigation] .card .item .cover{aspect-ratio:1/1;border-radius:8px;grid-column:2/2;grid-row:1;height:100%;max-width:4rem;overflow:hidden;width:100%}:is(:is(section[data-section=navigation] .card) .item) .cover{aspect-ratio:1/1;border-radius:8px;grid-column:2/2;grid-row:1;height:100%;max-width:4rem;overflow:hidden;width:100%}section[data-section=navigation] .card .item .cover img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}:is(:is(:is(section[data-section=navigation] .card) .item) .cover) img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}