:is(.lrs,.nrs,.crs,.mts) .yn-video-player{position:relative;width:100%;height:100%;background:#101010;isolation:isolate}
.yn-video-player video{display:block;width:100%;height:100%;object-fit:contain}
.yn-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#000b;color:#fff;padding:0;cursor:pointer;z-index:2}
.yn-video-play svg{width:25px;height:25px;margin-left:4px;fill:currentColor}
.yn-video-play[hidden]{display:none}.yn-video-play:focus-visible,.yn-video-nav button:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.yn-video-error{position:absolute;bottom:65px;left:12px;right:12px;padding:10px;background:#111e;color:#fff;font-size:14px;line-height:1.4;text-align:center;z-index:2}.yn-video-error[hidden]{display:none}
.yn-video-nav{display:none}
@media(max-width:767px){
:is(.lrs,.nrs,.crs,.mts) :is(.lrs-videos,.nrs-videos,.crs-videos,.mts-videos){display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;min-width:0;-webkit-overflow-scrolling:touch}
:is(.lrs-videos,.nrs-videos,.crs-videos,.mts-videos)::-webkit-scrollbar{display:none}
:is(.lrs,.nrs,.crs,.mts) :is(.lrs-video,.nrs-video,.crs-video,.mts-video){flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box;aspect-ratio:9/16;scroll-snap-align:center;scroll-snap-stop:always}
.yn-video-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;color:inherit}
.yn-video-nav[hidden]{display:none}.yn-video-nav button{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:24px;padding:0;cursor:pointer}.yn-video-nav button:disabled{opacity:.3;cursor:default}
.yn-video-count{font-size:15px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
}