@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@keyframes animation-lyric-slideIn{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translateY(0)}}#lyricsContainer{display:flex;justify-content:center;max-height:100%;overflow:scroll;overflow-x:hidden;position:relative}#lyricsContainer:before{content:"";z-index:-1;position:fixed;left:0;right:0;width:100vw;height:100vh;display:block}@property --color-accent{#lyricsContainer::before {syntax: "<color>"; initial-value: #000; inherits: false;}}#lyricsContainer:before{transition:1s cubic-bezier(0,1,.3,1);background-color:color-mix(in srgb,var(--color-accent),#020202 90%)}#lyricsContainer #lyrics-editor-line-indicator{position:absolute;width:5px;height:0;background:#ffffff40;top:0!important;left:0;transition:.2s cubic-bezier(.34,1.56,.64,1)}#lyricsContainer #lyrics-positionIndicator{position:absolute;margin:0;color:#ffffff40;background:#ffffff40;width:3px;font-family:Instrument Sans;transition:.2s cubic-bezier(.34,.96,.64,1);transform:translate(-18px)}#lyricsContainer #lyrics{max-width:50vw;margin-left:100px;display:flex;flex-direction:column;min-height:100%;height:fit-content;gap:1.5rem;padding:6rem 0 0 4rem;margin-right:calc(4rem + 1px);border-left:1px solid rgba(255,255,255,.1)}#lyricsContainer #lyrics .header{color:#ffffff80}#lyricsContainer #lyrics .header .title{font-weight:600;font-size:2.5rem;margin:0 0 2rem;color:#ffffff80}#lyricsContainer #lyrics .header .author{font-weight:600;font-size:1.25rem;margin:2rem 0 0;color:#ffffff80}#lyricsContainer #lyrics .lyricsLine{line-height:100%}#lyricsContainer #lyrics p{font-size:2rem;font-weight:600;margin:0;color:#ffffff40;transition:1s cubic-bezier(0,1,.3,1);opacity:0;animation-fill-mode:forwards!important;animation:.5s cubic-bezier(0,.78,.17,1) animation-lyric-slideIn;display:flex;align-items:flex-start;cursor:pointer}#lyricsContainer #lyrics p[data-active=true]{color:#fff}#lyricsContainer #lyrics p:hover{background:#fff3}#lyricsContainer #lyrics p:hover[data-active=false]{color:#ffffff80}#lyricsContainer #lyrics p .timestamp{font-family:JetBrains Mono;font-size:12px;top:.4rem;left:-150px;position:absolute}#lyricsContainer #lyrics p .timestamp[data-modified=true]{text-decoration:wavy underline}#lyricsContainer #lyrics .theEnd{text-align:center;font-weight:600;font-size:1rem;margin:1rem 0 2rem;color:#ffffff40}#app[data-zen=true] #player[data-collapsable=true]{transform:translateY(70px);position:fixed}#app[data-zen=true] #player[data-collapsable=true]:hover{transform:translateY(0)}#player{width:100%;height:fit-content;padding:20px 10px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid rgba(255,255,255,.1);background:#ffffff0d;transition:.25s cubic-bezier(0,.78,.17,1)}#player label[data-type=file],#player button{border:none;color:#fff;font-size:15px;padding:.5rem 1rem;height:fit-content;width:fit-content;transition:.3s cubic-bezier(0,1,.3,1);background:#ffffff1a}#player label[data-type=file]:hover,#player button:hover{background:#fff3}#player label[data-type=file]:active,#player button:active{background:#ffffff1a}#player button[disabled]{opacity:.5}#player button[disabled]:hover,#player button[disabled]:active{background:#ffffff1a}#player input[type=file]{display:none}#player .queueControls,#player .controls{display:flex;height:fit-content}#player .queueControls>*,#player .controls>*{display:flex;align-items:center;justify-content:center;min-height:40px;width:fit-content}#player .sliders{gap:1rem;margin:0 2rem;display:flex;align-items:center}#player .sliders #player-slider-progress{width:20rem;margin:0}#player .sliders #player-slider-volume{width:5rem}#player .sliders #button-newline{bottom:20px;right:20px}#player .sliders #player-label-progress,#player .sliders #player-label-volume{display:flex;flex-direction:column;align-items:center;line-height:100%}#player .sliders #player-label-progress p,#player .sliders #player-label-volume p{margin:0 0 5px}@keyframes animationQueueItemSlideIn{0%{transform:translateY(20px);opacity:0}to{opacity:1;transform:translateY(0)}}#app[data-zen=true] #queueContainer[data-collapsable=true]{transform:translate(calc(312px - 3rem));position:fixed}#app[data-zen=true] #queueContainer[data-collapsable=true] .queueEmptyIndicator,#app[data-zen=true] #queueContainer[data-collapsable=true] #queue h1{opacity:0;transition:.3s cubic-bezier(0,.78,.17,1)}#app[data-zen=true] #queueContainer[data-collapsable=true] #queue .queueItem{padding-left:10px}#app[data-zen=true] #queueContainer[data-collapsable=true] #queue .queueItem[data-playing=true]{border:2px solid transparent}#app[data-zen=true] #queueContainer[data-collapsable=true] #queue .queueItem img{margin-right:calc(1.5rem + 10px)}#app[data-zen=true] #queueContainer[data-collapsable=true]:hover{transform:translate(0)}#app[data-zen=true] #queueContainer[data-collapsable=true]:hover .queueEmptyIndicator:not([data-hidden=true]){opacity:1}#app[data-zen=true] #queueContainer[data-collapsable=true]:hover #queue h1{opacity:1}#app[data-zen=true] #queueContainer[data-collapsable=true]:hover #queue .queueItem[data-playing=true]{border-color:transparent;background:#ffffff26}#queueContainer{width:380px;min-width:300px;border-left:2px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.3s cubic-bezier(0,.78,.17,1);position:relative}#queueContainer .queueEmptyIndicator{text-align:center;font-weight:500;font-size:14px;margin:2rem 0;color:#ffffff40;opacity:1;transition:.5s cubic-bezier(0,.78,.17,1)}#queueContainer .queueEmptyIndicator[data-hidden=true]{opacity:0;transform:translateY(40px);position:absolute}#queueContainer h1,#queueContainer h2,#queueContainer h3,#queueContainer h4,#queueContainer p{color:#ffffffbf;font-weight:600;margin:0}#queueContainer #queue{display:flex;flex-direction:column;overflow:scroll;overflow-x:hidden;height:100%;top:0;right:0;padding:0 1.5rem 1.5rem;gap:10px}#queueContainer #queue h1{font-size:28px;font-weight:500;height:fit-content;position:sticky;padding:1.75rem 0 .75rem .25rem;color:#fff}#queueContainer #queue h1 span{font-family:JetBrains Mono;color:#ffffff26;font-weight:500}#queueContainer #queue .queueItem{padding:10px;display:flex;border:2px solid transparent;width:100%;transition:.3s cubic-bezier(.63,.234,0,1),border .5s cubic-bezier(0,1,.3,1);animation:.4s cubic-bezier(.63,.234,0,1) animationQueueItemSlideIn}#queueContainer #queue .queueItem:hover{border-color:#ffffff40}#queueContainer #queue .queueItem[data-playing=true] p{color:#fff}#queueContainer #queue .queueItem[data-playing=true]{background:#ffffff26;border-left-color:#ffffff40;padding-left:20px}#queueContainer #queue .queueItem[data-removed=true]{opacity:0;transform:translate(380px)}#queueContainer #queue .queueItem p{font-weight:400;font-size:15px}#queueContainer #queue .queueItem .name{font-size:18px;font-weight:600}#queueContainer #queue .queueItem .lyricsStatus[data-loaded=true]{color:#9bffd5e6}#queueContainer #queue .queueItem .lyricsStatus[data-loaded=false]{color:#ffffff40}#queueContainer #queue .queueItem img{width:50px;height:50px;object-fit:cover;margin-right:1rem}#queueContainer #queue .queueItem .trackInfo{display:flex;flex-direction:column;justify-content:center;overflow:hidden}#queueContainer #queue .queueItem .trackInfo p{text-overflow:ellipsis;text-wrap-mode:nowrap}body{font-family:Instrument Sans;background:#000;color:#fff;height:100vh;margin:0;overflow-x:hidden;display:flex;flex-direction:column}*{box-sizing:border-box;scrollbar-color:rgba(255,255,255,.2) transparent}::selection{background:#ffffff4d;color:#fff}#app{display:grid;grid-template-rows:1fr auto;height:100vh;overflow:hidden}#app #contentContainer{display:flex;width:100%;height:1fr;overflow:hidden;flex:1}#app #contentContainer .mainContainer{flex:1}