.ns-media{--ns-media-blue:#216b9c;--ns-media-orange:#f38a48;color:#304768;isolation:isolate;background:#fff;border:1px solid #dce6ed;border-radius:16px;width:100%;margin:16px 0;font-family:inherit;overflow:hidden;box-shadow:0 4px 16px #18374d08;container-type:inline-size}.ns-media-player{outline:none;display:block}.ns-media-heading{border-bottom:1px solid #e8eef2;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.ns-media-heading>svg{width:20px;height:20px;color:var(--ns-media-blue);flex:none}.ns-media-heading>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ns-media-kind{color:#6e8293;background:#f0f5f8;border-radius:6px;flex:none;margin-left:auto;padding:4px 7px;font-size:11px;font-weight:500}.ns-media-video video{object-fit:contain;background:#122335;width:100%;max-height:65vh;display:block}.ns-media-audio [data-media-provider]{display:none}.ns-media-controls{background:#fff;padding:12px 18px 14px}.ns-media-timeline{align-items:center;gap:12px;display:flex}.ns-media-time{font-variant-numeric:tabular-nums;color:#6e8293;white-space:nowrap;font-size:12px}.ns-media-slider{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex:1;align-items:center;min-width:0;height:24px;display:flex;position:relative}.ns-media-track,.ns-media-fill,.ns-media-buffer{pointer-events:none;border-radius:8px;height:5px;position:absolute;left:0}.ns-media-track{background:#dce8ee;width:100%}.ns-media-buffer{width:var(--slider-progress,0%);background:#b4cddd}.ns-media-fill{width:var(--slider-fill,0%);background:var(--ns-media-blue)}.ns-media-thumb{width:13px;height:13px;box-shadow:0 0 0 1px var(--ns-media-blue);background:var(--ns-media-blue);left:var(--slider-fill,0%);border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%)}.ns-media-slider[data-disabled]{opacity:.5;cursor:wait}.ns-media-player{position:relative}.ns-media-center-play{z-index:2;color:#fff;cursor:pointer;background:#216b9cdd;border:1px solid #ffffff70;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #10203040}.ns-media-center-play svg{width:28px;height:28px}.ns-media-center-play:hover{background:#195b88}.ns-media-actions{align-items:center;gap:6px;margin-top:7px;display:flex}.ns-media-button{color:#42637d;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;display:inline-flex}.ns-media-button svg{pointer-events:none;width:20px;height:20px}.ns-media-button:hover{color:var(--ns-media-blue);background:#edf4f8}.ns-media-play{background:var(--ns-media-blue);color:#fff;width:40px;height:40px;margin-right:4px}.ns-media-play:hover{color:#fff;background:#195b88}.ns-media-volume{flex:1;align-items:center;gap:4px;max-width:140px;display:flex}.ns-media-volume .ns-media-slider{max-width:76px}.ns-media-speed{margin-left:auto}.ns-media-speed select{color:#304768;font:inherit;cursor:pointer;background:#f6f9fb;border:1px solid #dce6ed;border-radius:8px;padding:7px 5px;font-size:12px}.ns-media-error{border-top:1px solid #e8eef2;padding:12px 18px;font-size:14px}.ns-media-error button{color:var(--ns-media-blue);cursor:pointer;background:#edf4f8;border:0;border-radius:8px;padding:9px 12px}.ns-media :is(button,input,select,[role=slider]):focus-visible{outline:2px solid var(--ns-media-orange);outline-offset:3px}.ns-media-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ns-media-spinner{animation:1s linear infinite ns-media-spin}@keyframes ns-media-spin{to{transform:rotate(360deg)}}.ns-media-player[data-fullscreen]{background:#122335;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.ns-media-player[data-fullscreen] video{max-height:calc(100vh - 160px)}.ns-media-player[data-fullscreen] .ns-media-heading{background:#fff}.ns-media-player[data-fullscreen] .ns-media-controls{flex:none}@container (width<=480px){.ns-media-controls{padding:10px 12px 12px}.ns-media-heading{padding:12px}.ns-media-actions{gap:2px}.ns-media-volume .ns-media-slider{display:none}.ns-media-volume{flex:0}.ns-media-button{width:32px;height:36px}.ns-media-play{width:38px}.ns-media-pip{display:none}.ns-media-timeline{gap:8px}}@media (prefers-reduced-motion:reduce){.ns-media-spinner{animation:none}}