.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.italic{font-family:Andremas;font-style:italic}@-webkit-keyframes opacity{0%{opacity:0%}}@keyframes opacity{0%{opacity:0%}}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes slide-up{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}}@-webkit-keyframes slide-up-small{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up-small{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}:root{--primary: #1b00ff;--highlight: #fff;--primary-semitransparent: color-mix(in oklab, var(--primary), transparent 50%);--highlight-active: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 40%);--highlight-90: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 10%);--highlight-80: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 20%);--highlight-70: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 30%);--highlight-60: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 40%);--highlight-50: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 50%);--highlight-40: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 60%);--highlight-30: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 70%);--highlight-20: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 80%);--highlight-10: color-mix(in oklch, var(--highlight), var(--primary-semitransparent) 90%);--set-highlight: var(--highlight);--accent: #F3DA4B;--page-width: 700px}@media screen and (max-width:750px){:root{--page-width: 350px}}h1,h2,h3,h4,h5,h6{all:unset;font-family:Andremas;font-style:italic;display:flex;flex-direction:row;gap:16px;align-items:center}html,body{margin:0;font-family:Inter;color:var(--set-highlight)}h1{font-size:28px}h2{font-size:24px}@media screen and (max-width:750px){h2{font-size:20px}}h3{font-size:20px}h4{font-size:16px}i{font-family:Andremas;font-style:italic}#app{display:flex;flex-direction:column;align-items:center;height:100vh;overflow-x:hidden;overflow-y:auto;background-color:var(--primary);transition:background .8s cubic-bezier(0,1,0,1)}@media screen and (max-width:750px){#app{overflow-x:auto}}#app #app-wrapper{width:var(--page-width);display:flex;flex-direction:column;gap:36px;margin:36px 0;-webkit-animation:slide-up 1s cubic-bezier(0,1,0,1);animation:slide-up 1s cubic-bezier(0,1,0,1);margin-bottom:calc(36px + 4vh)}@media screen and (max-width:750px){#app #app-wrapper{max-width:calc(100vw - 48px);gap:24px;margin:24px 0;margin-bottom:calc(24px + 4vh)}}.header{display:flex;flex-direction:row;gap:28px;align-items:center;padding:16px;box-shadow:0 0 0 2px var(--set-highlight) inset;border-radius:10000px}.header .logo{width:100px;height:100px;padding:20px;box-sizing:border-box;border-radius:50%;background:var(--set-highlight);transition:-webkit-transform .3s cubic-bezier(.1,3,.2,.8);transition:transform .3s cubic-bezier(.1,3,.2,.8);transition:transform .3s cubic-bezier(.1,3,.2,.8),-webkit-transform .3s cubic-bezier(.1,3,.2,.8);cursor:pointer}.header .logo:active{--set-highlight: var(--highlight-60);-webkit-transform:scale(.95);transform:scale(.95);transition:0ms}.header .logo svg{width:60px;height:60px;fill:var(--primary)}.header .info{font-size:20px;--set-highlight: var(--highlight-60);color:var(--set-highlight)}.header .info i{--set-highlight: var(--highlight);color:var(--set-highlight)}@media screen and (max-width:750px){.header{padding:0;box-shadow:none;flex-direction:column;gap:24px}.header .info{box-shadow:0 0 0 2px var(--highlight) inset;border-radius:30px;padding:24px;font-size:16px;text-align:center}.header .logo{width:60px;height:60px;padding:10px}.header .logo svg{width:40px;height:40px}}.horizontal-split{display:flex;flex-direction:row;gap:36px;align-items:flex-start}@media screen and (max-width:750px){.horizontal-split{flex-direction:column-reverse;align-items:center;gap:24px}}.content-wrapper{display:flex;flex-direction:column;gap:26px;flex:1}.music-section{display:flex;flex-direction:column;gap:26px}.section-header{display:flex;flex-direction:row;align-items:center;width:100%}.section-header h2{flex:1}.section-header .change-order{display:flex;flex-direction:row;gap:4px;align-items:center;cursor:pointer;font-size:16px;font-weight:500;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--highlight-60);transition:.8s cubic-bezier(0,.5,0,1),-webkit-transform .4s cubic-bezier(0,1.8,.2,.8);transition:.8s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(0,1.8,.2,.8);transition:.8s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(0,1.8,.2,.8),-webkit-transform .4s cubic-bezier(0,1.8,.2,.8)}.section-header .change-order .chevron svg{width:20px;height:20px;stroke:var(--highlight-60);transition:.8s cubic-bezier(0,.5,0,1)}.section-header .change-order:hover{color:var(--highlight-80);transition:.3s cubic-bezier(0,.5,0,1),-webkit-transform .4s cubic-bezier(0,1.8,.2,.8);transition:.3s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(0,1.8,.2,.8);transition:.3s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(0,1.8,.2,.8),-webkit-transform .4s cubic-bezier(0,1.8,.2,.8)}.section-header .change-order:hover .chevron svg{stroke:var(--highlight-80);transition:.3s cubic-bezier(0,.5,0,1)}.section-header .change-order:active{color:var(--highlight-40);-webkit-transform:scale(.95);transform:scale(.95);transition:0ms}.section-header .change-order:active .chevron svg{stroke:var(--highlight-40);transition:0ms}.section-header .change-order .chevron{width:20px;height:20px}.section-header .change-order .chevron.reversed{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.content-list{display:flex;flex-direction:column;gap:12px}.content-list .song{all:unset;flex-direction:row;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:16px;gap:20px;border-radius:30px;box-shadow:0 0 0 2px var(--highlight-80) inset;cursor:pointer;display:flex;position:relative;transition:.8s cubic-bezier(0,.5,0,1);color:var(--set-highlight)}.content-list .song:hover{box-shadow:0 0 0 4px var(--set-highlight) inset;mix-blend-mode:initial;transition:.4s cubic-bezier(0,.5,0,1)}.content-list .song:hover .artwork-wrap{outline:1px solid transparent}.content-list .song:active{--set-highlight: var(--highlight-60);box-shadow:0 0 0 4px var(--set-highlight) inset;-webkit-transform:translate(0,2px);transform:translateY(2px);transition:0ms}.content-list .song:active .artwork-wrap{opacity:.8;transition:0ms}.content-list .song:active .artwork-wrap .artwork{opacity:0;transition:0ms}.content-list .song .artwork-wrap{transition:.8s cubic-bezier(0,.5,0,1);width:100px;height:100px;position:relative;min-width:100px;border-radius:14px;overflow:hidden;outline:1px solid var(--highlight-20)}.content-list .song .artwork,.content-list .song .artwork-tinted{width:100px;height:100px;position:absolute;background-size:cover;transition:.8s cubic-bezier(0,.5,0,1)}.content-list .song .artwork{opacity:0}.content-list .song .artwork-tinted{pointer-events:none}.content-list .song:hover:not(:active) .artwork{opacity:1;transition:.4s cubic-bezier(0,.5,0,1)}.content-list .song .song-info{display:flex;flex-direction:column;gap:4px;font-size:16px}.content-list .song .song-info .song-title-wrap{display:flex;flex-direction:row;gap:12px;align-items:center}.content-list .song .song-info .song-title-wrap .song-title{font-family:Andremas;font-style:italic;font-weight:500;font-size:20px}@media screen and (max-width:750px){.content-list .song .song-info .song-title-wrap .song-title{font-size:16px}}.content-list .song .song-info .song-shortdesc{font-size:16px;color:var(--highlight-60)}@media screen and (max-width:750px){.content-list .song .song-info .song-shortdesc{font-size:14px}}.content-list .song .song-info .release-date{font-weight:500;font-size:14px;line-height:1;color:var(--highlight-40);bottom:5px;right:5px}.content-list .song:active .song-info .song-shortdesc{color:var(--highlight-40)}.content-list .song:active .song-info .release-date{color:var(--highlight-20)}.content-list .card{all:unset;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;gap:20px;padding:16px;border-radius:30px;background:#ffffff1a;mix-blend-mode:luminosity;transition:.8s cubic-bezier(0,.5,0,1),-webkit-transform .4s cubic-bezier(.1,3,.2,.8);transition:.8s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(.1,3,.2,.8);transition:.8s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(.1,3,.2,.8),-webkit-transform .4s cubic-bezier(.1,3,.2,.8)}.content-list .card:hover{background:#fff3;mix-blend-mode:initial;transition:.4s cubic-bezier(0,.5,0,1),-webkit-transform .4s cubic-bezier(.1,3,.2,.8);transition:.4s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(.1,3,.2,.8);transition:.4s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(.1,3,.2,.8),-webkit-transform .4s cubic-bezier(.1,3,.2,.8)}.content-list .card:hover .card-graphic{transition:.4s cubic-bezier(0,.5,0,1)}.content-list .card:active{--set-highlight: var(--highlight-active);-webkit-transform:translateY(4px);transform:translateY(4px);box-shadow:0 0 0 4px var(--set-highlight) inset;mix-blend-mode:initial;transition:0ms}.content-list .card:active .card-graphic{opacity:.6;transition:0ms}.content-list .card.highlighted{background:var(--set-highlight);color:var(--primary);mix-blend-mode:initial;box-shadow:0 0 0 7px var(--primary),0 0 0 6px transparent;transition:.8s cubic-bezier(0,.5,0,1),box-shadow .5s cubic-bezier(.2,0,0,1),-webkit-transform .4s cubic-bezier(.1,3,.2,.8);transition:.8s cubic-bezier(0,.5,0,1),box-shadow .5s cubic-bezier(.2,0,0,1),transform .4s cubic-bezier(.1,3,.2,.8);transition:.8s cubic-bezier(0,.5,0,1),box-shadow .5s cubic-bezier(.2,0,0,1),transform .4s cubic-bezier(.1,3,.2,.8),-webkit-transform .4s cubic-bezier(.1,3,.2,.8)}.content-list .card.highlighted:hover{opacity:.9;box-shadow:0 0 0 4px var(--primary),0 0 0 7px var(--set-highlight);transition:.4s cubic-bezier(0,.5,0,1),box-shadow .2s cubic-bezier(0,.5,0,1),-webkit-transform .4s cubic-bezier(.1,3,.2,.8);transition:.4s cubic-bezier(0,.5,0,1),box-shadow .2s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(.1,3,.2,.8);transition:.4s cubic-bezier(0,.5,0,1),box-shadow .2s cubic-bezier(0,.5,0,1),transform .4s cubic-bezier(.1,3,.2,.8),-webkit-transform .4s cubic-bezier(.1,3,.2,.8)}.content-list .card.highlighted:active{opacity:.9;--set-highlight: var(--highlight-active);box-shadow:0 0 0 4px var(--primary),0 0 0 7px var(--set-highlight);transition:0ms}.content-list .card .card-graphic{height:260px;background-size:cover;background-position:center;border-radius:16px;transition:.4s cubic-bezier(0,.5,0,1)}@media screen and (max-width:750px){.content-list .card .card-graphic{height:180px}}.social-links{display:flex;flex-direction:column;gap:14px;box-shadow:0 0 0 2px var(--set-highlight) inset;border-radius:30px;padding:24px 40px 24px 24px;box-sizing:border-box}@media screen and (max-width:750px){.social-links{width:calc(100% - 32px);padding:0;box-shadow:none}.social-links h2{display:none}}.social-links .links-list{display:flex;flex-direction:column}@media screen and (max-width:750px){.social-links .links-list{display:flex;flex-direction:row;justify-content:center}}.social-links .links-list .social-link{all:unset;display:flex;flex-direction:row;gap:8px;align-items:center;cursor:pointer;padding:6px 0;transition:.8s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1);transition:.8s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1);transition:.8s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1);color:var(--set-highlight);font-size:16px}.social-links .links-list .social-link:hover{-webkit-transform:translateX(4px);transform:translate(4px);--set-highlight: var(--highlight-active);transition:.4s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1);transition:.4s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1);transition:.4s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1)}.social-links .links-list .social-link .social-icon{width:16px;height:16px;background-size:contain;background-repeat:no-repeat}@media screen and (max-width:750px){.social-links .links-list .social-link{all:unset;padding:8px;color:var(--highlight);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.social-links .links-list .social-link:hover{-webkit-transform:none;transform:none}.social-links .links-list .social-link .social-icon{width:24px;height:24px;transition:.8s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1);transition:.8s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1);transition:.8s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1)}.social-links .links-list .social-link span{display:none}}#app.song-page{--page-width: 350px}#app.song-page #app-wrapper{max-width:calc(100vw - 48px);gap:20px;box-sizing:border-box}.blob{border-radius:30px;box-shadow:0 0 0 2px #fff inset}.main-song-card{display:flex;flex-direction:column;gap:4px}.main-song-card .highlighted-card{background:#fff;border-radius:30px;color:var(--primary);display:flex;flex-direction:column;gap:16px;padding:16px}.main-song-card .highlighted-card .artwork{border-radius:14px;min-height:calc(min(var(--page-width),calc(100vw - 80px)) - 32px)}.main-song-card .highlighted-card .song-info{display:flex;flex-direction:column;gap:4px;font-size:16px}.info-card{display:flex;flex-direction:column;gap:8px;padding:20px}.info-card .spacer{height:4px}.info-card span{color:var(--highlight-60)}.info-card span sb{font-weight:500;color:var(--highlight-80)}.song-links{display:flex;flex-direction:column}.song-links .provider{all:unset;padding:16px 16px 16px 22px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:row;gap:16px;align-items:center;position:relative}.song-links .provider:not(:last-child):after{content:"";position:absolute;bottom:-1px;left:16px;height:2px;width:calc(100% - 32px);background:var(--highlight-20)}.song-links .provider .provider-icon{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center center;transition:.8s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1);transition:.8s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1);transition:.8s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1)}.song-links .provider .provider-name{flex:1;color:var(--set-highlight);transition:.8s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1);transition:.8s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1);transition:.8s cubic-bezier(0,.5,0,1),transform .2s cubic-bezier(0,.5,0,1),-webkit-transform .2s cubic-bezier(0,.5,0,1)}.song-links .provider .provider-action-button{padding:8px 12px;background:var(--highlight-10);border-radius:30px;transition:.8s cubic-bezier(0,.5,0,1)}.song-links .provider:hover .provider-action-button{transition:.4s cubic-bezier(0,.5,0,1);background:var(--highlight-30)}.song-links .provider:active .provider-action-button{transition:0ms;background:var(--highlight);color:var(--primary)}.title-fill-line{height:2px;width:auto;flex:1;background:var(--highlight-20)}.bottom-logo{align-self:center;width:60px;height:60px;padding:10px;margin-top:16px;box-sizing:border-box;border-radius:50%;background:var(--set-highlight);transition:.8s cubic-bezier(0,.5,0,1),-webkit-transform .3s cubic-bezier(.1,3,.2,.8);transition:.8s cubic-bezier(0,.5,0,1),transform .3s cubic-bezier(.1,3,.2,.8);transition:.8s cubic-bezier(0,.5,0,1),transform .3s cubic-bezier(.1,3,.2,.8),-webkit-transform .3s cubic-bezier(.1,3,.2,.8);cursor:pointer}.bottom-logo:hover{--set-highlight: var(--highlight-60);transition:.4s cubic-bezier(0,.5,0,1),-webkit-transform .3s cubic-bezier(.1,3,.2,.8);transition:.4s cubic-bezier(0,.5,0,1),transform .3s cubic-bezier(.1,3,.2,.8);transition:.4s cubic-bezier(0,.5,0,1),transform .3s cubic-bezier(.1,3,.2,.8),-webkit-transform .3s cubic-bezier(.1,3,.2,.8)}.bottom-logo:active{-webkit-transform:scale(.95);transform:scale(.95);transition:0ms;--set-highlight: var(--highlight-40)}.bottom-logo svg{width:40px;height:40px;fill:var(--primary)}@font-face{font-family:Andremas;src:url(/_build/assets/Andremas-Regular-DCqRLjZW.woff2) format("woff2"),url(/_build/assets/Andremas-Regular-CBsDosmm.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Andremas;src:url(/_build/assets/Andremas-Italic-gDxfICde.woff2) format("woff2"),url(/_build/assets/Andremas-Italic-DZdT8ev5.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Andremas;src:url(/_build/assets/Andremas-BoldItalic-nGEI-bA7.woff2) format("woff2"),url(/_build/assets/Andremas-BoldItalic-BoA1xx2M.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Andremas;src:url(/_build/assets/Andremas-Bold-DrJhbJYI.woff2) format("woff2"),url(/_build/assets/Andremas-Bold-Dh6cxJnU.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/_build/assets/inter-v20-latin-regular-C38fXH4l.woff2) format("woff2"),url(/_build/assets/inter-v20-latin-regular-XwzkZeEk.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/_build/assets/inter-v20-latin-500-Cerq10X2.woff2) format("woff2"),url(/_build/assets/inter-v20-latin-500-DiXbiR5l.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/_build/assets/inter-v20-latin-600-LgqL8muc.woff2) format("woff2"),url(/_build/assets/inter-v20-latin-600-B0cBhq7T.ttf) format("truetype")}@font-face{font-family:"0xProto";src:url(/_build/assets/0xProto-Bold-CdHuzbvJ.woff2) format("woff2"),url(/_build/assets/0xProto-Bold-pvCWtfOJ.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"0xProto";src:url(/_build/assets/0xProto-Italic-D7cw2oKT.woff2) format("woff2"),url(/_build/assets/0xProto-Italic-0QsVoW3A.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"0xProto";src:url(/_build/assets/0xProto-Regular-B6FkkfKj.woff2) format("woff2"),url(/_build/assets/0xProto-Regular-D576-wTv.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
