.playlist-component{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px;border-radius:8px;background-color:var(--card-bg);box-shadow:0 2px 4px var(--card-shadow);transition:transform .2s ease-in-out;cursor:grab}.playlist-component:active{cursor:grabbing}.playlist-component:hover{transform:translateY(-5px)}.playlist-image{width:100%;height:auto;border-radius:6px;margin-bottom:4px;-moz-user-select:none;-webkit-user-select:none;-o-user-drag:none;user-select:none;pointer-events:none}.playlist-info{margin-top:8px}.playlist-title{font-size:1.2rem;margin:0;color:#000}.playlist-song-count{font-size:.9rem;color:#666}.spotify-gradient{background:linear-gradient(45deg,#a8e8a2,#ffffffbf)}.apple-gradient{background:linear-gradient(45deg,#ffd3a5,#ffffffbf)}.playlist-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}@media (max-width: 640px){.playlist-collection{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.provider-header{flex-direction:column;align-items:flex-start}}.playlist-section{border:1px solid transparent;transition:border .2s;flex-grow:1;width:50%;padding:1em;margin:.5em;background-color:var(--card-bg);box-shadow:0 2px 4px var(--card-shadow);border-radius:8px}.playlist-section-over{border:1px solid var(--accent-color);background-color:#007bff1a}.provider-header{display:flex;flex-direction:row;gap:1em;padding-bottom:12px;align-items:center}.provider-header>p{align-content:center}.pending-playlists{margin-top:1em;border:1px dashed #ccc;padding:1em;background-color:#ffff001a}.pending-playlists>button{margin:1em 1em 0 0;background-color:var(--accent-color)}.provider-logo{width:70px;height:70px}.no-margin{margin:0}.justify-center{justify-content:center}@media (max-width: 640px){.playlist-section{width:100%}}body,html{width:100%;margin:0}#root{height:100vh;width:100%;max-width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-color)}h1{font-size:1.5rem;margin:0;margin-bottom:1rem}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.w-1p{min-width:1%}.space-between{justify-content:space-between}.right{right:0}.wide{width:100%}.justifyc-space{justify-content:space-between}.items-center{align-items:center}.w-full-vw{width:100vw}.w-full,.w-100{width:100%}.h-full,.h-100{height:100%}.light{color-scheme:light}.dark{color-scheme:dark}.fixed{position:fixed}.top-0{top:0}.container{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.self-center,.align-center{align-self:center}.content-center{justify-content:center}.flex{display:flex}a{text-decoration:none;margin-left:1em;justify-self:center;vertical-align:top;color:var(--text-color)}.h-i{height:inherit}.h-12{height:3rem}.h-24{height:6rem}.w-12{width:3rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.pt-12{font-size:12px}.pt-24{font-size:24px}.reset{all:unset}#logo{align-self:center}.padding-0{padding:0}.padding-1{padding:1em}.padding-2{padding:2em}.padding-3{padding:3em}.padding-4{padding:4em}.padding-lr-1{padding-left:1em;padding-right:1em}.padding-lr-2{padding-left:2em;padding-right:2em}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.margin-left-1{margin-left:1em}.margin-left-2{margin-left:2em}.margin-left-3{margin-left:3em}.margin-left-4{margin-left:4em}.playlist-image{aspect-ratio:1 / 1}.margin-top-1{margin-top:1em}.margin-top-2{margin-top:2em}.margin-top-3{margin-top:3em}.margin-top-4{margin-top:4em}.margin-right-1{margin-right:1em}.margin-right-2{margin-right:2em}.margin-right-3{margin-right:3em}.margin-right-4{margin-right:4em}.playlist-title{white-space:break-spaces;text-overflow:ellipsis;font-size:calc(50% + .5vw);max-width:100%}.playlist-component{white-space:nowrap}.flex-grow-1{flex-grow:1}.flex-basis-0{flex-basis:0}.playlist-section{background-color:var(--card-bg)}.white{color:#fff}.left-align{text-align:left}.flex-right{justify-content:flex-end}.margin-left-auto{margin-left:auto}:root{--bg-color: #f9fafb;--text-color: #000000;--card-bg: #e9e9e9;--card-shadow: rgba(0, 0, 0, .1);--accent-color: #646cff;--nav-bg: #e9e9e9;--nav-text-color: #242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none}[data-theme=dark]{--bg-color: #121212;--text-color: #e0e0e0;--card-bg: #1e1e1e;--card-shadow: rgba(0, 0, 0, .7);--accent-color: #8fa5ff;--nav-bg: #1a1a1a;--nav-text-color: #ffffff}a,.header{font-family:Fort!important;font-weight:500!important;font-size:24px!important;color:var(--accent-color)!important;text-decoration:inherit!important;text-transform:none!important;transition:color .25s!important;padding:0!important}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}h1{font-size:3.2em;line-height:1.1}h2,p{color:var(--text-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@font-face{font-family:Gamay;font-style:normal;font-weight:700;src:url(/assets/Gamay-Regular-DiYEsXmv.ttf) format("truetype")}@font-face{font-family:Fort;font-style:normal;font-weight:500;src:url(/assets/Fort-Regular-D-1IJyCx.ttf) format("truetype")}@font-face{font-family:Fort;font-style:Bold;font-weight:700;src:url(/assets/Fort-Bold-Ce9_CswD.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/Roboto-Regular-ia0dPpEo.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(/assets/Roboto-Medium-BJbjO3wX.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(/assets/Roboto-Bold-CM98DFac.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:url(/assets/Roboto-Black-DoU0hL5p.ttf) format("truetype")}.navbar{background-color:var(--nav-bg);color:var(--nav-text-color);display:flex;align-items:center;justify-content:space-between;padding:.5em 1em;position:sticky;top:0;z-index:10}.navbar a{color:inherit}