.karaoke-mode-toggle{align-items:center;gap:6px;display:flex}.karaoke-mode-toggle .karaoke-mode-label{font-size:14px;font-weight:400;line-height:1}.karaoke-mode-toggle .toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.karaoke-mode-toggle .toggle-switch input{opacity:0;width:0;height:0}.karaoke-mode-toggle .toggle-switch input:checked+.toggle-slider{background-color:#fc6758}.karaoke-mode-toggle .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.karaoke-mode-toggle .toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 2px rgba(252,103,88,.5)}.karaoke-mode-toggle .toggle-switch .toggle-slider{cursor:pointer;background-color:rgba(0,0,0,.2);border-radius:24px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.karaoke-mode-toggle .toggle-switch .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}
.karaoke-fullscreen{top:var(--header-height);z-index:100;background:0 0;flex-direction:column;animation:.3s fadeIn;display:flex;position:fixed;bottom:0;left:0;right:0}.karaoke-fullscreen .karaoke-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;overflow:hidden}.karaoke-fullscreen .karaoke-content .karaoke-countdown{text-align:center;animation:.3s fadeIn}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-number{color:#fc6758;margin-bottom:25px;font-size:32px;font-weight:700;line-height:1}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar{background:rgba(0,0,0,.1);border-radius:25px;width:300px;height:12px;margin:0 auto 16px;overflow:hidden}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar .countdown-bar-fill{background:#fc6758;border-radius:25px;height:100%}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar .countdown-bar-fill:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:width .1s linear}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar .countdown-bar-fill:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:width .1s linear}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar .countdown-bar-fill:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:width .1s linear}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar .countdown-bar-fill:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:height .1s linear}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar .countdown-bar-fill:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:height .1s linear}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar .countdown-bar-fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:height .1s linear}.karaoke-fullscreen .karaoke-content .karaoke-ready{text-align:center;animation:.5s fadeIn}.karaoke-fullscreen .karaoke-content .karaoke-ready .karaoke-ready-icon{margin-bottom:20px;font-size:80px;animation:2s ease-in-out infinite karaokeBounce}.karaoke-fullscreen .karaoke-content .karaoke-ready .karaoke-ready-title{color:var(--foreground);margin-bottom:16px;font-size:32px;font-weight:700}.karaoke-fullscreen .karaoke-content .karaoke-ready .karaoke-ready-hint{color:rgba(0,0,0,.5);font-size:18px}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:800px;min-height:120px;display:flex}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line{white-space:pre-wrap;border-radius:8px;padding:16px 24px;line-height:1.5}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.previous{color:rgba(0,0,0,.3);font-size:20px;animation:.4s both karaokeLineFadeIn}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.next{color:rgba(0,0,0,.4);font-size:20px;animation:.4s both karaokeLineFadeIn}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active{color:var(--foreground);font-size:32px;font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) both karaokeLineEnter}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active,.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung{display:inline-block;position:relative}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-bg,.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung .word-bg{white-space:pre;display:inline-block}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill,.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung .word-fill{white-space:pre;color:#fc6758;-webkit-text-stroke:.3px currentColor;display:inline-block;position:absolute;top:0;overflow:hidden}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung .word-fill:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung .word-fill:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung .word-fill:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung .word-fill:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung .word-fill:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.sung .word-fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill{will-change:inline-size}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:width .15s linear}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:width .15s linear}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:width .15s linear}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:height .15s linear}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:height .15s linear}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active .lyric-word.active .word-fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:height .15s linear}.karaoke-fullscreen .karaoke-player{background:0 0;padding:20px}@keyframes karaokeLineEnter{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes karaokeLineFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes karaokeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.player--karaoke{max-width:400px;min-height:auto;margin:0 auto}.player--karaoke .bottom-container{display:none}@media only screen and (min-width:720px){.karaoke-fullscreen .karaoke-content{padding:60px 40px}.karaoke-fullscreen .karaoke-content .karaoke-countdown .countdown-bar{width:400px}.karaoke-fullscreen .karaoke-content .karaoke-ready .karaoke-ready-icon{font-size:100px}.karaoke-fullscreen .karaoke-content .karaoke-ready .karaoke-ready-title{font-size:38px}.karaoke-fullscreen .karaoke-content .karaoke-ready .karaoke-ready-hint{font-size:20px}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line{padding:18px 28px}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.active{font-size:38px}.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.previous,.karaoke-fullscreen .karaoke-content .karaoke-lyrics-display .karaoke-lyric-line.next{font-size:24px}.karaoke-fullscreen .karaoke-player{padding:20px 40px}}
/*# sourceMappingURL=1ee7ae10a9400c3b.css.map*/