body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}.placeholder-album{background-image:linear-gradient(45deg,#d0d0d0 25%,#0000 0,#0000 75%,#d0d0d0 0,#d0d0d0),linear-gradient(45deg,#d0d0d0 25%,#0000 0,#0000 75%,#d0d0d0 0,#d0d0d0)}.placeholder-album,.placeholder-artist{align-items:center;background-color:#e0e0e0;background-position:0 0,10px 10px;background-size:20px 20px;color:#9e9e9e;display:flex;justify-content:center}.placeholder-artist{background-image:radial-gradient(circle,#d0d0d0 20%,#0000 0),radial-gradient(circle,#d0d0d0 20%,#0000 0);border-radius:50%}.placeholder-playlist{align-items:center;background-color:#e0e0e0;background-image:linear-gradient(90deg,#d0d0d0 25%,#0000 0,#0000 50%,#d0d0d0 0,#d0d0d0 75%,#0000 0,#0000);background-size:20px 20px;color:#9e9e9e;display:flex;justify-content:center}.dark-mode .placeholder-album,.dark-mode .placeholder-artist,.dark-mode .placeholder-playlist{background-color:#424242;color:#757575}.dark-mode .placeholder-album{background-image:linear-gradient(45deg,#505050 25%,#0000 0,#0000 75%,#505050 0,#505050),linear-gradient(45deg,#505050 25%,#0000 0,#0000 75%,#505050 0,#505050)}.dark-mode .placeholder-artist{background-image:radial-gradient(circle,#505050 20%,#0000 0),radial-gradient(circle,#505050 20%,#0000 0)}.dark-mode .placeholder-playlist{background-image:linear-gradient(90deg,#505050 25%,#0000 0,#0000 50%,#505050 0,#505050 75%,#0000 0,#0000)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@media (max-width:600px){.hide-on-mobile{display:none!important}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.dark-mode ::-webkit-scrollbar-track{background:#333}.dark-mode ::-webkit-scrollbar-thumb{background:#666}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#888}@media (max-width:768px){body{font-size:14px}.MuiTypography-h4,h1{font-size:1.5rem!important}.MuiTypography-h5,h2{font-size:1.25rem!important}.MuiContainer-root{padding-left:12px!important;padding-right:12px!important}.MuiButtonBase-root,.MuiIconButton-root,button{min-height:44px;min-width:44px}.MuiBox-root{padding:8px!important}}@media (max-width:600px){.track-card{margin-bottom:8px}.mobile-full-width{flex-basis:100%!important;max-width:100%!important;width:100%!important}.playlist-header{align-items:center!important;flex-direction:column!important;text-align:center!important}.playlist-header .placeholder-playlist,.playlist-header img{height:160px!important;margin-bottom:16px!important;margin-right:0!important;width:160px!important}.MuiTabs-root{max-width:100%;overflow-x:auto}.MuiTab-root{min-width:auto!important;padding:6px 12px!important}.chat-container{height:calc(100vh - 180px)!important}.message-avatar{height:32px!important;width:32px!important}.hide-on-mobile{display:none!important}}@media (min-width:601px) and (max-width:960px){.track-card{margin-bottom:12px}.two-column-mobile{flex-basis:50%!important;max-width:50%!important;width:50%!important}}.mobile-bottom-nav{background-color:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;position:fixed;right:0;z-index:1100}.dark-mode .mobile-bottom-nav{background-color:#1e1e1e;box-shadow:0 -2px 10px #0000004d}@media (max-width:768px){.mobile-bottom-nav{display:flex}.main-content{padding-bottom:56px!important}}.mobile-fab{bottom:72px;display:none;position:fixed;right:16px;z-index:1050}@media (max-width:768px){.mobile-fab{display:flex}}@media (max-width:600px){.playlist-tracks-container{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}.playlist-track-item{padding:8px 12px!important}.playlist-track-number{width:24px!important}.playlist-track-avatar,.playlist-track-number{margin-right:8px!important}.playlist-track-info{max-width:calc(100% - 80px)!important}.MuiDialog-paper{margin:16px!important;max-width:100%!important;width:calc(100% - 32px)!important}.MuiDialogContent-root,.MuiDialogTitle-root{padding:16px!important}.MuiDialogActions-root{padding:8px 16px 16px!important}.MuiFormControl-root{margin-bottom:16px!important}.MuiInputLabel-root,.MuiOutlinedInput-root{font-size:14px!important}}@media (max-width:768px){.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}
/*# sourceMappingURL=main.5b0f83a0.css.map*/