body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Circular Spotify Mid;src:url(/static/media/CircularStd-Book.9048137056e4347dbbd5.otf) format("opentype")}@font-face{font-family:Circular Spotify Light;src:url(/static/media/CircularStd-Light.4a1a0bfcc3a53847a945.otf) format("opentype")}@font-face{font-family:Circular Spotify Bold;src:url(/static/media/CircularStd-Black.757b8ac8efa71be3fcd0.otf) format("opentype")}*{font-family:Circular Spotify Mid}

/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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:rgba(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: }::-webkit-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:rgba(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: }::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:rgba(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: }.container{width:100%}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.left-0{left:0}.left-5{left:1.25rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/4{top:25%}.top-14{top:3.5rem}.top-3{top:.75rem}.top-\[40px\]{top:40px}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[400\]{z-index:400}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem}.mt-2,.my-2{margin-top:.5rem}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-60{height:15rem}.h-72{height:18rem}.h-8{height:2rem}.h-\[800px\]{height:800px}.h-full{height:100%}.h-screen{height:100vh}.max-h-80{max-height:20rem}.w-10{width:2.5rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-3{width:.75rem}.w-3\/5{width:60%}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-72{width:18rem}.w-8{width:2rem}.w-\[300px\]{width:300px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.shrink-0{flex-shrink:0}@-webkit-keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-transform:scale(1.2);transform:scale(1.2)}}.animate-bounce{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}@-webkit-keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,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-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-grey{--tw-border-opacity:1;border-color:rgb(48 48 48/var(--tw-border-opacity))}.border-spGreen{--tw-border-opacity:1;border-color:rgb(30 215 96/var(--tw-border-opacity))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-deepBlack{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity))}.bg-grey{--tw-bg-opacity:1;background-color:rgb(48 48 48/var(--tw-bg-opacity))}.bg-greyBlack{--tw-bg-opacity:1;background-color:rgb(24 24 24/var(--tw-bg-opacity))}.bg-lightBlack{--tw-bg-opacity:1;background-color:rgb(34 34 34/var(--tw-bg-opacity))}.bg-silver{--tw-bg-opacity:1;background-color:rgb(179 179 179/var(--tw-bg-opacity))}.bg-spGreen{--tw-bg-opacity:1;background-color:rgb(30 215 96/var(--tw-bg-opacity))}.bg-spGrey{--tw-bg-opacity:1;background-color:rgb(211 211 211/var(--tw-bg-opacity))}.bg-transBlack{background-color:rgba(0,0,0,.7)}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-\[8px\]{padding:8px}.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}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-10{padding-bottom:2.5rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-4{padding-left:1rem}.pr-3{padding-right:.75rem}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[32px\]{font-size:32px}.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-bold{font-weight:700}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.text-\[\#d3d3d3\]{--tw-text-opacity:1;color:rgb(211 211 211/var(--tw-text-opacity))}.text-deepBlack{--tw-text-opacity:1;color:rgb(18 18 18/var(--tw-text-opacity))}.text-grey{--tw-text-opacity:1;color:rgb(48 48 48/var(--tw-text-opacity))}.text-silver{--tw-text-opacity:1;color:rgb(179 179 179/var(--tw-text-opacity))}.text-spGrey{--tw-text-opacity:1;color:rgb(211 211 211/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-20{opacity:.2}.filter{-webkit-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: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)}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.app-container{display:flex;flex-direction:row;height:100vh;min-height:100vh}#Navbar.scrolled{background-color:#fff!important;transition:all 1s ease}.classic-input{background-color:#00000000;border:none;border-radius:4px;box-sizing:border-box;font-size:16px;outline:1px solid #d3d3d3;padding:12px 16px;width:100%}.classic-input:focus{outline:2px solid #d3d3d3;pointer-events:none}.classic-input::-webkit-input-placeholder{color:#d3d3d378;font-size:14px}.classic-input::placeholder{color:#d3d3d378;font-size:14px}.app-sidebar{border-radius:10px 0 0 10px;box-shadow:-8px 2px 22px -7px rgba(0,0,0,.25);color:#b3b3b3;display:flex;flex-direction:row;max-width:25%;min-width:80px;overflow:auto;z-index:2}.song-header{color:#fff}.app-frame{background:#fff;background:#121212;border-radius:20px;box-shadow:8px 2px 32px -2px rgba(0,0,0,.25);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100vh;max-height:100%;overflow:auto;padding:0 10px 100px;z-index:1}.app-sidebar .app-sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:100%}.app-sidebar .app-sidebar-resizer{cursor:col-resize;flex-basis:6px;flex-grow:0;flex-shrink:0;justify-self:flex-end;resize:horizontal}.app-sidebar .app-sidebar-resizer:hover{border-right:1px solid #fff}#homeIcon{max-width:26px;min-width:25px}.album-img{max-width:56px;min-width:55px}#ArrIcon{width:18px}#ArrIcon:hover #arrPath{fill:#fff;transition:all .5s}#PlusIcon{width:18px}#PlusIcon:hover #PlusPath,.nav-link:hover #homePath{fill:#fff;transition:all .5s}.nav-link :not(:hover)#homePath{transition:all .5s}.nav-link:hover #searchPath{fill:#fff;transition:all .5s}.nav-link :not(:hover)#searchPath,.nav-link:hover a{transition:all .5s}.nav-link:hover a{color:#fff}.nav-link :not(:hover){transition:all .5s}#active{color:#fff}.active{fill:#fff}.plus-container{background-color:#b9b9b9}.episodes-container,.plus-container{align-items:center;border-radius:2px;display:flex;justify-content:center}.episodes-container{background-color:#0d5125}.episodes-container:hover{background-color:#137335;transition:all .5s ease-in-out}.hover-img:hover{opacity:.8}.bottom-bar{display:none}a{color:#fff}.app-container-right{display:flex;flex-direction:row;height:100vh;min-height:100vh;padding:1em}.app-sidebar-right{border-radius:10px 0 0 10px;box-shadow:-8px 2px 22px -7px rgba(0,0,0,.25);color:#b3b3b3;display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;max-width:25%;min-width:80px;z-index:2}.app-frame-right{background:#fff;background:#ffbe88;border-radius:0 10px 10px 0;box-shadow:8px 2px 32px -2px rgba(0,0,0,.25);display:flex;flex:1 1;flex-direction:column;height:100vh;max-height:100%;z-index:1}.app-sidebar-right .app-sidebar-content-right{display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:100%}.app-sidebar-right .app-sidebar-resizer-right{cursor:col-resize;flex-basis:6px;flex-grow:0;flex-shrink:0;justify-self:flex-start;resize:horizontal}.app-sidebar-right .app-sidebar-resizer-right:hover{border-right:1px solid #fff}.custom-audio-player{align-items:center;color:#fff;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:10px}.progress-container{background:#818181;border-radius:2px;height:3.5px;width:550px}.progress{background:#fff;border-radius:2px;height:100%}.progress-container:hover .progress{background:#1db65a}.name a{font-family:Circular Spotify Light}.volume-slider{-webkit-appearance:none;appearance:none;height:10px;margin-top:10px;width:100%}.volume-slider::-webkit-slider-runnable-track{background:#ccc;border-radius:5px;height:3.5px;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border-radius:50%;box-shadow:0 0 5px 0 rgba(0,0,0,.75);cursor:pointer;height:3.5px;width:20px}.volume-slider::-moz-range-track{background:#ccc;border-radius:5px;height:3.5px;width:100%}.volume-slider::-moz-range-thumb{background:#4caf50;border-radius:50%;box-shadow:0 0 5px 0 rgba(0,0,0,.75);cursor:pointer;height:3.5px;width:20px}.volume-slider::-webkit-slider-thumb:active{background:#00f}.volume-slider::-moz-range-thumb:active{background:#00f}input[type=range]{--thumb-height:3.5px;--track-height:3.5px;--track-color:#818181;--brightness-hover:180%;--brightness-down:80%;--clip-edges:0.125em;color:#ef233c;font-size:1.5rem;width:100px}input[type=range].win10-thumb{--thumb-height:3.5px;--thumb-width:0.5em;--clip-edges:0.0125em;color:#fff}@media (prefers-color-scheme:dark){html{background-color:#000}html:before{background:radial-gradient(circle at center,#101112,#000)}input[type=range]{--track-color:hsla(0,0%,100%,.1);color:#f07167}input[type=range].win10-thumb{color:#3a86ff}}input[type=range]{background:#fff0;overflow:hidden;position:relative}input[type=range]:active{cursor:grabbing}input[type=range]:disabled{cursor:not-allowed;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.3}input[type=range],input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--thumb-height);-webkit-transition:all .1s ease;transition:all .1s ease}input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{position:relative}input[type=range]::-webkit-slider-thumb{--thumb-radius:calc(var(--thumb-height)*0.5 - 1px);--clip-top:calc((var(--thumb-height) - var(--track-height))*0.5 - 0.5px);--clip-bottom:calc(var(--thumb-height) - var(--clip-top));--clip-further:calc(100% + 1px);--box-fill:calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;background:linear-gradient(currentColor 0 0) scroll no-repeat 0 /50% calc(var(--track-height) + 1px);background-color:currentColor;border-radius:var(--thumb-height);border-radius:var(--thumb-width,var(--thumb-height));box-shadow:var(--box-fill);-webkit-clip-path:polygon(100% -1px,var(--clip-edges) -1px,0 var(--clip-top),-100vmax var(--clip-top),-100vmax var(--clip-bottom),0 var(--clip-bottom),var(--clip-edges) 100%,var(--clip-further) var(--clip-further));clip-path:polygon(100% -1px,var(--clip-edges) -1px,0 var(--clip-top),-100vmax var(--clip-top),-100vmax var(--clip-bottom),0 var(--clip-bottom),var(--clip-edges) 100%,var(--clip-further) var(--clip-further));-webkit-filter:brightness(100%);filter:brightness(100%);width:var(--thumb-height);width:var(--thumb-width,var(--thumb-height))}input[type=range]:hover::-webkit-slider-thumb{cursor:default;-webkit-filter:brightness(var(--brightness-hover));filter:brightness(var(--brightness-hover))}input[type=range]:active::-webkit-slider-thumb{cursor:default;-webkit-filter:brightness(var(--brightness-down));filter:brightness(var(--brightness-down))}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat 50% /100% calc(var(--track-height) + 1px)}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}input[type=range],input[type=range]::-moz-range-thumb,input[type=range]::-moz-range-track{appearance:none;height:var(--thumb-height);-moz-transition:all .1s ease;transition:all .1s ease}input[type=range]::-moz-range-progress,input[type=range]::-moz-range-thumb,input[type=range]::-moz-range-track{background:#fff0}input[type=range]::-moz-range-thumb{background:currentColor;border:0;border-radius:var(--thumb-height);border-radius:var(--thumb-width,var(--thumb-height));cursor:default;width:var(--thumb-height);width:var(--thumb-width,var(--thumb-height))}input[type=range]:active::-moz-range-thumb{cursor:default}input[type=range]::-moz-range-track{background:var(--track-color);width:100%}input[type=range]::-moz-range-progress{appearance:none;background:currentColor;transition-delay:30ms}input[type=range]::-moz-range-progress,input[type=range]::-moz-range-track{border-radius:var(--track-height);height:calc(var(--track-height) + 1px)}input[type=range]::-moz-range-progress,input[type=range]::-moz-range-thumb{filter:brightness(100%)}input[type=range]:hover::-moz-range-progress,input[type=range]:hover::-moz-range-thumb{filter:brightness(var(--brightness-hover))}input[type=range]:active::-moz-range-progress,input[type=range]:active::-moz-range-thumb{filter:brightness(var(--brightness-down))}input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.now-playing-mobile{bottom:62px;display:none}.now-playing-mobile,.vvv{left:50%;right:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.animate-pulse{-webkit-animation:pulse .3s cubic-bezier(.4,0,.6,1);animation:pulse .3s cubic-bezier(.4,0,.6,1)}.song-name-link{font-family:Circular Spotify Bold}@keyframes pulse{0%{opacity:.5}to{opacity:1}}@-webkit-keyframes grow{0%{scale:1}}@keyframes grow{0%{scale:1}}button:hover{scale:1.1}button:hover,button:not(:hover){transition:all .3s ease-in-out}.gradient-container{cursor:pointer;height:auto}.follow-button{background-color:#181818;border:1px solid #fff}.Artist-Bio{-webkit-line-clamp:2;display:-webkit-box;max-height:70px;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:wrap}.Popup-container{align-items:flex-start;background-color:#000000b1;cursor:default;display:flex;height:100vh;justify-content:center;left:0;padding:70px 10px 10px;position:fixed;right:0;top:0;width:100vw;z-index:1000}.Popup-content{background-color:#181818;border-radius:20px;color:#fff;height:600px;overflow:auto;padding:30px;width:750px}.Popup-content h3{color:#b3b3b3}.Popup-content img{-webkit-animation:pulse .3s cubic-bezier(.4,0,.6,1);animation:pulse .3s cubic-bezier(.4,0,.6,1);margin-left:auto;margin-right:auto}.add-dropdown{box-shadow:0 16px 24px 0 rgba(0,0,0,.3),0 6px 8px 0 rgba(0,0,0,.2)}.Billie-Slideshow{max-height:450px}.slideshow{background-color:#181818;width:100%}.position{background-color:#0d72ea;border-radius:50%;color:#fff}.close-btn{cursor:pointer;position:-webkit-sticky;position:sticky;right:0;top:0;transition:all .3s ease;z-index:10001}.close-btn:hover{outline:1px solid #fff}.gradient-overlay{background:linear-gradient(180deg,rgba(0,0,0,.496) 0,hsla(0,0%,100%,0) 10%);height:500px;left:0;padding:20px;position:absolute;top:0;width:100%}.playlist-container:hover .playlist-play{visibility:visible}.playlist-container{cursor:pointer;width:100%}.playlist-play{visibility:hidden}.Overlay{background-color:#000;display:none;height:100%;overflow-x:hidden;position:fixed;right:0;top:0;transition:width .5s;width:0;z-index:1}.Overlay-content{background-color:#000;border-radius:10px;margin:0 30px 0 40px;position:relative;top:15%;width:auto}.Overlay a{color:#fff;display:block;font-size:24px;font-weight:700;padding:5px;text-decoration:none;transition:.3s}.Overlay a:focus,.Overlay a:hover{color:#f1f1f1}.MiniLinks{display:flex;flex-direction:column;gap:15px;padding-top:20px}.MiniLinks a{border-bottom:none;font-size:18px;padding:0;text-decoration:none}.features-card:hover .playlist-play{visibility:visible}.features-card{height:280px;min-height:280px;min-width:200px}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background-color:#181818}::-webkit-scrollbar-thumb{background-color:#444;border-radius:1px}::-webkit-scrollbar-thumb:hover{background-color:#555}.swiper-container::-webkit-scrollbar-track{background-color:initial}.swiper-container::-webkit-scrollbar-thumb{background-color:#81818178;border-radius:18px}.swiper-container::-webkit-scrollbar{height:3px}.swiper-container ::-webkit-scrollbar-thumb:hover{background-color:#555}.playlist-Gradient{background:linear-gradient(180deg,#b6a7c5 0,#121212 50%,#121212)}.liked-playlist-Gradient{background:linear-gradient(180deg,#5038a0 0,#121212 50%,#121212)}.created-playlist-Gradient{background:linear-gradient(180deg,linen 0,#121212 50%,#121212)}.transBlackLight{background:linear-gradient(180deg,transparent 0,#121212 7%,#121212);padding-bottom:30px}.spGreen{color:#1ed760}.PlayWhiteIcon{display:none}.song-card:hover .PlayWhiteIcon{display:block}.song-card-play{width:20px}.dropdown{transition:.2s ease;width:0}.song-card:hover .dropdown{width:auto}.like-img,.song-card:hover .song-card-play h1{display:none}.song-card:hover .like-img{display:block}.remv-message{-webkit-animation:moveDown 3s linear;animation:moveDown 3s linear}.add-message,.remv-message{background-color:#fff;border-radius:20px;bottom:200px;color:#000;left:50%;padding:10px;position:fixed;right:50%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:250px}.add-message{align-items:center;-webkit-animation:moveUp 3s linear;animation:moveUp 3s linear;display:flex;gap:10px;justify-content:center}@-webkit-keyframes moveUp{0%{left:50%;opacity:1;right:50%;-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}to{left:50%;opacity:.7;right:50%;-webkit-transform:translateY(-100px) translateX(-50%);transform:translateY(-100px) translateX(-50%)}}@keyframes moveUp{0%{left:50%;opacity:1;right:50%;-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}to{left:50%;opacity:.7;right:50%;-webkit-transform:translateY(-100px) translateX(-50%);transform:translateY(-100px) translateX(-50%)}}@-webkit-keyframes moveDown{0%{left:50%;opacity:1;right:50%;-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}to{left:50%;opacity:.7;right:50%;-webkit-transform:translateY(100px) translateX(-50%);transform:translateY(100px) translateX(-50%)}}@keyframes moveDown{0%{left:50%;opacity:1;right:50%;-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}to{left:50%;opacity:.7;right:50%;-webkit-transform:translateY(100px) translateX(-50%);transform:translateY(100px) translateX(-50%)}}.edit-image-container{position:relative}.set-image{object-fit:cover;z-index:1}.edit-image,.set-image{height:100%;position:absolute;top:0;width:100%}.edit-image{background-color:#0000006b;visibility:hidden;z-index:2}.edit-image-container:hover .edit-image{visibility:visible}.popup{z-index:40}.search-input::-webkit-input-placeholder{color:#d3d3d3;font-size:14px;outline:none}.search-input::placeholder{color:#d3d3d3;font-size:14px;outline:none}.search-input{color:#fff;font-size:14px;outline:none}.genre-card{background-color:#dc148c;border-radius:10px;font-weight:700;height:200px;overflow:hidden;padding:15px 10px 10px 20px;position:relative}.genre-img{bottom:0;position:absolute;right:0;-webkit-transform:rotate(25deg) translate(18%,-2%);transform:rotate(25deg) translate(18%,-2%);width:100px}@media screen and (max-width:1400px){.SideBarRight{display:none}}@media screen and (max-width:1300px){.progress-container{background:#818181;border-radius:2px;height:3.5px;width:200px}.Artist-Bio{height:100px;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:wrap}}@media screen and (max-width:1050px){.app-sidebar{display:none}}@media screen and (max-width:1020px){.Overlay{display:block}}@media screen and (max-width:900px){.app-sidebar,.dropdown,.now-playing{display:none}.bottom-bar,.now-playing-mobile{display:flex}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-color:#81818178;border-radius:18px}::-webkit-scrollbar{height:3px;width:5px}::-webkit-scrollbar-thumb:hover{background-color:#555}}@media screen and (max-width:768px){.app-sidebar{display:none}.bottom-bar{display:flex}.transBlackLight{padding-bottom:200px}.PlayWhiteIcon{display:none}.song-card .PlayWhiteIcon{display:block}.song-card .song-card-play h1{display:none}}.hover\:bg-grey:hover{--tw-bg-opacity:1;background-color:rgb(48 48 48/var(--tw-bg-opacity))}.hover\:bg-lightBlack:hover{--tw-bg-opacity:1;background-color:rgb(34 34 34/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}@media (max-width:1279px){.xl\:hidden{display:none}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:justify-between{justify-content:space-between}}@media (max-width:1023px){.lg\:visible{visibility:visible}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (max-width:767px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:ml-4{margin-left:1rem}.md\:ml-auto{margin-left:auto}.md\:mr-auto{margin-right:auto}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-40{height:10rem}.md\:w-10{width:2.5rem}.md\:w-28{width:7rem}.md\:w-40{width:10rem}.md\:w-6{width:1.5rem}.md\:w-72{width:18rem}.md\:w-full{width:100%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-10{gap:2.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:rounded-sm{border-radius:.125rem}.md\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\:rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.md\:p-0{padding:0}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:py-2{padding-bottom:.5rem;padding-top:.5rem}.md\:pb-0{padding-bottom:0}.md\:pb-6{padding-bottom:1.5rem}.md\:pt-0{padding-top:0}.md\:pt-10{padding-top:2.5rem}.md\:pt-4{padding-top:1rem}.md\:text-center{text-align:center}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (max-width:575px){.xs\:mx-auto{margin-left:auto;margin-right:auto}.xs\:block{display:block}.xs\:flex{display:flex}.xs\:hidden{display:none}.xs\:h-40{height:10rem}.xs\:h-auto{height:auto}.xs\:w-10{width:2.5rem}.xs\:w-40{width:10rem}.xs\:w-full{width:100%}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:flex-row{flex-direction:row}.xs\:flex-col{flex-direction:column}.xs\:items-center{align-items:center}.xs\:justify-center{justify-content:center}.xs\:gap-0{gap:0}.xs\:text-4xl{font-size:2.25rem;line-height:2.5rem}.xs\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (max-width:400px){.\32xs\:hidden{display:none}.\32xs\:w-full{width:100%}.\32xs\:p-3{padding:.75rem}.\32xs\:text-lg{font-size:1.125rem;line-height:1.75rem}}
/*# sourceMappingURL=main.f672d760.css.map*/