@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,::backdrop,: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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.13 | 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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color: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;max-width:100%}[hidden]{display:none}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--ring:215 20.2% 65.1%;--radius:0.5rem}*{border-color:#e2e8f0;border-color:hsl(var(--border))}body{background-color:#fff;background-color:hsl(var(--background));color:#020817;color:hsl(var(--foreground))}.container{margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width:1400px){.container{max-width:1400px}}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.running{animation-play-state:running}:root{--spotify-green:#1db954;--spotify-black:#191414;--spotify-white:#fff;--spotify-grey:#535353;--spotify-light-grey:#b3b3b3}body{background-color:#191414;background-color:var(--spotify-black);color:#fff;color:var(--spotify-white);font-family:Montserrat,sans-serif;margin:0;padding:0}.App{margin:0 auto;max-width:1200px;padding:20px}.App-header{align-items:center;border-bottom:1px solid #535353;border-bottom:1px solid var(--spotify-grey);display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 0}h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#1db954,#4caf50);background:linear-gradient(45deg,var(--spotify-green),#4caf50);-webkit-background-clip:text;font-size:2rem;margin:0}.user-info{align-items:center;background-color:#ffffff1a;border-radius:20px;display:flex;padding:5px 10px}.profile-pic,.profile-pic-placeholder{border-radius:50%;height:40px;margin-right:10px;width:40px}.profile-pic-placeholder,.spotify-button{align-items:center;background-color:#1db954;background-color:var(--spotify-green);color:#fff;color:var(--spotify-white);display:flex;font-weight:700;justify-content:center}.spotify-button{border:none;border-radius:30px;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}.spotify-button:hover{background-color:#1ed760;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.spotify-button:disabled{background-color:#535353;background-color:var(--spotify-grey);cursor:not-allowed}.login-button{display:flex;margin:0 auto}.login-button svg{margin-right:10px}.input-container{display:flex;margin-bottom:20px}.input-field{background-color:#535353;background-color:var(--spotify-grey);border:none;border-radius:4px 0 0 4px;color:#fff;color:var(--spotify-white);flex-grow:1;font-size:16px;padding:12px}.generate-button{border-radius:0 4px 4px 0}.track-list{list-style-type:none;padding:0}.track-item{align-items:center;background-color:#ffffff1a;border-radius:4px;display:flex;margin-bottom:15px;padding:10px;transition:all .3s ease}.track-item:hover{background-color:#fff3;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.album-cover{border-radius:4px;height:60px;margin-right:15px;width:60px}.track-info{flex-grow:1}.artist-name{color:#b3b3b3;color:var(--spotify-light-grey)}.play-button{background-color:initial;color:var(--spotify-white);font-size:1.2em;transition:all .3s ease}.play-button:hover{color:#1db954;color:var(--spotify-green);transform:scale(1.1)}.create-playlist-button{margin-top:20px}.create-playlist-button svg{margin-right:10px}.error-message{background-color:#ff41361a;border-radius:4px;color:#ff4136;margin-top:10px;padding:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.generate-button:not(:disabled):hover{animation:pulse 1s infinite}@media (max-width:600px){.App{padding:10px}.input-container{flex-direction:column}.generate-button,.input-field{border-radius:4px;margin-bottom:10px}.track-item{align-items:flex-start;flex-direction:column}.album-cover{margin-bottom:10px}.play-button{margin-top:10px}}.monstera-icon{color:#4caf50;margin-right:10px}.monstera-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:0}.monstera-item{background-color:#ffffff1a;border-radius:15px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease;width:300px}.monstera-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.track-content{align-items:center;display:flex;flex-direction:column;padding:15px}.album-cover{border-radius:10px;height:auto;margin-bottom:10px;width:100%}.track-info{margin-bottom:10px;text-align:center}.track-name{display:block;font-size:1.1em;font-weight:700;margin-bottom:5px}.artist-name{color:#888;display:block;font-size:.9em}.play-button{background-color:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s ease}.play-button:hover{background-color:#45a049}.playlist-results{margin-top:30px}.playlist-results h2{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.clearfix{clear:both}.fixed-bottom{align-items:center;background-color:#191414e6;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:fixed;right:0;z-index:1000}.create-playlist-button{max-width:300px;width:100%}.playlist-results{margin-bottom:80px}main{padding-bottom:80px}.playlist-name-editor{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px}.playlist-name-input{border:1px solid #ccc;border-radius:4px;color:#191414;color:var(--spotify-black);font-size:16px;margin-bottom:10px;max-width:300px;padding:10px;text-align:center;width:100%}.create-playlist-button,.generate-name-button{cursor:pointer;font-size:16px;padding:10px 20px}
/*# sourceMappingURL=main.636956b0.css.map*/