.canvas-video-player [data-media-provider]{aspect-ratio:auto;width:100%;height:100%}.canvas-video-player{isolation:isolate;--canvas-video-control-size:36px;--canvas-video-control-gap:6px;position:relative}.canvas-video-player[data-player-variant=compact]{--canvas-video-control-gap:4px;--video-volume-panel-width:42px;--video-volume-slider-width:28px;--video-volume-slider-max-width:48px}.canvas-video-player [data-media-provider] video{aspect-ratio:auto;object-fit:contain;width:100%;height:100%}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group{align-items:center;gap:var(--canvas-video-control-gap);min-width:0}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-slider){width:100%;margin:0;padding:0 8px}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group){width:100%;min-height:calc(var(--canvas-video-control-size) + 8px);margin:0;padding:2px 8px 6px;display:flex}:is(.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-play-button,.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-fullscreen-button,.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-volume,.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-button){flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);flex-shrink:0;margin:0}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-play-button{order:1}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-time-group{order:2}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-volume{order:3}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-fullscreen-button{order:4}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-time-group{white-space:nowrap;flex:0 auto;min-width:0;margin:0}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group) .vds-volume{margin-left:auto}.canvas-video-player:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-volume) .vds-volume-popup{top:auto;bottom:calc(100% + var(--gap,10px))}.canvas-video-player:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-volume .vds-volume-popup{place-items:center;display:grid;left:50%;right:auto;transform:translate(-50%)}.canvas-video-player:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-volume .vds-volume-slider{margin:0}.canvas-video-player[data-player-variant=compact] .vds-video-layout[data-sm] .vds-volume{--video-volume-height:64px;--video-volume-gap:6px;--video-volume-bg:#0c0d10eb;--video-volume-border:1px solid #ffffff1f;--video-volume-border-radius:6px}.canvas-video-player[data-player-variant=compact] .vds-video-layout[data-sm] .vds-volume .vds-volume-popup{box-sizing:border-box;width:var(--video-volume-panel-width);min-width:var(--video-volume-panel-width);padding:5px 6px}.canvas-video-player[data-player-variant=compact] .vds-video-layout[data-sm] .vds-volume .vds-volume-popup:after{content:"";left:0;right:0;bottom:calc(-1 * var(--gap,6px));height:var(--gap,6px);pointer-events:auto;position:absolute}.canvas-video-player[data-player-variant=compact] .vds-video-layout[data-sm] .vds-volume .vds-volume-slider{--media-slider-width:var(--video-volume-slider-width)}.canvas-video-player[data-no-audio=true] .vds-volume .vds-mute-button,.canvas-video-player[data-no-audio=true] .vds-volume .vds-volume-slider{opacity:.55;cursor:not-allowed;pointer-events:none}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout .vds-controls-group>:is(.vds-caption-button,.vds-download-button,.vds-pip-button,.vds-airplay-button,.vds-google-cast-button,.vds-chapters-button){display:none}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume){right:calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 22px);width:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);z-index:50;pointer-events:none;padding:0;position:absolute;bottom:8px}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume) .vds-volume{pointer-events:auto}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group){inset-inline:8px;width:auto;min-height:var(--canvas-video-control-size);padding:0 0 0 calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 2px);z-index:2;position:absolute;bottom:8px;pointer-events:none!important}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-play-button{display:none}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-fullscreen-button{pointer-events:auto;margin-left:auto}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-time-group{pointer-events:auto}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider){left:calc(var(--canvas-video-control-size) * 3 + var(--canvas-video-control-gap) + 40px);right:calc(var(--canvas-video-control-size) * 2 + var(--canvas-video-control-gap) * 2 + 12px);width:auto;height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);z-index:11;padding:0;position:absolute;bottom:8px;pointer-events:auto!important}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider) .vds-time-slider{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;min-width:0;height:100%;min-height:24px;position:relative;pointer-events:auto!important}:is(.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider) .vds-time-slider .vds-slider-chapters,.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider) .vds-time-slider .vds-slider-chapter,.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider) .vds-time-slider .vds-slider-track,.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider) .vds-time-slider .vds-slider-thumb){pointer-events:auto}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button){width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);z-index:3;pointer-events:auto;justify-content:center;padding:0;position:absolute;bottom:8px;left:8px}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button)>.vds-controls-spacer{display:none}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button) .vds-play-button{flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);margin:0;transform:none}:is(.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-volume):not(:has(.vds-time-group)),.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(>.vds-play-button):not(:has(.vds-time-group))){display:none}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group){inset-inline:8px;width:auto;height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);z-index:3;align-items:center;gap:var(--canvas-video-control-gap);pointer-events:auto;padding:0;display:flex;position:absolute;bottom:8px}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group)>.vds-controls-spacer{display:none}:is(.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group) .vds-play-button,.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group) .vds-volume,.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group) .vds-fullscreen-button,.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group) .vds-button){flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);flex-shrink:0;margin:0}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group) .vds-play-button{order:1}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group) .vds-time-group{white-space:nowrap;flex:0 auto;order:2;min-width:0;margin:0}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group) .vds-volume{order:3;margin-left:auto}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-group) .vds-fullscreen-button{order:4}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-slider){inset-inline:8px;bottom:calc(var(--canvas-video-control-size) + 12px);z-index:11;width:auto;height:24px;min-height:24px;padding:0;position:absolute;pointer-events:auto!important}.canvas-video-player[data-player-variant=compact]:not([data-fullscreen]) .vds-video-layout[data-lg] .vds-controls-group:has(.vds-time-slider) .vds-time-slider{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;min-width:0;pointer-events:auto!important}.canvas-video-player[data-player-variant=dialog]:not([data-fullscreen]) .vds-video-layout .vds-controls-group:has(.vds-time-group){padding-inline:12px}:-webkit-any(.canvas-video-player[data-fullscreen],.canvas-video-player:fullscreen,.canvas-video-player:-webkit-full-screen){--media-fullscreen-button-size:60px;--media-sm-fullscreen-button-size:60px;--media-button-size:60px;--media-button-icon-size:56%;--media-slider-track-height:8px;--media-slider-focused-track-height:11px;--media-slider-thumb-size:21px;--media-slider-focused-thumb-size:24px;--video-fullscreen-time-font-size:18px;--video-sm-time-font-size:18px;--video-fullscreen-chapter-title-font-size:17px;--video-sm-chapter-title-font-size:17px}:is(.canvas-video-player[data-fullscreen],.canvas-video-player:fullscreen,.canvas-video-player:fullscreen){--media-fullscreen-button-size:60px;--media-sm-fullscreen-button-size:60px;--media-button-size:60px;--media-button-icon-size:56%;--media-slider-track-height:8px;--media-slider-focused-track-height:11px;--media-slider-thumb-size:21px;--media-slider-focused-thumb-size:24px;--video-fullscreen-time-font-size:18px;--video-sm-time-font-size:18px;--video-fullscreen-chapter-title-font-size:17px;--video-sm-chapter-title-font-size:17px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-controls-group{padding-inline:24px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-controls-group{padding-inline:24px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-controls-group:has(.vds-time-slider){min-height:64px;margin-bottom:-12px;padding-inline:28px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-controls-group:has(.vds-time-slider){min-height:64px;margin-bottom:-12px;padding-inline:28px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-controls-group:has(.vds-time-group){min-height:82px;padding:8px 24px max(12px, env(safe-area-inset-bottom));gap:4px;margin:0}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-controls-group:has(.vds-time-group){min-height:82px;padding:8px 24px max(12px, env(safe-area-inset-bottom));gap:4px;margin:0}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-time-slider{--media-slider-height:64px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-time-slider{--media-slider-height:64px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-button{width:60px;min-width:60px;height:60px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-button{width:60px;min-width:60px;height:60px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-button .vds-icon{width:34px;height:34px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-button .vds-icon{width:34px;height:34px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-time{min-width:max-content;font-size:18px;line-height:1.25}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-time{min-width:max-content;font-size:18px;line-height:1.25}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-chapter-title{font-size:17px;line-height:1.3}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-chapter-title{font-size:17px;line-height:1.3}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls .vds-play-button{margin-bottom:0;transform:none}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls .vds-play-button{margin-bottom:0;transform:none}@media screen and (width<=599px){:-webkit-any(.canvas-video-player[data-fullscreen],.canvas-video-player:fullscreen,.canvas-video-player:-webkit-full-screen){--media-fullscreen-button-size:52px;--media-sm-fullscreen-button-size:52px;--media-button-size:52px;--video-fullscreen-time-font-size:16px;--video-sm-time-font-size:16px}:is(.canvas-video-player[data-fullscreen],.canvas-video-player:fullscreen,.canvas-video-player:fullscreen){--media-fullscreen-button-size:52px;--media-sm-fullscreen-button-size:52px;--media-button-size:52px;--video-fullscreen-time-font-size:16px;--video-sm-time-font-size:16px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-button{width:52px;min-width:52px;height:52px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-button{width:52px;min-width:52px;height:52px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-button .vds-icon{width:29px;height:29px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-button .vds-icon{width:29px;height:29px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-time{font-size:16px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-time{font-size:16px}.canvas-video-player:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout .vds-controls-group:has(.vds-time-group){min-height:72px;padding-inline:12px}.canvas-video-player:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout .vds-controls-group:has(.vds-time-group){min-height:72px;padding-inline:12px}}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen){--canvas-video-control-size:60px;--canvas-video-control-gap:8px}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen){--canvas-video-control-size:60px;--canvas-video-control-gap:8px}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group{box-sizing:border-box;align-items:center;gap:var(--canvas-video-control-gap)}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group{box-sizing:border-box;align-items:center;gap:var(--canvas-video-control-gap)}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume){right:calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 24px);bottom:max(12px, env(safe-area-inset-bottom));width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);z-index:50;pointer-events:none;justify-content:center;padding:0;display:flex;position:absolute}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume){right:calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 24px);bottom:max(12px, env(safe-area-inset-bottom));width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);z-index:50;pointer-events:none;justify-content:center;padding:0;display:flex;position:absolute}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume)>:not(.vds-volume){display:none!important}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume)>:not(.vds-volume){display:none!important}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume) .vds-volume{flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);pointer-events:auto}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume) .vds-volume{flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);pointer-events:auto}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-volume .vds-volume-popup{top:auto;bottom:calc(100% + var(--gap,6px));box-sizing:border-box;width:var(--video-volume-panel-width,42px);min-width:var(--video-volume-panel-width,42px);padding:5px 6px;left:50%;right:auto;transform:translate(-50%)}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-volume .vds-volume-popup{top:auto;bottom:calc(100% + var(--gap,6px));box-sizing:border-box;width:var(--video-volume-panel-width,42px);min-width:var(--video-volume-panel-width,42px);padding:5px 6px;left:50%;right:auto;transform:translate(-50%)}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button){left:24px;bottom:max(12px, env(safe-area-inset-bottom));width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);z-index:3;justify-content:center;padding:0;display:flex;position:absolute;pointer-events:auto!important}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button){left:24px;bottom:max(12px, env(safe-area-inset-bottom));width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);z-index:3;justify-content:center;padding:0;display:flex;position:absolute;pointer-events:auto!important}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button)>.vds-controls-spacer{display:none}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button)>.vds-controls-spacer{display:none}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button) .vds-play-button{flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);margin:0;transform:none}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button) .vds-play-button{flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);margin:0;transform:none}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group){inset-inline:24px;bottom:max(12px, env(safe-area-inset-bottom));width:auto;height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);padding:0 0 0 calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 2px);z-index:3;align-items:center;margin:0;display:flex;position:absolute;pointer-events:none!important}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group){inset-inline:24px;bottom:max(12px, env(safe-area-inset-bottom));width:auto;height:var(--canvas-video-control-size);min-height:var(--canvas-video-control-size);padding:0 0 0 calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 2px);z-index:3;align-items:center;margin:0;display:flex;position:absolute;pointer-events:none!important}:-webkit-any(.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group)>.vds-controls-spacer,.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-chapter-title){display:none}:is(.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group)>.vds-controls-spacer,.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-chapter-title){display:none}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-time-group{white-space:nowrap;pointer-events:auto;flex:0 auto;order:2;min-width:0;margin:0}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-time-group{white-space:nowrap;pointer-events:auto;flex:0 auto;order:2;min-width:0;margin:0}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-fullscreen-button{order:4;flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);pointer-events:auto;margin-left:auto}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group) .vds-fullscreen-button{order:4;flex:0 0 var(--canvas-video-control-size);width:var(--canvas-video-control-size);min-width:var(--canvas-video-control-size);height:var(--canvas-video-control-size);pointer-events:auto;margin-left:auto}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider){left:calc(var(--canvas-video-control-size) * 3 + var(--canvas-video-control-gap) + 40px);right:calc(var(--canvas-video-control-size) * 2 + var(--canvas-video-control-gap) * 2 + 28px);bottom:max(12px, env(safe-area-inset-bottom));width:auto;height:var(--canvas-video-control-size);z-index:11;margin:0;padding:0;position:absolute;min-height:var(--canvas-video-control-size)!important;pointer-events:auto!important}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider){left:calc(var(--canvas-video-control-size) * 3 + var(--canvas-video-control-gap) + 40px);right:calc(var(--canvas-video-control-size) * 2 + var(--canvas-video-control-gap) * 2 + 28px);bottom:max(12px, env(safe-area-inset-bottom));width:auto;height:var(--canvas-video-control-size);z-index:11;margin:0;padding:0;position:absolute;min-height:var(--canvas-video-control-size)!important;pointer-events:auto!important}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider) .vds-time-slider{width:100%;height:var(--canvas-video-control-size);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:0;pointer-events:auto!important}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider) .vds-time-slider{width:100%;height:var(--canvas-video-control-size);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:0;pointer-events:auto!important}@media screen and (width<=599px){.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen){--canvas-video-control-size:52px}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen){--canvas-video-control-size:52px}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume){right:calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 12px)}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-volume){right:calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 12px)}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group){padding-left:calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 2px);inset-inline:12px}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-group){padding-left:calc(var(--canvas-video-control-size) + var(--canvas-video-control-gap) + 2px);inset-inline:12px}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button){left:12px}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(>.vds-play-button){left:12px}.canvas-video-player[data-player-variant=compact]:-webkit-any([data-fullscreen],:fullscreen,:-webkit-full-screen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider){left:calc(var(--canvas-video-control-size) * 3 + var(--canvas-video-control-gap) + 28px);right:calc(var(--canvas-video-control-size) * 2 + var(--canvas-video-control-gap) * 2 + 20px)}.canvas-video-player[data-player-variant=compact]:is([data-fullscreen],:fullscreen,:fullscreen) .vds-video-layout[data-sm] .vds-controls-group:has(.vds-time-slider){left:calc(var(--canvas-video-control-size) * 3 + var(--canvas-video-control-gap) + 28px);right:calc(var(--canvas-video-control-size) * 2 + var(--canvas-video-control-gap) * 2 + 20px)}}