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;background-color:#1a1d24;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:20px;text-align:center}.App-header{margin-bottom:2rem;padding:1rem;width:100%}.App-header h1{color:#ff4757;font-size:2.5rem}main.playlist-layout{display:flex;flex-direction:row;gap:20px;max-width:1280px;width:100%}.video-player-container{align-items:flex-start;display:flex;flex:2 1;justify-content:center;position:-webkit-sticky;position:sticky;top:20px}#youtube-player{aspect-ratio:16/9;background-color:#000;border-radius:12px;box-shadow:0 10px 30px #00000080;max-width:854px;width:100%}.video-list-container{background-color:#282c34;border-radius:8px;flex:1 1;max-height:80vh;overflow-y:auto;padding:10px}.video-list-container h2{border-bottom:2px solid #ff4757;margin:0 0 1rem;padding-bottom:.5rem;text-align:left}ul.video-list{list-style:none;margin:0;padding:0;text-align:left}ul.video-list li{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:10px;transition:background-color .2s}ul.video-list li:hover{background-color:#3e4450}ul.video-list img{border-radius:4px;height:68px;object-fit:cover;width:120px}.video-title{font-size:.9rem;font-weight:500}.error{background-color:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;padding:1rem}@media (max-width:900px){main.playlist-layout{flex-direction:column}.video-player-container{position:static}.video-list-container{max-height:40vh}}
/*# sourceMappingURL=main.39470cf6.css.map*/