{"version":3,"sources":["webpack://src/index.css","webpack://src/App.css","webpack://src/Login.css","webpack://src/Body.css","webpack://src/Channel.css"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CCZA,KACE,iBACF,CAEA,UACE,aAAc,CACd,mBACF,CAEA,8CACE,UACE,2CACF,CACF,CAEA,YACE,wBAAyB,CACzB,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UACF,CAEA,UACE,aACF,CAEA,yBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CCrCA,OACI,YAAa,CACb,wBAAyB,CACzB,YAAa,CACb,kBACJ,CAEA,WACI,YACJ,CAEA,SACI,UAAY,CACZ,YAAa,CACb,mBAAoB,CACpB,oBAAqB,CACrB,cAAe,CACf,eAAiB,CACjB,wBACJ,CCnBA,MACI,YAAa,CACb,sBAAuB,CACvB,wBACJ,CCJA,eAEI,WAAY,CACZ,qBAAsB,CACtB,UAAS,CAET,YAAa,CACb,UAGJ,CAEA,qCAXI,YAAa,CAIb,eAAgB,CAGhB,wBAAyB,CACzB,qBAaJ,CAVA,sBAEI,YAAa,CACb,UAAW,CAGX,cAAe,CACf,eAAiB,CACjB,cAEJ,CAEA,kBACI,eAAgB,CAChB,aAAc,CACd,gBACJ,CAEA,wBACI,wBACJ,CAEA,SAGI,kBAAmB,CACnB,YAAa,CACb,wBACJ,CAEA,uBAPI,YAAa,CACb,kBAgBJ,CAVA,cAGI,WAAY,CACZ,oBAAqB,CACrB,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,gBAAiB,CACjB,mBACJ,CAEA,cACI,YAAa,CACb,cAAe,CACf,kBAAmB,CACnB,6BACJ,CAEA,oBAMI,qBACJ,CAEA,mCARI,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,eAAgB,CAChB,iBAUJ,CAEA,eACI,cAAe,CACf,iBACJ,CAEA,eACI,oBAAqB,CACrB,cACJ,CAEA,eACI,cAAe,CACf,UACJ,CAEA,eACI,gBACJ,CAOA,yBACI,gBAAiB,CACjB,iBACJ","file":"main.3ac34ffc.chunk.css","sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n",".App {\n  text-align: center;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n",".login {\n    display: grid;\n    background-color: #0e0e10;\n    height: 100vh;\n    place-items: center;\n}\n\n.login > img {\n    height: 300px;\n}\n\n.login > a {\n    color: white;\n    padding: 30px;\n    border-radius: 100px;\n    text-decoration: none;\n    font-size: 30px;\n    font-weight: bold;\n    background-color: #9147ff;\n}",".body {\n    display: flex;\n    justify-content: center;\n    background-color: #14141e;\n}",".channel__list {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n    flex: 0.3;\n    min-width: 500px;\n    height: 100vh;\n    color: white;\n    background-color: #0e0e0e;\n    box-sizing: border-box;\n}\n\n.channel__list__title {\n    display: flex;\n    padding: 25px;\n    width: 30vw;\n    min-width: 500px;\n    background-color: #0e0e0e;\n    font-size: 20px;\n    font-weight: bold;\n    position: fixed;\n    box-sizing: border-box;\n}\n\n.channel__list > ul {\n    list-style: none;\n    overflow: auto;\n    padding-top: 50px;\n}\n\n.channel__list > ul > li > hr {\n    border: 2px solid #282828;\n}\n\n.channel {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    height: 100px;\n    background-color: #0e0e0e;\n}\n\n.channel__url {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    text-decoration: none;\n    font-size: 14px;\n    color:white;\n    box-sizing: border-box;\n    padding-top: 20px;\n    padding-bottom: 20px;\n}\n\n.channel__box {\n    display: flex;\n    flex-basis: 80%;\n    flex-direction: row;\n    justify-content: space-between;\n}\n\n.channel__thumbnail {\n    height: 25px;\n    width: 25px;\n    border-radius: 70%;\n    overflow: hidden;\n    margin-right: 30px;\n    background-color: white;\n}\n\n.channel__icon {\n    height: 25px;\n    width: 25px;\n    border-radius: 70%;\n    overflow: hidden;\n    margin-right: 30px;\n}\n\n.channel__info {\n    flex-basis: 70%;\n    margin-right: 20px;\n}\n\n.channel__name {\n    align-content: center;\n    font-size: 16px;\n}\n\n.channel__game {\n    font-size: 12px;\n    color: gray;\n}\n\n.channel__view {\n    text-align: right;\n}\n\n.play__icon {\n    margin-left: 10px;\n    margin-right: 10px;\n}\n\n.pause__icon {\n    margin-left: 10px;\n    margin-right: 10px;\n}\n\n\n\n\n"]}