.youtube-player-wrapper{display:flex;align-items:flex-start;flex-direction:column}.youtube-player-container{position:relative;width:100%;background:#000;border:10px solid #ccc;box-shadow:0 0 10px rgb(0 0 0 / .1);margin:10px 0;flex-grow:1}.youtube-player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-controls{display:flex;align-items:center;background-color:#ccc;width:100%}.youtube-controls button{margin:0 5px 5px!important;padding:10px 10px 0 10px;background-color:#fff0;color:#00b437;font-size:24px;cursor:pointer;border:none;transition:transform 0.3s ease-in-out}.youtube-controls button:hover{transform:scale(1.4)}.youtube-controls button:disabled{color:#aaa;cursor:not-allowed}.youtube-playlist-wrapper{width:100%;margin-top:10px}.youtube-playlist{overflow-y:auto;background:#ccc}.youtube-playlist-item{display:flex;align-items:flex-start;padding:10px 10px 20px;cursor:pointer;transition:background-color 0.3s ease;background-color:#333;border-top:solid 5px;transition:transform 0.3s ease-in-out}.youtube-playlist-item:nth-child(even){background:#effff4;border-top-color:#effff4}.youtube-playlist-item:nth-child(odd){background:#f3f3f3;border-top-color:#f3f3f3}.youtube-playlist-item:hover{background:#fff;border-top:solid 5px #ccc;transition:transform 0.3s ease-in-out}.youtube-playlist-item.active{background-color:#ddd;border-top-color:#ddd}.youtube-playlist-item img{width:100px;height:auto;margin-right:10px;flex-shrink:0}.youtube-playlist-item h2{margin:0 0 5px 0;font-size:17px;color:#00b437;font-weight:400}.youtube-playlist-item .description{font-size:14px;color:#555;line-height:20px;font-weight:200}.youtube-playlist-item:hover .description,.youtube-playlist-item.active .description{font-weight:400}