.expanded{padding-bottom:20px;padding-top:20px;transition:padding-top .3s ease,padding-bottom .3s ease}

/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:SpotifyMixUI;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}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-feature-settings:normal;font-family:SpotifyMixUI;font-size:1em;font-variation-settings:normal}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{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::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}[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:#3b82f680;--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:#3b82f680;--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: }.fixed{position:fixed}.relative{position:relative}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.m-2{margin:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-4{margin-bottom:1rem}.ml-10{margin-left:2.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-1\/4{height:25%}.h-1\/6{height:16.666667%}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-4{height:1rem}.h-4\/6{height:66.666667%}.h-48{height:12rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-2\/5{width:40%}.w-4{width:1rem}.w-4\/5{width:80%}.w-48{width:12rem}.w-6{width:1.5rem}.w-full{width:100%}.min-w-48{min-width:12rem}.flex-1{flex:1 1}.flex-grow,.grow{flex-grow:1}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,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-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-start{justify-items:start}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-y-1{row-gap:.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-clip{overflow-y:clip}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-b-gray-100{--tw-border-opacity:1;border-bottom-color:rgb(243 244 246/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-spotify-gray{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity))}.bg-spotify-gray-light{--tw-bg-opacity:0.3;background-color:#ffffff1a}.bg-spotify-gray-lightest{--tw-bg-opacity:0.3;background-color:rgb(40 40 40/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.fill-white{fill:#fff}.stroke-white{stroke:#fff}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pt-0{padding-top:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:-webkit-right}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-md{font-size:1rem}.text-lg,.text-md{line-height:1.75rem}.text-lg{font-size:1.125rem}.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}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:SpotifyMixUI!important;margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000080}.hover\:bg-spotify-gray-lighter:hover{--tw-bg-opacity:0.2;background-color:#ffffff1a}.hover\:bg-spotify-gray-lightest:hover{--tw-bg-opacity:0.5;background-color:#ffffff1a}.hover\:fill-gray-300:hover{fill:#d1d5db}.hover\:stroke-gray-300:hover{stroke:#d1d5db}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}@media (min-width:100px){.xxs\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xxs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xxs\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:400px){.xs\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.horizontal-playlist{--item-height:48px;background-color:#ffffff1a;border-radius:4px;container-type:size;cursor:pointer;display:flex;height:var(--item-height);overflow:hidden;position:relative;transition:background-color .3s ease}@media(min-width:1000px){.horizontal-playlist{--item-height:64px}}.horizontal-playlist .img-container{height:var(--item-height);width:var(--item-height)}.horizontal-playlist .img-container .img-section{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff3;box-shadow:0 8px 24px #00000080;display:flex;height:100%;justify-content:center;position:relative;width:100%}.horizontal-playlist .img-container .img-section img{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.horizontal-playlist:hover .button-container img{display:none}.horizontal-playlist .text-container{-webkit-padding-start:8px;align-items:center;color:#fff;display:flex;flex:1 1;justify-content:space-between;padding-inline-start:8px}.horizontal-playlist .text-container .text-section{display:flex;flex-direction:column;flex-grow:1;gap:2px}.horizontal-playlist .text-container .text-section a{color:#fff;text-decoration:none}.horizontal-playlist .text-container .text-section a p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal;word-break:break-word}@media(min-width:1000px){.horizontal-playlist .text-container .text-section a p{font-size:.9rem}}.horizontal-playlist .text-container .button-container img{height:15px}.horizontal-playlist .text-container .button-container{-webkit-box-flex:0;align-items:center;display:flex;flex:0 0 48px;justify-content:center}.horizontal-playlist .text-container .button-container .circle-play{margin-right:5px!important}.horizontal-playlist .circle-play{display:none}.horizontal-playlist:hover{background-color:#ffffff38}.horizontal-playlist:hover .circle-play{display:inherit}@media(max-width:768px){.horizontal-playlist .circle-play{display:none!important}.horizontal-playlist h3{font-size:13px}.horizontal-playlist:hover img{opacity:.8;transition:opacity .2s ease-in-out}.horizontal-playlist:active{transform:scale(.99);transition:transform .2s ease-in-out}}.song-title{cursor:pointer;font-size:.9em;font-weight:600}@media(max-width:800px){.song-title{font-size:.8rem}}.song-artist{cursor:pointer;font-size:.8rem;margin-top:-2px;opacity:.6}@media(max-width:800px){.song-artist{font-size:.7rem}}.playlist-card .circle-play-div{bottom:25px;opacity:0;position:absolute;right:10px}.playlist-card .circle-play-div.translate-y-1\/4{--tw-translate-y:25%}.playlist-card .circle-play-div.active,.playlist-card .circle-play-div.translate-y-1\/4,.playlist-card:hover .circle-play-div{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.playlist-card .circle-play-div.active,.playlist-card:hover .circle-play-div{--tw-translate-y:0px!important;--tw-translate-x:0px;--tw-rotate:0deg;--tw-skew-x:0deg;--tw-skew-y:0deg;--tw-scale-x:1;--tw-scale-y:1;opacity:1}.playlist-card .playlist-card-info{padding-bottom:20px;padding-left:20px}.playlist-card .playlist-card-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b3b3b3;display:-webkit-box;font-weight:400;overflow:hidden;width:90%}.playlist-card .playlist-card-info h3{width:94%}@media(max-width:768px){.playlist-card:hover{background-color:#0000!important}.playlist-card:active{transform:scale(.99)}.playlist-card .circle-play-div{display:none!important}.playlist-card .playlist-card-info h3{font-size:12px;margin-top:-10px}.playlist-card .playlist-card-info p{display:none}}.playlist-header{color:#fff;font-size:1.8rem;font-weight:700;line-height:2.25rem;margin-bottom:1rem;margin-left:15px;margin-top:20px}@media(max-width:768px){.playlist-header{font-size:1.5rem;margin-bottom:10px;margin-top:0}}@media(max-width:600px){.playlist-header{font-size:1rem;margin-bottom:0;margin-top:-5px}}.playlist-subheader{color:#b3b3b3;font-size:.875rem;margin-bottom:1rem;margin-left:15px;margin-top:-1rem}@media(max-width:768px){.playlist-subheader{font-size:.75rem;margin-bottom:1rem;margin-left:0;margin-top:0}}.artist-discrography-page .playlist-header{margin-bottom:10px;margin-top:0}.p-4{padding:.7rem!important}.guest .playlist-card-info{padding-bottom:10px;padding-left:10px}.guest .playlist-header{font-size:1.5rem!important;margin-bottom:0!important}.guest .playlist-grid{--min-column-width:170px;--row-count:1}@media(max-width:900px){.guest .playlist-grid{--min-column-width:160px}}@media(max-width:768px){.guest .playlist-grid{--min-column-width:100px}}.playlist-grid{--min-column-width:200px;--row-count:1;grid-gap:var(--grid-gap);border:0;content-visibility:auto;display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(var(--min-column-width),1fr));grid-template-rows:repeat(var(1),minmax(0,1fr));grid-template-rows:repeat(var(--row-count),minmax(0,1fr));grid-template-rows:1fr 0 0 0 0 0;margin-inline:-12px;margin:0;overflow:hidden;padding:0;vertical-align:initial}@media(max-width:1200px){.playlist-grid{--min-column-width:170px}}@media(max-width:900px){.playlist-grid{--min-column-width:160px}}@media(max-width:768px){.playlist-grid{--min-column-width:140px}}.Main-section-col{border-radius:10px;overflow:hidden;padding:0;width:100%}@media(max-width:768px){.Main-section-col .Home-seccion,.Main-section-col .Main-section-col{border-radius:0}.Main-section{border-radius:0!important;margin-top:-10px;width:104%}.Main-section .home .grid{gap:0}}.playlist-card img{height:100%;object-fit:cover;width:100%}.playlist-card img.rounded{border-radius:50%!important;box-shadow:0 8px 24px #00000080}.ant-modal.login-modal .ant-modal-content{animation:UpsellContainerAnimation .4s ease-in-out 1;animation-delay:.15s;animation-fill-mode:both;background-color:var(--background-color)!important;background-image:linear-gradient(-180deg,#0006,#282828);border-radius:8px;border-radius:10px;bottom:0;display:flex;flex-flow:column;justify-content:space-between;justify-content:center;left:0;margin:auto;min-height:400px;overflow:hidden;position:relative;position:absolute;right:0;top:0;transition:background-color .5s ease}.ant-modal.login-modal .img-container{align-items:center;display:flex;margin-left:25px;margin-right:25px}.ant-modal.login-modal .img-container img{border-radius:8px;display:block;margin:auto;max-width:300px;object-fit:cover;object-position:center center}@media(max-width:768px){.ant-modal.login-modal .img-container img{margin-top:20px;max-width:200px}}.ant-modal.login-modal .content-container{align-items:center;color:#fff;display:flex;flex:0 0 45%;flex-flow:column;font-size:32px;font-weight:700;justify-content:center;line-height:32px;margin:0 auto;max-width:304px;padding:0;text-align:center}@media(max-width:768px){.ant-modal.login-modal .content-container h2{font-size:1rem;margin-bottom:-10px;margin-top:20px}}.avatar-container{align-items:center;background-color:#1f1f1f;border-radius:50%;cursor:pointer;display:flex;height:42px;justify-content:center;width:42px}.avatar-container .avatar{border-radius:50%;padding-top:1px;width:30px}.avatar-container .hoverable-icon:hover,.avatar-container:hover{fill:#fff!important;cursor:pointer}.avatar-container .hoverable-icon:hover:hover,.avatar-container:hover:hover{transform:scale(1.1)}.avatar-container .hoverable-icon:hover:active,.avatar-container:hover:active{transform:scale(1)}.news{background:#121212;border:2px solid #121212;border-radius:50%;padding:5px}.contact-me{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-padding-before:3px;-webkit-padding-before:var(--encore-spacing-tighter-4,3px);-webkit-padding-after:3px;-webkit-padding-after:var(--encore-spacing-tighter-4,3px);-webkit-padding-start:16px;-webkit-padding-end:16px;-webkit-padding-end:var(--encore-spacing-base,16px);align-items:center;background-color:#0000008a;background-color:var(--background-base,#0000008a);border-radius:9999px;border-radius:var(--encore-button-corner-radius,9999px);box-sizing:border-box;color:#fff!important;color:var(--text-base,#fff)!important;display:flex;font-size:.875rem;font-size:inherit;font-weight:700;justify-content:center;min-block-size:30px;min-block-size:var(--encore-control-size-smaller,30px);padding-block-end:3px;padding-block-end:var(--encore-spacing-tighter-4,3px);padding-block-start:3px;padding-block-start:var(--encore-spacing-tighter-4,3px);padding-inline-end:16px;padding-inline-end:var(--encore-spacing-base,16px);padding-inline-start:16px;position:relative}.contact-me:hover{transform:scale(1.05)}.contact-me:active{transform:scale(1)}@media(max-width:768px){.navbar{padding:10px}}.Navigation-section{background-color:#121212;border-radius:10px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:20px 0;padding-bottom:0!important}@media(max-width:950px){.Navigation-section{padding:20px 10px}}@media(max-width:800px){.Navigation-section{padding:20px 5px}}.Navigation-section.open{min-width:270px;padding:20px}#playlist-song-and-artist-name{width:100%}#playlist-song-and-artist-name h3,#playlist-song-and-artist-name p{font-size:15px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1110px){#playlist-song-and-artist-name h3,#playlist-song-and-artist-name p{width:80%}}.search-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;appearance:none;background:#1f1f1f!important;background-image:none;border:0;border-radius:30px;box-sizing:border-box;color:#b3b3b3;cursor:inherit;inline-size:100%;margin-block:0;min-width:100%;padding:11px 16px;text-overflow:ellipsis;transition:all .1s ease-in;transition-delay:.1s;transition:box-shadow .1s ease-in-out,color .1s ease-in-out}.search-input:hover{box-shadow:0 0 0 1px #858383}.search-input:active,.search-input:focus,.search-input:focus-within{box-shadow:0 0 0 2px #fff;color:#fff!important}.search-input:active svg,.search-input:focus svg,.search-input:focus-within svg{fill:#fff}@media(min-width:750px){.search-input{min-width:310px!important}}@media(min-width:950px){.search-input{min-width:420px!important}}@media(min-width:1100px){.search-input{min-width:500px!important}}.search-input .ant-input-prefix{-webkit-margin-start:-5px!important;-webkit-margin-end:10px!important;margin-inline-end:10px!important;margin-inline-start:-5px!important}.search-input input::placeholder{color:#b3b3b3;margin-left:5px}.search-input .ant-input-suffix{border-left:1px solid #b3b3b3;padding-left:10px}.navigation-button{background-color:#1f1f1f;border-radius:30px;justify-content:center;padding:11px}.navigation-button:hover{transform:scale(1.1)}.playlist-avatar{border-radius:50%;cursor:pointer;width:25px}.playlist-avatar .hoverable-icon:hover,.playlist-avatar:hover{fill:#fff!important;cursor:pointer}.playlist-avatar .hoverable-icon:hover:hover,.playlist-avatar:hover:hover{transform:scale(1.1)}.playlist-avatar .hoverable-icon:hover:active,.playlist-avatar:hover:active{transform:scale(1)}.hoverable-icon:hover{fill:#fff!important;cursor:pointer}.addButton{aspect-ratio:1/1;border-radius:50%;margin-top:-5px;padding:5px}.addButton:hover{background-color:rgba(95,95,95,.292)}.addButton:active{background-color:hsla(0,0%,6%,.645)}.Profile-section .playlist-grid{--min-column-width:190px}@media(max-width:768px){.Profile-section .playlist-grid{--min-column-width:150px}}.Profile-section .playlist-header{font-size:1.5rem}@media(max-width:768px){.Profile-section .playlist-header{margin-left:0;margin-top:20px}}.Profile-section .profile-header{color:#fff;display:flex;max-height:400px;min-height:340px;position:relative;width:100%}@media(max-width:768px){.Profile-section .profile-header{min-height:230px}}.Profile-section .profile-header .profile-header-background,.Profile-section .profile-header .profile-header-cover{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.Profile-section .profile-header .profile-header-background{background:linear-gradient(#0000 0,#00000080 100%),var(--background-noise)}.Profile-section .profile-header .profile-header-content{align-items:end;display:flex;gap:24px;margin-inline:auto;margin-bottom:30px;width:100%}@media(max-width:768px){.Profile-section .profile-header .profile-header-content{align-items:center;flex-direction:column}}.Profile-section .profile-header .profile-header-content .profile-img-container{border-radius:4px;height:clamp(128px,128px + (100vw - 0*1px - 0*1px - 600px)/424*104,232px);height:clamp(128px,128px + (100vw - var(--left-sidebar-width,0)*1px - var(--panel-width,0)*1px - 600px)/424*104,232px);width:clamp(128px,128px + (100vw - 0*1px - 0*1px - 600px)/424*104,232px);width:clamp(128px,128px + (100vw - var(--left-sidebar-width,0)*1px - var(--panel-width,0)*1px - 600px)/424*104,232px)}.Profile-section .profile-header .profile-header-content .profile-img-container .profile-img{display:flex;height:inherit;position:relative;width:inherit}.Profile-section .profile-header .profile-header-content .profile-img-container .profile-img img{border-radius:50%;box-shadow:0 4px 60px #00000080;height:100%;object-fit:cover;object-position:center center;-webkit-user-select:none;user-select:none;width:100%}.Profile-section .profile-header .profile-header-content .profile-header-text{-webkit-box-flex:1;align-content:space-between;display:flex;flex:1 1;flex-flow:column;justify-content:flex-end;z-index:0}@media(max-width:768px){.Profile-section .profile-header .profile-header-content .profile-header-text{padding-left:20px;width:100%}}.Profile-section .profile-header .profile-header-content .profile-header-text .type{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-margin-before:0;-webkit-margin-after:0;box-sizing:border-box;color:inherit;font-size:.875rem;font-weight:400;margin-block-end:0;margin-block-start:0}.Profile-section .profile-header .profile-header-content .profile-header-text .profile-header-name-container{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:normal;overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%;word-break:break-word}.Profile-section .profile-header .profile-header-content .profile-header-text .profile-header-name-container h1{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-margin-before:0;-webkit-margin-after:0;box-sizing:border-box;color:#fff;color:inherit;display:inline-block;font-size:6rem;font-weight:800;margin-block-end:0;margin-block-start:0;overflow:hidden;text-overflow:ellipsis;visibility:visible;white-space:nowrap;width:100%;width:80%}@media(max-width:1100px){.Profile-section .profile-header .profile-header-content .profile-header-text .profile-header-name-container h1{font-size:4rem}}@media(max-width:1000px){.Profile-section .profile-header .profile-header-content .profile-header-text .profile-header-name-container h1{font-size:3rem}}@media(max-width:900px){.Profile-section .profile-header .profile-header-content .profile-header-text .profile-header-name-container h1{font-size:3rem}}@media(max-width:768px){.Profile-section .profile-header .profile-header-content .profile-header-text .profile-header-name-container h1{font-size:2rem}}.Profile-section .profile-header .profile-header-content .profile-header-text .profile-header-details-container{align-items:center;display:flex;flex-wrap:wrap;margin-top:8px}.Profile-section .profile-body{background:linear-gradient(#222833 -10%,#121212 35%);height:100%;padding:40px}.Profile-section .profile-body .social-networks{margin-bottom:20px}.Profile-section .profile-body .about-me-title{color:#fff;display:inline-block;font-size:1.3rem;font-weight:700;margin-bottom:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Profile-section .profile-body .about-me-text p{color:#b7b7b7;font-size:15px;font-weight:400;margin-bottom:20px}.language-button{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-padding-before:calc(var(4px, 4px) - 1px);-webkit-padding-after:calc(var(4px, 4px) - 1px);-webkit-padding-start:15px;-webkit-padding-end:15px;-webkit-padding-end:calc(var(--encore-spacing-base, 16px) - 1px);align-items:center;background-color:#0000;border:1px solid #878787;border:1px solid var(--essential-subdued,#878787);border-radius:9999px;border-radius:var(--encore-button-corner-radius,9999px);box-sizing:border-box;color:#fff;color:var(--text-base,#fff);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:700;justify-content:center;min-block-size:32px;min-block-size:var(--encore-control-size-smaller,32px);min-inline-size:0;padding-block-end:calc(var(4px, 4px) - 1px);padding-block-start:calc(var(4px, 4px) - 1px);padding-inline-end:15px;padding-inline-end:calc(var(--encore-spacing-base, 16px) - 1px);padding-inline-start:15px;position:relative;text-align:center;text-decoration:none;text-transform:none;touch-action:manipulation;transform:translateZ(0);transition-duration:33ms;transition-property:background-color,border-color,color,box-shadow,filter,transform;-webkit-user-select:none;user-select:none;vertical-align:middle}.language-button.collapsed{border:none;display:flex;justify-content:center;padding:0;width:100%}.language-button:hover{border:2px solid #fff;border:2px solid var(--essential-subdued,#fff);transform:scale(1.05)}.language-button:hover.collapsed{border:none}.language-button:active{transform:scale(1)}.language-modal .ant-modal-header{border-bottom:1px solid #ffffff1a!important}.ant-modal{border-radius:10px;padding-bottom:0!important}.ant-modal,.ant-modal .ant-modal-content,.ant-modal .ant-modal-header{background-color:#282828!important}.ant-modal .ant-modal-content{border-radius:10px}.ant-modal .ant-modal-close-x{align-self:flex-start}.ant-modal .ant-modal-close-x:hover{background-color:#0000002b}.ant-modal .ant-modal-close-x:active{background-color:#00000040}.ant-modal .ant-modal-close-x{align-items:center;border:0;border-radius:50%!important;color:#ffffffb3;display:flex;grid-area:close-button;height:32px;justify-content:center;width:32px}.ant-divider{border-color:#ffffff1a}.language-grid{display:grid;grid-template-columns:repeat(4,1fr);height:calc(100% - var(--header-height));overflow-y:scroll;padding-block:16px;padding-inline:24px}.language-grid button{align-items:flex-start;background-color:#0000;border:0;color:inherit;display:inline-flex;flex-direction:column;padding:16px}.language-grid button:hover{background-color:#ffffff1a}.language-grid button .title{color:#fff;font-size:1rem;font-weight:400}.language-grid button .subtitle{color:#b3b3b3;font-size:1rem;font-weight:400}@keyframes move{25%{left:0;transform:translate(0)}75%,to{left:100%;transform:translate(-100%)}}.playing-section{background-color:#121212;border-radius:10px;height:calc(100vh - 150px);overflow:hidden;width:100%}.playing-section .playlist-section-content{-ms-overflow-style:none!important;overflow-y:scroll!important;padding-bottom:70px;scrollbar-width:none!important}.playing-section .title-link:hover,.playing-section .title-link:hover p{text-decoration:underline!important}.playing-section{padding:5px}@media(max-width:900px){.playing-section{max-width:100%;min-width:100%}}.playing-section .playing-section-title-container{box-sizing:border-box;display:inline;overflow:hidden;white-space:nowrap;width:100%}.playing-section .playing-section-title-container p{display:inline-block;position:relative}.playing-section .playing-section-title{color:#fff;font-size:1rem;font-weight:700;margin:10px 10px 10px 15px}.artist-playing-now-card img,.playing-now-card img{border-radius:50%}.artist-playing-now-card,.playing-now-card{border-radius:8px;display:flex;flex-direction:column;gap:12px;margin:10px;z-index:1}.artist-playing-now-card .playing-now-card-title,.playing-now-card .playing-now-card-title{color:#fff;font-size:1.5rem;font-weight:700}.artist-playing-now-card .playing-now-card-title:hover,.playing-now-card .playing-now-card-title:hover{color:#fff;cursor:pointer;text-decoration:underline}.artist-playing-now-card .playing-now-card-subtitle,.playing-now-card .playing-now-card-subtitle{color:#b3b3b3;font-size:1rem;margin-top:0}.artist-playing-now-card .playing-now-card-body,.playing-now-card .playing-now-card-body{color:#b3b3b3;margin-top:10px}.artist-playing-now-card .playing-now-card-text,.playing-now-card .playing-now-card-text{padding:0 16px 16px 0}.artist-playing-now-card .playing-now-card-image,.playing-now-card .playing-now-card-image{aspect-ratio:1/1;background-position:50% 50%;background-size:cover;border-radius:8px;height:50%;padding-bottom:50%;position:relative;width:100%}.artist-playing-now-card .playing-now-card-image .playing-now-card-image-text,.playing-now-card .playing-now-card-image .playing-now-card-image-text{color:#fff;font-size:1rem;font-weight:700;left:0;padding:16px;position:absolute;right:0;top:0}.artist-playing-now-card .ant-avatar,.playing-now-card .ant-avatar{margin:5px}.artist-playing-now-card{background-color:#1f1f1f;border:0;border-radius:8px;display:flex;flex-direction:column;margin:5px 5px 20px;text-align:left;text-align:initial;transform:scale(1);transition:transform .25s linear}.artist-playing-now-card .playing-now-card-image{background-position:50% 50%;background-size:cover;border-radius:8px 8px 0 0;min-height:200px;padding-bottom:60%;position:relative;width:100%}.artist-playing-now-card .playing-now-card-text{cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;padding:0 16px 16px;width:100%}.artist-playing-now-card .playing-now-card-title{color:#fff;font-size:1rem;font-weight:700}.playing-section-close-button{border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:end;margin:10px 10px 20px;right:0;top:0}.playing-section-close-button button{border-radius:50%;padding:6px}.playing-section-close-button button:hover{background-color:#6262623b}.queue-song{border-radius:10px;margin:5px;padding:5px}.queue-song .queue-song-image-container{height:48px;margin-right:10px;position:relative;width:48px}.queue-song .queue-song-image-container .queue-song-overlay{align-items:center;background:#0009;border:0;border-radius:4px;bottom:0;color:#fff;display:none;justify-content:center;left:0;position:absolute;right:0;top:0}.queue-song .queue-song-image-container .queue-song-overlay svg{fill:#fff!important}.queue-song:hover{background-color:#34343438}.queue-song:hover .queue-song-overlay{display:flex}.queue-song #song-and-artist-name{overflow:hidden}.queue-song #song-and-artist-name h3,.queue-song #song-and-artist-name p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ant-drawer .ant-drawer-content-wrapper{width:100%!important}.ant-drawer .ant-drawer-header{display:none!important}.ant-drawer .ant-drawer-body{padding:0}.ant-drawer .ant-drawer-body .playing-section{border-radius:0;height:100%}.ant-image{border-radius:5px;max-height:250px;overflow:hidden}.ant-image img{background:#0006;max-height:250px;object-fit:contain}.ant-image-preview-wrap{background:rgba(0,0,0,.878)}.device-list-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:10px}.circle-play{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:#1ed760;block-size:40px;block-size:var(--encore-control-size-smaller,40px);border-radius:9999px;border-radius:var(--encore-button-corner-radius,9999px);box-shadow:0 8px 8px #0000004d;box-sizing:border-box;color:#000;color:var(--text-base,#000);cursor:pointer;display:flex;font-size:inherit;inline-size:40px;inline-size:var(--encore-control-size-smaller,40px);justify-content:center;margin-right:15px;min-block-size:40px;min-block-size:var(--encore-control-size-smaller,40px);position:relative}.circle-play.big{block-size:60px;block-size:var(--encore-control-size-smaller,60px);inline-size:60px;inline-size:var(--encore-control-size-smaller,60px);min-block-size:60px;min-block-size:var(--encore-control-size-smaller,60px)}.circle-play:hover{transform:scale(1.1)}.circle-play:active{transform:scale(1)}.player-pause-button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;height:32px;justify-content:center;margin-bottom:5px;min-width:32px;position:relative;transition:none 33ms cubic-bezier(.3,0,.7,1);transition-property:all;width:32px}.player-pause-button:hover{transform:scale(1.1)}.player-pause-button:active{transform:scale(1)}.player-pause-button.disabled{cursor:not-allowed}.player-pause-button.disabled svg{cursor:not-allowed!important}.player-pause-button.disabled{opacity:.5;transform:none!important}.heart-like{cursor:pointer;display:grid;place-content:center;position:relative}.heart-like #center-heart #inner{fill:#0000;transition:.2s ease}.heart-like #center-heart #outer{fill:#fff;transition:.2s ease}.heart-like #left-hearts>*,.heart-like #right-hearts>*{opacity:0;transition:.2s ease}@media(max-width:980px){.heart-like{display:none}}.heart-liked{cursor:pointer}.heart-liked :after,.heart-liked :before{animation:scalePulse .5s cubic-bezier(.12,.84,.5,.44) forwards;border-radius:100%;content:"";display:grid;height:300px;outline:25px solid #64d26d;position:absolute;width:300px}.heart-liked :after{animation-delay:.2s;opacity:1;transform:scale(0)}.heart-liked #center-heart #inner,.heart-liked #center-heart #outer{fill:#64d26d}.heart-liked #left-hearts>*,.heart-liked #right-hearts>*{animation:floatingHearts .65s cubic-bezier(.12,.84,.5,.44) forwards;transform-origin:center center}.heart-liked #right-hearts g:first-child{animation-delay:.3s}.heart-liked #right-hearts g:last-child{animation-delay:.1s}.heart-liked #left-hearts g:first-child{animation-delay:.2s}.heart-liked #left-hearts g:last-child{animation-delay:.5s}@keyframes floatingHearts{0%{opacity:0;transform:translateY(10px)}50%{opacity:.5}to{opacity:0;transform:translateY(-50px)}}@keyframes scalePulse{0%{transform:scale(0)}to{opacity:0;transform:scale(1.1)}}.volume-sider-container{width:100%}.volume-sider-container .volumen{padding-right:2px}.volume-sider-container .volume-sider{background-color:dimgray;border-radius:4px;display:inline-block;height:4px;margin-bottom:4px;padding-left:10px;transition:width .1s;width:100%}.volume-sider-container .volume-sider .position-sider{background-color:#fff}.volume-sider-container .volume-sider .handler-sider{display:inline}.volume-sider-container .volume-sider:hover .position-sider{background-color:#21cc44!important}.volume-sider-container .volume-sider:hover .handler-sider{background:#fff;border-radius:5px;display:block;height:10px;margin-top:-7px;width:10px}.mobile-player .album-cover,.queue-song-image-container .album-cover{height:47px;width:47px}#song-and-artist-name{margin-right:15px}#song-and-artist-name h3,#song-and-artist-name p{font-size:.9rem;font-weight:100;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){#song-and-artist-name h3,#song-and-artist-name p{font-size:.8rem;max-width:200px}#song-and-artist-name{margin-right:10px}}#song-and-artist-name .song-artist{color:#bababa;font-size:.75rem;opacity:1}#song-and-artist-name .active{color:#1db954;font-weight:100!important}.replay:after{background-color:currentcolor;border-radius:50%;bottom:0;color:#1db954;content:"";display:block;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.replay.active:hover:after{fill:#38ec77!important}.replay.active{fill:#1db954!important}@media(max-width:980px){.hiddable-icon{display:none}}.mobile-bar{background:linear-gradient(#0000,#000 40%);bottom:5px;position:fixed;width:100%}.mobile-bar .mobile-player{border-radius:5px;margin:20px 10px;padding:10px;width:calc(100vw - 20px)}.mobile-bar .mobile-player svg{fill:#fff!important}.mobile-bar .mobile-player .time-line{background:#0000003d;height:3px;margin-bottom:-10px;margin-top:10px;overflow:hidden;width:100%}.mobile-bar .mobile-player .time-line .current-time{background:#fff;height:3px}.mobile-bar .mobile-menu{align-items:baseline;background:#0000;display:flex;font-weight:400;justify-content:center}.mobile-bar .mobile-menu a,.mobile-bar .mobile-menu button{all:unset;align-items:center;color:#b3b3b3;cursor:pointer;display:flex;flex-direction:column;gap:4px;width:33%}.mobile-bar .mobile-menu a p,.mobile-bar .mobile-menu button p{font-size:.7em;font-weight:400}.mobile-bar .mobile-menu svg{font-size:1em}@media(min-width:768px){.mobile-bar{display:none}}@media(max-width:768px){.Main-section{padding-bottom:50px!important}}.album-cover{border-radius:5px;height:56px;object-fit:cover;width:56px}.playing-cover-container{position:relative}.playing-cover-container .playing-cover-details-button{align-items:center;background:#000000b3;border-radius:500px;border-width:0;color:#b3b3b3;display:flex;height:24px;justify-content:center;line-height:24px;opacity:0;padding:0;position:absolute;right:5px;top:5px;width:24px;z-index:999}.playing-cover-container .playing-cover-details-button svg{fill:#b3b3b3}.playing-cover-container:hover .playing-cover-details-button{opacity:1}.playing-cover-container:hover .playing-cover-details-button:hover{transform:scale(1.1)}.playing-cover-container:hover .playing-cover-details-button:hover svg{fill:#fff}button.disabled{cursor:not-allowed;opacity:.5}button.disabled svg{cursor:not-allowed!important}.other-device-alert-container{background-color:#1ed760;border-radius:5px;color:#000;height:24px;margin:0 10px 10px}.other-device-alert-container button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:#0000;border:0;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;float:right;font-family:inherit;font-size:inherit;gap:8px;letter-spacing:inherit;line-height:1;margin-right:10px;margin-top:3px;padding:0;text-decoration:none}.other-device-alert-container button span{font-size:.875rem;font-weight:700}.other-device-alert-container svg{fill:#000;height:16px;width:16px}@media(max-width:768px){#root{overflow:hidden}}.Full-screen-page{align-items:center;animation:gradient 25s ease infinite;background:linear-gradient(-45deg,#541d0c,#40081e,#084359,#054233);background-size:400% 400%;display:flex;flex-direction:column-reverse;height:100vh;width:100vw}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.Full-screen-page .player-pause-button{border-radius:50%;height:45px;width:45px}.Full-screen-page button svg{height:18px!important}.Full-screen-page .album-cover{height:70px;width:70px}.Full-screen-page #song-and-artist-name{margin-left:20px}.Full-screen-page #song-and-artist-name h1,.Full-screen-page #song-and-artist-name p{max-width:none!important;text-decoration:none;width:100%!important}.Full-screen-page #song-and-artist-name .song-title{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-size:2.2rem;font-weight:900;line-height:1.25em;overflow:hidden}.Full-screen-page #song-and-artist-name .song-artist{font-size:.875rem;line-height:1.6666666667em;opacity:.7}.Full-screen-page .volume-control-container{float:right}.Full-screen-page .song-title{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-size:2em;line-height:1.25em;overflow:hidden}.Search-Page{margin-top:80px;padding:20px}.Search-Page .section-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:10px}.Search-Page .top-result-container{width:100%}.Search-Page .top-result-container .playlist-card{--tw-bg-opacity:0.5;background-color:rgb(40,40,40,var(--tw-bg-opacity));padding:5px}.Search-Page .top-result-container .playlist-card:hover{background-color:#282828!important}.Search-Page .top-result-container .playlist-card img{border-radius:.375rem;height:90px;object-fit:cover;width:90px}.Search-Page .top-result-container .playlist-card img.rounded{border-radius:50%}.Search-Page .top-result-container .playlist-card h3{font-size:1.5rem;margin-bottom:10px}.Search-Page .song-details{color:#b3b3b3;font-size:.8rem}.Search-Page .song-details .title{color:#fff;font-size:1rem}.Search-Page .song-details a:hover{color:#fff;text-decoration:underline}.recent-searches-list .playlist-header{font-size:1.5rem}.mobile-visible{display:none}.playlist-img{border-radius:4px;box-shadow:0 4px 60px #00000080;height:100%;max-width:350px;object-fit:cover;object-position:center center;width:100%}@media(max-width:768px){.playlist-img{max-width:150px}}@media(max-width:600px){.playlist-img{margin:0 auto;max-width:300px}}.songs-number{font-weight:400}.playlist-list{min-height:60%;padding:30px;transition:"background: 0.5s"}.playlist-list .column-name{color:#bababa}@media(max-width:768px){.playlist-list{margin-bottom:50px;padding:20px 12px 12px}.playlist-list button:not(.circle-play){background-color:#0000!important;margin-bottom:7px}.playlist-list button:not(.circle-play):active{transform:scale(.99)}}.song-details{cursor:pointer!important}.song-details .drawer-icon{visibility:hidden}.song-details:hover .actions{opacity:1}.song-details .actions{opacity:0}.song-details .title{color:#fff;font-size:15px}.song-details .title.active{color:#1db954}.song-details .title span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:inherit;word-break:break-all}.song-details .artist .artists-block{display:block}.song-details .artist .artists-block a:hover{cursor:pointer;text-decoration:underline}.song-details .artist>div{text-overflow:ellipsis;white-space:inherit;word-break:break-all}.song-details .artist>div,.song-details p{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.song-details p{align-items:center;color:#ffffffb3;display:flex;font-size:14px;font-weight:400;gap:5px;max-height:74px;word-break:break-word}.song-details .song-details-play{display:none;font-size:10px;justify-content:center;margin:0 auto}.song-details .song-details-play svg{fill:#fff!important}.song-details:hover .song-details-index{display:none}.song-details:hover .song-details-play{display:flex}@media(max-width:768px){.song-details img{border-radius:1px}.song-details .title{font-size:13px}.song-details p{font-size:11px}}.playlist-controls{margin-bottom:20px}.playlist-table{border-bottom:1px solid hsla(0,0%,70%,.129)}.playlist-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:.9rem;font-weight:400;max-height:74px;overflow:hidden;word-break:break-word}.owner{word-wrap:normal;margin-top:20px}.owner,.playlist-title{overflow:hidden;text-overflow:ellipsis;width:100%}.playlist-title{color:#fff;font-size:4rem;font-weight:600;margin-block:0;visibility:visible;white-space:nowrap}@media(max-width:1230px){.playlist-title{font-size:3rem}}@media(max-width:1130px){.playlist-title{font-size:2.4rem}}@media(max-width:768px){.playlist-title{font-size:2rem}.mobile-hidden{display:none;overflow:hidden}.mobile-visible{display:block}}@media(min-width:768px){.desktop-hidden{display:none}}@media(max-width:900px){.tablet-hidden{display:none!important}}@media(max-width:600px){.playlist-title{font-size:1.75rem;margin-top:10px}}.library-list-container{display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-between;margin-left:-15px;width:109%}.ant-avatar-group .ant-avatar{border-color:rgba(0,0,0,.361)}.ant-avatar-group>:not(:first-child){-webkit-margin-start:1px;margin-inline-start:1px}.ant-avatar-group-popover .ant-popover-arrow{display:none}.ant-avatar-group-popover .ant-popover-inner{background-color:#242424!important}.order-button{color:#bababa;font-size:.8rem;font-weight:400}.order-button:hover{color:#fff}.nav-bar-header-table-container{background:#1f1f1f;box-shadow:0 -1px 0 0 #181818;color:#bababa;display:none;margin:10px -20px -10px;visibility:hidden}.nav-bar-header-table-container.active{display:block!important;visibility:visible!important}.explicit{align-items:center;background-color:#fff9;border-radius:2px;color:#121212;display:inline-flex;font-size:9px;height:16px;justify-content:center;line-height:10px;padding:3px 5px;text-transform:uppercase}.playlist-img-overlay{bottom:0;left:0;padding:0 12px;position:absolute;right:0;top:0}.playlist-img-overlay .playlist-img-overlay-container{height:100%;width:100%}.playlist-img-overlay .playlist-img-overlay-container:hover button{opacity:1}.playlist-img-overlay .playlist-img-overlay-container button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#000000b3;border:none;border-radius:4px;color:#fff;display:flex;height:100%;justify-content:center;opacity:0;padding:0;text-align:center;width:100%}.playlist-img-overlay .playlist-img-overlay-container button .icon{fill:#fff;margin-top:16px;transition:opacity .2s}.playlist-img-overlay .playlist-img-overlay-container button span{font-weight:400}.disk-section{align-items:center;color:#fff;color:#bababa;display:flex;font-size:15px;font-weight:700;padding:15px 50px}@media(max-width:768px){.disk-section{padding:15px 20px}}.disk-section svg{fill:#bababa;margin-right:10px}.playlist-recommendations{padding-bottom:40px}.playlist-recommendations h1{font-size:1.5rem;margin-bottom:0}.playlist-recommendations>span{color:#bababa;font-size:.85rem;margin-left:15px}@media(max-width:768px){.playlist-recommendations .song-details .title{font-size:.875rem}.playlist-recommendations .song-details p{font-size:.8rem}}.image:hover .image-button{opacity:1;visibility:visible}.image:hover .image-button svg{fill:#fff!important}.now-playing-card{background-color:#1f1f1f;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:5px;padding:16px 16px 0;z-index:1}.now-playing-card .title-section{display:flex;justify-content:space-between}.now-playing-card .title-section .title{color:#fff;font-size:1rem;font-weight:700}.now-playing-card .queue-song{margin:5px -5px 15px}@media(max-width:768px){.queue-song{background-color:#0000!important}.queue-song img{border-radius:0!important}.queue-song:active{transform:scale(.99)}}.link-button{color:#fff;font-weight:700}.link-button:hover{text-decoration:underline}.ant-modal .ant-input-affix-wrapper,.ant-modal textarea{background:#ffffff1a!important;border:1px solid #0000;border:1px solid #333!important;border-radius:4px;color:#fff!important;font-family:inherit;font-size:14px;height:40px;padding:0 12px;width:100%}.ant-modal .ant-input-affix-wrapper:focus,.ant-modal .ant-input-affix-wrapper:hover,.ant-modal textarea:focus,.ant-modal textarea:hover{background-color:#333!important;border:1px solid #535353!important;box-shadow:none!important;outline:none!important}.ant-modal .ant-input-affix-wrapper input,.ant-modal textarea input{border:0!important}.ant-modal .ant-input-affix-wrapper input::placeholder,.ant-modal textarea input::placeholder{color:#747474!important}.ant-modal .ant-input-affix-wrapper.ant-input-status-error,.ant-modal textarea.ant-input-status-error{box-shadow:inset 0 -2px 0 0 #e91429!important}textarea::placeholder{color:#747474!important}.playlist-img-overlay-container{position:relative}.playlist-img-overlay-container input[type=file]{height:100%;opacity:0;position:absolute;top:0;width:100%;z-index:100000}.image-input{grid-area:album-image;height:180px;margin:0;position:relative;width:180px}.image-input .image-input-container{border-radius:4px;height:100%;width:100%}.ant-modal .playlist-img-container{grid-area:album-image;margin:0;position:relative;width:100%}.ant-modal .playlist-img-overlay{padding:0}.edit-playlist-submit-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-self:center;background-color:#0000;border:0;border-radius:9999px;border-radius:var(--encore-button-corner-radius,9999px);box-sizing:border-box;cursor:pointer;display:inline-block;font-weight:700;min-inline-size:0;padding:0;position:relative;text-align:center;text-decoration:none;text-transform:none;touch-action:manipulation;transform:translateZ(0);transition-duration:33ms;transition-property:background-color,border-color,color,box-shadow,filter,transform;-webkit-user-select:none;user-select:none;vertical-align:middle}.edit-playlist-submit-button:disabled{cursor:not-allowed;opacity:.5!important}.edit-playlist-submit-button span{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-padding-before:8px;-webkit-padding-before:var(--encore-spacing-tighter-2,8px);-webkit-padding-after:8px;-webkit-padding-after:var(--encore-spacing-tighter-2,8px);-webkit-padding-start:32px;-webkit-padding-start:var(--encore-spacing-looser-2,32px);-webkit-padding-end:32px;-webkit-padding-end:var(--encore-spacing-looser-2,32px);align-items:center;background-color:#fff;background-color:var(--background-base,#fff);border-radius:9999px;border-radius:var(--encore-button-corner-radius,9999px);box-sizing:border-box;color:#000;color:var(--text-base,#000);display:flex;font-size:.9rem;justify-content:center;min-block-size:48px;min-block-size:var(--encore-control-size-base,48px);padding-block-end:8px;padding-block-end:var(--encore-spacing-tighter-2,8px);padding-block-start:8px;padding-block-start:var(--encore-spacing-tighter-2,8px);padding-inline-end:32px;padding-inline-end:var(--encore-spacing-looser-2,32px);padding-inline-start:32px;padding-inline-start:var(--encore-spacing-looser-2,32px);position:relative;transition-duration:33ms;transition-property:background-color,transform}.edit-playlist-submit-button:hover{opacity:.9;transform:scale(1.05)}.edit-playlist-submit-button:active{opacity:.85;transform:scale(1)}.browse-page .playlist-header{font-size:1.5rem}@media(max-width:768px){.browse-page .playlist-header{font-size:1.2rem;margin-bottom:20px}}.browse-card,.browse-card .browse-card-container{height:100%;position:relative;width:100%}.browse-card .browse-card-container{border-radius:8px;overflow:hidden;padding-bottom:56.25%}.browse-card .browse-card-container img{border-radius:4px;bottom:0;box-shadow:0 2px 4px 0 #0003;object-fit:cover;object-position:center center;position:absolute;right:0;transform:rotate(25deg) translate(18%,-2%);-webkit-user-select:none;user-select:none;width:45%}.browse-card .browse-card-container span{text-wrap:balance;-webkit-padding-end:30%;color:#fff!important;font-size:1.5rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;padding:16px;padding-inline-end:30%;position:absolute}@media(max-width:768px){.browse-card .browse-card-container span{-webkit-padding-end:20%;font-size:1rem;padding-inline-end:20%}}@media(max-width:900px){.browse-card .browse-card-container span{-webkit-padding-end:20%;font-size:1.2rem;padding-inline-end:20%}}.item-delete-button:hover{transform:scale(1.1)}.item-delete-button{-webkit-box-pack:center;align-items:center;background-color:#0000004d;border:0;border-radius:500px;color:#fff;display:flex;height:28px;justify-content:center;transform:scale(1);transform-origin:center center;width:28px}.item-delete-button svg{fill:#fff;height:14px}.genre-page-header{color:#fff;display:flex;max-height:300px;min-height:200px;position:relative;width:100%}.genre-page-header .container,.genre-page-header .container .content{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.genre-page-header .contentSpacing{display:flex;margin-inline:auto;width:100%}.genre-page-header .textContainer{-webkit-box-flex:1;display:flex;flex:1 1;flex-flow:column;justify-content:flex-end;padding:20px 40px;z-index:0}.genre-page-header .textContainer span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:normal;overflow:hidden;text-align:left;width:100%;word-break:break-word}.genre-page-header .textContainer span h1{color:#fff;font-size:5rem;font-weight:800;visibility:visible;white-space:nowrap;width:100%}@media(max-width:900px){.genre-page-header{max-height:200px;min-height:150px}.genre-page-header .textContainer{padding:20px}.genre-page-header .textContainer h1{font-size:4rem!important}}@media(max-width:768px){.genre-page-header{max-height:150px;min-height:150px}.genre-page-header .textContainer{padding:20px}.genre-page-header .textContainer h1{font-size:3rem!important}}.genre-list .playlist-grid{grid-template-rows:none}body{--background-noise:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0wIDBoMzAwdjMwMEgweiIgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuMDUiLz48L3N2Zz4=)}.artist-page .nav-header{visibility:hidden}.artist-page .nav-header.active{visibility:visible}.artist-page .nav-header .circle-play{margin-right:5px}.artist-page .nav-header h1{margin:0;padding:0}.artist-page-header{flex:1 1;min-height:0;overflow:hidden;position:relative}.artist-page-header .background{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.artist-page-header .background-image{animation:background-animation 1s linear;animation-delay:calc(var(--scroll)*-1s);animation-fill-mode:both;animation-iteration-count:1;animation-play-state:paused;background-attachment:scroll;background-position:50% 15%;background-repeat:no-repeat;background-size:cover;height:100%;height:40vh;opacity:1;transform:scale(calc(1.3 - var(--scroll)*.1))}.artist-page-header .background-gradient,.artist-page-header .background-image{contain:strict;content-visibility:auto;display:block;left:0;min-height:var(--min-fluid-height);position:absolute;top:0;width:100%}.artist-page-header .background-gradient{background:linear-gradient(#0000 0,#00000080 100%),var(--background-noise);height:100%;height:42vh}.artist-page-header .background-gradient:after{animation:overlay-animation 1s linear;animation-delay:calc(var(--scroll)*-1s);animation-fill-mode:both;animation-iteration-count:1;animation-play-state:paused;background-image:linear-gradient(#121212 0,var(--bgColor) 90%),var(--background-noise);content:"";height:40vh;left:0;min-height:340px;opacity:calc(var(--scroll)*.5);position:absolute;right:0}.artist-page-header .text-section{--left-sidebar-width:72;--panel-width:396;--fluid-height:clamp(250px,250px + (100vw - var(--left-sidebar-width,0) * 1px - var(--panel-width,0) * 1px - 600px)/424 * 150,400px);--min-fluid-height:clamp(250px,250px + (100vw - var(--left-sidebar-width,0) * 1px - var(--panel-width,0) * 1px - 600px)/424 * 90,340px);--min-fluid-height-large-header:clamp(280px,280px + (100vw - var(--left-sidebar-width,0) * 1px - var(--panel-width,0) * 1px - 600px)/424 * 60,340px);--min-fluid-height-xlarge-header:clamp(350px,350px + (100vw - var(--left-sidebar-width,0) * 1px - var(--panel-width,0) * 1px - 600px)/424 * 50,400px);color:#fff;display:flex;height:40vh;max-height:none;padding:20px 20px 15px;position:relative;width:100%}.artist-page-header .text-section .contentSpacing{--content-max-width:1955px;display:flex;margin-inline:auto;max-width:var(--content-max-width);padding:0 var(--content-spacing);width:100%}.artist-page-header .text-section .textContainer{-webkit-box-flex:1;display:flex;flex:1 1;flex-flow:column;justify-content:flex-end;z-index:0}.artist-page-header .text-section .textContainer .verifyContainer{align-items:center;display:inline-grid;gap:8px;grid-template-columns:auto 1fr}.artist-page-header .text-section .textContainer .verifyContainer .verifyDiv{background-color:#fff;border-radius:50%;grid-area:1/1/2/2;height:60%;justify-self:center;width:60%}.artist-page-header .text-section .textContainer .verifyContainer svg{fill:#4cb3ff;grid-area:1/1/2/2;height:23px;width:23px}.artist-page-header .text-section .textContainer .verifyContainer span{font-size:.9rem;font-weight:400}.artist-page-header .text-section .textContainer .artistName{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:normal;overflow:hidden;text-align:left;width:100%;word-break:break-word}.artist-page-header .text-section .textContainer .artistName h1{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-margin-before:0;-webkit-margin-after:0;box-sizing:border-box;color:#fff;font-size:4rem;font-weight:800;margin-block-end:0;margin-block-start:0;visibility:visible;white-space:balance;width:100%}.artist-page-header .text-section .textContainer .listeners{font-size:1rem;line-height:2;margin-top:4px}@media(max-width:900px){.artist-page-header .text-section .textContainer .artistName h1{font-size:2rem}.artist-page-header .text-section .textContainer .listeners{font-size:1rem}.artist-page-header .text-section .textContainer .verifyContainer{gap:4px}.artist-page-header .text-section .textContainer .verifyContainer svg{height:16px;width:16px}.artist-page-header .text-section .textContainer .verifyContainer span{font-size:.875rem}}@media(max-width:768px){.artist-page-header .text-section .textContainer .artistName h1{font-size:1.8rem}.artist-page-header .text-section .textContainer .listeners{font-size:.875rem}.artist-page-header .text-section .textContainer .verifyContainer{gap:8px}.artist-page-header .text-section .textContainer .verifyContainer svg{height:20px;width:20px}.artist-page-header .text-section .textContainer .verifyContainer span{font-size:.75rem}}.artist-page-content{--background-base:$background-color;background-image:linear-gradient(var(--background-base) 0,#121212 100%),var(--background-noise);height:150px;width:100%}.showMore{background:none;border:none;color:#ffffffb3;padding:16px}.showMore span{font-size:.875rem;font-weight:700}.showMore:hover{color:#fff}.clearRecentSearches{background:none;border:none;color:#ffffffb3;padding:16px;text-decoration:none!important}.clearRecentSearches span{font-size:1rem;font-weight:700}.clearRecentSearches:hover{color:#fff;transform:scale(1.04)}.current-device-container{grid-gap:8px 12px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-padding-start:12px;-webkit-padding-end:12px;background:radial-gradient(82.95% 283.44% at 50% -160.29%,#1ed7604d 0,#181818 100%);background-color:#0000;border-radius:8px;border-radius:6px;box-sizing:border-box;color:#fff;display:grid;gap:8px 12px;grid-auto-rows:auto 1fr auto;grid-template-columns:1fr;min-block-size:56px;min-height:100px;padding:16px 12px;padding-block:8px;padding-inline-end:12px;padding-inline-start:12px;position:relative;transition:--gradient-color-bottom .2s ease-out;z-index:0}.current-device-container .area-header{align-items:center;display:flex;gap:12px;grid-column-end:-1;justify-content:space-between}.current-device-container .area-header-content{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.current-device-container .area-header-content .area-header-content-first{align-items:center;display:flex;gap:8px;margin-top:5px}.current-device-container .area-header-content .area-header-content-first svg{fill:#1ed760!important;margin-top:-8px;max-width:none!important}.current-device-container .area-header-content .area-header-content-first p{text-wrap:balance;font-size:1.5rem;font-weight:700}.current-device-container .area-header-content .area-header-content-second{display:flex;flex-direction:column;gap:8px;z-index:1}.current-device-container .area-header-content .area-header-content-second p{color:#b3b3b3;font-size:1rem;font-weight:400;margin-bottom:5px}.device-list .device-item-container{grid-gap:8px 18px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-padding-start:12px;-webkit-padding-end:12px;--animation-speed:300ms;--animation-ease:ease;--bg-inset-change-press:-4px;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;gap:8px 18px;grid-auto-rows:auto 1fr auto;grid-template-columns:auto 1fr;min-block-size:56px;padding-block:8px;padding-inline-end:12px;padding-inline-start:12px;position:relative;z-index:0}.device-list .device-item-container:active,.device-list .device-item-container:focus{background-color:rgba(6,6,6,.788)!important;transition:inset var(--animation-speed) var(--animation-ease)}.device-list .device-item-container:hover{background-color:#1f1f1f;inset:0}.device-list .device-item-container.disabled{background-color:#0000!important;cursor:not-allowed;opacity:.7}.device-list .device-item-container .device-icon-container{grid-column:1}.device-list .device-item-container .device-icon-container .item{align-items:center;display:flex;gap:12px;height:100%;margin-top:-5px}.device-list .device-item-container .device-icon-container .item svg{height:24px;width:24px}.device-list .device-item-container .device-text-container{align-items:center;display:flex;gap:12px;gap:var(--encore-spacing-tighter,12px);grid-column-end:-1;justify-content:space-between}.device-list .device-item-container .device-text-container .text{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.device-list .device-item-container .device-text-container .text p{font-size:1rem;font-weight:400}.device-list .device-item-container .device-text-container .text p span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ant-drawer-body{background-color:#121212}body{overscroll-behavior:none!important}@font-face{font-family:SpotifyMixUITitle;src:url(https://encore.scdn.co/fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff2)}@font-face{font-family:SpotifyMixUITitle;font-weight:700;src:url(https://encore.scdn.co/fonts/SpotifyMixUITitle-Bold-37290f1de77f297fcc26d71e9afcf43f.woff2)}@font-face{font-family:SpotifyMixUITitle;font-weight:bolder;src:url(https://encore.scdn.co/fonts/SpotifyMixUITitle-Extrabold-ba6c73cd7f82c81e49cf2204017803ed.woff2)}@font-face{font-family:SpotifyMixUI;src:url(https://encore.scdn.co/fonts/SpotifyMixUI-Regular-cc3b1de388efa4cbca6c75cebc24585e.woff2)}@font-face{font-family:SpotifyMixUI;font-weight:700;src:url(https://encore.scdn.co/fonts/SpotifyMixUI-Bold-4264b799009b1db5c491778b1bc8e5b7.woff2)}body,html{font-family:SpotifyMixUI,CircularSp-Arab,CircularSp-Hebr,CircularSp-Cyrl,CircularSp-Grek,CircularSp-Deva,var(sans-serif)!important}.Main-section,.Navigation-section,.ant-dropdown-menu-root,.ant-dropdown-menu-submenu,.library-list{-ms-overflow-style:none!important;overflow-y:scroll!important;scrollbar-width:none!important}body::-webkit-scrollbar{display:none!important}.App{text-align:center}h3{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.Main-section{background-color:#121212;border-radius:10px;height:calc(100vh - 150px);overflow:scroll;width:100%}@media(max-width:768px){.Main-section .infinite-scroll-component{padding-bottom:30px}}.Playlist-section,.Profile-section{height:100%;width:100%}.Home-seccion{border-radius:10px;height:100%;min-height:400px;padding:20px}.Navigation-button{--tw-text-opacity:1;color:#b3b3b3;font-size:17px;font-weight:700}.library{height:100%;justify-content:flex-start;overflow:hidden}.library-card{all:unset;align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.9em;gap:10px;overflow:hidden;overflow-x:hidden;padding:2px;transition:background-color .2s ease-in-out;width:98%}.library-card.collapsed{width:100%}.library-card.collapsed:hover .image-container{background-color:hsla(0,0%,100%,.051);border-radius:10%}.library-card.collapsed .image-container{padding:8px}.library-card img{border-radius:4px}.library-card:not(.collapsed):hover{background-color:hsla(0,0%,100%,.102)}.library-card .rounded img{border-radius:50%}.library-card .artist{font-size:.93em;font-weight:400;opacity:.7}.library-card[data-active=true]{background-color:hsla(0,0%,100%,.102)}.hoverable-icon.active:hover{fill:#38ec77!important}.ant-dropdown-menu-root,.ant-dropdown-menu-sub{-webkit-app-region:no-drag!important;background-color:#282828!important;border-radius:4px!important;box-shadow:0 16px 24px #0000004d,0 6px 8px #0003!important;max-height:calc(100vh - 24px)!important;max-width:350px!important;min-width:160px!important;overflow-y:auto!important;padding:4px!important}.ant-dropdown-menu-root li,.ant-dropdown-menu-sub li{color:#fff!important}.ant-dropdown-menu-root li.active,.ant-dropdown-menu-sub li.active{color:#1ed760!important}.ant-dropdown-menu-root .ant-dropdown-menu-item,.ant-dropdown-menu-root .ant-dropdown-menu-submenu,.ant-dropdown-menu-sub .ant-dropdown-menu-item,.ant-dropdown-menu-sub .ant-dropdown-menu-submenu{-webkit-padding-end:8px;align-items:center;border:0;border-radius:2px;color:#ffffffe6;cursor:default;display:flex;gap:12px;height:40px;justify-content:space-between;padding:12px;padding-inline-end:8px;position:relative;text-align:start;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.ant-dropdown-menu-root .ant-dropdown-menu-item .ant-dropdown-menu-title-content,.ant-dropdown-menu-root .ant-dropdown-menu-submenu .ant-dropdown-menu-title-content,.ant-dropdown-menu-sub .ant-dropdown-menu-item .ant-dropdown-menu-title-content,.ant-dropdown-menu-sub .ant-dropdown-menu-submenu .ant-dropdown-menu-title-content{color:#ffffffe6;font-size:.875rem;font-weight:500}.ant-dropdown-menu-item-selected{background-color:#282828!important}.ant-dropdown-menu-item-selected span{color:#1db954!important}.ant-dropdown-menu-submenu{min-width:170px}.ant-dropdown-menu-submenu .ant-dropdown-menu-title-content{margin-left:10px}.ant-dropdown-menu-sub{max-height:300px!important}.ant-dropdown-menu-submenu{padding:0!important}.ant-dropdown-menu-submenu svg{fill:#ffffffe6}.ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title{align-items:center;display:flex;width:100%}.ant-dropdown-menu-title-content{font-size:.8rem;font-weight:400}.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu:hover{background:#ffffff17!important}@media(max-width:768px){#root>div:first-child{padding:0!important}}.link-social-button{background:#2d2d2d;border-radius:43px;color:#fff!important;display:block;font-size:20px;padding:6px}.link-social-button:hover{transform:scale(1.1)}.link-social-button:active{transform:scale(1)}.link-text{color:#fff!important}.link-text:hover{text-decoration:underline}.fullscreen{display:none!important}.fullscreen-enabled{display:block!important}.active-icon-button{position:relative}.active-icon-button:after{background-color:#1db954;border-radius:50%;bottom:-10px;content:"";display:block;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px;inline-size:4px!important}.nav-header.invisible{visibility:hidden}.nav-header{border-top-left-radius:10px;border-top-right-radius:10px;margin-top:-1px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior-y:contain;padding:10px 20px;position:fixed;transition:background-color .6s ease-in-out,visibility .4s ease-in-out;z-index:1000}@media(max-width:768px){.nav-header{border-top-left-radius:0;border-top-right-radius:0;opacity:0;visibility:hidden!important}.nav-header .header-title{display:none!important}}.nav-header .nav-header-content{transition:opacity .3s ease-in-out}.nav-header.active{visibility:visible}.nav-header.active .header-title{display:block}.nav-header.active{box-shadow:0 0 10px 0 #0000004d}.nav-header .nav-header-playlist-title{color:#fff;font-size:1.6rem;font-weight:600;margin-block:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ant-avatar svg{height:1.3rem!important;width:1.3rem!important}.avatar-tag svg{height:1.5rem!important;width:1.5rem!important}.main-container{padding:7px}@media(max-width:768px){.main-container{padding:0}}.transition{transition-duration:.25s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\:opacity-100{opacity:1}.chip{-webkit-margin-after:8px;-webkit-margin-after:var(--encore-spacing-tighter-2,8px);background-color:#0000;border:0;color:inherit;cursor:pointer;font-weight:400;letter-spacing:inherit;line-height:1;margin-block-end:8px;margin-block-end:var(--encore-spacing-tighter-2,8px);max-inline-size:100%;overflow-wrap:break-word;padding:0;position:relative;text-decoration:none;vertical-align:middle}.chip,.chip span{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:9999px;box-sizing:border-box;display:inline-flex}.chip span{-webkit-padding-before:4px;-webkit-padding-before:var(--encore-spacing-tighter-4,4px);-webkit-padding-after:4px;-webkit-padding-after:var(--encore-spacing-tighter-4,4px);-webkit-padding-start:12px;-webkit-padding-start:var(--encore-spacing-tighter,12px);-webkit-padding-end:12px;-webkit-padding-end:var(--encore-spacing-tighter,12px);align-items:center;background-color:#ffffff1a;color:#fff;color:var(--text-base,#fff);min-block-size:32px;min-block-size:var(--encore-control-size-smaller,32px);min-inline-size:0;padding-block-end:4px;padding-block-end:var(--encore-spacing-tighter-4,4px);padding-block-start:4px;padding-block-start:var(--encore-spacing-tighter-4,4px);padding-inline-end:12px;padding-inline-end:var(--encore-spacing-tighter,12px);padding-inline-start:12px;padding-inline-start:var(--encore-spacing-tighter,12px);transition:background-color .2s,color .2s}.chip:hover span{background-color:#ffffff4d}.chip:active span{background-color:#fff3}.chip.active span{background-color:#fff;color:#2a2929}.image-button{align-items:center;background:#00000080;border:0;border-radius:4px;color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:auto;position:absolute;top:0;visibility:hidden;width:100%}.image-button:hover img,.library-card:hover img{background-color:#ffffff1a}.image-button:hover .image-button,.library-card:hover .image-button{opacity:1;visibility:visible}.drag-line{background-color:#1db954;border:1px solid #1db954!important;color:#1db954;cursor:pointer;height:1px;left:0;position:absolute;top:0;width:100%;z-index:999}.ant-dropdown-menu-item-divider{background:#ffffff1c!important;margin:1px 0!important}.ant-message{bottom:100px!important;font-size:1rem!important;top:auto!important}.ant-message svg{display:none!important}.scale:hover{transform:scale(1.1)}.scale:active{opacity:.9;transform:scale(1)}.pointer{cursor:pointer}img{pointer-events:none!important;-webkit-user-select:none;user-select:none}.resize-handler{cursor:grab!important;margin:10px 3px;opacity:0;transition:opacity .3s;width:1px}.resize-handler:active,.resize-handler:hover{background-color:#626262;opacity:1}a{text-decoration:none}a:hover{color:#fff;text-decoration:underline}.transparent-button{--encore-spacing-tighter-5:2px;--encore-spacing-tighter-4:4px;--encore-spacing-tighter-3:6px;--encore-spacing-tighter-2:8px;--encore-spacing-base:16px;--encore-control-size-smaller:32px;--encore-control-size-base:48px;--encore-control-size-larger:56px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-padding-before:3px;-webkit-padding-before:calc(var(--encore-spacing-tighter-4, 4px) - 1px);-webkit-padding-after:3px;-webkit-padding-after:calc(var(--encore-spacing-tighter-4, 4px) - 1px);-webkit-padding-start:15px;-webkit-padding-start:calc(var(--encore-spacing-base, 16px) - 1px);-webkit-padding-end:15px;-webkit-padding-end:calc(var(--encore-spacing-base, 16px) - 1px);align-items:center;background-color:#0000;border:1px solid #818181;border:1px solid var(--essential-subdued,#818181);border-radius:9999px;border-radius:var(--encore-button-corner-radius,9999px);box-sizing:border-box;color:#000;color:var(--text-base,#000);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;min-block-size:32px;min-block-size:var(--encore-control-size-smaller,32px);min-inline-size:0;padding-block-end:3px;padding-block-end:calc(var(--encore-spacing-tighter-4, 4px) - 1px);padding-block-start:3px;padding-block-start:calc(var(--encore-spacing-tighter-4, 4px) - 1px);padding-inline-end:15px;padding-inline-end:calc(var(--encore-spacing-base, 16px) - 1px);padding-inline-start:15px;padding-inline-start:calc(var(--encore-spacing-base, 16px) - 1px);padding:5px 20px;position:relative;text-align:center;text-decoration:none;text-transform:none;touch-action:manipulation;transform:translateZ(0);transition-duration:33ms;transition-property:background-color,border-color,color,box-shadow,filter,transform;-webkit-user-select:none;user-select:none;vertical-align:middle}.transparent-button:hover{border:1px solid #fff;transform:scale(1.04)}.transparent-button:active{border:1px solid #7c7c7c;opacity:.7;outline:none;transform:scale(1)}.viewSelector:hover{color:#fff}.viewSelector:hover svg{fill:#fff!important}.viewSelector:hover{transform:scale(1.04)}.library-list .collapsed{padding-left:6px}.library-list .grid-view{grid-gap:var(--grid-gap);--min-column-width:120px;display:grid;grid-auto-rows:3;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(var(--min-column-width),1fr))}.activable-song:focus{background-color:#ffffff4d!important}.ant-skeleton-title{background:linear-gradient(90deg,#cecece0f 25%,#4f4f4f26 37%,#0000000f 63%)!important;min-height:30px!important}.ant-drawer-body .library{border-radius:0}.ant-drawer-body .library .library-list{height:100%!important;margin-right:25px}.ant-affix{background:#1f1f1f;border-bottom:1px solid #ffffff1a;box-shadow:0 -1px 0 0 #181818}.playing-container{min-width:295px}@media(max-width:1000px){.playing-container #song-and-artist-name{max-width:250px}}@media(max-width:900px){.playing-container{min-width:200px}.playing-container #song-and-artist-name{max-width:140px}}@media(max-width:768px){.playing-container{min-width:140px}.playing-container #song-and-artist-name{max-width:120px}}.login-footer{height:auto;min-width:620px;overflow:hidden;padding-top:5px;-webkit-user-select:none;user-select:none}.login-footer,.login-footer .login-container{display:flex;flex-direction:column;flex-direction:row}.login-footer .login-container{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-image:linear-gradient(90deg,#af2896,#509bf5);border-radius:2px;gap:24px;justify-content:space-between;padding:12px 24px 10px 15px;position:relative;width:100%;z-index:1}.login-footer .login-container .title{color:#fff;font-size:.875rem;font-weight:700}.login-footer .login-container .description{color:#fff;font-size:1rem;font-weight:400}.white-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-self:center;background-color:#0000;border:0;box-sizing:border-box;color:#b3b3b3;cursor:pointer;display:inline-block;min-inline-size:0;padding:0;position:relative;text-align:center;text-decoration:none;text-transform:none;touch-action:manipulation;transform:translateZ(0);transition-duration:33ms;-webkit-user-select:none;user-select:none;vertical-align:middle}.white-button:hover,.white-button:hover span{transform:scale(1.04)}.white-button:active span{background-color:#c7c7c7;box-shadow:none;transform:scale(1)}.white-button span{background-color:#f0f0f0;border-radius:9999px;border-radius:var(--encore-button-corner-radius,9999px);color:#000;font-size:1rem;font-weight:700;padding:10px 20px}.white-button.small span{font-size:.875rem;padding:5px 20px}.ant-popover{background-color:#0074e0;border-radius:8px;box-shadow:0 4px 40px #0000004d;color:#fff;font-size:14px;line-height:1.4;max-width:336px;outline:0;position:relative;text-align:start;transition-duration:.3s;transition-property:transform,visibility,opacity}.ant-popover.login-tooltip .ant-popover-inner{padding:10px 10px 5px 16px}.ant-popover.login-tooltip .ant-popconfirm-inner-content{display:flex;flex-direction:row}.ant-popover.login-tooltip button svg{fill:#fff!important;height:.875rem!important}.ant-popover.login-tooltip .white-button{display:none!important}.ant-popover.login-tooltip .ant-popconfirm-buttons{margin-top:0}.ant-popover .ant-popover-arrow:before,.ant-popover .ant-popover-inner{background-color:#0074e0}.ant-popover .ant-popover-inner{padding:16px;position:relative;transition-duration:.3s}.ant-popover .ant-popconfirm-title{color:#fff!important;font-size:1rem;font-weight:700}.ant-popover .ant-popconfirm-description{color:#fff!important;font-size:.875rem;font-weight:400}.ant-popover .ant-popconfirm-buttons{margin-top:25px}.ant-popover .ant-btn-text{color:#b3b3b3;font-size:.875rem;font-weight:700}.ant-popover .ant-btn-text:hover{background:none!important;color:#fff!important;transform:scale(1.04)}.ant-popover .white-button{height:auto!important}.ant-popover .white-button:hover{background:none!important}.spinner-container{display:table;height:100%;width:100%}.spinner-container.section .sk-circle{top:-90px}.spinner-container.section .sk-circle .sk-child:before{background-color:#b6b7b6}@media(max-width:1100px)and (min-width:600px){.spinner-container.section .sk-circle{left:23%}}.sk-circle{bottom:0;height:80px;left:0;margin:auto;position:fixed;right:0;top:0;width:80px}.sk-circle .sk-child{height:100%;left:0;position:absolute;top:0;width:100%}.sk-circle .sk-child:before{animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;background-color:#1cd760;border-radius:100%;content:"";display:block;height:15%;margin:0 auto;width:15%}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{animation-delay:-1.1s}.sk-circle .sk-circle3:before{animation-delay:-1s}.sk-circle .sk-circle4:before{animation-delay:-.9s}.sk-circle .sk-circle5:before{animation-delay:-.8s}.sk-circle .sk-circle6:before{animation-delay:-.7s}.sk-circle .sk-circle7:before{animation-delay:-.6s}.sk-circle .sk-circle8:before{animation-delay:-.5s}.sk-circle .sk-circle9:before{animation-delay:-.4s}.sk-circle .sk-circle10:before{animation-delay:-.3s}.sk-circle .sk-circle11:before{animation-delay:-.2s}.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
/*# sourceMappingURL=main.a3ac4f5a.css.map*/