.discograpy{min-height:100vh;background-image:url(../images/bg_discography.png);background-position:center;background-size:cover;background-color:#0D002A;padding-top:60px}.lyric{width:100%;line-height:1.5;height:410px;overflow-y:scroll;padding:0 1.25rem;scrollbar-width:none;-ms-overflow-style:none}.lyric::-webkit-scrollbar{display:none}.lyric *{font-weight:lighter!important}.lyric table{width:100%!important;max-width:500px;border:none;border-collapse:collapse}.lyric table th,.lyric table td{vertical-align:top;border:none!important}.list_muisc{padding:0 1.25rem;position:relative}.music_item{display:flex;justify-content:space-evenly;align-items:start;gap:80px;position:relative}.content_music>h3,.video_music>h3,.list_disco_music>h3{font-family:"Vujahday Script",cursive;font-size:70px}.img_music{flex:1;border-radius:50%;overflow:hidden}.content_music{flex:1}.img_music>img{border-radius:50%;width:100%;animation:spin 15s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-prev{position:absolute;top:50%;left:51%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid #fff;color:#fff;background-color:#fff0}.btn-next{position:absolute;top:50%;right:4px;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:50%;color:#fff;border:1px solid #fff;background-color:#fff0}.slide_list_music{position:relative;width:100%;height:700px;overflow:hidden}.music_item{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 1s ease-in-out}.music_item.active{opacity:1;z-index:1}.audio{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:10px}.audio button{background:none;border:none;font-size:20px;cursor:pointer}.audio img{max-width:40px;cursor:pointer}.time_play{width:100%;height:60px;margin-top:12px}.audio{display:flex;align-items:center;gap:8px}.audio img.play-audio{max-width:40px;cursor:pointer;display:inline-block}.time{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px}.current-time,.duration{width:48px;text-align:center;font-size:14px;color:#fff}.progress-bar{width:100%;margin-top:0;flex:1;height:6px;-webkit-appearance:none;background:#e0e0e0;border-radius:4px;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#333}.list_disco_music{width:100%;padding:60px 0;display:flex;flex-direction:column;align-items:start;justify-content:center}.list_disco_music{width:100%}.title_list{width:100%;text-align:center;margin-bottom:60px;font-size:80px}.list_disco_item{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-height:900px;overflow:hidden;transition:max-height 0.6s ease-in-out}.list_disco_item.expanded{max-height:fit-content}.disco_item{display:flex;flex-direction:column;align-items:center;justify-content:start;text-align:left;width:100%}.disco_item>img{width:100%;max-width:350px;object-fit:cover}.disco_item>h3{font-size:24px;font-weight:500;margin-top:20px;margin-bottom:10px}.detail_disco{font-size:14px;font-weight:lighter;max-width:320px;overflow:hidden}.button_view{text-align:center;width:100%;margin-top:20px}.view_more{padding:10px 24px;background-color:var(--color-active);font-size:.8rem;color:#fff;border-radius:30px;text-decoration:none;text-transform:uppercase}.text_disco_item>h3{font-size:24px;font-weight:500;margin-top:20px;margin-bottom:10px}.video_music{width:100%;padding:40px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:80px}.video_music>h3{width:1200px;margin:0 auto;text-align:start}.film{display:flex;flex-direction:column;gap:30px;max-width:1440px;margin:0 auto;overflow:hidden}.top{margin:10px 0 50px auto}.filmstrip_1{display:flex;gap:12px;padding:20px 0;width:100%;max-width:85%;position:relative;border-left:15px solid #F60C;transform:skew(20deg);right:-34px}.filmstrip_1::before,.filmstrip_1::after,.filmstrip_2::before,.filmstrip_2::after{content:"";position:absolute;left:0;right:0;height:15px}.filmstrip_1::before{top:0;background:repeating-linear-gradient(to right,var(--bg-body) 0 20px,transparent 20px 40px),linear-gradient(to right,#FF6600CC,#2E0D2C66,#1101321A)}.filmstrip_1::after{bottom:0;background:repeating-linear-gradient(to right,var(--bg-body) 0 20px,transparent 20px 40px),linear-gradient(to right,#FF6600CC,#2E0D2C66,#1101321A)}.filmstrip_2::before{top:0;background:repeating-linear-gradient(to right,var(--bg-body) 0 20px,transparent 20px 40px),linear-gradient(to left,#FF6600CC,#2E0D2C66,#1101321A)}.filmstrip_2::after{bottom:0;background:repeating-linear-gradient(to right,var(--bg-body) 0 20px,transparent 20px 40px),linear-gradient(to left,#FF6600CC,#2E0D2C66,#1101321A)}.filmstrip_2{display:flex;gap:12px;padding:20px 0;width:100%;max-width:85%;position:relative;border-right:15px solid #F60C;transform:skew(20deg);left:-34px}.film-frame{overflow:hidden;position:relative}.film-frame>img{width:100%;height:180px;object-fit:cover;display:block;position:relative}.img_absolute{width:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.img_absolute>img{width:100%;transition:transform 0.3s ease}.film-frame:hover .img_absolute>img{transform:scale(1.2)}@media (max-width:575px){.list_disco_item{grid-template-columns:1fr!important;max-height:100%;gap:60px}.disco_item{width:100%}.disco_item>img{width:100%!important;max-width:100%}.list_disco_music>h3{font-size:50px}.music_item{width:100%;flex-direction:column;gap:10px}.slide_list_music{height:1040px!important;overflow:visible}.content_music{width:100%}.content_music>h3{font-size:60px}.video_music>h3{width:100%;font-size:50px!important;text-align:center}.btn-prev{display:none}.btn-next{display:none}.video_music{min-height:max-content;gap:10px;margin-top:50px;padding:1.25rem}.film{width:100%;max-width:100%}.filmstrip_1{max-width:100%;transform:none;right:0}.filmstrip_2{max-width:100%;transform:none;left:0}}@media (max-width:767px){h3{font-size:50px}.music_item{gap:20px}.slide_list_music{height:640px}.video_music>h3{width:100%;font-size:50px;text-align:center}}@media (max-width:991px){.list_disco_item{grid-template-columns:repeat(2,1fr)}.film{width:100%;max-width:100%}.film-frame>img{width:100%}.video_music>h3{width:100%}.slide_list_music{height:650px}.video_music{justify-content:start;min-height:max-content}.disco_item>img{width:100%!important;max-width:100%!important}.btn-next{display:none}.btn-prev{display:none}h3{font-size:50px}}@media (max-width:1199px){.list_disco_item{padding:0 1.25rem}.disco_item>img{width:300px}.film{width:100%;max-width:100%}.video_music{min-height:max-content}.video_music>h3{font-size:60px;width:100%;text-align:center}.list_disco_music>h3{font-size:60px}}