body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}body,html{margin:0;height:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}#paper{width:180px;height:150px}#subRoom{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}body.light-mode{background-color:hsla(0,0%,87.5%,.63);color:#353535;transition:background-color .3s ease}body.dark-mode{background-color:#353535;color:#fff}body.dark-mode .chat-send-container{background-color:#3d3d3d;box-shadow:0 4px 8px 0 rgba(44,43,43,.5),0 6px 15px 0 rgba(5,5,5,.486)}body.light-mode .chat-send-container{background-color:#ececec;box-shadow:0 4px 8px 0 rgba(141,138,138,.5),0 6px 20px 0 rgba(141,139,139,.486)}body.dark-mode .playlist-name{color:rgba(184,182,182,.979)}body.dark-mode .all-carousels{background-color:#3d3d3d;box-shadow:0 4px 8px 0 rgba(44,43,43,.5),0 6px 15px 0 rgba(5,5,5,.486)}.MuiInputBase-input{color:#353535}body.dark-mode .MuiInputBase-input{color:#fff}body.dark-mode .MuiInputLabel-filled.MuiInputLabel-marginDense{color:rgba(184,182,182,.979)}body.dark-mode #message-form{background-color:#313030}body.dark-mode .MuiPaper-rounded{background-color:#2e2d2d}body.dark-mode .MuiTypography-colorTextSecondary{color:rgba(184,182,182,.979)}body.dark-mode .jss255,body.dark-mode .makeStyles-bubble-56,body.dark-mode .makeStyles-bubble-249,body.dark-mode .makeStyles-bubble-310,body.dark-mode .MuiPaper-root{color:#fff}body.dark-mode .MuiSvgIcon-root,body.dark-mode .MuiTypography-displayBlock{color:rgba(184,182,182,.979)}p.light-mode{color:#353535}p.dark-mode{color:#faf4f4}button.MuiButton-outlined{color:#353535}body.dark-mode button.MuiButton-outlined{color:#fff;border-color:rgba(184,182,182,.979)}body.dark-mode .footer{background-color:#636363}body.dark-mode .MuiList-root,body.dark-mode .social-media-text{color:rgba(184,182,182,.979)}.MuiLinearProgress-barColorPrimary{background-color:none}.App-header{background-color:#aec0c7;background-repeat:no-repeat;background-position:top;min-height:100vh;min-width:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{margin:15px}.player-container{align-items:center;padding:10px}.player-container,.progress-container{display:flex;justify-content:space-between}.progress-container{padding:0 10px}.podcast-info-container{display:flex;flex-direction:column}.on-deck-card-description{padding:16px;max-width:500px;overflow:scroll;max-height:200px}.on-deck-button-container{padding:12px 0;display:flex}.on-deck-card{display:flex;justify-content:space-between;text-align:left;width:100%;margin:10px 0}.card-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px 0 0}.on-deck-card-content{max-height:50px;min-height:50px}#card{margin:0;padding:5px 10px 5px 0;min-width:200px;max-width:350px}#card-image{display:block;width:100%;height:auto}.on-deck-card-details{display:flex;justify-content:center;flex-direction:column;min-width:65%;max-width:65%;padding:0 0 0 16px}.card-image-container{max-width:25%;min-width:25%}#userList{border:grey;direction:flex;flex-direction:row;right:0}#adding{display:flex;align-content:flex-end}.header{display:flex;flex-direction:row;justify-content:space-between;background-color:#636363;color:azure;min-height:5%}#popover{width:200px;height:100px}.footer{background-color:#bfc0c0;min-height:100px;text-align:center;flex-direction:column}.footer,.footer-content{display:flex;justify-content:center}.footer-content{flex-direction:row;font-size:x-large}.social-media-text{font-size:small}.main-container{display:flex;width:100%;max-height:80%;justify-content:space-between;margin-bottom:2.5%}@media (max-width:768px){.main-container{flex-direction:column-reverse;align-items:center;margin-left:2rem;width:90%}.left-box,.right-box{width:100%!important;margin:2.5%}.left-box{padding:0}.users-container{height:auto!important}.panel{margin-right:.25rem}}@media (max-width:414px){.left-box,.panel{margin-right:1.5rem}.all-carousels,.light-dark{display:none!important}.main-container{margin-left:1.65rem}}#messages-container{display:flex;flex-direction:column;justify-content:space-between;min-width:40%;max-width:40%}#users{overflow:scroll}.volume{width:150px}.invite-card{display:flex;flex-direction:column;min-height:100px;text-align:center;justify-content:space-evenly}.search-container{display:flex;justify-content:space-between;align-items:center}.search{width:100%}#message-form{margin:10px;padding:10px;display:flex;flex-wrap:nowrap;background-color:rgba(96,98,100,.315);border-radius:4px;box-shadow:0 4px 8px 0 rgba(7,7,7,.5),0 6px 20px 0 rgba(34,33,33,.486)}.right-box{margin-left:5%;margin-right:2.5%}.left-box,.right-box{margin-top:2.5%;width:45%}.left-box{margin-left:2.5%}.card-media{height:auto;width:auto}.right-message{justify-content:flex-end!important}.left-message{justify-content:flex-start!important}.message-name{font-size:xx-small}.chat-container{padding:5px;height:435px;display:flex;flex-direction:column;overflow-y:scroll}.users-container{overflow:auto;border-radius:4px;height:250px;overflow:scroll;padding:10px;flex-wrap:wrap}.chat-send-container{margin-top:20px 0 40px 0;display:flex;justify-content:space-between;flex-direction:column;background-color:#353535;border-radius:4px}@media (max-width:1300px){.playlist-name{display:none}}.carousel .control-prev.control-arrow{margin-left:0!important}.carousel .control-next.control-arrow{margin-right:0!important}.panel{display:flex;justify-content:space-between;flex-direction:column}#pic{border-radius:50%;overflow:scroll}.carousel .control-dots .dot{display:none!important}.carousel .control-dots .dot.selected{opacity:0}.all-carousels{display:flex;flex-direction:row;background-color:hsla(0,0%,87.5%,.63);border-radius:4px;padding:0 12px;box-shadow:0 4px 8px 0 hsla(0,1.2%,50%,.5),0 6px 15px 0 rgba(139,135,135,.486)}.single-carousel{flex:1 1;margin:24px;width:1rem}.playlist-name{color:#353535;font-size:.8rem;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.5;letter-spacing:.00938em}.carousel .slide .legend{opacity:0;bottom:1px!important}div{font-size:small}.message{font-size:1rem;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.5;letter-spacing:.00938em}.accent-icon{color:#98c1d9}.MuiLinearProgress-barColorPrimary,.MuiLinearProgress-barColorSecondary{color:pink;background-color:pink}
/*# sourceMappingURL=main.45feb428.chunk.css.map */