.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:rgb(22 22 22/var(--tw-bg-opacity))}.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:rgb(24 24 24/var(--tw-bg-opacity))}.hover\:bg-spotify-gray-lightest:hover{--tw-bg-opacity:0.5;background-color:rgb(40 40 40/var(--tw-bg-opacity))}.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{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.102);border-radius:5px;cursor:pointer;display:flex;font-size:.8em;gap:15px;justify-content:space-between;overflow:hidden;transition:background-color .2s ease-in-out;-webkit-user-select:none;user-select:none;width:100%}.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 img{max-height:40px;max-width:40px}.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}}.song-artist:hover,.song-title:hover{text-decoration:underline}.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.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: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{color:#b3b3b3;font-weight:400}.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}}.Main-section-col{border-radius:10px;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}}.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%;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}@media(max-width:950px){.Navigation-section{padding:20px 10px}}@media(max-width:800px){.Navigation-section{padding:20px 5px}}.Navigation-section.open{min-width:260px;padding:20px}#playlist-song-and-artist-name h3,#playlist-song-and-artist-name p{font-size:15px;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:2px}.navigation-button:hover{transform:scale(1.1)}.navigation-button-home{background-color:#1f1f1f;border-radius:30px;justify-content:center;padding:11px}.navigation-button-home:hover{transform:scale(1.1)}.playlist-avatar{border:2px solid #000;border-radius:50%;cursor:pointer;width:30px}.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)}.Profile-section .profile-header{background:linear-gradient(180deg,#0000,#222833 80%),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0wIDBoMzAwdjMwMEgweiIgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuMDUiLz48L3N2Zz4=)}.Profile-section .profile-header .profile-title{color:#fff;font-size:4.5rem;font-weight:900;margin-block:0;visibility:visible;white-space:nowrap;width:100%}@media(max-width:900px){.Profile-section .profile-header .profile-title{font-size:3.5rem}}@media(max-width:768px){.Profile-section .profile-header .profile-title{font-size:3rem}}@media(max-width:600px){.Profile-section .profile-header .profile-title{font-size:2rem}.Profile-section .profile-header .owner span{display:none}.Profile-section .profile-header .songs-number{display:block!important;margin-bottom:5px}}.Profile-section .profile-header .profile-img{border-radius:50%;box-shadow:0 4px 60px #00000080;height:100%;object-fit:cover;object-position:center center;width:100%}@media(max-width:575px){.Profile-section .profile-header .profile-img{height:50%;margin:0 auto;width:50%}}.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)}.ant-modal{border-radius:20px;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:20px}.ant-modal .ant-modal-header{border-bottom:1px solid #ffffff1a!important}.ant-modal .ant-modal-close-x{align-items:center;align-self:flex-start;background-color:#000000b3;border:0;border-radius:32px;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}.playing-section{background-color:#121212;border-radius:10px;height:calc(100vh - 150px);max-width:350px;min-width:350px;overflow:scroll;width:100%}@media(max-width:900px){.playing-section{max-width:100%;min-width:100%}}.playing-section .playing-section-title{color:#fff;font-weight:700;margin:10px 10px 10px 15px}.playing-now-card{background-color:#242424;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin:10px;z-index:1}.playing-now-card .playing-now-card-title{color:#fff;font-weight:700}.playing-now-card .playing-now-card-subtitle{color:#b3b3b3;margin-top:5px}.playing-now-card .playing-now-card-body{color:#b3b3b3;margin-top:10px}.playing-now-card .playing-now-card-text{padding:8px 16px 16px}.playing-now-card .playing-now-card-image{background-position:50% 50%;background-size:cover;border-radius:8px 8px 0 0;padding-bottom:50%;position:relative;width:100%}.playing-now-card .playing-now-card-image .playing-now-card-image-text{font-weight:700;left:0;padding:16px;position:absolute;right:0;top:0}.playing-now-card .ant-avatar{margin:5px}.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}.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 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)}.circle-play{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background-color:#1ed760;background-color:var(--background-base,#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)}.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}.album-cover{border-radius:5px;height:56px;margin-right:15px;object-fit:cover;width:56px}.mobile-player .album-cover,.queue-song-image-container .album-cover{height:47px;width:47px}#song-and-artist-name h3,#song-and-artist-name p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}#song-and-artist-name{display:grid}.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{fill:#1db954!important}.replay.active:hover:after{fill:#38ec77!important}@media(max-width:980px){.hiddable-icon{display:none}}.mobile-bar{background:linear-gradient(#0000,#000 40%);bottom:5px;position:fixed}.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}}.Full-screen-page{align-items:center;display:flex;flex-direction:column-reverse;height:100vh;width:100vw}.Full-screen-page .album-cover{height:70px;width:70px}.Full-screen-page #song-and-artist-name p{text-decoration:none;width:100%}.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{padding:20px}.Search-Page .section-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:10px}.Search-Page .search-songs-container .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%}.Search-Page .search-songs-container button:hover img{background-color:#ffffff1a}.Search-Page .search-songs-container button:hover .image-button{opacity:1;visibility:visible}.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:50%;height:90px;object-fit:cover;width:90px}.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}.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)}}.playlist-list .song-details .drawer-icon{visibility:hidden}.playlist-list .song-details .title{color:#fff;font-size:15px}.playlist-list .song-details .artist:hover{cursor:pointer;text-decoration:underline}.playlist-list .song-details p{color:#b3b3b3;font-size:14px;font-weight:400}.playlist-list .song-details .song-details-play{display:none;font-size:10px;justify-content:center}.playlist-list .song-details .song-details-play svg{fill:#fff!important}.playlist-list .song-details:hover .song-details-index{display:none}.playlist-list .song-details:hover .song-details-play{display:flex}@media(max-width:768px){.playlist-list .song-details img{border-radius:1px}.playlist-list .song-details .title{font-size:13px}.playlist-list .song-details p{font-size:11px}}.playlist-controls{margin-bottom:20px}.playlist-table{border-bottom:1px solid #282c34}.playlist-title{color:#fff;font-size:5rem;font-weight:600;margin-block:0;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;visibility:visible;white-space:nowrap;width:100%}@media(max-width:1130px){.playlist-title{font-size:3rem}}@media(max-width:768px){.playlist-title{font-size:2rem}.mobile-hidden{display:none}}@media(min-width:768px){.desktop-hidden{display:none}}@media(max-width:900px){.tablet-hidden{display:none}}@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}.open .library-list-container{width:120%}.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}@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,.playing-section{-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%}.Playlist-section,.Profile-section{height:100%;width:100%}.Home-seccion{border-radius:10px;height:100%;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-x:hidden;padding:2px;transition:background-color .2s ease-in-out;width:98%}.library-card.collapsed{margin-bottom:10px}.library-card img{border-radius:4px}.library-card .artist{font-size:.93em;font-weight:400;opacity:.7}.library-card:hover{background-color:hsla(0,0%,100%,.051)}.library-card[data-active=true]{background-color:hsla(0,0%,100%,.102)}.hoverable-icon.active:hover{fill:#38ec77!important}.ant-dropdown-menu-root{-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{color:#fff!important}.ant-dropdown-menu-root li.active{color:#1ed760!important}.ant-dropdown-menu-root .ant-dropdown-menu-item{-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-selected{background:#0000!important;color:#1db954!important}.ant-dropdown-menu-title-content{font-size:.8rem;font-weight:400}.ant-dropdown-menu-item:hover{background:#ffffff17!important}.ant-dropdown-menu-item:hover .ant-dropdown-menu-title-content{color:#1db954!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{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 .3s ease-in-out,visibility .2s ease-in-out;visibility:hidden;z-index:2}@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.active{box-shadow:0 0 10px 0 #0000004d;visibility:visible}.nav-header.active .header-title{display:block}.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}.wrapper{height:calc(100vh - 150px);justify-content:center;padding:32px;width:100%}.wrapper,.wrapper .container{align-items:center;display:flex}.wrapper .container{flex-direction:column}.wrapper .container h3{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;color:#fff;font-size:48px;font-weight:700;letter-spacing:-.04em;line-height:1.3;margin:40 px 0 16px;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}.wrapper .container p{color:#a7a7a7;display:inline-block;font-weight:200;font-weight:500;line-height:24px;margin:0 0 40px;max-width:507px}.wrapper .container button{background:#fff;border:1px solid #878787;border-radius:48px;color:#000;display:inline-block;font-size:1em;font-weight:700;line-height:24px;margin-bottom:36px;padding:12px 32px;text-align:center;text-decoration:none;white-space:nowrap}.wrapper .container button:hover{border-color:#000;text-decoration:none;transform:scale(1.04)}.wrapper .container button:active{transform:scale(1)}
/*# sourceMappingURL=main.3b2a9e83.css.map*/