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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}@media (max-width:720px){.App{width:100vw}}.backgroundColorChanger{--background-noise:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0wIDBoMzAwdjMwMEgweiIgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuMDUiLz48L3N2Zz4=);--background-base:#121212;background-image:linear-gradient(#0000004d 0,var(--background-base) 100%),var(--background-noise);height:332px;margin-top:-64px;position:absolute;transition:background-color 1s ease;width:100%;z-index:-1}.App-logo{height:40vmin;pointer-events:none}.appTitle{font-size:3.5rem;margin:15px 15px 0}.appSubTitle,.appTitle{color:#fff;font-family:CircularSpUIv3T-Black,Helvetica,Arial,sans-serif}.appSubTitle{font-size:1.5rem;margin:0 15px 15px}.playlistDiv{background-color:#ffffff1a;border-radius:4px;display:flex;height:var(--item-height);height:64px;justify-content:space-between;margin-bottom:15px;margin-left:7.5px;margin-right:7.5px;overflow:hidden;position:relative;transition:background-color .3s ease;transition:height .6s ease;width:350px}.playlistDiv:hover{background-color:#fff3;cursor:pointer}.TrackList{align-items:center;display:flex;flex-direction:column}.playlistInfoBar{display:flex;flex-direction:row;width:100%}.playlistTextandSelect{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;color:#fff;display:flex;flex:1 1;justify-content:space-between;padding:0 16px}.list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:4%;position:relative}.playlistSelect{margin-left:5px}.playlistText{color:#fff;font-size:1.1rem;font-weight:700;height:100%;justify-content:left;line-height:1;margin-left:15px;margin-right:15px;text-align:left;width:100%}.playlistImage,.playlistText{align-items:center;display:flex}.playlistImage{height:64px;justify-content:center;overflow:show;transition:height .6s ease;width:64px}.playlistImage img{flex-shrink:0;min-height:100%;min-width:100%}@media (max-width:720px){.list{flex-direction:column}}@media (min-width:1024px){.playlistDiv,.playlistImage{height:80px;transition:height .6s ease}.playlistImage{width:80px}.playlistText{font-size:1.2rem;transition:font-size .6s ease}}@media (min-width:1424px){.playlistDiv,.playlistImage{height:100px;transition:height .6s ease}.playlistImage{width:100px}.playlistText{font-size:1.3rem;transition:font-size .6s ease}}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.PlaylistTitleImage{align-items:center;display:flex;margin-bottom:15px;margin-left:25px;margin-right:25px;text-align:left}.PlaylistTitleLarge-under12char{font-size:3.8rem}.PlaylistTitleLarge-over11char,.PlaylistTitleLarge-under12char{-webkit-tap-highlight-color:transparent;box-sizing:border-box;color:#fff;font-family:CircularSpTitle,CircularSpTitle-Tall,CircularSp-Arab,CircularSp-Hebr,CircularSp-Cyrl,CircularSp-Grek,CircularSp-Deva,sans-serif;font-family:var(
    --font-family,CircularSpTitle,CircularSpTitle-Tall,CircularSp-Arab,CircularSp-Hebr,CircularSp-Cyrl,CircularSp-Grek,CircularSp-Deva,var(--fallback-fonts,sans-serif)
  );font-weight:900;margin-block:0;margin:.08em 0 .12em 20px;visibility:visible;width:100%}.PlaylistTitleLarge-over11char{font-size:1.8rem}.ArtistSpacing{font-size:12px;grid-area:subtitle;grid-column-start:badges;margin-bottom:4px}.ArtistAlbumDateDurFont{font-size:14px}@media (min-width:840px){.PlaylistTitleLarge-over11char{font-size:1.8rem}.PlaylistTitleLarge-under12char{font-size:3.8rem}.ArtistSpacing{font-size:14px}}@media (min-width:1024px){.PlaylistTitleLarge-over11char{font-size:2.5rem}.PlaylistTitleLarge-under12char{font-size:4.8rem}}@media (min-width:1424px){.PlaylistTitleLarge-over11char{font-size:2.8rem}.PlaylistTitleLarge-under12char{font-size:5.5rem}}.PlaylistOwner{color:#fff;font-weight:700}.PlaylistDesc{margin-left:25px;margin-top:20px}.PlaylistDetails{color:#fff;font-weight:400;margin-left:25px;padding-top:8px}.PlaylistDuration{color:#b3b3b3}.DotSpace{margin-left:1px;margin-right:1px}.TitleArtist{display:flex;flex-direction:column;padding-left:15px;text-align:left}.durationClock{fill:currentcolor}.ellipsis-one-line,.standalone-ellipsis-one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standalone-ellipsis-one-line{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;white-space:inherit;word-break:break-all}html{scrollbar-color:#ffffff4d #0000;scrollbar-width:auto}button{-webkit-tap-highlight-color:transparent!important;text-outline:1px #000 solid!important;align-self:center!important;background-color:#ffffff12!important;border:0!important;border-radius:500px!important;box-sizing:border-box!important;color:#fff!important;display:inline-block!important;font-family:CircularSpUIv3T-Black,Helvetica,Arial,sans-serif!important;font-size:20px!important;font-weight:200!important;height:50px!important;line-height:20px!important;margin-right:8px!important;padding:4px 18px!important;position:relative!important;text-align:center!important;text-decoration:none!important;text-transform:none!important;touch-action:manipulation!important;transform:translateZ(0)!important;transition-duration:33ms!important;transition-property:background-color,border-color,color,box-shadow,filter,transform!important;-webkit-user-select:none!important;user-select:none!important;vertical-align:middle!important;width:-webkit-max-content!important;width:max-content!important}button:hover{background-color:#424242!important;cursor:pointer!important;transition:background-color .15s linear!important}button:disabled{background-color:#353434!important;color:#6b6b6b!important}.backButton{margin-bottom:10px!important}.saveButton{background-color:#1eb151!important}.saveButton:hover{background-color:#23c75c!important}.loadButton{margin:0 0 10px!important}.descText{color:#fff;font-family:CircularSpUIv3T-Black,Helvetica,Arial,sans-serif;font-size:1.4rem;margin-bottom:0;margin-top:15px}.loginButton{background-color:#1ed760!important;color:#000!important}.loginButton:hover{background-color:#20e967!important}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{background-color:#ffffff4d}html{background-color:#121212;height:100%}body,input{color:#b3b3b3;text-transform:none}body{-ms-overflow-style:none;display:flex;flex-direction:column;height:100%;line-height:normal;min-height:600px;min-width:800px;scrollbar-width:none;width:100%}.PlaylistGrid{border:1px solid #0000;border-radius:4px;margin-left:25px;margin-right:25px;outline:0}.PlaylistGrid[aria-colcount="2"]:not(.WidthToggle) .GridSizing{grid-template-columns:[first] 4fr [last] minmax(120px,1fr)}.PlaylistGrid[aria-colcount="2"]:not(.WidthToggle) .GridWidthScaling{display:none}.PlaylistGrid[aria-colcount="3"]:not(.WidthToggle) .GridSizing{grid-template-columns:[first] 4fr [var1] 2fr [last] minmax(120px,1fr)}.PlaylistGrid[aria-colcount="3"]:not(.WidthToggle) .GridWidthScaling~.GridWidthScaling{display:none}.PlaylistGrid[aria-colcount="4"]:not(.WidthToggle) .GridSizing{grid-template-columns:[first] 4fr [var1] 2fr [var2] 2fr [last] minmax(120px,1fr)}.PlaylistGrid[aria-colcount="4"]:not(.WidthToggle) .GridWidthScaling~.GridWidthScaling~.GridWidthScaling{display:none}.PlaylistGrid[aria-colcount="5"]:not(.WidthToggle) .GridSizing{grid-template-columns:[first] 4fr [var1] 2fr [var2] 2fr [var3] 2fr [last] minmax(120px,1fr)}.PlaylistGrid.WidthToggle[aria-colcount="3"] .GridSizing{grid-template-columns:[index] 16px [first] 4fr [last] minmax(120px,1fr)}.PlaylistGrid.WidthToggle[aria-colcount="3"] .GridWidthScaling{display:none}.PlaylistGrid.WidthToggle[aria-colcount="4"] .GridSizing{grid-template-columns:[index] 16px [first] 4fr [var1] 2fr [last] minmax(120px,1fr)}.PlaylistGrid.WidthToggle[aria-colcount="4"] .GridWidthScaling~.GridWidthScaling{display:none}.PlaylistGrid.WidthToggle[aria-colcount="5"] .GridSizing{grid-template-columns:[index] 16px [first] 6fr [var1] 4fr [var2] 3fr [last] minmax(120px,1fr)}.PlaylistGrid.WidthToggle[aria-colcount="5"] .GridWidthScaling~.GridWidthScaling~.GridWidthScaling{display:none}.PlaylistGrid.WidthToggle[aria-colcount="6"] .GridSizing{grid-template-columns:[index] 16px [first] 6fr [var1] 4fr [var2] 3fr [var3] minmax(120px,2fr) [last] minmax(120px,1fr)}.PlaylistGrid.WidthToggle[aria-colcount="6"] .GridWidthScaling~.GridWidthScaling~.GridWidthScaling~.GridWidthScaling{display:none}.PlaylistGrid.WidthToggle[aria-colcount="7"] .GridSizing{grid-template-columns:[index] 16px [first] 6fr [var1] 3fr [var2] 3fr [var3] 2fr [var4] 2fr [last] minmax(120px,1fr)}.GridSizing{grid-gap:16px;display:grid;padding:0 16px}.PlaylistTrackTitle{color:#fff;padding-bottom:4px}.HeaderStyle{background-color:#121212;border-bottom:1px solid #0000;box-sizing:initial;height:36px;margin:0 -16px 8px;padding:0 16px;position:-webkit-sticky;position:sticky;z-index:2}@media (min-width:1024px){.HeaderStyle{margin:0 -24px 16px;padding:0 24px}}.PlaylistHeader{border-bottom:1px solid #ffffff1a;color:#b3b3b3;height:36px}.GridSpacing{border:1px solid #0000;border-radius:4px;height:56px;position:relative}.FlexCenter{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:initial;border:none;display:flex;justify-content:center}.PlaylistIndexSpacing{justify-self:end}.PlaylistIndexSpacing,.PlaylistTitle{align-items:center;display:flex}.PlaylistTitle{justify-self:start}.FlexEnd{grid-column:last;justify-self:end}.FlexEnd,.GridWidthScaling{align-items:center;display:flex}.GridWidthScaling{justify-self:start}.ArtistSpacing a,.GridWidthScaling a{color:#b3b3b3}.DurationStyle{-webkit-box-pack:end;-ms-flex-pack:end;font-feature-settings:"tnum";display:flex;font-variant-numeric:tabular-nums;justify-content:flex-end;width:5ch}.PlaylistIndex{color:#b3b3b3;display:inline-block;height:16px;min-height:16px;min-width:16px;position:relative;width:16px}
/*# sourceMappingURL=main.63179464.css.map*/