.vds-controls-group{gap:8px;padding:20px}.vds-audio-layout,.vds-video-layout{--media-brand:hsl(var(--brand-500));--media-controls-color:#f5f5f5;--media-font-family:sans-serif;z-index:99;--media-controls-padding:5px;--media-controls-in-transition:opacity 0.2s ease-in;--media-controls-out-transition:opacity 0.2s ease-out}.vds-fullscreen-button-to-be-added{background-color:none!important;--media-button-border-radius:8px;--media-button-color:var(--media-controls-color,#f5f5f5);--media-button-hover-transform:scale(1);--media-button-hover-transition:transform 0.2s ease-in;--media-button-icon-size:60%;--media-button-padding:0px;--media-button-size:28px;--media-button-touch-hover-bg:rgb(255 255 255/0.2);--media-button-touch-hover-border-radius:100%;--media-sm-fullscreen-button-size:42px;--media-fullscreen-button-size:42px}.vds-audio-layout-to-be-added,.vds-video-layout-to-be-added{--media-brand:hsl(var(--brand-500));--media-controls-color:#f5f5f5;--media-font-family:sans-serif;--media-buffering-animation:vds-buffering-spin 1s linear infinite;--media-buffering-size:96px;--media-buffering-track-color:#f5f5f5;--media-buffering-track-fill-color:var(--media-brand);--media-buffering-track-fill-offset:50;--media-buffering-track-fill-opacity:0.75;--media-buffering-track-fill-width:9;--media-buffering-track-opacity:0.25;--media-buffering-track-width:8;--media-buffering-transition:opacity 200ms ease;--media-button-border-radius:8px;--media-button-color:var(--media-controls-color,#f5f5f5);--media-button-hover-bg:hsl(var(--brand-500)/0.7);--media-button-hover-transform:scale(1);--media-button-hover-transition:transform 0.2s ease-in;--media-button-icon-size:60%;--media-button-padding:0px;--media-button-size:28px;--media-button-touch-hover-bg:rgb(255 255 255/0.2);--media-button-touch-hover-border-radius:100%;--media-sm-fullscreen-button-size:42px;--media-fullscreen-button-size:42px;--media-tooltip-bg-color:black;--media-tooltip-border-radius:4px;--media-tooltip-border:1px solid rgb(255 255 255/0.1);--media-tooltip-color:hsl(0,0%,80%);--media-tooltip-font-size:13px;--media-tooltip-font-weight:500;--media-tooltip-padding:2px 8px;--media-tooltip-enter-animation:vds-tooltip-enter 0.2s ease-in;--media-tooltip-exit-animation:vds-tooltip-exit 0.2s ease-out;--media-controls-padding:5px;--media-controls-in-transition:opacity 0.2s ease-in;--media-controls-out-transition:opacity 0.2s ease-out;--media-thumbnail-bg:black;--media-thumbnail-border:1px solid white;--media-thumbnail-aspect-ratio:16/9;--media-thumbnail-min-width:120px;--media-thumbnail-min-height:calc(var(--media-thumbnail-min-width) / var(--aspect-ratio));--media-thumbnail-max-width:180px;--media-thumbnail-max-height:calc(var(--media-thumbnail-max-width) / var(--aspect-ratio));--media-time-bg:unset;--media-time-border-radius:unset;--media-time-border:unset;--media-time-color:#f5f5f5;--media-time-divider-color:#e0e0e0;--media-time-divider-gap:2.5px;--media-time-font-size:14px;--media-time-font-weight:400;--media-time-letter-spacing:0.025em;--media-slider-chapter-hover-transform:scaleY(2);--media-slider-chapter-hover-transition:transform 0.1s cubic-bezier(0.4,0,1,1);--media-slider-preview-bg:unset;--media-slider-preview-border-radius:2px;--media-slider-chapter-title-bg:unset;--media-slider-chapter-title-color:#f5f5f5;--media-slider-chapter-title-font-size:14px;--media-slider-chapter-title-gap:6px;--media-slider-value-bg:black;--media-slider-value-border-radius:2px;--media-slider-value-border:unset;--media-slider-value-color:white;--media-slider-value-gap:0px;--media-slider-value-padding:1px 10px;--media-menu-color-gray-50:rgb(245 245 245/0.1);--media-menu-color-gray-100:rgb(245 245 245/0.45);--media-menu-color-gray-200:rgb(10 10 10/0.6);--media-menu-color-gray-300:rgb(27 27 27);--media-menu-text-color:#f5f5f5;--media-menu-text-secondary-color:#6b6b6b;--media-menu-bg:var(--media-menu-bg,var(--color-gray-400));--media-menu-border-radius:4px;--media-menu-border:1px solid rgb(255 255 255/0.1);--media-menu-box-shadow:1px 1px 1px rgb(10 10 10/0.5);--media-menu-divider:1px solid var(--color-gray-50);--media-menu-font-size:14px;--media-menu-font-weight:500;--media-menu-max-height:250px;--media-menu-min-width:220px;--media-menu-padding:12px;--media-menu-top-bar-bg:rgb(10 10 10/0.6);--media-menu-arrow-icon-size:18px;--media-menu-icon-rotate-deg:90deg;--media-menu-enter-animation:vds-menu-enter 0.3s ease-out;--media-menu-exit-animation:vds-menu-exit 0.2s ease-out;--media-menu-scrollbar-track-bg:transparent;--media-menu-scrollbar-thumb-bg:var(--color-gray-50);--media-sm-menu-landscape-max-height:min(70vh,400px);--media-sm-menu-portrait-max-height:40vh;--media-menu-section-bg:var(--color-gray-300);--media-menu-section-border:unset;--media-menu-section-divider:var(--divider);--media-menu-section-header-font-size:12px;--media-menu-section-header-font-weight:500;--media-menu-section-gap:8px;--media-menu-section-border-radius:2px;--media-menu-item-bg:transparent;--media-menu-item-border-radius:2px;--media-menu-item-border:0;--media-menu-item-height:40px;--media-menu-item-hover-bg:var(--color-gray-50);--media-menu-item-icon-size:18px;--media-menu-item-icon-spacing:6px;--media-menu-item-padding:10px;--media-menu-radio-icon-color:var(--text-color);--media-menu-checkbox-width:40px;--media-menu-checkbox-height:18px;--media-menu-checkbox-bg-active:#1ba13f;--media-menu-checkbox-bg:var(--color-gray-100);--media-menu-checkbox-handle-bg:#f5f5f5;--media-menu-checkbox-handle-border:unset;--media-menu-checkbox-handle-diameter:calc(var(--checkbox-height) - 2px);--media-menu-slider-height:32px;--media-menu-slider-track-bg:var(--color-gray-50);--media-menu-slider-track-fill-bg:var(--color-inverse);--media-menu-hint-color:var(--text-secondary-color);--media-menu-hint-font-size:13px;--media-menu-hint-font-weight:400;--media-chapters-divider:var(--divider);--media-chapters-duration-bg:unset;--media-chapters-duration-border-radius:2px;--media-chapters-focus-padding:4px;--media-chapters-item-active-bg:var(--color-gray-50);--media-chapters-item-active-border-left:unset;--media-chapters-min-width:var(--media-menu-min-width,220px);--media-chapters-padding:0;--media-chapters-progress-bg:var(--color-inverse);--media-chapters-progress-border-radius:0;--media-chapters-progress-height:4px;--media-chapters-start-time-border-radius:2px;--media-chapters-start-time-letter-spacing:0.4px;--media-chapters-start-time-padding:1px 4px;--media-chapters-thumbnail-border:0;--media-chapters-thumbnail-gap:12px;--media-chapters-thumbnail-max-height:68px;--media-chapters-thumbnail-max-width:120px;--media-chapters-thumbnail-min-height:56px;--media-chapters-thumbnail-min-width:100px;--media-chapters-time-font-size:12px;--media-chapters-time-font-weight:500;--media-chapters-time-gap:6px;--media-chapters-with-thumbnails-min-width:300px}.vds-button-to-be-added{background-color:#ffffff4d;transition:all .3s}.highlight{background-color:hsl(var(--brand-500));pointer-events:none;z-index:-1;border-radius:2px;transition:all .3s}.transcript-word{transition:background-color .3s,color .3s;padding:2.3px;border-radius:2px}.transcript-word:hover{background-color:hsl(var(--brand-500)/.5)}