.youtube{width:90%;margin:0 auto;padding:20px;border:2px solid #1d3c73;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.videoList{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;justify-content:center;max-height:calc(2 * (300px + 40px));overflow-y:scroll;overflow-x:hidden;padding-right:10px;box-sizing:content-box}.videoList::-webkit-scrollbar{width:8px}.videoList::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.videoList::-webkit-scrollbar-track{background-color:#f5f5f5}.videoItem{text-align:center;width:100%;max-width:400px;margin:0 auto}.videoThumbnail{width:100%;height:auto;border-radius:8px}@media (max-width:768px){.videoList{grid-template-columns:1fr}.videoItem{width:90%}.videoItem,.videoThumbnail{max-width:100%}}