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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(90deg,#0f0d1e,#0a052c);color:#fff;font-family:Roboto,sans-serif;margin:0;overflow:hidden;padding:0}.app{display:flex;flex-direction:row;height:100vh;width:100%}.player-container{display:flex;flex:2 1;flex-direction:column;padding:10px}.player-wrapper{border-radius:12px;box-shadow:0 0 20px #ffffff14;flex:1 1;height:100%;overflow:hidden;position:relative;width:100%}.playlist-right{background:#282247;display:flex;flex:1 1;flex-direction:column;min-width:250px;overflow:auto;padding:10px}.playlist-container{overflow:hidden;padding:10px}.playlist-container .video{background:#0f0d1e;border-radius:10px;box-shadow:0 0 8px #0003;cursor:pointer;display:flex;margin-bottom:10px;padding:8px;transition:background .3s ease}.playlist-container .video.current{background:#fbe102;color:#000}.playlist-container .video .image{border-radius:8px;flex:0 0 100px;height:100px;overflow:hidden;position:relative;width:100px}.playlist-container .video .image img{height:100%;object-fit:cover;position:absolute;width:100%}.playlist-container .video .video-info{display:flex;flex-direction:column;justify-content:center;padding:10px}.playlist-container .video .video-info .title{font-size:16px;font-weight:700;line-height:1.2}.playlist-container .video .video-info .affil{display:block;font-size:14px;opacity:.7;padding-top:6px}.transition-overlay{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.transition-image{background-color:#000;height:100vh;object-fit:contain;width:100vw}@media screen and (max-width:768px){.app{flex-direction:column}.player-container,.playlist-right{flex:none;min-width:100%;width:100%}.playlist-right{max-height:40vh}.playlist-container .video{flex-direction:row;height:auto}.playlist-container .video .image{height:80px;width:80px}.playlist-container .video .video-info .title{font-size:14px}.playlist-container .video .video-info .affil{font-size:12px}}
/*# sourceMappingURL=main.a74d5be7.css.map*/