.ld-content[data-v-364c2998]{pointer-events:auto;position:absolute;display:flex;width:90vw;max-width:calc(-5vw + var(--nav-max-w));gap:2.5rem}@media(min-width:768px){.ld-content[data-v-364c2998]{align-items:center}}.ld-left[data-v-364c2998]{min-width:0;flex:1 1 0%;animation:move-364c2998 6s ease-out forwards}.ld-left[data-v-364c2998],.ld-right[data-v-364c2998]{pointer-events:auto}.ld-right[data-v-364c2998]{display:flex;gap:.75rem}@media(pointer:coarse){.ld-content[data-v-364c2998],.ld-left[data-v-364c2998],.ld-left[data-v-364c2998] *{pointer-events:none}}@media(max-width:767px){.ld-right[data-v-364c2998]{position:fixed;right:1.25rem;bottom:max(1.25rem,env(safe-area-inset-bottom))}}.ld-loading[data-v-364c2998]{padding-bottom:5rem;transition:all 2s;transition-delay:.7s;animation:move-364c2998 6s ease-out forwards}.no-animation[data-v-364c2998]{animation:none}.song-splash-enter-from .ld-loading[data-v-364c2998]{opacity:0}@keyframes move-364c2998{0%{transform:translate(-3rem)}to{transform:translate(0)}}.ld-artist[data-v-364c2998],.ld-right[data-v-364c2998],.ld-title[data-v-364c2998]{transition:all 1s;transition-delay:.2s}.ld-detail[data-v-364c2998]{transition:all 1s;transition-delay:.6s}.song-splash-enter-active[data-v-364c2998],.song-splash-leave-active[data-v-364c2998]{transition:opacity .5s}.gradient-bg[data-v-364c2998]{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,#0000001a 40%,#000000b3 70%,#000000d9);transition:all 1s}.song-splash-enter-from .gradient-bg[data-v-364c2998]{opacity:0}.song-splash-enter-from .ld-artist[data-v-364c2998],.song-splash-enter-from .ld-detail[data-v-364c2998],.song-splash-enter-from .ld-right[data-v-364c2998],.song-splash-enter-from .ld-title[data-v-364c2998]{transform:translate(-3rem);opacity:0}.song-splash-leave-to[data-v-364c2998]{transition:all 1s;opacity:0}.song-splash-leave-to .ld-artist[data-v-364c2998],.song-splash-leave-to .ld-detail[data-v-364c2998],.song-splash-leave-to .ld-loading[data-v-364c2998],.song-splash-leave-to .ld-right[data-v-364c2998],.song-splash-leave-to .ld-title[data-v-364c2998]{transition:all .7s;transition-delay:0;transform:translate(3rem);opacity:0}.backdrop-blur-md[data-v-364c2998]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-sm[data-v-364c2998]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.top-progress[data-v-b51b66a3]{position:fixed;top:0;left:0;right:0;z-index:5000}.banner-class[data-v-f537c968]{position:fixed;left:50%;bottom:33.333333%;z-index:30;display:flex;width:90vw;--tw-translate-x:-50%;--tw-translate-y:33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;align-items:center;gap:1.25rem;border-radius:.75rem;padding:1.25rem}@media(min-width:768px){.banner-class[data-v-f537c968]{width:42rem;flex-direction:row}}@media(max-width:767px){.banner-class[data-v-f537c968]{top:5rem;bottom:auto}}.inner-solutions[data-v-f537c968]{border-radius:.5rem;background-color:#0003;padding:.75rem}.points[data-v-f537c968]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.points[data-v-f537c968]{padding-top:.75rem;padding-bottom:.75rem;padding-left:1.25rem}.fade-enter-active[data-v-9e1dd6a2],.fade-leave-active[data-v-9e1dd6a2]{transition:opacity .5s ease-in-out}.fade-enter-from[data-v-9e1dd6a2],.fade-leave-to[data-v-9e1dd6a2]{opacity:0}.tutorial[data-v-1913d371]{z-index:1000;box-sizing:border-box;width:100%;max-width:500px;background-color:transparent;padding:45px 30px;transition-property:background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s}.logo[data-v-1913d371],.tutorial[data-v-1913d371]{margin-left:auto;margin-right:auto}.logo[data-v-1913d371]{display:block;width:80%;padding:10px 0;text-align:center}.warpper[data-v-1913d371]{position:fixed;left:0;right:0;top:50%;width:100%;--tw-translate-y:-60%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.texts[data-v-1913d371]{text-align:left}.artist[data-v-1913d371],.emoji[data-v-1913d371],.title[data-v-1913d371]{text-align:center}.artist_hr[data-v-1913d371]{margin:1rem auto .25rem;width:20%;border-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.title[data-v-1913d371]{padding:10px 0;font-size:1.4em}.emoji[data-v-1913d371]{font-size:3em}.slide-fade-enter-active[data-v-1913d371],.slide-fade-leave-active[data-v-1913d371]{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.slide-fade-enter-from[data-v-1913d371],.slide-fade-leave-to[data-v-1913d371]{--tw-translate-y:30px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.practice-marker[data-v-41d232ae]{pointer-events:auto;position:absolute;bottom:.25rem;display:flex;height:1.25rem;width:1.25rem;--tw-translate-x:-50%;cursor:ew-resize;touch-action:none;align-items:flex-start;justify-content:center;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.practice-marker[data-v-41d232ae],.practice-marker-cap[data-v-41d232ae],.practice-marker.is-dragging[data-v-41d232ae]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.practice-marker.is-dragging[data-v-41d232ae]{--tw-scale-x:1.25;--tw-scale-y:1.25}.practice-marker-line[data-v-41d232ae]{position:absolute;top:.375rem;height:.75rem;width:.125rem;border-radius:9999px}.practice-marker-cap[data-v-41d232ae]{position:absolute;top:0;height:.5rem;width:.5rem;--tw-rotate:45deg;border-radius:2px}.perf-overlay[data-v-c0cc8fe5]{pointer-events:auto;position:fixed;top:70px;left:8px;z-index:99999;min-width:130px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;border-width:1px;background-color:#000c;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;line-height:1.375;color:rgb(224 224 224/var(--tw-text-opacity,1))}.perf-header[data-v-c0cc8fe5],.perf-overlay[data-v-c0cc8fe5]{border-color:#ffffff1a;--tw-text-opacity:1}.perf-header[data-v-c0cc8fe5]{justify-content:space-between;border-bottom-width:1px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:1px;color:rgb(170 170 170/var(--tw-text-opacity,1))}.perf-actions[data-v-c0cc8fe5],.perf-header[data-v-c0cc8fe5]{display:flex;align-items:center}.perf-actions[data-v-c0cc8fe5]{gap:4px}.perf-btn[data-v-c0cc8fe5]{cursor:pointer;border-radius:3px;border-style:none;background-color:#ffffff1a;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:9px;line-height:1;color:rgb(170 170 170/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.perf-btn[data-v-c0cc8fe5],.perf-btn[data-v-c0cc8fe5]:hover,.perf-close[data-v-c0cc8fe5],.perf-close[data-v-c0cc8fe5]:hover{--tw-text-opacity:1}.perf-btn[data-v-c0cc8fe5]:hover{background-color:#fff3;color:rgb(255 255 255/var(--tw-text-opacity,1))}.perf-close[data-v-c0cc8fe5]{cursor:pointer;border-style:none;background-color:transparent;padding-left:2px;padding-right:2px;font-size:12px;line-height:1;color:rgb(136 136 136/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.perf-close[data-v-c0cc8fe5]:hover{color:rgb(255 255 255/var(--tw-text-opacity,1))}.perf-body[data-v-c0cc8fe5]{padding:4px 8px 6px}.play-btn[data-v-b3c9c4b8]{pointer-events:none;display:flex;height:6rem;width:6rem;min-width:-moz-fit-content!important;min-width:fit-content!important;align-items:center;justify-content:center;border-radius:9999px!important;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));--tw-bg-opacity:.7;transition-duration:.5s;box-shadow:0 10px 50px 10px #54545440}@media(min-width:1536px){.play-btn[data-v-b3c9c4b8]{height:7rem;width:7rem}}.play-btn-ready[data-v-b3c9c4b8]{pointer-events:auto;background-color:rgb(107 114 128/var(--tw-bg-opacity,1));--tw-bg-opacity:.7;box-shadow:0 10px 50px 10px #d8d8d840}.fullscreen-player[data-v-b3c9c4b8]{position:fixed;width:100vw;height:140vh;left:0;top:-20vh}.floating-player[data-v-b3c9c4b8]{position:fixed;top:9rem;right:5rem;aspect-ratio:16/9;width:24rem;transform-origin:top right;overflow:hidden;border-radius:.5rem}.play-btn-float-on-youtube[data-v-b3c9c4b8]{position:fixed;top:13rem;right:14rem!important;left:auto!important;height:6rem!important;width:6rem!important;--tw-translate-y:0px !important;--tw-translate-x:0px !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.floating-break[data-v-b3c9c4b8]{position:fixed}@media(min-width:768px){.floating-break[data-v-b3c9c4b8]{top:calc(50vh - 28.125vw + 2.8125rem);width:calc(100vw - 10rem)}}@media(max-width:767px){.floating-player[data-v-b3c9c4b8]{position:fixed;right:calc(50vw - 12rem);aspect-ratio:16/9;transform-origin:top}.play-btn-float-on-youtube[data-v-b3c9c4b8]{position:fixed;right:50%!important;--tw-translate-x:50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.floating-break[data-v-b3c9c4b8]{position:fixed;top:33.333333%;--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media(max-width:1023px){.fullscreen-player[data-v-b3c9c4b8]{width:249vh!important;transform:translate(calc(50vw - 124.5vh))}}