.vid{--vid-ink: var(--ink);--vid-bar: color-mix(in srgb, var(--ink) 88%, transparent);--vid-poster: color-mix(in srgb, var(--ink) 85%, transparent);--vid-track: rgb(255 255 255 / .35);container:vid / inline-size;display:grid;grid-template-columns:minmax(0,1fr);inline-size:100%;margin:0}.vid>*{grid-column:1}.vid-video{grid-row:1;inline-size:100%;block-size:auto;aspect-ratio:16 / 9;border-radius:.5rem;background:linear-gradient(to bottom,var(--fill),#2c2c33);object-fit:contain;cursor:pointer}.vid-poster{grid-row:1;place-self:center;display:grid;place-items:center;inline-size:4.5rem;block-size:4.5rem;border-radius:50%;background:var(--vid-poster);color:#fff;pointer-events:none}.vid-controls{grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;box-sizing:border-box;margin:1rem 0 0;padding:1rem;border-radius:.5rem;background:var(--vid-ink);color:#fff;list-style:none}.vid-controls>*{flex:none}.vid-controls>.vid-volume{inline-size:7.5rem}.vid-controls>.vid-timeline{display:flex;flex:1 1 100%;align-items:center;min-inline-size:0;gap:.625rem}.vid-time{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9375rem;line-height:1.3;white-space:nowrap}.vid-time--both{display:none}.vid-timeline>.vid-range{flex:1 1 auto}.vid-range{--played: 0;--vid-thumb: 1.125rem;--vid-thumb-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='8'%20fill='white'%20stroke='%2316161A'%20stroke-width='2'/%3e%3c/svg%3e");box-sizing:border-box;inline-size:100%;min-inline-size:0;block-size:2.75rem;margin:0;padding:0 .625rem;border:.1875rem solid transparent;border-radius:.5rem;background:transparent;cursor:pointer;appearance:none}.vid-range:focus-visible{border-color:#fff;outline:none;box-shadow:none}.vid-range::-webkit-slider-runnable-track{block-size:.375rem;border-radius:.1875rem;background:linear-gradient(to right,#fff calc(var(--played) * (100% - var(--vid-thumb)) + var(--vid-thumb) / 2),var(--vid-track) 0)}.vid-range::-webkit-slider-thumb{inline-size:var(--vid-thumb);block-size:var(--vid-thumb);margin-block-start:calc((.375rem - var(--vid-thumb)) / 2);border:0;background:var(--vid-thumb-image) center / contain no-repeat;appearance:none}.vid-range::-moz-range-track{block-size:.375rem;border-radius:.1875rem;background:var(--vid-track)}.vid-range::-moz-range-progress{block-size:.375rem;border-radius:.1875rem;background:#fff}.vid-range::-moz-range-thumb{inline-size:var(--vid-thumb);block-size:var(--vid-thumb);border:0;border-radius:0;background:var(--vid-thumb-image) center / contain no-repeat}.vid-select{box-sizing:border-box;min-block-size:2.75rem;padding-block:0;padding-inline:.75rem 2.375rem;border:1px solid #fff;border-radius:.5rem;background:var(--vid-ink) no-repeat right .625rem center / 1.25rem url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8L10 13L15 8' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color:#fff;color-scheme:dark;font:inherit;font-size:.9375rem;cursor:pointer;appearance:none}.vid-select:dir(rtl){padding-inline:2.375rem .75rem;background-position:left .625rem center}.vid-select:focus-visible{outline:.1875rem solid #fff;outline-offset:.125rem;box-shadow:none}.vid-captions{grid-row:3;display:flex;justify-content:center;min-block-size:3.5rem;margin-block-start:1rem}.vid-cue{box-sizing:border-box;align-self:flex-start;inline-size:100%;margin:0;padding:.625rem 1rem;border-radius:.375rem;background:var(--vid-ink);color:#fff;font-size:1.25rem;text-align:center}@container vid (inline-size >= 40rem) and (inline-size >= 640px){.vid[data-media=video] .vid-controls{grid-row:1;align-self:end;flex-wrap:nowrap;gap:.75rem;min-block-size:4.25rem;margin:0;padding:0 1rem;border-radius:0 0 .5rem .5rem;background:var(--vid-bar)}.vid[data-media=video] .vid-controls>.vid-timeline{flex:1 1 8rem}.vid[data-media=video] .vid-poster{margin-block-end:4.25rem}.vid[data-media=video] .vid-captions{grid-row:2}.vid-cue{inline-size:auto}}@container vid (inline-size >= 21rem) and (inline-size >= 336px) and (inline-size < 640px){.vid[data-media=video] .vid-controls{grid-row:1;align-self:end;flex-wrap:nowrap;gap:.25rem;min-block-size:3.5rem;margin:0;padding:0 .5rem;border-radius:0 0 .5rem .5rem;background:var(--vid-bar)}.vid[data-media=video] .vid-controls>.vid-timeline{flex:1 1 4rem;gap:.5rem}.vid[data-media=video] .vid-volume,.vid[data-media=video] .vid-language,.vid[data-media=video] .vid-time--now,.vid[data-media=video] .vid-time--left{display:none}.vid[data-media=video] .vid-time{font-size:.8125rem}.vid[data-media=video] .vid-range{--vid-thumb: 1rem;--vid-thumb-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='8'%20cy='8'%20r='7'%20fill='white'%20stroke='%2316161A'%20stroke-width='2'/%3e%3c/svg%3e");padding-inline:0}.vid[data-media=video] .vid-poster{margin-block-end:3.5rem}.vid[data-media=video] .vid-captions{grid-row:2;min-block-size:0;margin-block-start:.75rem}.vid[data-media=video] .vid-cue{inline-size:auto;padding:.375rem .75rem;font-size:1rem}}@container vid (inline-size >= 28rem) and (inline-size >= 448px) and (inline-size < 640px){.vid[data-media=video] .vid-time--both{display:block}}.vid[data-media=audio]:before{content:"";grid-area:1 / 1 / 3 / 2;border-radius:.75rem;background:var(--vid-ink)}.vid-title{grid-row:1;margin:0;padding:1.25rem 1.5rem 0;color:#fff;font-size:1.25rem;font-weight:700;line-height:1.15}.vid[data-media=audio] .vid-controls{grid-row:2;margin:0;padding:1rem 1.5rem 1.25rem;background:none}.vid[data-media=audio] .vid-controls>.vid-timeline{flex:1 1 8rem}.vid:fullscreen{grid-template-rows:minmax(0,1fr) auto;inline-size:100%;background:#000}.vid:fullscreen .vid-video{block-size:100%;aspect-ratio:auto;border-radius:0;background:#000}.vid:fullscreen .vid-controls{border-radius:0}.vid:fullscreen .vid-captions{margin-block:1rem}@media(forced-colors:active){.vid-controls,.vid-poster,.vid-cue,.vid[data-media=audio]:before{forced-color-adjust:none}}.vid-description,.vid-note{margin:.75rem 0 0;color:var(--ink-soft);font-size:.9375rem}