@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,700&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Comfortaa,system-ui;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 896px){.container{max-width:896px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.full-screen-player{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:transform;transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.item-info{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.item-info:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.song-item{display:flex;width:100%;flex-direction:row;justify-content:space-between;border-radius:.375rem;padding:.5rem .75rem}.song-item:last-child{border-style:none}.song-item:has(:checked){background-color:var(--a-5-cl)}.song-item:not(.active):hover{background-color:var(--a-5-cl)}.sidebar-item{display:flex;width:100%;flex-direction:column;align-items:center;padding-top:.375rem;padding-bottom:.375rem;line-height:2.2}.sidebar-item:hover{background-color:var(--a-5-cl)}@media (min-width: 1024px){.sidebar-item{flex-direction:row;align-items:center}.sidebar-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sidebar-item{padding:.5rem .75rem .5rem 1rem}}.sidebar-item span{margin-top:2px;font-size:.75rem;line-height:1rem;font-weight:600}@media (min-width: 1024px){.sidebar-item span{margin-top:0;display:inline-block;font-size:14px}}.sidebar-item svg{width:1.5rem}.db-sidebar-item{display:flex;align-items:center;justify-content:center}.db-sidebar-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.db-sidebar-item{white-space:nowrap;padding:.625rem;font-size:.875rem;line-height:1.25rem}.db-sidebar-item:hover{background-color:var(--a-5-cl)}.song-thumb .image-container{position:relative;display:flex;height:300px;width:300px;flex-shrink:0;align-items:flex-end;justify-content:center}@media (min-width: 1280px){.song-thumb .image-container{height:400px;width:400px}}.song-thumb .image-frame{position:relative;transform-origin:center;overflow:hidden;border-radius:.75rem;border-width:4px;border-color:transparent;transition-property:width;transition-duration:.15s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-left-10{left:-2.5rem}.-right-10{right:-2.5rem}.-top-\[100px\]{top:-100px}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.bottom-\[10px\]{bottom:10px}.bottom-\[120px\]{bottom:120px}.bottom-\[15px\]{bottom:15px}.bottom-\[47px\]{bottom:47px}.bottom-\[60px\]{bottom:60px}.bottom-\[80px\]{bottom:80px}.bottom-\[90px\]{bottom:90px}.bottom-\[calc\(100\%\+4px\)\]{bottom:calc(100% + 4px)}.bottom-\[calc\(100\%\+8px\)\]{bottom:calc(100% + 8px)}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[10px\]{left:10px}.left-\[15px\]{left:15px}.left-\[20px\]{left:20px}.left-\[3px\]{left:3px}.left-\[50\%\]{left:50%}.left-\[80px\]{left:80px}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-\[0\]{right:0}.right-\[10px\]{right:10px}.right-\[20px\]{right:20px}.right-\[30px\]{right:30px}.top-0{top:0}.top-1\/2{top:50%}.top-\[0\]{top:0}.top-\[10px\]{top:10px}.top-\[50\%\]{top:50%}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[-10\]{z-index:-10}.z-\[-1\]{z-index:-1}.z-\[-5\]{z-index:-5}.z-\[0\]{z-index:0}.z-\[199\]{z-index:199}.z-\[20\]{z-index:20}.z-\[90\]{z-index:90}.z-\[999\]{z-index:999}.z-\[99\]{z-index:99}.z-\[9\]{z-index:9}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.\!-mt-4{margin-top:-1rem!important}.\!mt-0{margin-top:0!important}.\!mt-1{margin-top:.25rem!important}.\!mt-auto{margin-top:auto!important}.-ml-2{margin-left:-.5rem}.-mt-2{margin-top:-.5rem}.-mt-3{margin-top:-.75rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mb-\[10px\]{margin-bottom:10px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-\[10px\]{margin-left:10px}.ml-\[12px\]{margin-left:12px}.ml-\[40px\]{margin-left:40px}.ml-\[62px\]{margin-left:62px}.ml-\[82px\]{margin-left:82px}.ml-\[8px\]{margin-left:8px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-2\.5{margin-right:.625rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-\[10px\]{margin-right:10px}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[15px\]{margin-top:15px}.mt-\[20px\]{margin-top:20px}.mt-\[30px\]{margin-top:30px}.mt-\[6px\]{margin-top:6px}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[1\/1\]{aspect-ratio:1/1}.aspect-\[16\/4\]{aspect-ratio:16/4}.aspect-\[5\/3\]{aspect-ratio:5/3}.h-0{height:0px}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[120px\]{height:120px}.h-\[13px\]{height:13px}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.h-\[17px\]{height:17px}.h-\[18px\]{height:18px}.h-\[1px\]{height:1px}.h-\[20\%\]{height:20%}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[21px\]{height:21px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[25px\]{height:25px}.h-\[260px\]{height:260px}.h-\[28px\]{height:28px}.h-\[30px\]{height:30px}.h-\[30vh\]{height:30vh}.h-\[35px\]{height:35px}.h-\[36px\]{height:36px}.h-\[38px\]{height:38px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[40vh\]{height:40vh}.h-\[44px\]{height:44px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[500px\]{height:500px}.h-\[50px\]{height:50px}.h-\[54px\]{height:54px}.h-\[56px\]{height:56px}.h-\[60px\]{height:60px}.h-\[60vh\]{height:60vh}.h-\[65px\]{height:65px}.h-\[6px\]{height:6px}.h-\[70vh\]{height:70vh}.h-\[80px\]{height:80px}.h-\[90px\]{height:90px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-\[30vh\]{max-height:30vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.min-h-\[100px\]{min-height:100px}.min-h-\[30px\]{min-height:30px}.min-h-\[360px\]{min-height:360px}.min-h-\[400px\]{min-height:400px}.min-h-\[calc\(100vh-127px-10px\)\]{min-height:calc(100vh - 137px)}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[110px\]{width:110px}.w-\[120\%\]{width:120%}.w-\[120px\]{width:120px}.w-\[130px\]{width:130px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[16px\]{width:16px}.w-\[170px\]{width:170px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[24px\]{width:24px}.w-\[25\%\]{width:25%}.w-\[250px\]{width:250px}.w-\[25px\]{width:25px}.w-\[260px\]{width:260px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[30px\]{width:30px}.w-\[350px\]{width:350px}.w-\[35px\]{width:35px}.w-\[36px\]{width:36px}.w-\[38px\]{width:38px}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[44px\]{width:44px}.w-\[450px\]{width:450px}.w-\[46px\]{width:46px}.w-\[500px\]{width:500px}.w-\[50px\]{width:50px}.w-\[54px\]{width:54px}.w-\[600px\]{width:600px}.w-\[60px\]{width:60px}.w-\[650px\]{width:650px}.w-\[65px\]{width:65px}.w-\[70\%\]{width:70%}.w-\[700px\]{width:700px}.w-\[70px\]{width:70px}.w-\[80\%\]{width:80%}.w-\[800px\]{width:800px}.w-\[80px\]{width:80px}.w-\[900px\]{width:900px}.w-\[90px\]{width:90px}.w-\[calc\(100\%-20px\)\]{width:calc(100% - 20px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.max-w-\[340px\]{max-width:340px}.max-w-\[50px\]{max-width:50px}.max-w-\[600px\]{max-width:600px}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.\!grow{flex-grow:1!important}.grow{flex-grow:1}.origin-bottom-left{transform-origin:bottom left}.origin-top{transform-origin:top}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-x-0{--tw-translate-x: 0px;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))}.translate-x-10{--tw-translate-x: 2.5rem;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))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;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))}.translate-x-\[0\]{--tw-translate-x: 0;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))}.translate-x-\[14px\]{--tw-translate-x: 14px;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))}.translate-x-\[18px\]{--tw-translate-x: 18px;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))}.translate-x-\[50\%\]{--tw-translate-x: 50%;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))}.translate-x-full{--tw-translate-x: 100%;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))}.translate-y-0{--tw-translate-y: 0px;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))}.translate-y-\[-10px\]{--tw-translate-y: -10px;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))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;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))}.translate-y-\[100\%\]{--tw-translate-y: 100%;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))}.translate-y-\[16px\]{--tw-translate-y: 16px;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))}.translate-y-\[1px\]{--tw-translate-y: 1px;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))}.translate-y-\[20px\]{--tw-translate-y: 20px;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))}.translate-y-\[2px\]{--tw-translate-y: 2px;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))}.translate-y-full{--tw-translate-y: 100%;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))}.rotate-180{--tw-rotate: 180deg;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))}.scale-\[\.95\]{--tw-scale-x: .95;--tw-scale-y: .95;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))}.scale-\[1\]{--tw-scale-x: 1;--tw-scale-y: 1;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))}.transform{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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-center{scroll-snap-align:center}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\[10px\]{gap:10px}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-\[8px\]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-\[6px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(6px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6px * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-break-spaces{white-space:break-spaces}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[0_0_20px_20px\]{border-radius:0 0 20px 20px}.rounded-\[16px_16px_0_0\]{border-radius:16px 16px 0 0}.rounded-\[20px\]{border-radius:20px}.rounded-\[20px_20px_0_0\]{border-radius:20px 20px 0 0}.rounded-\[50\%\]{border-radius:50%}.rounded-\[99px\]{border-radius:99px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[2px\]{border-width:2px}.border-b{border-bottom-width:1px}.border-b-\[6px\]{border-bottom-width:6px}.border-l-\[1px\]{border-left-width:1px}.border-l-\[20px\]{border-left-width:20px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[\#0c9e85\]{--tw-border-opacity: 1;border-color:rgb(12 158 133 / var(--tw-border-opacity))}.border-\[\#198585\]{--tw-border-opacity: 1;border-color:rgb(25 133 133 / var(--tw-border-opacity))}.border-\[\#644646\]{--tw-border-opacity: 1;border-color:rgb(100 70 70 / var(--tw-border-opacity))}.border-\[\#ca4954\]{--tw-border-opacity: 1;border-color:rgb(202 73 84 / var(--tw-border-opacity))}.border-\[\#ccc\]{--tw-border-opacity: 1;border-color:rgb(204 204 204 / var(--tw-border-opacity))}.border-\[\#e1e1e1\]{--tw-border-opacity: 1;border-color:rgb(225 225 225 / var(--tw-border-opacity))}.border-\[--a-5-cl\]{border-color:var(--a-5-cl)}.border-black\/10{border-color:#0000001a}.border-black\/20{border-color:#0003}.border-transparent{border-color:transparent}.border-white\/5{border-color:#ffffff0d}.border-white\/60{border-color:#fff9}.border-r-\[--primary-cl\]{border-right-color:var(--primary-cl)}.border-r-black{--tw-border-opacity: 1;border-right-color:rgb(0 0 0 / var(--tw-border-opacity))}.\!bg-transparent{background-color:transparent!important}.bg-\[\#0f1a2e\]{--tw-bg-opacity: 1;background-color:rgb(15 26 46 / var(--tw-bg-opacity))}.bg-\[\#1e1e1e\]{--tw-bg-opacity: 1;background-color:rgb(30 30 30 / var(--tw-bg-opacity))}.bg-\[\#1f1f1f\]{--tw-bg-opacity: 1;background-color:rgb(31 31 31 / var(--tw-bg-opacity))}.bg-\[\#2e0f10\]{--tw-bg-opacity: 1;background-color:rgb(46 15 16 / var(--tw-bg-opacity))}.bg-\[\#333\]{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity))}.bg-\[\#644646\]{--tw-bg-opacity: 1;background-color:rgb(100 70 70 / var(--tw-bg-opacity))}.bg-\[\#ccc\]{--tw-bg-opacity: 1;background-color:rgb(204 204 204 / var(--tw-bg-opacity))}.bg-\[\#ced9d9\]{--tw-bg-opacity: 1;background-color:rgb(206 217 217 / var(--tw-bg-opacity))}.bg-\[\#e0e0e0\]{--tw-bg-opacity: 1;background-color:rgb(224 224 224 / var(--tw-bg-opacity))}.bg-\[\#f1f1f1\]{--tw-bg-opacity: 1;background-color:rgb(241 241 241 / var(--tw-bg-opacity))}.bg-\[\#f6f6f6\]{--tw-bg-opacity: 1;background-color:rgb(246 246 246 / var(--tw-bg-opacity))}.bg-\[\#f7f0de\]{--tw-bg-opacity: 1;background-color:rgb(247 240 222 / var(--tw-bg-opacity))}.bg-\[\#fff\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-\[--a-10-cl\]{background-color:var(--a-10-cl)}.bg-\[--a-5-cl\]{background-color:var(--a-5-cl)}.bg-\[--a-player-cl\]{background-color:var(--a-player-cl)}.bg-\[--layout-cl\]{background-color:var(--layout-cl)}.bg-\[--player-cl\]{background-color:var(--player-cl)}.bg-\[--popup-cl\]{background-color:var(--popup-cl)}.bg-\[--primary-cl\]{background-color:var(--primary-cl)}.bg-\[--sidebar-collapse-cl\]{background-color:var(--sidebar-collapse-cl)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/10{background-color:#0000001a}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-black\/5{background-color:#0000000d}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/60{background-color:#fff9}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-\[0\.8\]{--tw-bg-opacity: .8}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/20{--tw-gradient-from: rgb(0 0 0 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-black\/60{--tw-gradient-to: rgb(0 0 0 / .6) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.\!p-4{padding:1rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-\[10px\]{padding:10px}.p-\[4px\]{padding:4px}.p-\[6px\]{padding:6px}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[40px\]{padding-left:40px;padding-right:40px}.px-\[50vw\]{padding-left:50vw;padding-right:50vw}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\[25px\]{padding-top:25px;padding-bottom:25px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.pb-0{padding-bottom:0}.pb-5{padding-bottom:1.25rem}.pb-\[10px\]{padding-bottom:10px}.pb-\[46px\]{padding-bottom:46px}.pb-\[5vh\]{padding-bottom:5vh}.pb-\[calc\(127px\+30px\)\]{padding-bottom:157px}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pt-10{padding-top:2.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-\[100\%\]{padding-top:100%}.pt-\[10px\]{padding-top:10px}.pt-\[25\%\]{padding-top:25%}.pt-\[30px\]{padding-top:30px}.pt-\[60\%\]{padding-top:60%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-\[\'Inter\'\,system-ui\],.font-\[Inter\,system-ui\]{font-family:Inter,system-ui}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[44px\]{font-size:44px}.text-\[50px\]{font-size:50px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[500\]{font-weight:500}.font-\[600\]{font-weight:600}.font-\[700\],.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\]{line-height:1}.leading-\[2\.2\]{line-height:2.2}.leading-\[30px\]{line-height:30px}.leading-\[40px\]{line-height:40px}.leading-\[54px\]{line-height:54px}.tracking-\[-1px\]{letter-spacing:-1px}.\!text-\[--text-cl\]{color:var(--text-cl)!important}.text-\[\#1dc186\]{--tw-text-opacity: 1;color:rgb(29 193 134 / var(--tw-text-opacity))}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#757575\]{--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity))}.text-\[\#ccc\]{--tw-text-opacity: 1;color:rgb(204 204 204 / var(--tw-text-opacity))}.text-\[\#e35050\]{--tw-text-opacity: 1;color:rgb(227 80 80 / var(--tw-text-opacity))}.text-\[\#f1f1f1\]{--tw-text-opacity: 1;color:rgb(241 241 241 / var(--tw-text-opacity))}.text-\[\#ffed00\]{--tw-text-opacity: 1;color:rgb(255 237 0 / var(--tw-text-opacity))}.text-\[\#fff\]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-\[--primary-cl\]{color:var(--primary-cl)}.text-\[--text-cl\]{color:var(--text-cl)}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\!opacity-0{opacity:0!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-\[\.5\]{opacity:.5}.opacity-\[\.7\]{opacity:.7}.opacity-\[0\]{opacity:0}.opacity-\[1\]{opacity:1}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[20px\]{--tw-blur: blur(20px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-\[10\%\]{--tw-brightness: brightness(10%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-\[80\%\]{--tw-brightness: brightness(80%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-\[90\%\]{--tw-brightness: brightness(90%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[15px\]{--tw-backdrop-blur: blur(15px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[color\]{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,opacity\]{transition-property:left,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\]{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[right\]{transition-property:right;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-\[\.25\]{transition-duration:.25}.duration-\[\.25s\]{transition-duration:.25s}.duration-\[\.2s\]{transition-duration:.2s}.duration-\[\.3s\]{transition-duration:.3s}.duration-\[\.4s\]{transition-duration:.4s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}body.full-screen{overflow:hidden}.full-screen-player{transform:translateY(100%);z-index:90}.full-screen .full-screen-player{transform:translateY(0);pointer-events:auto}.no-animation .full-screen-player{transition:none!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mask-image{-webkit-mask-image:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 10%,#fff 25%,#fff 75%,hsla(0,0%,100%,.8) 90%,hsla(0,0%,100%,0))}.mask-image-horizontal{-webkit-mask-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 1%,#fff 1%,#fff 99%,hsla(0,0%,100%,.8) 1%,hsla(0,0%,100%,0))}.disable,button[disabled]{pointer-events:none;opacity:.6}.song-thumb.centered .group{border-color:#fff}.progress-line{position:relative;cursor:pointer}.progress-line:before{content:"";position:absolute;width:100%;height:300%;bottom:100%;left:0;transform:translateY(66%)}.song-index{-webkit-text-stroke:1.5px #666;color:transparent}.song-index.light{-webkit-text-stroke:1.5px #666}.song-index.is-top-1{-webkit-text-stroke:1px #4a90e2}.song-index.is-top-2{-webkit-text-stroke:1px #50e3c2}.song-index.is-top-3{-webkit-text-stroke:1px #e35050}.popup-shadow{box-shadow:var(--popup-shadow)}@media (min-width: 1280px){.xl\:container{width:100%;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px}@media (min-width: 640px){.xl\:container{max-width:640px}}@media (min-width: 768px){.xl\:container{max-width:768px}}@media (min-width: 896px){.xl\:container{max-width:896px}}@media (min-width: 1024px){.xl\:container{max-width:1024px}}@media (min-width: 1280px){.xl\:container{max-width:1280px}}@media (min-width: 1536px){.xl\:container{max-width:1536px}}}.\*\:text-sm>*{font-size:.875rem;line-height:1.25rem}.placeholder\:text-\[\#757575\]::-moz-placeholder{--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity))}.placeholder\:text-\[\#757575\]::placeholder{--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:bottom-full:before{content:var(--tw-content);bottom:100%}.before\:left-0:before{content:var(--tw-content);left:0}.before\:top-\[50\%\]:before{content:var(--tw-content);top:50%}.before\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}.before\:h-2:before{content:var(--tw-content);height:.5rem}.before\:h-\[24px\]:before{content:var(--tw-content);height:24px}.before\:w-\[100\%\]:before{content:var(--tw-content);width:100%}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:translate-y-\[-50\%\]:before{content:var(--tw-content);--tw-translate-y: -50%;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))}.before\:rounded-lg:before{content:var(--tw-content);border-radius:.5rem}.before\:rounded-md:before{content:var(--tw-content);border-radius:.375rem}.before\:rounded-xl:before{content:var(--tw-content);border-radius:.75rem}.before\:border-\[1px\]:before{content:var(--tw-content);border-width:1px}.before\:border-\[2px\]:before{content:var(--tw-content);border-width:2px}.before\:border-b-\[2px\]:before{content:var(--tw-content);border-bottom-width:2px}.before\:border-\[\#4a826f\]:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(74 130 111 / var(--tw-border-opacity))}.before\:border-\[\#ccc\]:before{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(204 204 204 / var(--tw-border-opacity))}.before\:shadow-\[0_2px_0_\#4a826f\]:before{content:var(--tw-content);--tw-shadow: 0 2px 0 #4a826f;--tw-shadow-colored: 0 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.before\:shadow-\[0_2px_0_\#ccc\]:before{content:var(--tw-content);--tw-shadow: 0 2px 0 #ccc;--tw-shadow-colored: 0 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.before\:shadow-none:before{content:var(--tw-content);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.before\:content-none:before{--tw-content: none;content:var(--tw-content)}.last\:mb-\[30vh\]:last-child{margin-bottom:30vh}.last\:border-none:last-child{border-style:none}.hover\:scale-\[1\.05\]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.hover\:bg-\[--a-10-cl\]:hover{background-color:var(--a-10-cl)}.hover\:bg-\[--a-5-cl\]:hover{background-color:var(--a-5-cl)}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-black\/20:hover{background-color:#0003}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-none:hover{background-image:none}.hover\:text-\[--primary-cl\]:hover{color:var(--primary-cl)}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-95:hover{--tw-brightness: brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:translate-y-\[2px\]:active{--tw-translate-y: 2px;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))}.active\:before\:shadow-none:active:before{content:var(--tw-content);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group\/main:hover .group-hover\/main\:block,.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:flex{display:flex}.group\/main:hover .group-hover\/main\:hidden,.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:scale-\[1\.1\]{--tw-scale-x: 1.1;--tw-scale-y: 1.1;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))}.dark\:border-white\/20:is(.dark *){border-color:#fff3}.dark\:bg-\[\#3a3a3a\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(58 58 58 / var(--tw-bg-opacity))}.dark\:bg-\[--layout-cl\]:is(.dark *){background-color:var(--layout-cl)}.dark\:bg-black\/60:is(.dark *){background-color:#0009}.dark\:bg-white\/30:is(.dark *){background-color:#ffffff4d}.dark\:text-\[\#f1f1f1\]:is(.dark *){--tw-text-opacity: 1;color:rgb(241 241 241 / var(--tw-text-opacity))}.dark\:text-\[\#ffed00\]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 237 0 / var(--tw-text-opacity))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (max-width: 549px){.max-\[549px\]\:bottom-\[unset\]{bottom:unset}.max-\[549px\]\:w-\[50\%\]{width:50%}}@media (max-width: 540px){.max-\[540px\]\:right-\[10px\]{right:10px}.max-\[540px\]\:top-\[10px\]{top:10px}}@media (min-width: 640px){.sm\:relative{position:relative}.sm\:mb-0{margin-bottom:0}.sm\:mb-2{margin-bottom:.5rem}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:aspect-\[3\/5\]{aspect-ratio:3/5}.sm\:h-1{height:.25rem}.sm\:h-20{height:5rem}.sm\:h-\[26px\]{height:26px}.sm\:max-h-\[unset\]{max-height:unset}.sm\:w-1\/3{width:33.333333%}.sm\:w-20{width:5rem}.sm\:w-5{width:1.25rem}.sm\:w-9{width:2.25rem}.sm\:w-\[26px\]{width:26px}.sm\:w-\[290px\]{width:290px}.sm\:w-\[50px\]{width:50px}.sm\:w-auto{width:auto}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-\[26px\]{font-size:26px}.sm\:text-\[30px\]{font-size:30px}.sm\:text-\[46px\]{font-size:46px}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.group\/main:hover .sm\:group-hover\/main\:flex{display:flex}}@media (min-width: 768px){.md\:relative{position:relative}.md\:inset-0{top:0;right:0;bottom:0;left:0}.md\:bottom-\[100px\]{bottom:100px}.md\:bottom-\[60px\]{bottom:60px}.md\:left-\[20px\]{left:20px}.md\:left-\[unset\]{left:unset}.md\:right-0{right:0}.md\:right-\[unset\]{right:unset}.md\:top-0{top:0}.md\:top-\[unset\]{top:unset}.md\:m-0{margin:0}.md\:-mx-3{margin-left:-.75rem;margin-right:-.75rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:ml-0{margin-left:0}.md\:ml-3{margin-left:.75rem}.md\:ml-4{margin-left:1rem}.md\:ml-5{margin-left:1.25rem}.md\:mr-3{margin-right:.75rem}.md\:mt-0{margin-top:0}.md\:mt-1{margin-top:.25rem}.md\:mt-3{margin-top:.75rem}.md\:mt-auto{margin-top:auto}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[14px\]{height:14px}.md\:h-\[160px\]{height:160px}.md\:h-\[36px\]{height:36px}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:min-h-\[unset\]{min-height:unset}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-1\/4{width:25%}.md\:w-2\/3{width:66.666667%}.md\:w-3\/4{width:75%}.md\:w-\[100\%\]{width:100%}.md\:w-\[160px\]{width:160px}.md\:w-\[200px\]{width:200px}.md\:w-\[300px\]{width:300px}.md\:w-\[50\%\]{width:50%}.md\:w-\[60px\]{width:60px}.md\:w-\[70\%\]{width:70%}.md\:w-full{width:100%}.md\:max-w-\[800px\]{max-width:800px}.md\:flex-\[unset\]{flex:unset}.md\:flex-shrink-0{flex-shrink:0}.md\:flex-grow{flex-grow:1}.md\:translate-x-0{--tw-translate-x: 0px;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))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.md\:overflow-auto{overflow:auto}.md\:overflow-hidden{overflow:hidden}.md\:bg-transparent{background-color:transparent}.md\:p-10{padding:2.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:px-\[40px\]{padding-left:40px;padding-right:40px}.md\:pb-4{padding-bottom:1rem}.md\:pb-\[120px\]{padding-bottom:120px}.md\:pl-5{padding-left:1.25rem}.md\:pt-0{padding-top:0}.md\:pt-10{padding-top:2.5rem}.md\:pt-\[60px\]{padding-top:60px}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 896px){.semi-lg\:left-\[unset\]{left:unset}.semi-lg\:right-0{right:0}.semi-lg\:right-\[-100\%\]{right:-100%}.semi-lg\:right-\[calc\(400px\*0\.5\)\]{right:200px}.semi-lg\:top-0{top:0}.semi-lg\:z-\[0\]{z-index:0}.semi-lg\:block{display:block}.semi-lg\:hidden{display:none}.semi-lg\:h-full{height:100%}.semi-lg\:min-h-\[360px\]{min-height:360px}.semi-lg\:transform-none{transform:none}.semi-lg\:border{border-width:1px}.semi-lg\:p-3{padding:.75rem}.semi-lg\:p-4{padding:1rem}}@media (min-width: 1024px){.lg\:left-\[160px\]{left:160px}.lg\:-mx-3{margin-left:-.75rem;margin-right:-.75rem}.lg\:ml-0{margin-left:0}.lg\:mt-0{margin-top:0}.lg\:mt-3{margin-top:.75rem}.lg\:flex{display:flex}.lg\:h-\[16px\]{height:16px}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}.lg\:w-\[160px\]{width:160px}.lg\:w-\[70px\]{width:70px}.lg\:w-full{width:100%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:items-center{align-items:center}.lg\:bg-\[--sidebar-cl\]{background-color:var(--sidebar-cl)}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:text-center{text-align:center}}@media (min-width: 1280px){.xl\:w-\[480px\]{width:480px}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}}.hover\:\[\&\>\*\:not\(div\.absolute\)\]\:bg-\[--a-5-cl\]>*:not(div.absolute):hover{background-color:var(--a-5-cl)}.\[\&\>\*\]\:flex>*{display:flex}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:items-center>*{align-items:center}.\[\&\>\*\]\:space-x-1>*>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.\[\&\>\*\]\:space-x-2>*>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.\[\&\>\*\]\:rounded-md>*{border-radius:.375rem}.\[\&\>\*\]\:bg-\[\#f1f1f1\]>*{--tw-bg-opacity: 1;background-color:rgb(241 241 241 / var(--tw-bg-opacity))}.\[\&\>\*\]\:px-3>*{padding-left:.75rem;padding-right:.75rem}.\[\&\>\*\]\:py-1>*{padding-top:.25rem;padding-bottom:.25rem}.\[\&\>\*\]\:py-1\.5>*{padding-top:.375rem;padding-bottom:.375rem}.\[\&\>\*\]\:py-2>*{padding-top:.5rem;padding-bottom:.5rem}.\[\&\>\*\]\:text-\[13px\]>*{font-size:13px}.\[\&\>\*\]\:text-sm>*{font-size:.875rem;line-height:1.25rem}.hover\:\[\&\>\*\]\:bg-\[--a-5-cl\]>*:hover{background-color:var(--a-5-cl)}.hover\:\[\&\>\*\]\:bg-black\/10>*:hover{background-color:#0000001a}.\[\&\>button\]\:ml-2>button{margin-left:.5rem}.\[\&\>button\]\:mt-2>button{margin-top:.5rem}.\[\&\>button\]\:inline-flex>button{display:inline-flex}.\[\&\>button\]\:items-center>button{align-items:center}.\[\&\>button\]\:space-x-1\.5>button>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.\[\&\>button\]\:rounded-\[99px\]>button{border-radius:99px}.\[\&\>button\]\:rounded-full>button{border-radius:9999px}.\[\&\>button\]\:rounded-md>button{border-radius:.375rem}.\[\&\>button\]\:bg-\[--a-5-cl\]>button{background-color:var(--a-5-cl)}.\[\&\>button\]\:p-1>button{padding:.25rem}.\[\&\>button\]\:p-2>button{padding:.5rem}.\[\&\>button\]\:px-3>button{padding-left:.75rem;padding-right:.75rem}.\[\&\>button\]\:py-1>button{padding-top:.25rem;padding-bottom:.25rem}.\[\&\>button\]\:font-semibold>button{font-weight:600}.hover\:\[\&\>button\]\:bg-\[--primary-cl\]>button:hover{background-color:var(--primary-cl)}.hover\:\[\&\>button\]\:bg-black\/10>button:hover{background-color:#0000001a}.hover\:\[\&\>button\]\:text-white>button:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.\[\&\>div\]\:ml-1\.5>div{margin-left:.375rem}.\[\&\>div\]\:flex>div{display:flex}.\[\&\>div\]\:space-x-1>div>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.\[\&\>div\]\:space-x-2>div>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.\[\&\>div\]\:border>div{border-width:1px}.\[\&\>div\]\:border-transparent>div{border-color:transparent}.\[\&\>div\]\:border-l-black\/10>div{border-left-color:#0000001a}.\[\&\>div\]\:p-2>div{padding:.5rem}.\[\&\>div\]\:pl-1\.5>div{padding-left:.375rem}.\[\&_button\.active\]\:text-\[--primary-cl\] button.active{color:var(--primary-cl)}.\[\&_button\.btn\]\:h-\[38px\] button.btn{height:38px}.\[\&_button\.btn\]\:w-\[38px\] button.btn{width:38px}.\[\&_button\.btn\]\:rounded-full button.btn{border-radius:9999px}.\[\&_button\.btn\]\:p-2 button.btn{padding:.5rem}.hover\:\[\&_button\.btn\]\:bg-white\/5 button.btn:hover{background-color:#ffffff0d}.\[\&_button\:not\(\.except\)\]\:p-1\.5 button:not(.except){padding:.375rem}@media (min-width: 768px){.md\:\[\&_button\:not\(\.except\)\]\:px-3 button:not(.except){padding-left:.75rem;padding-right:.75rem}}.\[\&_button\]\:ml-2 button{margin-left:.5rem}.\[\&_button\]\:mt-2 button{margin-top:.5rem}.\[\&_button\]\:h-10 button{height:2.5rem}.\[\&_button\]\:w-10 button{width:2.5rem}.\[\&_button\]\:rounded-full button{border-radius:9999px}.\[\&_button\]\:rounded-md button{border-radius:.375rem}.\[\&_button\]\:bg-white\/10 button{background-color:#ffffff1a}.\[\&_button\]\:p-1 button{padding:.25rem}.\[\&_button\]\:p-1\.5 button{padding:.375rem}.\[\&_button\]\:p-2 button{padding:.5rem}.\[\&_button\]\:p-3\.5 button{padding:.875rem}.\[\&_button\]\:px-2 button{padding-left:.5rem;padding-right:.5rem}.\[\&_button\]\:px-3 button{padding-left:.75rem;padding-right:.75rem}.\[\&_button\]\:px-4 button{padding-left:1rem;padding-right:1rem}.\[\&_button\]\:py-0\.5 button{padding-top:.125rem;padding-bottom:.125rem}.\[\&_button\]\:py-1 button{padding-top:.25rem;padding-bottom:.25rem}.\[\&_button\]\:text-sm button{font-size:.875rem;line-height:1.25rem}.\[\&_button\]\:font-bold button{font-weight:700}.\[\&_button\]\:outline-none button{outline:2px solid transparent;outline-offset:2px}.hover\:\[\&_button\]\:scale-\[1\.05\] button:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.hover\:\[\&_button\]\:bg-\[--a-5-cl\] button:hover{background-color:var(--a-5-cl)}.hover\:\[\&_button\]\:bg-gray-200 button:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:\[\&_button\]\:bg-white\/10 button:hover{background-color:#ffffff1a}@media (min-width: 768px){.md\:\[\&_button\]\:text-base button{font-size:1rem;line-height:1.5rem}}.\[\&_div\]\:flex div{display:flex}.\[\&_div\]\:w-\[70px\] div{width:70px}.\[\&_div\]\:flex-col div{flex-direction:column}.\[\&_div\]\:items-center div{align-items:center}.\[\&_div\]\:space-y-1\.5 div>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.\[\&_div\]\:text-center div{text-align:center}.\[\&_h1\]\:text-lg h1{font-size:1.125rem;line-height:1.75rem}.\[\&_h1\]\:font-bold h1{font-weight:700}.\[\&_h1\]\:text-\[\#333\] h1{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.\[\&_img\]\:mr-\[2px\] img{margin-right:2px}.\[\&_img\]\:inline img{display:inline}.\[\&_img\]\:w-3 img{width:.75rem}.\[\&_img\]\:w-4 img{width:1rem}.\[\&_img\]\:w-5 img{width:1.25rem}.\[\&_img\]\:w-6 img{width:1.5rem}.\[\&_img\]\:w-7 img{width:1.75rem}.\[\&_img\]\:align-text-bottom img{vertical-align:text-bottom}.\[\&_label\]\:w-\[160px\] label{width:160px}.\[\&_label\]\:flex-shrink-0 label{flex-shrink:0}.\[\&_p\:last-child\]\:mb-\[50vh\] p:last-child{margin-bottom:50vh}.\[\&_p\:not\(\.active-lyric\)\]\:opacity-40 p:not(.active-lyric){opacity:.4}.\[\&_p\]\:mb-5 p{margin-bottom:1.25rem}.\[\&_p\]\:w-\[80\%\] p{width:80%}.\[\&_p\]\:select-none p{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[\&_p\]\:font-bold p{font-weight:700}.\[\&_span\]\:mr-1 span{margin-right:.25rem}.\[\&_span\]\:text-center span{text-align:center}.\[\&_span\]\:text-sm span{font-size:.875rem;line-height:1.25rem}.\[\&_span\]\:text-xs span{font-size:.75rem;line-height:1rem}.\[\&_span\]\:font-bold span{font-weight:700}.\[\&_span\]\:font-medium span{font-weight:500}.\[\&_span\]\:font-semibold span{font-weight:600}.\[\&_span\]\:text-\[\#666\] span{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.\[\&_svg\]\:w-10 svg{width:2.5rem}.\[\&_svg\]\:w-5 svg{width:1.25rem}.\[\&_svg\]\:w-6 svg{width:1.5rem}.\[\&_svg\]\:w-7 svg{width:1.75rem}.\[\&_svg\]\:w-9 svg{width:2.25rem}.\[\&_svg\]\:w-full svg{width:100%}.\[\&_svg\]\:flex-shrink-0 svg{flex-shrink:0}.\[\&_tbody\>tr\]\:border-t tbody>tr{border-top-width:1px}.\[\&_tbody_tr\:not\(\.no-hover\)\]\:border-t tbody tr:not(.no-hover){border-top-width:1px}.\[\&_td\]\:p-2 td{padding:.5rem}.\[\&_td\]\:text-sm td{font-size:.875rem;line-height:1.25rem}.\[\&_th\]\:p-2 th{padding:.5rem}.\[\&_th\]\:text-left th{text-align:left}.\[\&_th\]\:text-sm th{font-size:.875rem;line-height:1.25rem}.\[\&_th\]\:font-bold th{font-weight:700}.hover\:\[\&_tr\:not\(\.no-hover\)\]\:bg-black\/5 tr:not(.no-hover):hover{background-color:#0000000d}.hover\:\[\&_tr\:not\(div\.absolute\)\]\:bg-black\/5 tr:not(div.absolute):hover{background-color:#0000000d}.\[\&_tr\]\:border-black\/10 tr{border-color:#0000001a}.\[\&_tr\]\:border-black\/5 tr{border-color:#0000000d}:root{--layout-cl: #fff;--sidebar-cl: rgba(0, 0, 0, .05);--sidebar-collapse-cl: #f2f2f2;--a-player-cl: rgba(255, 255, 255, .7);--player-cl: rgb(255, 255, 255);--popup-cl: #fff;--primary-cl: #5a9e87;--popup-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);--text-cl: #333;--a-5-cl: rgba(0, 0, 0, .05);--a-10-cl: rgba(0, 0, 0, .1)}.dark{--sidebar-cl: rgba(255, 255, 255, .05);--text-cl: #fff;--a-5-cl: rgba(255, 255, 255, .05);--a-10-cl: rgba(255, 255, 255, .1)}[data-theme=light_green]{--layout-cl: #ced9d9;--a-player-cl: rgba(192, 216, 216, .7);--player-cl: rgb(192, 216, 216);--sidebar-cl: rgba(255, 255, 255, .2);--sidebar-collapse-cl: #cce0e0;--popup-cl: #e0ebeb}[data-theme=brown]{--layout-cl: #e5e3df;--a-player-cl: rgba(222, 218, 209, .7);--player-cl: rgb(222, 218, 209);--popup-cl: #f7f5f3;--primary-cl: #644646}[data-theme=black]{--layout-cl: #1e1e1e;--a-player-cl: rgba(24, 24, 24, .7);--player-cl: rgb(24, 24, 24);--sidebar-cl: #333;--sidebar-collapse-cl: #333;--popup-cl: #333}[data-theme=deep_blue]{--layout-cl: #0f1a2e;--a-player-cl: rgba(17, 31, 59, .7);--player-cl: rgb(17, 31, 59);--sidebar-collapse-cl: #1d2a49;--popup-cl: #173b45;--primary-cl: #0c9e85}[data-theme=red]{--layout-cl: #2e0f10;--a-player-cl: rgba(59, 17, 19, .7);--player-cl: rgb(59, 17, 19);--sidebar-collapse-cl: #7a2922;--popup-cl: #522325;--primary-cl: #ca4954}.full-screen{--a-5-cl: rgba(255, 255, 255, .05);--a-10-cl: rgba(255, 255, 255, .1)}