.nb-shape-videos{margin:20px 0 24px;max-width:100%;min-width:0}.nb-shape-videos__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.nb-shape-videos__poster{display:block;position:relative;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:#f4f4f4;aspect-ratio:9/14;scroll-snap-align:start;cursor:pointer}.nb-shape-videos__poster img{width:100%;height:100%;object-fit:cover;display:block}.nb-shape-videos__poster span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#111}.nb-shape-videos__controls{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.nb-shape-videos__controls button{width:32px;height:32px;padding:0;border:1px solid #e4e4e4;border-radius:50%;background:#fff;color:#111;cursor:pointer}.nb-shape-videos dialog{padding:12px;background:#fff;border:0;border-radius:12px;width:min(460px,94vw);max-height:94dvh}.nb-shape-videos dialog::backdrop{background:#000b}.nb-shape-videos dialog>button{display:block;margin:0 0 8px auto;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#111}.nb-shape-videos dialog video{display:block;width:100%;max-height:80dvh;background:#000}.nb-shape-videos button:focus-visible{outline:3px solid #a76b75;outline-offset:3px}@media(max-width:749px){.nb-shape-videos__rail{grid-auto-columns:calc((100% - 18px)/2.5);gap:9px}}
.nb-shape-videos__autoplay{cursor:default}.nb-shape-videos__autoplay video{display:block;width:100%;height:100%;aspect-ratio:9/14;object-fit:cover;background:#f4f4f4}
