.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;img{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)}.phone-screen[data-astro-cid-vmugapca]{opacity:0;animation:phone-cycle 16s ease-in-out infinite;animation-delay:var(--screen-delay, 0s);will-change:opacity,transform}@keyframes phone-cycle{0%{opacity:0;transform:translateY(10px) scale(.985)}3%{opacity:1;transform:translateY(0) scale(1)}22%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:0;transform:translateY(10px) scale(.985)}}.phone-notification[data-astro-cid-vmugapca]{opacity:0;animation:phone-notification 7s ease-in-out infinite;animation-delay:1s;will-change:opacity,transform}@keyframes phone-notification{0%{opacity:0;transform:translate(-30px) translateY(0)}8%{opacity:1;transform:translate(0) translateY(0)}14%{opacity:1;transform:translate(0) translateY(-4px)}35%{opacity:1;transform:translate(0) translateY(0)}42%{opacity:0;transform:translate(-30px) translateY(0)}to{opacity:0;transform:translate(-30px) translateY(0)}}.phone-pill[data-astro-cid-vmugapca]{opacity:0;animation:phone-pill 9s ease-in-out infinite;animation-delay:4s;will-change:opacity,transform}@keyframes phone-pill{0%{opacity:0;transform:translate(30px) translateY(0)}7%{opacity:1;transform:translate(0) translateY(0)}14%{opacity:1;transform:translate(0) translateY(4px)}33%{opacity:1;transform:translate(0) translateY(0)}40%{opacity:0;transform:translate(30px) translateY(0)}to{opacity:0;transform:translate(30px) translateY(0)}}.get-the-app-phone-stage[data-astro-cid-vmugapca]{animation:phone-stage-bob 6s ease-in-out infinite;will-change:transform}@keyframes phone-stage-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.phone-screen[data-astro-cid-vmugapca],.phone-notification[data-astro-cid-vmugapca],.phone-pill[data-astro-cid-vmugapca],.get-the-app-phone-stage[data-astro-cid-vmugapca]{animation:none}.phone-screen[data-astro-cid-vmugapca]{opacity:1}.phone-screen[data-astro-cid-vmugapca]:not(:last-child){display:none}}