.youtube-item[data-v-5fee066f]{padding:15px;background:#191919;border:1px solid hsla(0,0%,100%,.2);border-radius:12px}.youtube-video[data-v-5fee066f]{width:100%;position:relative;aspect-ratio:16/9;border:1px solid #333;border-radius:8px;overflow:hidden}.youtube-video img[data-v-5fee066f],.youtube-video picture[data-v-5fee066f]{width:100%;height:100%}.youtube-video img[data-v-5fee066f]{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.youtube-video .mask-play-button[data-v-5fee066f]{position:absolute;width:100%;height:100%;top:0;left:0;background:url(https://images.musicful.ai/musicfulen/assets/index/youtube_play.svg) 50% no-repeat;cursor:pointer}.youtube-video .mask-play-button[data-v-5fee066f]:hover{background:url(https://images.musicful.ai/musicfulen/assets/index/youtube_play_hor.svg) 50% no-repeat}.youtube-video iframe[data-v-5fee066f]{width:100%;height:100%}.youtube-item-bottom[data-v-5fee066f]{margin-top:16px;display:flex;align-items:center}.youtube-item-avatar[data-v-5fee066f]{width:56px;height:56px;border-radius:50%;overflow:hidden}.youtube-item-avatar img[data-v-5fee066f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.youtube-item-info[data-v-5fee066f]{margin-left:16px;line-height:1.5}.youtube-item-name[data-v-5fee066f]{font-family:Poppins Bold;font-size:18px;color:#fff}.youtube-item-subscribers[data-v-5fee066f]{margin-top:7px;font-size:14px;color:#ffffff80}.youtube-button[data-v-5fee066f]{margin:60px auto 0;width:392px;height:67px;display:flex;justify-content:center;align-items:center;border-radius:40px;background:#2cf370;font-family:Poppins Bold;font-size:22px;color:#000}.youtube-button .nuxt-icon[data-v-5fee066f]{margin-left:10px;font-size:40px}.youtube-button[data-v-5fee066f]:hover{background:#fff}@media (max-width:768px){.youtube-item[data-v-5fee066f]{margin-top:0;width:100%;padding:7px 7px 14px}.youtube-item+.youtube-item[data-v-5fee066f]{margin-top:20px}.youtube-video .mask-play-button[data-v-5fee066f],.youtube-video .mask-play-button[data-v-5fee066f]:hover{background-size:69px 48px}.youtube-item-bottom[data-v-5fee066f]{margin-top:8px}.youtube-item-name[data-v-5fee066f]{font-size:16px}.youtube-button[data-v-5fee066f]{margin-top:30px;width:100%;max-width:335px;height:48px;font-size:16px}}.youtube-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;animation:youtubeDialogFadeIn .3s ease}.youtube-dialog-overlay.youtube-dialog-overlay-closing{animation:youtubeDialogFadeOut .3s ease forwards}.youtube-dialog-container{position:relative;width:90%;max-width:1200px;background:#fff;border-radius:12px;padding:20px;animation:youtubeDialogSlideUp .3s ease}.youtube-dialog-container.youtube-dialog-container-closing{animation:youtubeDialogSlideDown .3s ease forwards}.youtube-dialog-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #fff;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;cursor:pointer}.youtube-dialog-title{margin:0 0 20px;color:#fff;font-size:20px;font-weight:600}.youtube-dialog-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px}.youtube-dialog-iframe{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes youtubeDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes youtubeDialogFadeOut{0%{opacity:1}to{opacity:0}}@keyframes youtubeDialogSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes youtubeDialogSlideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}@media (max-width:768px){.youtube-dialog-container{width:95%;padding:15px}.youtube-dialog-title{font-size:18px;margin-bottom:15px}.youtube-dialog-close{width:28px;height:28px;font-size:24px;top:-17px;right:-6px}}