.background.svelte-xkg7i2{width:var(--screen-width);height:calc(9 / 16 * var(--screen-width));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:var(--bg);background-size:contain;background-position:center;background-repeat:no-repeat}.background.portrait.svelte-xkg7i2{width:calc(16 / 9 * var(--screen-height));height:var(--screen-height)}.video-wrapper.svelte-xkg7i2{width:100%;height:100%;position:relative}video.phonograph-top.svelte-xkg7i2{position:absolute;top:0;left:20.2%;width:45.6%}video.phonograph-bottom.svelte-xkg7i2{position:absolute;bottom:0;left:40.1%;width:17.6%}.album-list.svelte-1032thz.svelte-1032thz{margin-top:2rem;display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:5%}.album-item.svelte-1032thz.svelte-1032thz{display:flex;justify-content:center;padding:0 calc(.015 * var(--screen-height));padding-bottom:calc(.05 * var(--screen-height))}.wrapper.svelte-1032thz.svelte-1032thz{aspect-ratio:1/1;width:calc(.135 * var(--screen-height));max-width:calc(.35 * var(--screen-width));min-width:120px;position:relative;filter:brightness(.5);transition:all .25s;display:block}.wrapper.svelte-1032thz.svelte-1032thz:hover{filter:brightness(1)}.wrapper.active.svelte-1032thz.svelte-1032thz{filter:brightness(1);transform:scale(1.05)}.indicator.svelte-1032thz.svelte-1032thz{opacity:0;transition:.25s opacity;position:absolute;width:100%;height:100%;z-index:-1}.active.svelte-1032thz .indicator.svelte-1032thz{opacity:1}.indicator.svelte-1032thz span.svelte-1032thz{position:absolute;top:50%;right:-70%;transform:translateY(-50%);background-color:#ff0;width:300%;height:.15rem;border-radius:1rem;box-shadow:0 0 1rem 1rem #f9aa0233,0 0 2rem 1.5rem #f9c8021a,0 0 3rem 1rem #f9b7021a}.indicator.svelte-1032thz span.svelte-1032thz:after{content:"";position:absolute;right:0;top:50%;transform:translate(100%,-50%);border-radius:100%;width:2.5%;aspect-ratio:1/1;border:.15rem solid yellow}picture.cover.svelte-1032thz.svelte-1032thz,img.svelte-1032thz.svelte-1032thz{width:100%;height:100%;display:block}.disc.svelte-1032thz.svelte-1032thz{height:115%;width:120%;top:50%;left:50%;transform:translate(-35%,-50%);position:absolute;z-index:-1;transition:all .2s;overflow:hidden;display:flex;justify-content:center;align-items:center}.active.svelte-1032thz .disc.svelte-1032thz{transform:translate(-18%,-50%)}.disc.svelte-1032thz img.svelte-1032thz{height:100%;width:auto;aspect-ratio:1/1}.active.svelte-1032thz .disc img.svelte-1032thz{animation:svelte-1032thz-rotate 25s linear infinite}.note.svelte-1032thz.svelte-1032thz{color:#ff0;position:absolute;z-index:+2;bottom:0;left:50%;transform:translate(-50%,50%);background-color:#000;border-width:.15rem;border-color:#ff0;border-style:dotted dotted solid dotted;border-radius:100%;display:inline-flex;justify-content:center;align-items:center;aspect-ratio:100%;width:17%;aspect-ratio:1/1;font-size:100%;transition:.25s all}.mobileLandscape .wrapper.svelte-1032thz.svelte-1032thz{width:calc(.175 * var(--screen-height));max-width:calc(.35 * var(--screen-width));min-width:unset}.mobileLandscape .indicator.svelte-1032thz span.svelte-1032thz{transform:scale(.8)}.mobileLandscape .note.svelte-1032thz.svelte-1032thz{width:25%;font-size:75%}@media screen and (max-width: 620px){.album-list.svelte-1032thz.svelte-1032thz{flex-direction:row;margin-top:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:center;padding-left:unset}.album-item.svelte-1032thz.svelte-1032thz{padding-bottom:0}.wrapper.svelte-1032thz.svelte-1032thz{width:calc(.06 * var(--screen-height));max-width:calc(.35 * var(--screen-width));min-width:50px}.wrapper.active.svelte-1032thz.svelte-1032thz{transform:translate(-10%)}.indicator.svelte-1032thz.svelte-1032thz{display:none}.note.svelte-1032thz.svelte-1032thz{width:25%;font-size:75%}}@keyframes svelte-1032thz-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button.svelte-vt027v.svelte-vt027v{position:relative;width:100%;height:95%}.track-wrapper.svelte-vt027v.svelte-vt027v{width:100%;height:100%;color:#fff;border:calc(.0075 * var(--wd)) solid;border-color:#fff6;display:flex;align-items:center;position:relative;overflow:hidden;transition:all .25s}button.svelte-vt027v:hover .track-wrapper.svelte-vt027v{border-color:#fff}button.isPlayed.svelte-vt027v .track-wrapper.svelte-vt027v{color:#000;border-color:#fff}.track-wrapper.svelte-vt027v.svelte-vt027v:after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;border-radius:0 10rem 10rem 0;transform:translate(-120%);background-color:#ffffffd9;transition:all .25s}button.isPlayed.svelte-vt027v .track-wrapper.svelte-vt027v:after{border-radius:unset;transform:translate(0)}i.hsr-right-arrow.svelte-vt027v.svelte-vt027v{opacity:0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%);color:#000;font-size:x-large;transition:opacity .25s;-webkit-text-stroke:.075rem #fff}button.isPlayed.svelte-vt027v .hsr-right-arrow.svelte-vt027v{opacity:1}.icon.svelte-vt027v.svelte-vt027v{font-size:calc(.08 * var(--wd));flex-basis:15%;min-width:15%;position:relative;z-index:+1;display:flex;justify-content:center;align-items:center}.hsr-spinner.svelte-vt027v.svelte-vt027v{line-height:0;animation:svelte-vt027v-rotate 2s linear infinite}.play-icon.svelte-vt027v.svelte-vt027v{width:45%;aspect-ratio:1.2/1;display:flex}.play-icon.svelte-vt027v span.svelte-vt027v{display:block;width:15%;height:100%;margin:auto;background-color:#000;transform-origin:bottom;animation:svelte-vt027v-audiowave infinite linear}.play-icon.svelte-vt027v span.svelte-vt027v:nth-child(1){animation-duration:.9s}.play-icon.svelte-vt027v span.svelte-vt027v:nth-child(2){animation-duration:.8s}.play-icon.svelte-vt027v span.svelte-vt027v:nth-child(3){animation-duration:.7s}.play-icon.svelte-vt027v span.svelte-vt027v:nth-child(4){animation-duration:.6s}.track-info.svelte-vt027v.svelte-vt027v{text-align:left;display:flex;flex-direction:column;flex-basis:85%;max-width:85%;height:100%;padding:0 2%;position:relative;z-index:+1}.track-bg.svelte-vt027v.svelte-vt027v{position:absolute;top:50%;right:0;transform:translateY(-50%);height:100%;aspect-ratio:1/1;opacity:.1;transition:all .25s}.track-bg.svelte-vt027v img.svelte-vt027v{width:100%}.isPlayed.svelte-vt027v .track-bg.svelte-vt027v{filter:brightness(.5)}.track-title.svelte-vt027v.svelte-vt027v{flex-basis:60%;font-size:calc(.05 * var(--wd));padding:4% 0;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.progress.svelte-vt027v.svelte-vt027v{background-color:#aea7a780;width:100%;height:calc(.005 * var(--wd));position:relative;border-radius:1rem}.progress.svelte-vt027v span.svelte-vt027v{display:block;height:125%;width:var(--per);background-color:#000;position:absolute;top:50%;left:0;border-radius:1rem;transform:translateY(-50%);transition:width .1s}.duration.svelte-vt027v.svelte-vt027v{margin-left:auto;margin-right:5%;font-size:calc(.045 * var(--wd));opacity:.5}.note.svelte-vt027v.svelte-vt027v{color:#ff0;position:absolute;z-index:+2;top:50%;right:0;transform:translateY(-50%);background-color:#000;border-width:.15rem;border-color:#ff0;border-style:dotted dotted solid dotted;border-radius:100%;display:inline-flex;justify-content:center;align-items:center;aspect-ratio:100%;width:10%;aspect-ratio:1/1;font-size:100%;transition:.25s all}button.delete.svelte-vt027v.svelte-vt027v{position:absolute;top:0;left:0;color:#fff;background-color:#c33535;width:15%;font-size:calc(.07 * var(--wd));opacity:0;z-index:+1;pointer-events:none;transition:.25s opacity}.track-item:hover .delete.svelte-vt027v.svelte-vt027v{display:unset;opacity:1;pointer-events:unset}@media screen and (max-width: 620px){.title.svelte-vt027v.svelte-vt027v{font-size:calc(.03 * var(--wd))}.track-title.svelte-vt027v.svelte-vt027v{padding:0}.duration.svelte-vt027v.svelte-vt027v{font-size:calc(.035 * var(--wd))}}@keyframes svelte-vt027v-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-vt027v-audiowave{0%{transform:scaleY(1)}55%{transform:scaleY(.2)}to{transform:scaleY(1)}}.addtrack.svelte-jpewv0.svelte-jpewv0{width:100%;text-align:center}.button.svelte-jpewv0.svelte-jpewv0{margin-top:2%}.row.svelte-jpewv0.svelte-jpewv0{display:flex;align-items:center;width:100%}.thumb.svelte-jpewv0.svelte-jpewv0{flex-basis:35%}.thumb.svelte-jpewv0 img.svelte-jpewv0{width:80%}.info.svelte-jpewv0.svelte-jpewv0{text-align:left;flex-basis:65%}.info.svelte-jpewv0 .title.svelte-jpewv0{font-size:150%}.info.svelte-jpewv0 .channel.svelte-jpewv0{text-decoration:underline}.info.svelte-jpewv0 .description.svelte-jpewv0{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:3%;height:10vh}.tracks.svelte-tdjbvu{min-width:320px;width:calc(.23 * var(--screen-width));height:100%;display:flex;flex-direction:column}.album-name.svelte-tdjbvu{height:calc(.2 * var(--wd));font-size:calc(.08 * var(--wd));padding-left:calc(.05 * var(--wd));display:flex;align-items:center;line-height:120%}.track-list.svelte-tdjbvu{height:calc((.84 * var(--screen-height) - (.38 * var(--wd))))}.divider.svelte-tdjbvu,.list-wrapper.svelte-tdjbvu,.set-bgm.svelte-tdjbvu{margin-left:calc(.05 * var(--wd))}.divider.svelte-tdjbvu{border-bottom:rgba(255,255,255,.5) calc(.005 * var(--wd)) solid}.list-wrapper.svelte-tdjbvu{position:relative}.set-bgm.svelte-tdjbvu{height:calc(.25 * var(--wd));display:flex;justify-content:center;align-items:center}.set-bgm.svelte-tdjbvu span{padding:calc(.0175 * var(--wd)) calc(.1 * var(--wd));font-size:calc(.05 * var(--wd))}.track-item.svelte-tdjbvu{height:calc(.25 * var(--wd));margin-bottom:calc(.03 * var(--wd));position:relative}.track-item.custom.svelte-tdjbvu{display:flex;flex-direction:column;align-items:center}.no-track.svelte-tdjbvu{opacity:.8;justify-content:center}.custom.svelte-tdjbvu button{padding:4% 10%}.mobileLandscape .tracks.svelte-tdjbvu{min-width:175px}@media screen and (max-width: 620px){.tracks.svelte-tdjbvu{width:100%;min-width:unset;max-width:350px;margin:auto}.album-name.svelte-tdjbvu{height:calc(.125 * var(--wd));font-size:calc(.05 * var(--wd))}.track-list.svelte-tdjbvu{height:calc((.7 * var(--screen-height) - (.25 * var(--wd))))}.track-item.svelte-tdjbvu{height:calc(.175 * var(--wd));margin-bottom:calc(.01 * var(--wd))}.set-bgm.svelte-tdjbvu{height:unset;padding:.5rem}.set-bgm.svelte-tdjbvu span{padding:.25rem;font-size:calc(.03 * var(--wd))}}.onplay.svelte-9qnu8b.svelte-9qnu8b{display:block;font-size:120%;color:var(--color-second)}.description.svelte-9qnu8b.svelte-9qnu8b{max-height:15vh;overflow-y:auto}.description.svelte-9qnu8b.svelte-9qnu8b::-webkit-scrollbar{display:none}p.svelte-9qnu8b.svelte-9qnu8b{line-height:120%}.controls.svelte-9qnu8b.svelte-9qnu8b{padding:1rem 0}button.svelte-9qnu8b.svelte-9qnu8b{color:#fff;display:inline-flex;align-items:center;margin-right:1rem;border:.1rem solid #fff;padding:.1rem 1.5rem;border-radius:2rem;opacity:.5;transition:.25s all;font-size:100%}button.svelte-9qnu8b i.svelte-9qnu8b{line-height:0;font-size:200%;margin-right:.5rem;position:relative}i.hsr-loop.svelte-9qnu8b.svelte-9qnu8b:after{content:"1";position:absolute;top:50%;left:50%;font-style:normal;font-size:45%;line-height:0;transform:translate(-50%,-50%)}button.svelte-9qnu8b.svelte-9qnu8b:not(:disabled):hover{opacity:1}button.svelte-9qnu8b.svelte-9qnu8b:not(:disabled):active{transform:scale(.95);filter:brightness(.5)}button.active.svelte-9qnu8b.svelte-9qnu8b{opacity:1;background-color:#ffffffd9;color:#000}.mobileLandscape button.svelte-9qnu8b.svelte-9qnu8b{font-size:80%}@media screen and (max-width: 620px){.description.svelte-9qnu8b.svelte-9qnu8b{height:5vh}}section.svelte-1xvl0ev.svelte-1xvl0ev{width:100%;height:100%;position:relative}.container.svelte-1xvl0ev.svelte-1xvl0ev{padding:0 2%;width:100%;height:88%;display:flex;position:relative;z-index:+1}section.svelte-1xvl0ev:not(.lite) .album-list.svelte-1xvl0ev{-webkit-mask-image:linear-gradient(transparent,black 7%,black 93%,transparent);mask-image:linear-gradient(transparent,black 7%,black 93%,transparent)}.album-list.svelte-1xvl0ev.svelte-1xvl0ev{position:absolute;top:0;left:0;width:30%;min-width:260px;height:calc(.9 * var(--screen-height) - (1.15 * var(--controlH)));transition:height .25s}.playlist.svelte-1xvl0ev.svelte-1xvl0ev{margin-left:auto;margin-right:3%}.controller.svelte-1xvl0ev.svelte-1xvl0ev{position:fixed;bottom:0;left:0;width:45%;font-size:120%;padding:0 0 0 2.75%}.mobileLandscape .container.svelte-1xvl0ev.svelte-1xvl0ev{padding:0 5%}@media screen and (max-width: 620px){.container.svelte-1xvl0ev.svelte-1xvl0ev{flex-direction:column;position:relative}.container.svelte-1xvl0ev.svelte-1xvl0ev:after{content:"";width:120%;height:120%;left:50%;top:0;position:absolute;z-index:-1;transform:translate(-50%);background-image:linear-gradient(transparent 10%,rgba(0,0,0,1))}.album-list.svelte-1xvl0ev.svelte-1xvl0ev{width:unset;min-width:unset;position:relative;height:unset;-webkit-mask-image:unset;mask-image:unset}.playlist.svelte-1xvl0ev.svelte-1xvl0ev{margin-right:5%;margin-left:0%}.controller.svelte-1xvl0ev.svelte-1xvl0ev{position:relative;width:100%;font-size:120%}}