.media-slider{--media-progress:0%;--media-slider-row:48px;--media-slider-track:3px;--media-slider-thumb:14px;-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:var(--media-slider-row);cursor:pointer;touch-action:none;background:0 0;margin:0;display:block}.media-slider::-webkit-slider-runnable-track{height:var(--media-slider-track);background:linear-gradient(to right, #dedede var(--media-progress), #ffffff30 var(--media-progress));border-radius:3px}.media-slider::-moz-range-track{height:var(--media-slider-track);background:#ffffff30;border-radius:3px}.media-slider::-moz-range-progress{height:var(--media-slider-track);background:#dedede;border-radius:3px}.media-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--media-slider-thumb);width:var(--media-slider-thumb);margin-top:calc((var(--media-slider-track) - var(--media-slider-thumb)) / 2);background:#ededed;border-radius:50%}.media-slider::-moz-range-thumb{height:var(--media-slider-thumb);width:var(--media-slider-thumb);background:#ededed;border:0;border-radius:50%}@media (pointer:fine){.media-slider{height:var(--media-slider-thumb);margin-block:calc((var(--media-slider-row) - var(--media-slider-thumb)) / 2)}}.media-slider:focus-visible{outline-offset:2px;border-radius:4px;outline:1px solid #ddd}.media-slider:disabled{cursor:default;opacity:.4}:root{--media-tool-size:48px}@media (min-width:40rem){:root{--media-tool-size:44px}}:root{--media-edge-inset:12px;--media-play-ink:calc(20px * 5 / 24)}.media-transport-bar>:first-child{margin-inline-start:calc(var(--media-edge-inset) - (var(--media-tool-size) - 20px) / 2 - var(--media-play-ink))}.media-transport-tools>button:last-child,.media-edge-end{margin-inline-end:calc(var(--media-edge-inset) - (var(--media-tool-size) - var(--media-glyph-size,20px)) / 2)}.media-transport-tools>[data-media-speed]:last-child .media-transport-speed{text-align:end;padding-inline-end:var(--media-edge-inset)}.media-transport-tools>.media-transport-volume:last-child .media-transport-volume-range{padding-right:var(--media-edge-inset)}.media-transport{container:media-transport/inline-size}.media-transport-bar{align-items:center;gap:8px;display:flex}.media-transport-seek{flex:1 1 0}.media-transport-trailing,.media-transport-tools{flex:none;align-items:center;gap:8px;display:flex}.media-transport-volume{align-items:center;gap:4px;display:flex}.media-transport-volume-range{flex:0 auto;width:86px;min-width:46px;padding-right:6px;display:flex}.media-transport-clock{white-space:nowrap}.media-transport-clock,.media-transport-speed-label{text-box:trim-both cap alphabetic}.media-transport-speed-label{display:block}@container media-transport (width<=479.98px){.media-transport-bar{grid-template-columns:auto minmax(0,1fr);gap:0;display:grid}.media-transport-seek{width:calc(100% - 2 * var(--media-edge-inset));margin-inline:var(--media-edge-inset);grid-area:1/1/auto/-1}.media-transport-trailing{gap:0;min-width:0}.media-transport-clock{white-space:normal;flex:0 auto}.media-transport-tools{flex:1 0 auto;justify-content:flex-end;gap:0}.media-transport-volume{display:contents}.media-transport-volume-range{flex:1 0 46px;width:46px;max-width:86px}}@container media-transport (width<=271.98px){.media-transport-tools>.media-transport-volume:last-child>button{margin-inline-end:calc(var(--media-edge-inset) - (var(--media-tool-size) - 20px) / 2)}}@container media-transport (width<=209.98px){.media-transport-bar,.media-edge-scope{--media-tool-size:40px;--media-edge-inset:10px}}@container media-transport (width<=303.98px){.media-transport-bar:has(.media-transport-volume){--media-tool-size:40px;--media-edge-inset:10px}:has(.media-transport-volume)>.media-edge-scope{--media-tool-size:40px;--media-edge-inset:10px}}@container media-transport (width<=271.98px){.media-transport-volume-range{display:none}}@container media-transport (width<=225.98px){.media-transport-bar:has(.media-transport-volume){--media-tool-size:32px;--media-edge-inset:6px}:has(.media-transport-volume)>.media-edge-scope{--media-tool-size:32px;--media-edge-inset:6px}}.media-tool-worded{height:var(--media-tool-size);white-space:nowrap;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:14px;line-height:20px;display:flex}