.ok-video-seridi{margin:40px 0}.ok-video-seridi .ok-video-seridi__lead{margin:0 0 16px;color:var(--fg-muted,#4B5468);font-size:15px;line-height:1.6}.ok-video-seridi .ok-video-seridi__strip{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ok-video-seridi .ok-video-seridi__strip::-webkit-scrollbar{display:none}.ok-video-seridi .ok-video-seridi__strip.is-akar{overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}.ok-video-seridi .ok-video-seridi__strip.is-dragging,.ok-video-seridi .ok-video-seridi__strip.is-dragging .ok-video-seridi__card{cursor:grabbing}.ok-video-seridi .ok-video-seridi__track{display:flex;gap:10px;width:max-content;padding:4px 0 6px;will-change:transform}.ok-video-seridi .ok-video-seridi__card{position:relative;flex:0 0 144px;width:144px;aspect-ratio:9 / 16;margin:0;padding:0;overflow:hidden;border:1px solid var(--border,#E6E8EF);border-radius:12px;background:#16204A;cursor:pointer;backface-visibility:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.ok-video-seridi .ok-video-seridi__card img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ok-video-seridi .ok-video-seridi__play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgb(255 255 255 / .34);border-radius:50%;background:rgb(20 28 74 / .46);color:#fff;transform:translate(-50%,-50%);transition:background .18s,transform .18s}.ok-video-seridi .ok-video-seridi__play svg{margin-left:1px}@media (hover:hover){.ok-video-seridi .ok-video-seridi__card:hover{transform:translateY(-2px);border-color:var(--primary-200,#B6C1FF);box-shadow:0 12px 24px -14px rgb(11 15 26 / .45)}.ok-video-seridi .ok-video-seridi__card:hover .ok-video-seridi__play{background:var(--primary-500,#1E40FF);transform:translate(-50%,-50%) scale(1.08)}}.ok-video-seridi .ok-video-seridi__card:focus-visible{outline:2px solid var(--primary-500,#1E40FF);outline-offset:2px}.ok-video-seridi .ok-video-seridi__all{margin:12px 0 0;font-size:14px;font-weight:700}.ok-video-seridi .ok-video-seridi__all a{color:var(--primary-600,#1E40FF);text-decoration:none}.ok-video-seridi .ok-video-seridi__all a:hover{text-decoration:underline}@media (max-width:768px){.ok-video-seridi{margin:32px 0}.ok-video-seridi .ok-video-seridi__card{flex-basis:118px;width:118px;border-radius:10px}.ok-video-seridi .ok-video-seridi__play{width:30px;height:30px}}.ok-vs-modal[hidden]{display:none!important}.ok-vs-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.ok-vs-modal__backdrop{position:absolute;inset:0;background:rgb(8 11 24 / .78)}.ok-vs-modal__dialog{position:relative;display:flex;flex-direction:column;width:min(960px, 100%);max-height:100%;overflow:hidden;border-radius:16px;background:#0B0F1A;box-shadow:0 30px 80px -30px rgb(0 0 0 / .7)}.ok-vs-modal.is-vertical .ok-vs-modal__dialog{width:min(400px, 100%, calc((100vh - 90px) * 9 / 16));width:min(400px, 100%, calc((100dvh - 90px) * 9 / 16))}.ok-vs-modal__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;color:#fff;font-size:14px}.ok-vs-modal__top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.ok-vs-modal__top button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgb(255 255 255 / .1);color:#fff;cursor:pointer;transition:background .18s}.ok-vs-modal__top button:hover,.ok-vs-modal__top button:focus-visible{background:rgb(255 255 255 / .22)}.ok-vs-modal__top button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.ok-vs-modal__frame{aspect-ratio:16 / 9;background:#000}.ok-vs-modal.is-vertical .ok-vs-modal__frame{aspect-ratio:9 / 16}.ok-vs-modal__frame iframe,.ok-vs-modal__frame video{display:block;width:100%;height:100%;border:0}body.ok-vs-modal-open{overflow:hidden}