.shuffle-playlist-wrapper{max-width:450px;margin-bottom:20px;padding:15px 10px;border-top:3px double gray;border-bottom:5px groove gray;border-radius:10px;background-color:#2c2c2c}.shuffle-playlist-wrapper .shuffle-container{display:flex;flex-direction:column}.shuffle-playlist-wrapper .shuffle-container .playlist-info{display:flex;align-items:center;margin:0 auto}.shuffle-playlist-wrapper .shuffle-container .playlist-info img{width:64px;height:64px;border-radius:6px}.shuffle-playlist-wrapper .shuffle-container .playlist-info p{font-weight:700;margin-left:10px;max-width:100%}.shuffle-playlist-wrapper .shuffle-container button{text-transform:uppercase;position:relative;max-width:fit-content;margin:7px auto;background-color:#242323}.shuffle-playlist-wrapper .progress-bar-container{position:relative;width:100%;height:50px;background-color:#383737;border-radius:6px}.shuffle-playlist-wrapper .progress-bar-container .progress-bar{width:100%;height:50px;background:linear-gradient(45deg,#1db954,#00ae66,#00a274,#00967d);background-size:400% 400%;animation:gradient 5s ease-in-out infinite;border-radius:6px}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.shuffle-playlist-wrapper .progress-bar-container .progress-bar .shuffling-text{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px}.shuffle-playlist-wrapper .progress-bar-container .track-count{position:absolute;bottom:-10px;right:5px;color:#fff;font-size:12px}.home-wrapper{padding-top:60px;padding-bottom:15px}.home-wrapper .login-info{display:flex;align-items:center;justify-content:end;position:fixed;top:0;right:0;padding:2px;background-color:#242424;width:100%;z-index:9999999}.home-wrapper .login-info p{margin:0}.home-wrapper .login-info img{border-radius:50%;width:32px;height:32px;margin-left:5px;margin-right:5px}.home-wrapper .login-info button{height:fit-content}.home-wrapper .playlists{margin-top:33px}.home-wrapper .loader-wrapper{display:flex;width:100%;height:100%}.home-wrapper .loader{width:64px;height:64px;position:relative;margin:100px auto;background-image:linear-gradient(#fcfcfc 16px,transparent 0),linear-gradient(#1db954 16px,transparent 0),linear-gradient(#1db954 16px,transparent 0),linear-gradient(#fcfcfc 16px,transparent 0);background-repeat:no-repeat;background-size:16px 16px;background-position:left top,left bottom,right top,right bottom;animation:rotate 1s linear infinite}@keyframes rotate{0%{width:64px;height:64px;transform:rotate(0)}50%{width:30px;height:30px;transform:rotate(180deg)}to{width:64px;height:64px;transform:rotate(360deg)}}#root{max-width:1280px;margin:0 auto;padding:0 2rem;text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1f1f1f;cursor:pointer;transition:border-color .25s}button:hover{border-color:#1db954}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{cursor:not-allowed;border-color:unset}.disclaimer{font-style:italic;color:gray;display:flex;flex-direction:column;margin-top:50px}.bolded{font-weight:700}