.msp-player-modal{display:flex;flex-direction:column}@media(min-width:769px){.msp-player-modal{background-color:#252c4c;border-radius:2rem;gap:2.8rem;height:56rem;padding:4rem;width:109rem}}@media(min-width:1025px){.msp-player-modal{border-radius:1.1111111111rem;gap:1.5555555556rem;height:31.1111111111rem;padding:2.2222222222rem;width:60.5555555556rem}}.msp-player-modal__head{display:flex;flex-direction:column}@media(max-width:768px){.msp-player-modal__head{gap:.2666666667rem;padding:.8rem 3.2rem 1.0666666667rem .8rem}}@media(min-width:769px){.msp-player-modal__head{align-items:center;gap:.8rem}}@media(min-width:1025px){.msp-player-modal__head{gap:.4444444444rem}}.msp-player-modal__title{font-weight:500}@media(max-width:768px){.msp-player-modal__title{font-size:1.0666666667rem;line-height:1.6rem}}@media(min-width:769px){.msp-player-modal__title{font-size:2rem;line-height:2.4rem}}@media(min-width:1025px){.msp-player-modal__title{font-size:1.1111111111rem;line-height:1.3333333333rem}}.msp-player-modal__subtitle{color:#7b7f92;font-weight:400}@media(max-width:768px){.msp-player-modal__subtitle{font-size:.8rem;line-height:1.0666666667rem}}@media(min-width:769px){.msp-player-modal__subtitle{font-size:1.6rem;line-height:2rem}}@media(min-width:1025px){.msp-player-modal__subtitle{font-size:.8888888889rem;line-height:1.1111111111rem}}.msp-player-modal__video{display:grid;grid-template-rows:13.4666666667rem 1fr;overflow:hidden}@media(min-width:769px){.msp-player-modal__video{background-color:#2c3357;border-radius:1.6rem;grid-template-columns:70rem 1fr;grid-template-rows:40rem}}@media(min-width:1025px){.msp-player-modal__video{border-radius:.8888888889rem;grid-template-columns:38.8888888889rem 1fr;grid-template-rows:22.2222222222rem}}.msp-player-modal__video-player{overflow:hidden}@media(min-width:769px){.msp-player-modal__video-player{border-radius:1.6rem}}@media(min-width:1025px){.msp-player-modal__video-player{border-radius:.8888888889rem}}.msp-player-modal__video-player iframe{height:100%;width:100%}.msp-player-modal__video-nav{display:flex;flex-direction:column}@media(min-width:769px){.msp-player-modal__video-nav{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.msp-player-modal__video-nav::-webkit-scrollbar{display:none}}.msp-player-modal__video-nav-title{align-items:center;display:flex;flex-wrap:wrap}@media(max-width:768px){.msp-player-modal__video-nav-title{gap:.5333333333rem;justify-content:center;padding:1.6rem 1.3333333333rem 1.0666666667rem}}@media(min-width:769px){.msp-player-modal__video-nav-title{background-color:#2c3357;gap:.8rem;padding:2.4rem 2rem;position:sticky;top:0;z-index:3}}@media(min-width:1025px){.msp-player-modal__video-nav-title{gap:.4444444444rem;padding:1.3333333333rem 1.1111111111rem}}.msp-player-modal__video-nav-title span{font-weight:500}@media(max-width:768px){.msp-player-modal__video-nav-title span{font-size:1.0666666667rem;line-height:1.3333333333rem}}@media(min-width:769px){.msp-player-modal__video-nav-title span{font-size:1.6rem;line-height:2rem}}@media(min-width:1025px){.msp-player-modal__video-nav-title span{font-size:.8888888889rem;line-height:1.1111111111rem}}.msp-player-modal__video-nav-icon{color:#f3d869}@media(max-width:768px){.msp-player-modal__video-nav-icon{height:1.3333333333rem;width:1.3333333333rem}}@media(min-width:769px){.msp-player-modal__video-nav-icon{height:2rem;width:2rem}}@media(min-width:1025px){.msp-player-modal__video-nav-icon{height:1.1111111111rem;width:1.1111111111rem}}.msp-player-modal__video-nav-item{align-items:center;cursor:pointer;display:grid;grid-template-columns:max-content 1fr}@media(max-width:768px){.msp-player-modal__video-nav-item{gap:.8rem;padding:1.0666666667rem 1.3333333333rem}}@media(min-width:769px){.msp-player-modal__video-nav-item{gap:1.2rem;padding:1.6rem 2rem}}@media(min-width:1025px){.msp-player-modal__video-nav-item{gap:.6666666667rem;padding:.8888888889rem 1.1111111111rem}}.msp-player-modal__video-nav-item--active{cursor:default}@media(max-width:768px){.msp-player-modal__video-nav-item--active{background-color:#333d6c}}@media(min-width:769px){.msp-player-modal__video-nav-item--active{background-color:#252c4c}}.msp-player-modal__video-nav-image-wr{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}@media(max-width:768px){.msp-player-modal__video-nav-image-wr{border-radius:.5333333333rem;height:3.7333333333rem;width:6.6666666667rem}}@media(min-width:769px){.msp-player-modal__video-nav-image-wr{border-radius:.8rem;height:5.6rem;width:10rem}}@media(min-width:1025px){.msp-player-modal__video-nav-image-wr{border-radius:.4444444444rem;height:3.1111111111rem;width:5.5555555556rem}}.msp-player-modal__video-nav-image{opacity:.4}.msp-player-modal__video-nav-item--active .msp-player-modal__video-nav-image{opacity:1}.msp-player-modal__video-nav-play{background-color:transparent;padding:0;position:absolute}@media(max-width:768px){.msp-player-modal__video-nav-play{height:3.2rem;width:3.2rem}}@media(min-width:769px){.msp-player-modal__video-nav-play{height:4.8rem;width:4.8rem}}@media(min-width:1025px){.msp-player-modal__video-nav-play{height:2.6666666667rem;width:2.6666666667rem}}.no-touch .msp-player-modal__video-nav-play:hover{background-color:transparent}.msp-player-modal__video-nav-play .btn__icon{margin:0}.msp-player-modal__video-nav-text{display:flex;flex-direction:column}@media(max-width:768px){.msp-player-modal__video-nav-text{gap:.2666666667rem}}@media(min-width:769px){.msp-player-modal__video-nav-text{gap:.4rem}}@media(min-width:1025px){.msp-player-modal__video-nav-text{gap:.2222222222rem}}.msp-player-modal__video-nav-step{color:#90a7ff;font-weight:500}@media(max-width:768px){.msp-player-modal__video-nav-step{font-size:.9333333333rem;line-height:1.3333333333rem}}@media(min-width:769px){.msp-player-modal__video-nav-step{font-size:1.4rem;line-height:2rem}}@media(min-width:1025px){.msp-player-modal__video-nav-step{font-size:.7777777778rem;line-height:1.1111111111rem}}.msp-player-modal__video-nav-caption{font-weight:400}@media(max-width:768px){.msp-player-modal__video-nav-caption{font-size:.9333333333rem;line-height:1.3333333333rem}}@media(min-width:769px){.msp-player-modal__video-nav-caption{font-size:1.4rem;line-height:2rem}}@media(min-width:1025px){.msp-player-modal__video-nav-caption{font-size:.7777777778rem;line-height:1.1111111111rem}}