.wrap{position:relative;display:flex;justify-content:center}.modal-video{width:100vw;height:100vh;background-color:#000000b3;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:200}.modal-content{width:90%;height:50%}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;width:150px;cursor:pointer}.imageFirst{position:absolute;transform:translate(-300px,120px)}.left{position:absolute;z-index:2;transform:translate(-2000px,120px);max-height:484px}.center{z-index:3;transform:translate(0);cursor:pointer;max-height:484px}.right{position:absolute;z-index:2;transform:translate(2000px,120px);max-height:484px}.wrapper[data-astro-cid-txmsbymr]{width:100%;height:560px;display:flex;justify-content:center;align-items:center;margin-top:40px}input[data-astro-cid-txmsbymr][type=radio]{display:none}.video-title[data-astro-cid-txmsbymr]{color:#2d1f7b;font-weight:700;font-size:32px;margin-top:24px;text-align:center}.video-title-left[data-astro-cid-txmsbymr]{color:#2d1f7b;font-weight:700;font-size:32px;margin-top:44px;text-align:left}.video-title-right[data-astro-cid-txmsbymr]{color:#2d1f7b;font-weight:700;font-size:32px;margin-top:44px;text-align:right}.card[data-astro-cid-txmsbymr]{position:absolute;height:100%;left:0;right:0;margin:auto;transition:transform .4s ease;cursor:pointer}.container[data-astro-cid-txmsbymr]{width:100%;max-width:800px;max-height:600px;height:100%;transform-style:preserve-3d;display:flex;justify-content:center;flex-direction:column;align-items:center}.cards[data-astro-cid-txmsbymr]{position:relative;width:100%;height:100%;margin-bottom:20px}img[data-astro-cid-txmsbymr]{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}#item-1[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-3[data-astro-cid-txmsbymr],#item-2[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-1[data-astro-cid-txmsbymr],#item-3[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-2[data-astro-cid-txmsbymr]{transform:translate(-40%) scale(.8);opacity:.4;z-index:0}#item-1[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-2[data-astro-cid-txmsbymr],#item-2[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-3[data-astro-cid-txmsbymr],#item-3[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-1[data-astro-cid-txmsbymr]{transform:translate(40%) scale(.8);opacity:.4;z-index:0}#item-1[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-1[data-astro-cid-txmsbymr],#item-2[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-2[data-astro-cid-txmsbymr],#item-3[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-3[data-astro-cid-txmsbymr]{transform:translate(0) scale(1);opacity:1;z-index:1}#item-1[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-1[data-astro-cid-txmsbymr] img[data-astro-cid-txmsbymr],#item-2[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-2[data-astro-cid-txmsbymr] img[data-astro-cid-txmsbymr],#item-3[data-astro-cid-txmsbymr]:checked~.cards[data-astro-cid-txmsbymr] #video-3[data-astro-cid-txmsbymr] img[data-astro-cid-txmsbymr]{box-shadow:0 0 5px #51515178}.player[data-astro-cid-txmsbymr]{border-radius:8px;min-width:320px;padding:16px 10px}.upper-part[data-astro-cid-txmsbymr]{position:relative;display:flex;align-items:center;margin-bottom:12px;height:36px;overflow:hidden}.play-icon[data-astro-cid-txmsbymr]{margin-right:10px}.song-info[data-astro-cid-txmsbymr]{width:calc(100% - 32px);display:block}.song-info[data-astro-cid-txmsbymr] .title[data-astro-cid-txmsbymr]{color:#403d40;font-size:14px;line-height:24px}.sub-line[data-astro-cid-txmsbymr]{display:flex;justify-content:space-between;width:100%}.subtitle[data-astro-cid-txmsbymr],.time[data-astro-cid-txmsbymr]{font-size:12px;line-height:16px}.time[data-astro-cid-txmsbymr]{font-size:12px;line-height:16px;font-weight:500;margin-left:auto}.progress[data-astro-cid-txmsbymr]{display:block;position:relative;width:60%;height:100%;background-color:#2992dc;border-radius:6px}.info-area[data-astro-cid-txmsbymr]{width:100%;position:absolute;top:0;left:30px;transition:transform .4s ease-in}#item-2[data-astro-cid-txmsbymr]:checked~.player[data-astro-cid-txmsbymr] #test[data-astro-cid-txmsbymr]{transform:translateY(0);transform:translateY(-40px)}#item-3[data-astro-cid-txmsbymr]:checked~.player[data-astro-cid-txmsbymr] #test[data-astro-cid-txmsbymr]{transform:translateY(-80px)}