:root{font-size:16px;--panel-bg: rgba(1, 1, 1, .567);--panel-h: rgba(56, 56, 56, .567);--panel-a: rgba(87, 87, 87, .567);--arrow-bg: rgba(192, 192, 192, .452);--arrow-h: rgba(192, 192, 192, .831);--arrow-a: rgb(255, 255, 255);--switcher-list-bg: rgb(42, 42, 42);--inactive: rgb(78, 78, 78)}html,input,button{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;color:#fff}.material-symbols-rounded{color:#fff}.logo:hover{text-shadow:0 0 7px white}.subtitle{font-weight:400}img{font-style:italic}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}:before,:after{box-sizing:border-box}button{outline:none}html{line-sizing:normal}[hidden]{display:none}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1,h2,h3,h4,h5,h6{font-weight:600}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%}audio:not([controls]){display:none}picture{display:contents}source{display:none}img,svg,video,canvas{height:auto}audio{width:100%}img{border-style:none;background-repeat:no-repeat;background-size:cover}svg{overflow:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}.fill-height{height:100%}.fill-width{width:100%}.h-fit{height:fit-content}.w-fit{width:fit-content}.flex-r{display:flex}.flex-c{display:flex;flex-direction:column}.f-al-cent{align-items:center}.f-al-st{align-items:flex-start}.f-al-end{align-items:flex-end}.f-just-bet{justify-content:space-between}.f-just-cent{justify-content:center}.f-just-eve{justify-content:space-evenly}.clip-overflow-y{overflow-y:clip}.hide-overflow-y{overflow-y:hidden}.min-w-fit{min-width:fit-content}.pos-rel{position:relative}.btn{cursor:pointer;outline:none;border:1px solid white}.side-panel{width:64vw}@media only screen and (min-width: 480px){:root{font-size:17px}.side-panel{width:75vw}}@media only screen and (min-width: 768px){.side-panel{width:100%}}@media only screen and (min-width: 992px){.side-panel{width:100%}}.material-symbols-rounded[data-v-7f1fba2a]{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.config-container[data-v-7f1fba2a]{background-color:var(--panel-bg);position:fixed;top:50%;right:0;transform:translate(var(--translateX, 0),-50%);min-width:fit-content;width:fit-content;min-height:86vh;height:86svh;border-radius:20px 0 0 20px;padding:1rem 3.5rem 1rem 1rem}.config-panel[data-v-7f1fba2a]{border:1px solid white;height:100%;padding:.8rem;border-radius:12px 0 0 12px;gap:1.2rem}label[data-v-7f1fba2a]{margin-bottom:.4rem;border:none}.bg-arr[data-v-7f1fba2a]{background-color:transparent;outline:none;border:1px solid transparent;color:#fff;cursor:pointer;display:flex;width:1.9rem;height:1.9rem;align-items:center;justify-content:center;overflow:hidden;transition:transform .05s linear}.bg-arr[data-v-7f1fba2a]:hover{transform:scale(1.3)}.bg-arr[data-v-7f1fba2a]:active{transform:scale(1.2)}.bg-arr span[data-v-7f1fba2a]{font-size:3rem}.text-input[data-v-7f1fba2a]{font-size:.9rem;outline:none;text-align:center;padding:.3rem .5rem;background-color:transparent;border:1px dashed white;border-left:none;border-right:none;color:#fff;width:14rem}.text-input[data-v-7f1fba2a]::-moz-selection{color:#000;background:#fff}.text-input[data-v-7f1fba2a]::selection{color:#000;background:#fff}.text-input[data-v-7f1fba2a]:hover{background-color:var(--panel-h)}.text-input[data-v-7f1fba2a]:focus{background-color:var(--panel-a)}.text-input[data-v-7f1fba2a]:focus{background-color:transparent}.save-bg-btn[data-v-7f1fba2a]{margin-top:1rem;background-color:transparent;padding:.4rem .5rem;font-size:.9rem;color:#fff;border-radius:6px}.save-bg-btn[data-v-7f1fba2a]:hover{background-color:var(--panel-h)}.save-bg-btn[data-v-7f1fba2a]:active{background-color:var(--panel-a);transform:scale(99%)}.switcher-container[data-v-1a559660]{width:100%;height:100%;background-color:#000;position:absolute;z-index:12;padding:.5rem;left:0;top:0}.switcher-container>span[data-v-1a559660]{width:30%;text-align:center;font-size:2rem;padding-left:.3rem}.audio-switcher[data-v-1a559660]{border:1px solid white;border-radius:10px;height:100%;width:100%;display:flex;background-color:#141414;overflow-x:hidden}.audio-switcher ul[data-v-1a559660]{overflow-y:scroll;overflow-x:clip;border-radius:10px;z-index:10}.audio-switcher ul[data-v-1a559660]::-webkit-scrollbar{background-color:transparent;width:.95rem;border-left:1px solid rgb(78,78,78)}.audio-switcher ul[data-v-1a559660]::-webkit-scrollbar-track{background-color:transparent}.audio-switcher ul[data-v-1a559660]::-webkit-scrollbar-thumb{background-color:#4e4e4e;border-radius:7px;background-clip:padding-box;border:3px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent}.audio-switcher ul[data-v-1a559660]::-webkit-scrollbar-thumb:hover{background-color:#6c6c6c}.audio-switcher ul[data-v-1a559660]::-webkit-scrollbar-thumb:active{background-color:#9b9b9b}.audio-switcher ul li[data-v-1a559660]{padding:.2rem .3rem}.audio-switcher ul li.active[data-v-1a559660],.audio-switcher ul li[data-v-1a559660]:hover{background-color:var(--switcher-list-bg)}.audio-switcher ul li[data-v-1a559660]:active{background-color:#3a3a3a}.audio-icon[data-v-1a559660]{margin-right:.4rem;font-size:1.4rem}.audio-name[data-v-1a559660]{font-size:.86rem;line-height:.9rem}@media only screen and (min-width: 768px){.switcher-container[data-v-1a559660]{padding:1rem}.switcher-container>span[data-v-1a559660]{width:36%;padding-left:0;font-size:3.4rem}.audio-name[data-v-1a559660]{font-size:.86rem;line-height:normal}}.switcher-arrow[data-v-dd6b9ab1]{background-color:var(--arrow-bg);cursor:pointer;transition:background-color .25s,transform .2s;clip-path:polygon(100% 0,0 0,50% 60%);z-index:20;transform-origin:center 26%;width:2.3rem;height:2.3rem}.switcher-arrow[data-v-dd6b9ab1]:hover{background-color:var(--arrow-h)}.switcher-arrow[data-v-dd6b9ab1]:active{background-color:var(--arrow-a)}.switcherTransition-enter-from[data-v-dd6b9ab1],.switcherTransition-leave-to[data-v-dd6b9ab1]{transform:translateY(-100%)}.switcherTransition-enter-to[data-v-dd6b9ab1],.switcherTransition-leave-from[data-v-dd6b9ab1]{transform:translateY(0)}.switcherTransition-enter-active[data-v-dd6b9ab1],.switcherTransition-leave-active[data-v-dd6b9ab1]{transition:transform .2s ease-in-out}.play-btn[data-v-dd6b9ab1]{border-radius:50%;background-color:transparent;width:3.6rem;height:3.6rem;transition:background-color .1s ease-in-out;clip-path:circle(50%)}.play-btn[data-v-dd6b9ab1]:hover{background-color:var(--panel-h)}.play-btn[data-v-dd6b9ab1]:active{background-color:var(--panel-a)}.play-btn.inactive[data-v-dd6b9ab1]{cursor:not-allowed}.pauseIcon[data-v-dd6b9ab1]{font-size:3rem}.playIcon[data-v-dd6b9ab1]{font-size:3.5rem}.on-off-btn[data-v-dd6b9ab1]{border-radius:50%;background-color:transparent;width:1.4rem;height:1.4rem;transition:background-color .1s ease-in-out;margin-right:.3rem}.on-off-btn span.inactive[data-v-dd6b9ab1]{color:red}.on-off-btn span[data-v-dd6b9ab1]{font-size:1rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.on-off-btn[data-v-dd6b9ab1]:hover{background-color:var(--panel-h)}.on-off-btn[data-v-dd6b9ab1]:active{background-color:var(--panel-a)}.material-symbols-rounded[data-v-dd6b9ab1]{font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 24}.audio-display[data-v-dd6b9ab1]{border:1px solid white;width:7.2rem;height:3.5rem;background-color:var(--panel-bg);border-radius:10px;padding:.2rem}.audio-title[data-v-dd6b9ab1]{font-size:.8rem;text-align:center;width:70%;max-height:100%;-webkit-user-select:none;user-select:none;line-height:1.15rem;overflow:hidden;text-wrap:wrap}.playIcon.inactive[data-v-dd6b9ab1],.pauseIcon.inactive[data-v-dd6b9ab1],.audio-title.inactive[data-v-dd6b9ab1],.material-symbols-rounded.inactive[data-v-dd6b9ab1]{color:var(--inactive)}.audio-icon[data-v-dd6b9ab1]{margin-left:.3rem}.vol-container[data-v-dd6b9ab1]{width:100%;margin-top:.7rem}.vol-slider[data-v-dd6b9ab1]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:transparent;border:1px solid white;border-radius:5px;height:.6rem;cursor:pointer;width:87%;transition:background-color .1s ease-in-out;margin-left:.9rem}.vol-slider[data-v-dd6b9ab1]:hover{background:var(--panel-h)}.vol-slider[data-v-dd6b9ab1]:active{background:var(--panel-a)}.vol-slider[data-v-dd6b9ab1]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.32rem;height:1.32rem;cursor:grab;border-radius:50%;background:#fff;transition:transform .1s ease-in-out}.vol-slider[data-v-dd6b9ab1]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.32rem;height:1.32rem;cursor:grab;border-radius:50%;background:#fff;transition:transform .1s ease-in-out}.vol-slider.thumbinactive[data-v-dd6b9ab1]::-moz-slider-thumb{background:var(--inactive)}.vol-slider.thumbinactive[data-v-dd6b9ab1]::-webkit-slider-thumb{background:var(--inactive)}.vol-slider[data-v-dd6b9ab1]::-webkit-slider-thumb:hover{transform:scale(115%)}.vol-slider[data-v-dd6b9ab1]::-moz-range-thumb:hover{transform:scale(115%)}.vol-slider[data-v-dd6b9ab1]::-webkit-slider-thumb:active{transform:scale(107%);cursor:grabbing}.vol-slider[data-v-dd6b9ab1]::-moz-range-thumb:active{transform:scale(107%);cursor:grabbing}@media only screen and (min-width: 768px){.play-btn[data-v-dd6b9ab1]{width:5.4rem;height:5.4rem}.pauseIcon[data-v-dd6b9ab1]{font-size:4rem}.playIcon[data-v-dd6b9ab1]{font-size:5.5rem}.on-off-btn[data-v-dd6b9ab1]{width:1.9rem;height:1.9rem;margin-right:.8rem}.on-off-btn span[data-v-dd6b9ab1]{font-size:1.2rem}.audio-display[data-v-dd6b9ab1]{width:12rem;height:4rem;padding:0}.audio-title[data-v-dd6b9ab1]{font-size:.95rem}.audio-icon[data-v-dd6b9ab1]{margin-left:.6rem}.vol-container[data-v-dd6b9ab1]{margin-top:1.3rem;padding-left:2rem}.vol-slider[data-v-dd6b9ab1]{width:100%;margin-left:0}}.control-container[data-v-52dbd90f]{height:fit-content;width:fit-content;background-color:var(--panel-bg);position:fixed;top:0;left:0;right:0;border-radius:0 0 20px 20px;padding:3.5rem .7rem .7rem;margin-left:auto;margin-right:auto}.control-panel[data-v-52dbd90f]{border:1px solid white;border-bottom:none;border-radius:0 0 12px 12px;display:flex;flex-direction:column}.control-0[data-v-52dbd90f]{grid-area:control-0}.control-1[data-v-52dbd90f]{grid-area:control-1}.control-2[data-v-52dbd90f]{grid-area:control-2}.control-3[data-v-52dbd90f]{grid-area:control-3}.control-4[data-v-52dbd90f]{grid-area:control-4}.control-5[data-v-52dbd90f]{grid-area:control-5}.control-6[data-v-52dbd90f]{grid-area:control-6}.control-7[data-v-52dbd90f]{grid-area:control-7}.control-8[data-v-52dbd90f]{grid-area:control-8}.control-5[data-v-52dbd90f],.control-6[data-v-52dbd90f],.control-7[data-v-52dbd90f],.control-8[data-v-52dbd90f]{display:none}.control-0[data-v-52dbd90f],.control-1[data-v-52dbd90f],.control-2[data-v-52dbd90f],.control-3[data-v-52dbd90f],.control-4[data-v-52dbd90f],.control-5[data-v-52dbd90f],.control-6[data-v-52dbd90f],.control-7[data-v-52dbd90f],.control-8[data-v-52dbd90f]{position:relative;padding:.4rem;border-bottom:1px solid white}@media only screen and (min-width: 480px){.control-5[data-v-52dbd90f]{display:flex}.control-panel[data-v-52dbd90f]{display:grid;grid-template-areas:"control-0 control-1" "control-2 control-3" "control-4 control-5"}.control-0[data-v-52dbd90f],.control-2[data-v-52dbd90f],.control-4[data-v-52dbd90f]{border-right:1px solid white}}@media only screen and (min-width: 768px){.control-container[data-v-52dbd90f]{padding:3.5rem 1rem 1rem}.control-panel>div[data-v-52dbd90f]{padding:1rem}}@media only screen and (min-width: 992px){.control-panel[data-v-52dbd90f]{grid-template-areas:"control-0 control-1" "control-2 control-3" "control-4 control-5"}.control-0[data-v-52dbd90f],.control-2[data-v-52dbd90f],.control-4[data-v-52dbd90f]{border-right:1px solid white}}@media only screen and (min-width: 1200px){.control-panel[data-v-52dbd90f]{border:1px solid white;grid-template-areas:"control-0 control-1 control-2" "control-3 control-4 control-5" "control-6 control-7 control-8"}.control-6[data-v-52dbd90f],.control-7[data-v-52dbd90f],.control-8[data-v-52dbd90f]{display:flex}.control-0[data-v-52dbd90f],.control-1[data-v-52dbd90f],.control-2[data-v-52dbd90f],.control-3[data-v-52dbd90f],.control-4[data-v-52dbd90f],.control-5[data-v-52dbd90f]{border-bottom:1px solid white}.control-0[data-v-52dbd90f],.control-1[data-v-52dbd90f],.control-3[data-v-52dbd90f],.control-4[data-v-52dbd90f],.control-6[data-v-52dbd90f],.control-7[data-v-52dbd90f]{border-right:1px solid white}.control-2[data-v-52dbd90f],.control-5[data-v-52dbd90f],.control-8[data-v-52dbd90f]{border-right:none}.control-6[data-v-52dbd90f],.control-7[data-v-52dbd90f],.control-8[data-v-52dbd90f]{border-bottom:none}}.material-symbols-rounded[data-v-8c6f719c]{font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 24}.master-container[data-v-8c6f719c]{bottom:0;left:0;right:0;background-color:var(--panel-bg);position:fixed;border-radius:20px 20px 0 0;padding:1rem 1rem 3.5rem;z-index:1;margin-left:auto;margin-right:auto}.master-panel[data-v-8c6f719c]{border:1px solid white;padding:.8rem;border-radius:12px 12px 0 0}.master-panel>h3[data-v-8c6f719c]{font-size:.9rem;writing-mode:vertical-lr;text-orientation:upright;letter-spacing:-5px;font-weight:700;margin-right:.7rem}.master-panel>h3.inactive[data-v-8c6f719c]{color:var(--inactive)}.play-btn[data-v-8c6f719c]{border-radius:50%;background-color:transparent;width:4.8rem;height:4.8rem;transition:background-color .1s ease-in-out;clip-path:circle(50%);margin-right:1rem}.play-btn[data-v-8c6f719c]:hover{background-color:var(--panel-h)}.play-btn[data-v-8c6f719c]:active{background-color:var(--panel-a)}.play-btn.inactive[data-v-8c6f719c]{cursor:not-allowed}.pauseIcon[data-v-8c6f719c]{font-size:3rem}.playIcon[data-v-8c6f719c]{font-size:4.5rem}.playIcon.inactive[data-v-8c6f719c],.pauseIcon.inactive[data-v-8c6f719c]{color:var(--inactive)}.vol-slider[data-v-8c6f719c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:transparent;border:1px solid white;border-radius:5px;height:.7rem;cursor:pointer;width:8.7rem;transition:background-color .1s ease-in-out}.vol-slider[data-v-8c6f719c]:hover{background:var(--panel-h)}.vol-slider[data-v-8c6f719c]:active{background:var(--panel-a)}.vol-slider[data-v-8c6f719c]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.32rem;height:1.32rem;cursor:grab;border-radius:50%;background:#fff;transition:transform .1s ease-in-out}.vol-slider[data-v-8c6f719c]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.32rem;height:1.32rem;cursor:grab;border-radius:50%;background:#fff;transition:transform .1s ease-in-out}.vol-slider.thumbinactive[data-v-8c6f719c]::-moz-slider-thumb{background:var(--inactive)}.vol-slider.thumbinactive[data-v-8c6f719c]::-webkit-slider-thumb{background:var(--inactive)}.vol-slider[data-v-8c6f719c]::-webkit-slider-thumb:hover{transform:scale(115%)}.vol-slider[data-v-8c6f719c]::-moz-range-thumb:hover{transform:scale(115%)}.vol-slider[data-v-8c6f719c]::-webkit-slider-thumb:active{transform:scale(107%);cursor:grabbing}.vol-slider[data-v-8c6f719c]::-moz-range-thumb:active{transform:scale(107%);cursor:grabbing}@media only screen and (min-width: 480px){.master-panel>h3[data-v-8c6f719c]{font-size:1rem;margin-right:2rem}.play-btn[data-v-8c6f719c]{width:5.8rem;height:5.8rem;margin-right:2rem}.pauseIcon[data-v-8c6f719c]{font-size:4rem}.playIcon[data-v-8c6f719c]{font-size:5.5rem}.vol-slider[data-v-8c6f719c]{width:min(35vw,16rem)}}.title-container[data-v-b51d122b]{background-color:var(--panel-bg);position:fixed;top:50%;transform:translate(var(--translateX, 0),-50%);min-width:fit-content;width:fit-content;min-height:86vh;height:86svh;border-radius:0 20px 20px 0;padding:1rem 1rem 1rem 3.5rem}.title-panel[data-v-b51d122b]{border:1px solid white;height:100%;padding:.8rem;border-radius:0 12px 12px 0}.logo[data-v-b51d122b]{font-family:Kaushan Script,cursive;font-weight:400;font-style:normal;font-size:3rem;transition:.4s text-shadow}.subtitle[data-v-b51d122b]{margin-bottom:3rem;text-align:center}.intro[data-v-b51d122b]{list-style:none}.intro li[data-v-b51d122b]{font-size:.9rem;font-variation-settings:"wdth" 87.5;margin-bottom:.4rem}@media only screen and (min-width: 768px){.logo[data-v-b51d122b]{font-size:4rem}.intro li[data-v-b51d122b]{text-wrap:nowrap}}.arrow[data-v-4d85c828]{background-color:var(--arrow-bg);cursor:pointer;transition:background-color .25s,transform .2s;z-index:10;position:fixed;width:3rem;height:3rem}.arrow[data-v-4d85c828]:hover{background-color:var(--arrow-h)}.arrow[data-v-4d85c828]:active{background-color:var(--arrow-a)}.arrow.left[data-v-4d85c828]{clip-path:polygon(0 0,0 100%,60% 50%);margin:0 0 0 max(1vw,10px);top:46.6%;transform-origin:26% center}.arrow.right[data-v-4d85c828]{clip-path:polygon(40% 50%,100% 100%,100% 0);margin:0 max(1vw,10px) 0 0;top:46.6%;right:0;transform-origin:74% center;margin-left:1vw}.arrow.top[data-v-4d85c828]{clip-path:polygon(100% 0,0 0,50% 60%);margin:max(1vw,10px) 0 0 0;transform-origin:center 26%;left:44%}.arrow.bot[data-v-4d85c828]{clip-path:polygon(50% 40%,0 100%,100% 100%);margin:0 0 max(1vw,10px) 0;bottom:0;transform-origin:center 74%;left:44%}.left.flip[data-v-4d85c828]{transform:rotateY(180deg);transform-origin:26% center}.right.flip[data-v-4d85c828]{transform:rotateY(180deg);transform-origin:74% center}.bot.flip[data-v-4d85c828]{transform:rotateX(180deg);transform-origin:center 74%}.top.flip[data-v-4d85c828]{transform:rotateX(180deg);transform-origin:center 26%}@media only screen and (min-width: 480px){.arrow.top[data-v-4d85c828],.arrow.bot[data-v-4d85c828]{left:46%}}@media only screen and (min-width: 768px){.arrow.top[data-v-4d85c828],.arrow.bot[data-v-4d85c828]{left:47%}}@media only screen and (min-width: 992px){.arrow.top[data-v-4d85c828],.arrow.bot[data-v-4d85c828]{left:47.3%}}@media only screen and (min-width: 1200px){.arrow.top[data-v-4d85c828],.arrow.bot[data-v-4d85c828]{left:48.15%}}.slideUp-enter-from[data-v-1270674f],.slideUp-leave-to[data-v-1270674f]{transform:translateY(100%)}.slideUp-enter-to[data-v-1270674f],.slideUp-leave-from[data-v-1270674f]{transform:translateY(0)}.slideUp-enter-active[data-v-1270674f],.slideUp-leave-active[data-v-1270674f]{transition:transform .2s ease-in-out}.slideDown-enter-from[data-v-1270674f],.slideDown-leave-to[data-v-1270674f]{transform:translateY(-100%)}.slideDown-enter-to[data-v-1270674f],.slideDown-leave-from[data-v-1270674f]{transform:translateY(0)}.slideDown-enter-active[data-v-1270674f],.slideDown-leave-active[data-v-1270674f]{transition:transform .2s ease-in-out}.slideRight-enter-from[data-v-1270674f],.slideRight-leave-to[data-v-1270674f]{--translateX: -100%}.slideRight-enter-to[data-v-1270674f],.slideRight-leave-from[data-v-1270674f]{--translateX: 0}.slideRight-enter-active[data-v-1270674f],.slideRight-leave-active[data-v-1270674f]{transition:transform .2s ease-in-out}.slideLeft-enter-from[data-v-1270674f],.slideLeft-leave-to[data-v-1270674f]{--translateX: 100%}.slideLeft-enter-to[data-v-1270674f],.slideLeft-leave-from[data-v-1270674f]{--translateX: 0}.slideLeft-enter-active[data-v-1270674f],.slideLeft-leave-active[data-v-1270674f]{transition:transform .2s ease-in-out}.bg[data-v-1270674f]{min-height:100vh;height:100svh;background-repeat:no-repeat;background-position:center;background-size:cover;transition:background-image .2s ease-in-out}