.nv{background:var(--nv-bg,#000);position:relative;overflow:hidden}.nv-video,.nv-poster{object-fit:cover;width:100%;height:100%;display:block}.nv-poster{opacity:1;transition:opacity .3s;position:absolute;inset:0}.nv-poster.is-hidden{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.nv-poster{transition:none}}.nv[data-nv-layout=poster-flow]{--nv-bg:transparent;overflow:visible}.nv[data-nv-layout=poster-flow] .nv-poster{z-index:1;height:auto;position:relative;inset:auto}.nv[data-nv-layout=poster-flow] .nv-video{position:absolute;inset:0}.nv-overlay{z-index:2;transition:opacity .3s;position:absolute;inset:0}.nv[data-nv-started] .nv-overlay,.nv[data-nv-gate-controls]:not([data-nv-started]) .nv-controls{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.nv-overlay{transition:none}}.nv{--nv-accent:var(--color-primary,#0f6e63);--nv-surface:#0000008c;--nv-on-surface:#fff;--nv-radius:var(--radius-full,999px);--nv-progress:0%}.nv-controls{z-index:2;border-radius:var(--nv-radius);background:var(--nv-surface);color:var(--nv-on-surface);backdrop-filter:blur(6px);opacity:1;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:opacity .3s;display:flex;position:absolute;inset-block-end:clamp(.75rem,3%,2rem);inset-inline:clamp(.75rem,3%,2rem);container-type:inline-size}.nv-controls.is-hidden{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.nv-controls{transition:none}}.nv-btn{border-radius:var(--nv-radius);width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.nv-btn:hover{background:color-mix(in srgb, var(--nv-on-surface) 18%, transparent)}.nv-btn:focus-visible{outline:2px solid var(--nv-on-surface);outline-offset:2px}.nv-btn svg{fill:currentColor;stroke:none;width:1.25rem;height:1.25rem}.nv-play[data-on=false] .nv-ico-pause,.nv-play[data-on=true] .nv-ico-play,.nv-mute[data-on=true] .nv-ico-cross,.nv-mute[data-on=false] .nv-ico-wave,.nv-full[data-on=false] .nv-ico-fs-off,.nv-full[data-on=true] .nv-ico-fs-on{display:none}.nv-ico-cross{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.nv-seek,.nv-volume{appearance:none;box-sizing:border-box;border-radius:var(--nv-radius);background-clip:content-box;background-color:color-mix(in srgb, var(--nv-on-surface) 30%, transparent);cursor:pointer;height:1.5rem;padding-block:.625rem}.nv-seek{background-image:linear-gradient(to right, var(--nv-accent) var(--nv-progress), color-mix(in srgb, var(--nv-on-surface) 30%, transparent) var(--nv-progress));flex:auto;min-width:4rem}.nv-volume{flex:0 3rem;max-width:min(3rem,15%)}@container (width<=22rem){.nv-volume{display:none}}.nv-seek::-webkit-slider-thumb{appearance:none;background:var(--nv-on-surface);border:0;border-radius:50%;width:.875rem;height:.875rem}.nv-volume::-webkit-slider-thumb{appearance:none;background:var(--nv-on-surface);border:0;border-radius:50%;width:.875rem;height:.875rem}.nv-seek::-moz-range-thumb{background:var(--nv-on-surface);border:0;border-radius:50%;width:.875rem;height:.875rem}.nv-volume::-moz-range-thumb{background:var(--nv-on-surface);border:0;border-radius:50%;width:.875rem;height:.875rem}.nv-seek:focus-visible,.nv-volume:focus-visible{outline:2px solid var(--nv-on-surface);outline-offset:4px}.nv:fullscreen{background:#000;width:100%;height:100%;overflow:hidden}.nv:fullscreen .nv-poster{height:100%;position:absolute;inset:0}.nv:fullscreen .nv-video{object-fit:contain;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.nv-sound{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;transition:background .2s;display:grid;position:absolute;bottom:1rem;right:1rem}.nv-sound:hover,.nv-sound:focus-visible{background:#000000c7}.nv-sound svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:1.35rem;height:1.35rem}.nv-sound[data-muted=true] .nv-ico-on,.nv-sound[data-muted=false] .nv-ico-off{display:none}.nv-sound[data-muted=true] .nv-ico-off{fill:currentColor;stroke:currentColor}.nv-sound[data-muted=false] .nv-ico-on{fill:currentColor;stroke:none}
