/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/scss/bitmovinplayer-ui.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-icon {
  display: inline-block;
  background-color: transparent;
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border: 0;
  box-sizing: content-box;
  cursor: pointer;
  width: 100%;
  height: 1.5rem;
  min-width: 1.5rem;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-spacer, .bmpui-ui-selectbox, .bmpui-ui-ads .bmpui-ui-ad-message-label, .bmpui-ui-ads .bmpui-ui-label-ad-counter, .bmpui-ui-playbacktimelabel, .bmpui-ui-label-savedEnergy, .bmpui-ui-label, .bmpui-ui-volumeslider .bmpui-seekbar, .bmpui-ui-seekbar .bmpui-seekbar, .bmpui-ui-volumeslider, .bmpui-ui-seekbar, .bmpui-ui-ads .bmpui-ui-button-ad-skip, .bmpui-ui-smallcenteredplaybacktogglebutton, .bmpui-ui-settings-panel-navigation-text-button, .bmpui-ui-piptogglebutton, .bmpui-ui-airplaytogglebutton, .bmpui-ui-closebutton, .bmpui-ui-replaybutton, .bmpui-ui-hugereplaybutton, .bmpui-ui-clickoverlay, .bmpui-ui-casttogglebutton, .bmpui-ui-audio-track-list-box-toggle-button, .bmpui-ui-subtitle-list-box-toggle-button, .bmpui-ui-settingstogglebutton, .bmpui-ui-settingspanelpagebackbutton, .bmpui-ui-settingspanelpageopenbutton, .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-watermark, .bmpui-ui-ecomodetogglebutton, .bmpui-ui-volumetogglebutton, .bmpui-ui-vrtogglebutton, .bmpui-ui-fullscreentogglebutton, .bmpui-ui-quickseekbutton, .bmpui-ui-playbacktogglebutton, .bmpui-ui-button, .bmpui-ui-ads .bmpui-ad-controlbar, .bmpui-ui-ads .bmpui-ui-ad-status-overlay, .bmpui-ui-touch-control-overlay, .bmpui-ui-playbacktoggle-overlay, .bmpui-ui-buffering-overlay, .bmpui-ui-recommendation-overlay, .bmpui-ui-titlebar, .bmpui-ui-errormessage-overlay, .bmpui-ui-cast-status-overlay, .bmpui-ui-volumecontrolbutton, .bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay, .bmpui-ui-seekbar-label, .bmpui-ui-settings-panel, .bmpui-ui-controlbar, .bmpui-ui-uicontainer, .bmpui-ui-container, .bmpui-ui-component {
  /*! placeholder to avoid removal of empty selector */
  outline: 0;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-uicontainer {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
.bmpui-ui-uicontainer * {
  pointer-events: auto;
}
.bmpui-ui-uicontainer.bmpui-hidden {
  display: none;
}
.bmpui-ui-uicontainer.bmpui-player-state-playing.bmpui-controls-hidden * {
  cursor: none;
}
.bmpui-ui-uicontainer.bmpui-controls-shown .bmpui-ui-hugeplaybacktogglebutton:focus {
  box-shadow: inset -4px -3px 10px 10px rgba(255, 255, 255, 0.6);
}
.bmpui-ui-uicontainer.bmpui-controls-shown .bmpui-ui-hugeplaybacktogglebutton:focus:not(.bmpui-focus-visible) {
  box-shadow: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-controlbar {
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  bottom: 0;
  position: absolute;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  box-sizing: border-box;
  padding: 1em max(1em, env(safe-area-inset-right, 0)) max(1em, env(safe-area-inset-bottom, 0)) max(1em, env(safe-area-inset-left, 0));
}
.bmpui-ui-controlbar.bmpui-hidden {
  opacity: 0;
  transition: opacity 0.3s;
}
.bmpui-ui-controlbar .bmpui-container-wrapper {
  display: flex;
  flex-direction: column;
}
.bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper,
.bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 0.3rem;
  align-items: center;
}
.bmpui-ui-controlbar .bmpui-controlbar-top > .bmpui-container-wrapper {
  column-gap: 1.125rem;
  margin: 0 0.5em;
}
.bmpui-ui-controlbar .bmpui-controlbar-bottom {
  margin-top: 0.5em;
}
.bmpui-ui-controlbar .bmpui-controlbar-bottom > .bmpui-container-wrapper .bmpui-ui-volumeslider {
  margin: auto 0.5em;
  width: 8rem;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-ads .bmpui-ui-button-ad-skip, .bmpui-ui-smallcenteredplaybacktogglebutton, .bmpui-ui-settings-panel-navigation-text-button, .bmpui-ui-piptogglebutton, .bmpui-ui-airplaytogglebutton, .bmpui-ui-closebutton, .bmpui-ui-replaybutton, .bmpui-ui-hugereplaybutton, .bmpui-ui-clickoverlay, .bmpui-ui-casttogglebutton, .bmpui-ui-audio-track-list-box-toggle-button, .bmpui-ui-subtitle-list-box-toggle-button, .bmpui-ui-settingstogglebutton, .bmpui-ui-settingspanelpagebackbutton, .bmpui-ui-settingspanelpageopenbutton, .bmpui-ui-hugeplaybacktogglebutton, .bmpui-ui-watermark, .bmpui-ui-ecomodetogglebutton, .bmpui-ui-volumetogglebutton, .bmpui-ui-vrtogglebutton, .bmpui-ui-fullscreentogglebutton, .bmpui-ui-quickseekbutton, .bmpui-ui-playbacktogglebutton, .bmpui-ui-button {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-flow: row;
  justify-content: flex-start;
  column-gap: 0.4em;
  background-color: transparent;
  border: 0;
  box-sizing: content-box;
  cursor: pointer;
  height: 1.5rem;
  font-size: 1.125rem;
  min-width: 1.5rem;
  padding: 0.375rem;
  transition: transform 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}
.bmpui-ui-ads .bmpui-ui-button-ad-skip .bmpui-label, .bmpui-ui-smallcenteredplaybacktogglebutton .bmpui-label, .bmpui-ui-settings-panel-navigation-text-button .bmpui-label, .bmpui-ui-piptogglebutton .bmpui-label, .bmpui-ui-airplaytogglebutton .bmpui-label, .bmpui-ui-closebutton .bmpui-label, .bmpui-ui-replaybutton .bmpui-label, .bmpui-ui-hugereplaybutton .bmpui-label, .bmpui-ui-clickoverlay .bmpui-label, .bmpui-ui-casttogglebutton .bmpui-label, .bmpui-ui-audio-track-list-box-toggle-button .bmpui-label, .bmpui-ui-subtitle-list-box-toggle-button .bmpui-label, .bmpui-ui-settingstogglebutton .bmpui-label, .bmpui-ui-settingspanelpagebackbutton .bmpui-label, .bmpui-ui-settingspanelpageopenbutton .bmpui-label, .bmpui-ui-hugeplaybacktogglebutton .bmpui-label, .bmpui-ui-watermark .bmpui-label, .bmpui-ui-ecomodetogglebutton .bmpui-label, .bmpui-ui-volumetogglebutton .bmpui-label, .bmpui-ui-vrtogglebutton .bmpui-label, .bmpui-ui-fullscreentogglebutton .bmpui-label, .bmpui-ui-quickseekbutton .bmpui-label, .bmpui-ui-playbacktogglebutton .bmpui-label, .bmpui-ui-button .bmpui-label {
  color: #fff;
}
.bmpui-ui-ads .bmpui-disabled.bmpui-ui-button-ad-skip, .bmpui-disabled.bmpui-ui-smallcenteredplaybacktogglebutton, .bmpui-disabled.bmpui-ui-settings-panel-navigation-text-button, .bmpui-disabled.bmpui-ui-piptogglebutton, .bmpui-disabled.bmpui-ui-airplaytogglebutton, .bmpui-disabled.bmpui-ui-closebutton, .bmpui-disabled.bmpui-ui-replaybutton, .bmpui-disabled.bmpui-ui-hugereplaybutton, .bmpui-disabled.bmpui-ui-clickoverlay, .bmpui-disabled.bmpui-ui-casttogglebutton, .bmpui-disabled.bmpui-ui-audio-track-list-box-toggle-button, .bmpui-disabled.bmpui-ui-subtitle-list-box-toggle-button, .bmpui-disabled.bmpui-ui-settingstogglebutton, .bmpui-disabled.bmpui-ui-settingspanelpagebackbutton, .bmpui-disabled.bmpui-ui-settingspanelpageopenbutton, .bmpui-disabled.bmpui-ui-hugeplaybacktogglebutton, .bmpui-disabled.bmpui-ui-watermark, .bmpui-disabled.bmpui-ui-ecomodetogglebutton, .bmpui-disabled.bmpui-ui-volumetogglebutton, .bmpui-disabled.bmpui-ui-vrtogglebutton, .bmpui-disabled.bmpui-ui-fullscreentogglebutton, .bmpui-disabled.bmpui-ui-quickseekbutton, .bmpui-disabled.bmpui-ui-playbacktogglebutton, .bmpui-disabled.bmpui-ui-button {
  cursor: default;
}
.bmpui-ui-ads .bmpui-disabled.bmpui-ui-button-ad-skip, .bmpui-disabled.bmpui-ui-smallcenteredplaybacktogglebutton, .bmpui-disabled.bmpui-ui-settings-panel-navigation-text-button, .bmpui-disabled.bmpui-ui-piptogglebutton, .bmpui-disabled.bmpui-ui-airplaytogglebutton, .bmpui-disabled.bmpui-ui-closebutton, .bmpui-disabled.bmpui-ui-replaybutton, .bmpui-disabled.bmpui-ui-hugereplaybutton, .bmpui-disabled.bmpui-ui-clickoverlay, .bmpui-disabled.bmpui-ui-casttogglebutton, .bmpui-disabled.bmpui-ui-audio-track-list-box-toggle-button, .bmpui-disabled.bmpui-ui-subtitle-list-box-toggle-button, .bmpui-disabled.bmpui-ui-settingstogglebutton, .bmpui-disabled.bmpui-ui-settingspanelpagebackbutton, .bmpui-disabled.bmpui-ui-settingspanelpageopenbutton, .bmpui-disabled.bmpui-ui-hugeplaybacktogglebutton, .bmpui-disabled.bmpui-ui-watermark, .bmpui-disabled.bmpui-ui-ecomodetogglebutton, .bmpui-disabled.bmpui-ui-volumetogglebutton, .bmpui-disabled.bmpui-ui-vrtogglebutton, .bmpui-disabled.bmpui-ui-fullscreentogglebutton, .bmpui-disabled.bmpui-ui-quickseekbutton, .bmpui-disabled.bmpui-ui-playbacktogglebutton, .bmpui-disabled.bmpui-ui-button,
.bmpui-ui-ads .bmpui-disabled.bmpui-ui-button-ad-skip > *,
.bmpui-disabled.bmpui-ui-smallcenteredplaybacktogglebutton > *,
.bmpui-disabled.bmpui-ui-settings-panel-navigation-text-button > *,
.bmpui-disabled.bmpui-ui-piptogglebutton > *,
.bmpui-disabled.bmpui-ui-airplaytogglebutton > *,
.bmpui-disabled.bmpui-ui-closebutton > *,
.bmpui-disabled.bmpui-ui-replaybutton > *,
.bmpui-disabled.bmpui-ui-hugereplaybutton > *,
.bmpui-disabled.bmpui-ui-clickoverlay > *,
.bmpui-disabled.bmpui-ui-casttogglebutton > *,
.bmpui-disabled.bmpui-ui-audio-track-list-box-toggle-button > *,
.bmpui-disabled.bmpui-ui-subtitle-list-box-toggle-button > *,
.bmpui-disabled.bmpui-ui-settingstogglebutton > *,
.bmpui-disabled.bmpui-ui-settingspanelpagebackbutton > *,
.bmpui-disabled.bmpui-ui-settingspanelpageopenbutton > *,
.bmpui-disabled.bmpui-ui-hugeplaybacktogglebutton > *,
.bmpui-disabled.bmpui-ui-watermark > *,
.bmpui-disabled.bmpui-ui-ecomodetogglebutton > *,
.bmpui-disabled.bmpui-ui-volumetogglebutton > *,
.bmpui-disabled.bmpui-ui-vrtogglebutton > *,
.bmpui-disabled.bmpui-ui-fullscreentogglebutton > *,
.bmpui-disabled.bmpui-ui-quickseekbutton > *,
.bmpui-disabled.bmpui-ui-playbacktogglebutton > *,
.bmpui-disabled.bmpui-ui-button > * {
  pointer-events: none;
}
.bmpui-ui-ads .bmpui-disabled.bmpui-ui-button-ad-skip .bmpui-label:hover, .bmpui-disabled.bmpui-ui-smallcenteredplaybacktogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-settings-panel-navigation-text-button .bmpui-label:hover, .bmpui-disabled.bmpui-ui-piptogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-airplaytogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-closebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-replaybutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-hugereplaybutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-clickoverlay .bmpui-label:hover, .bmpui-disabled.bmpui-ui-casttogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-audio-track-list-box-toggle-button .bmpui-label:hover, .bmpui-disabled.bmpui-ui-subtitle-list-box-toggle-button .bmpui-label:hover, .bmpui-disabled.bmpui-ui-settingstogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-settingspanelpagebackbutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-settingspanelpageopenbutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-hugeplaybacktogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-watermark .bmpui-label:hover, .bmpui-disabled.bmpui-ui-ecomodetogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-volumetogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-vrtogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-fullscreentogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-quickseekbutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-playbacktogglebutton .bmpui-label:hover, .bmpui-disabled.bmpui-ui-button .bmpui-label:hover {
  text-decoration: none;
}
.bmpui-ui-ads .touched.bmpui-ui-button-ad-skip, .touched.bmpui-ui-smallcenteredplaybacktogglebutton, .touched.bmpui-ui-settings-panel-navigation-text-button, .touched.bmpui-ui-piptogglebutton, .touched.bmpui-ui-airplaytogglebutton, .touched.bmpui-ui-closebutton, .touched.bmpui-ui-replaybutton, .touched.bmpui-ui-hugereplaybutton, .touched.bmpui-ui-clickoverlay, .touched.bmpui-ui-casttogglebutton, .touched.bmpui-ui-audio-track-list-box-toggle-button, .touched.bmpui-ui-subtitle-list-box-toggle-button, .touched.bmpui-ui-settingstogglebutton, .touched.bmpui-ui-settingspanelpagebackbutton, .touched.bmpui-ui-settingspanelpageopenbutton, .touched.bmpui-ui-hugeplaybacktogglebutton, .touched.bmpui-ui-watermark, .touched.bmpui-ui-ecomodetogglebutton, .touched.bmpui-ui-volumetogglebutton, .touched.bmpui-ui-vrtogglebutton, .touched.bmpui-ui-fullscreentogglebutton, .touched.bmpui-ui-quickseekbutton, .touched.bmpui-ui-playbacktogglebutton, .touched.bmpui-ui-button {
  transform: scale(0.8);
}
.bmpui-ui-ads .bmpui-hidden.bmpui-ui-button-ad-skip, .bmpui-hidden.bmpui-ui-smallcenteredplaybacktogglebutton, .bmpui-hidden.bmpui-ui-settings-panel-navigation-text-button, .bmpui-hidden.bmpui-ui-piptogglebutton, .bmpui-hidden.bmpui-ui-airplaytogglebutton, .bmpui-hidden.bmpui-ui-closebutton, .bmpui-hidden.bmpui-ui-replaybutton, .bmpui-hidden.bmpui-ui-hugereplaybutton, .bmpui-hidden.bmpui-ui-clickoverlay, .bmpui-hidden.bmpui-ui-casttogglebutton, .bmpui-hidden.bmpui-ui-audio-track-list-box-toggle-button, .bmpui-hidden.bmpui-ui-subtitle-list-box-toggle-button, .bmpui-hidden.bmpui-ui-settingstogglebutton, .bmpui-hidden.bmpui-ui-settingspanelpagebackbutton, .bmpui-hidden.bmpui-ui-settingspanelpageopenbutton, .bmpui-hidden.bmpui-ui-hugeplaybacktogglebutton, .bmpui-hidden.bmpui-ui-watermark, .bmpui-hidden.bmpui-ui-ecomodetogglebutton, .bmpui-hidden.bmpui-ui-volumetogglebutton, .bmpui-hidden.bmpui-ui-vrtogglebutton, .bmpui-hidden.bmpui-ui-fullscreentogglebutton, .bmpui-hidden.bmpui-ui-quickseekbutton, .bmpui-hidden.bmpui-ui-playbacktogglebutton, .bmpui-hidden.bmpui-ui-button {
  display: none;
}
.bmpui-ui-ads .bmpui-ui-button-ad-skip:focus, .bmpui-ui-smallcenteredplaybacktogglebutton:focus, .bmpui-ui-settings-panel-navigation-text-button:focus, .bmpui-ui-piptogglebutton:focus, .bmpui-ui-airplaytogglebutton:focus, .bmpui-ui-closebutton:focus, .bmpui-ui-replaybutton:focus, .bmpui-ui-hugereplaybutton:focus, .bmpui-ui-clickoverlay:focus, .bmpui-ui-casttogglebutton:focus, .bmpui-ui-audio-track-list-box-toggle-button:focus, .bmpui-ui-subtitle-list-box-toggle-button:focus, .bmpui-ui-settingstogglebutton:focus, .bmpui-ui-settingspanelpagebackbutton:focus, .bmpui-ui-settingspanelpageopenbutton:focus, .bmpui-ui-hugeplaybacktogglebutton:focus, .bmpui-ui-watermark:focus, .bmpui-ui-ecomodetogglebutton:focus, .bmpui-ui-volumetogglebutton:focus, .bmpui-ui-vrtogglebutton:focus, .bmpui-ui-fullscreentogglebutton:focus, .bmpui-ui-quickseekbutton:focus, .bmpui-ui-playbacktogglebutton:focus, .bmpui-ui-button:focus {
  outline: none;
}
.bmpui-ui-ads .bmpui-focus-visible.bmpui-ui-button-ad-skip, .bmpui-focus-visible.bmpui-ui-smallcenteredplaybacktogglebutton, .bmpui-focus-visible.bmpui-ui-settings-panel-navigation-text-button, .bmpui-focus-visible.bmpui-ui-piptogglebutton, .bmpui-focus-visible.bmpui-ui-airplaytogglebutton, .bmpui-focus-visible.bmpui-ui-closebutton, .bmpui-focus-visible.bmpui-ui-replaybutton, .bmpui-focus-visible.bmpui-ui-hugereplaybutton, .bmpui-focus-visible.bmpui-ui-clickoverlay, .bmpui-focus-visible.bmpui-ui-casttogglebutton, .bmpui-focus-visible.bmpui-ui-audio-track-list-box-toggle-button, .bmpui-focus-visible.bmpui-ui-subtitle-list-box-toggle-button, .bmpui-focus-visible.bmpui-ui-settingstogglebutton, .bmpui-focus-visible.bmpui-ui-settingspanelpagebackbutton, .bmpui-focus-visible.bmpui-ui-settingspanelpageopenbutton, .bmpui-focus-visible.bmpui-ui-hugeplaybacktogglebutton, .bmpui-focus-visible.bmpui-ui-watermark, .bmpui-focus-visible.bmpui-ui-ecomodetogglebutton, .bmpui-focus-visible.bmpui-ui-volumetogglebutton, .bmpui-focus-visible.bmpui-ui-vrtogglebutton, .bmpui-focus-visible.bmpui-ui-fullscreentogglebutton, .bmpui-focus-visible.bmpui-ui-quickseekbutton, .bmpui-focus-visible.bmpui-ui-playbacktogglebutton, .bmpui-focus-visible.bmpui-ui-button {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 0.3em;
  outline: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-playbacktogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20.49 11.1299L4.48999 2.12994C4.17999 1.95994 3.79999 1.95994 3.48999 2.12994C3.17999 2.30994 2.98999 2.63994 2.98999 2.98994V20.9899C2.98999 21.3499 3.17999 21.6699 3.48999 21.8499C3.64999 21.9399 3.81999 21.9899 3.98999 21.9899C4.15999 21.9899 4.32999 21.9499 4.47999 21.8599L20.48 12.8599C20.79 12.6799 20.99 12.3499 20.99 11.9899C20.99 11.6299 20.79 11.2999 20.48 11.1199L20.49 11.1299Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-playbacktogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-ui-playbacktogglebutton.bmpui-on .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M9 3H5C4.45 3 4 3.45 4 4V20C4 20.55 4.45 21 5 21H9C9.55 21 10 20.55 10 20V4C10 3.45 9.55 3 9 3ZM19 3H15C14.45 3 14 3.45 14 4V20C14 20.55 14.45 21 15 21H19C19.55 21 20 20.55 20 20V4C20 3.45 19.55 3 19 3Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-playbacktogglebutton.bmpui-on.bmpui-stoptoggle .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3Z%27/%3E %3C/svg%3E");
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-quickseekbutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=forward] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M19.2291 15.47L19.119 15.67C17.7383 18.34 15.0068 19.99 12.0053 19.99C7.59294 19.99 4.00105 16.4 4.00105 11.99C4.00105 7.58 7.59294 4 12.0053 4C13.7562 4 15.1769 4.47 16.5477 5.5H15.4971C14.9468 5.5 14.4966 5.95 14.4966 6.5C14.4966 7.05 14.9468 7.5 15.4971 7.5H18.9989C19.5492 7.5 19.9995 7.05 19.9995 6.5V3C19.9995 2.45 19.5492 2 18.9989 2C18.4487 2 17.9984 2.45 17.9984 3V4.1C16.1975 2.66 14.3065 2 11.9953 2C6.49236 2 2 6.49 2 12C2 17.51 6.49236 22 12.0053 22C15.7572 22 19.169 19.93 20.8899 16.6L21 16.39L19.2291 15.48V15.47Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=forward][data-bmpui-seek-seconds="5"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M12.45 13.78C12.31 13.85 12.16 13.89 11.98 13.89C11.75 13.89 11.56 13.83 11.39 13.7C11.23 13.57 11.14 13.4 11.13 13.18H9.45C9.45 13.57 9.56 13.92 9.78 14.22C10 14.52 10.29 14.76 10.67 14.93C11.05 15.1 11.48 15.19 11.97 15.19C12.49 15.19 12.94 15.09 13.32 14.9C13.7 14.71 14 14.44 14.21 14.11C14.42 13.77 14.53 13.38 14.53 12.95C14.53 12.55 14.45 12.2 14.27 11.89C14.1 11.58 13.86 11.34 13.56 11.17C13.26 11 12.92 10.91 12.55 10.91C12.23 10.91 11.94 10.97 11.7 11.1C11.46 11.23 11.28 11.38 11.18 11.57H11.14L11.26 10.18H14.12V8.82H9.84L9.59 12.28L11.11 12.57C11.18 12.42 11.3 12.3 11.45 12.21C11.6 12.12 11.77 12.08 11.95 12.08C12.13 12.08 12.28 12.12 12.42 12.19C12.55 12.26 12.66 12.37 12.74 12.51C12.82 12.65 12.85 12.81 12.85 12.99C12.85 13.17 12.82 13.33 12.74 13.47C12.66 13.61 12.56 13.71 12.42 13.79L12.45 13.78ZM19.23 15.47L19.12 15.67C17.74 18.34 15.01 19.99 12.01 19.99C7.6 19.99 4.01 16.4 4.01 11.99C4.01 7.58 7.59 4 12 4C13.75 4 15.17 4.47 16.54 5.5H15.49C14.94 5.5 14.49 5.95 14.49 6.5C14.49 7.05 14.94 7.5 15.49 7.5H18.99C19.54 7.5 19.99 7.05 19.99 6.5V3C19.99 2.45 19.54 2 18.99 2C18.44 2 17.99 2.45 17.99 3V4.1C16.19 2.66 14.3 2 11.99 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C15.75 22 19.16 19.93 20.89 16.6L21 16.39L19.23 15.48V15.47Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=forward][data-bmpui-seek-seconds="10"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M15.6 9.15C15.18 8.9 14.68 8.78 14.1 8.78C13.52 8.78 13.02 8.9 12.6 9.15C12.18 9.4 11.86 9.76 11.63 10.24C11.4 10.72 11.29 11.3 11.29 11.98C11.29 12.66 11.4 13.24 11.63 13.73C11.86 14.22 12.18 14.59 12.6 14.85C13.02 15.11 13.52 15.24 14.1 15.24C14.68 15.24 15.18 15.11 15.6 14.85C16.02 14.59 16.34 14.22 16.57 13.73C16.8 13.24 16.91 12.66 16.91 11.97C16.91 11.29 16.8 10.71 16.57 10.24C16.34 9.76 16.02 9.4 15.6 9.15ZM14.84 13.4C14.65 13.7 14.4 13.86 14.1 13.86C13.9 13.86 13.72 13.79 13.57 13.66C13.42 13.53 13.29 13.32 13.21 13.04C13.12 12.76 13.08 12.4 13.08 11.97C13.08 11.33 13.18 10.87 13.37 10.57C13.56 10.28 13.8 10.13 14.1 10.13C14.3 10.13 14.48 10.19 14.63 10.33C14.78 10.46 14.9 10.66 14.99 10.93C15.08 11.2 15.12 11.55 15.12 11.97C15.12 12.62 15.03 13.1 14.84 13.4ZM10.24 15.23V8.86H8.65L7.08 9.82V11.29L8.47 10.46H8.51V15.24H10.24V15.23ZM19.23 15.47L19.12 15.67C17.74 18.34 15.01 19.99 12.01 19.99C7.6 19.99 4.01 16.4 4.01 11.99C4.01 7.58 7.59 4 12 4C13.75 4 15.17 4.47 16.54 5.5H15.49C14.94 5.5 14.49 5.95 14.49 6.5C14.49 7.05 14.94 7.5 15.49 7.5H18.99C19.54 7.5 19.99 7.05 19.99 6.5V3C19.99 2.45 19.54 2 18.99 2C18.44 2 17.99 2.45 17.99 3V4.1C16.19 2.66 14.3 2 11.99 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C15.75 22 19.16 19.93 20.89 16.6L21 16.39L19.23 15.48V15.47Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=forward][data-bmpui-seek-seconds="15"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M14.58 13.78C14.44 13.85 14.29 13.89 14.11 13.89C13.88 13.89 13.69 13.83 13.52 13.7C13.35 13.57 13.27 13.4 13.26 13.18H11.58C11.58 13.57 11.69 13.92 11.91 14.22C12.13 14.52 12.42 14.76 12.8 14.93C13.18 15.1 13.61 15.19 14.1 15.19C14.62 15.19 15.07 15.09 15.45 14.9C15.83 14.71 16.13 14.44 16.34 14.11C16.55 13.77 16.66 13.38 16.66 12.95C16.66 12.55 16.58 12.2 16.4 11.89C16.23 11.58 15.99 11.34 15.69 11.17C15.39 11 15.05 10.91 14.67 10.91C14.35 10.91 14.06 10.97 13.82 11.1C13.58 11.23 13.4 11.38 13.3 11.57H13.26L13.38 10.18H16.24V8.82H11.96L11.71 12.28L13.23 12.57C13.3 12.42 13.42 12.3 13.57 12.21C13.72 12.12 13.89 12.08 14.08 12.08C14.27 12.08 14.41 12.12 14.55 12.19C14.68 12.26 14.79 12.37 14.87 12.51C14.95 12.65 14.98 12.81 14.98 12.99C14.98 13.17 14.95 13.33 14.87 13.47C14.79 13.61 14.69 13.71 14.55 13.79L14.58 13.78ZM10.48 15.18V8.81H8.89L7.32 9.77V11.24L8.71 10.41H8.75V15.19H10.48V15.18ZM19.23 15.47L19.12 15.67C17.74 18.34 15.01 19.99 12.01 19.99C7.6 19.99 4.01 16.4 4.01 11.99C4.01 7.58 7.59 4 12 4C13.75 4 15.17 4.47 16.54 5.5H15.49C14.94 5.5 14.49 5.95 14.49 6.5C14.49 7.05 14.94 7.5 15.49 7.5H18.99C19.54 7.5 19.99 7.05 19.99 6.5V3C19.99 2.45 19.54 2 18.99 2C18.44 2 17.99 2.45 17.99 3V4.1C16.19 2.66 14.3 2 11.99 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C15.75 22 19.16 19.93 20.89 16.6L21 16.39L19.23 15.48V15.47Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=forward][data-bmpui-seek-seconds="20"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M16.26 9.15C15.84 8.9 15.34 8.78 14.76 8.78C14.18 8.78 13.68 8.9 13.26 9.15C12.84 9.4 12.52 9.76 12.29 10.24C12.06 10.72 11.95 11.3 11.95 11.98C11.95 12.66 12.06 13.24 12.29 13.73C12.52 14.22 12.84 14.59 13.26 14.85C13.68 15.11 14.18 15.24 14.76 15.24C15.34 15.24 15.84 15.11 16.26 14.85C16.68 14.59 17 14.22 17.23 13.73C17.46 13.24 17.57 12.66 17.57 11.97C17.57 11.29 17.46 10.71 17.23 10.24C17 9.77 16.68 9.4 16.26 9.15ZM15.5 13.4C15.31 13.7 15.06 13.86 14.76 13.86C14.56 13.86 14.38 13.79 14.23 13.66C14.08 13.53 13.95 13.32 13.87 13.04C13.78 12.76 13.74 12.4 13.74 11.97C13.74 11.33 13.84 10.87 14.03 10.57C14.22 10.28 14.46 10.13 14.76 10.13C14.96 10.13 15.14 10.19 15.29 10.33C15.44 10.46 15.56 10.66 15.65 10.93C15.74 11.2 15.78 11.55 15.78 11.97C15.78 12.62 15.69 13.1 15.5 13.4ZM9.33 11.65C9.22 11.77 9.08 11.89 8.92 12.02L6.54 13.99V15.23H11.43V13.85H8.94V13.81L9.54 13.31C10.03 12.91 10.4 12.56 10.66 12.27C10.92 11.98 11.1 11.71 11.21 11.47C11.31 11.23 11.36 10.99 11.36 10.74C11.36 10.34 11.26 10 11.05 9.71C10.85 9.42 10.56 9.19 10.18 9.02C9.8 8.86 9.36 8.78 8.85 8.78C8.34 8.78 7.93 8.87 7.56 9.04C7.19 9.21 6.91 9.46 6.71 9.79C6.51 10.11 6.41 10.5 6.41 10.95H8.05C8.05 10.77 8.08 10.62 8.15 10.5C8.22 10.38 8.31 10.28 8.43 10.22C8.55 10.16 8.69 10.12 8.85 10.12C9.01 10.12 9.15 10.15 9.27 10.21C9.39 10.27 9.49 10.36 9.56 10.48C9.63 10.6 9.66 10.74 9.66 10.9C9.66 11.05 9.63 11.19 9.57 11.31C9.51 11.43 9.42 11.55 9.31 11.67L9.33 11.65ZM19.23 15.47L19.12 15.67C17.74 18.34 15.01 19.99 12.01 19.99C7.6 19.99 4.01 16.4 4.01 11.99C4.01 7.58 7.59 4 12 4C13.75 4 15.17 4.47 16.54 5.5H15.49C14.94 5.5 14.49 5.95 14.49 6.5C14.49 7.05 14.94 7.5 15.49 7.5H18.99C19.54 7.5 19.99 7.05 19.99 6.5V3C19.99 2.45 19.54 2 18.99 2C18.44 2 17.99 2.45 17.99 3V4.1C16.19 2.66 14.3 2 11.99 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C15.75 22 19.16 19.93 20.89 16.6L21 16.39L19.23 15.48V15.47Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=forward][data-bmpui-seek-seconds="30"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M9.34 13.77C9.22 13.83 9.08 13.85 8.92 13.85C8.76 13.85 8.61 13.82 8.48 13.77C8.35 13.72 8.25 13.64 8.18 13.55C8.11 13.46 8.07 13.35 8.07 13.23H6.33C6.33 13.62 6.44 13.97 6.67 14.27C6.89 14.57 7.2 14.81 7.59 14.98C7.98 15.15 8.42 15.24 8.93 15.24C9.44 15.24 9.91 15.16 10.31 15C10.71 14.84 11.02 14.62 11.25 14.33C11.47 14.05 11.59 13.72 11.58 13.35C11.58 12.97 11.46 12.65 11.2 12.39C10.94 12.14 10.55 11.98 10.04 11.93V11.88C10.42 11.84 10.73 11.71 10.98 11.48C11.23 11.26 11.35 10.97 11.35 10.62C11.35 10.27 11.25 9.95 11.05 9.68C10.85 9.4 10.56 9.19 10.2 9.03C9.84 8.87 9.42 8.79 8.95 8.79C8.48 8.79 8.04 8.87 7.67 9.04C7.3 9.21 7.01 9.44 6.79 9.73C6.58 10.02 6.47 10.36 6.47 10.75H8.12C8.12 10.62 8.16 10.51 8.23 10.41C8.3 10.31 8.4 10.24 8.52 10.18C8.64 10.13 8.78 10.1 8.94 10.1C9.08 10.1 9.21 10.13 9.32 10.18C9.43 10.23 9.52 10.31 9.58 10.4C9.64 10.49 9.67 10.6 9.67 10.73C9.67 10.86 9.64 10.97 9.56 11.07C9.49 11.17 9.38 11.24 9.25 11.3C9.12 11.35 8.97 11.38 8.79 11.38H8.14V12.56H8.79C8.98 12.56 9.14 12.59 9.28 12.64C9.42 12.7 9.53 12.77 9.61 12.87C9.69 12.97 9.73 13.08 9.73 13.21C9.73 13.34 9.7 13.45 9.63 13.55C9.56 13.65 9.47 13.73 9.34 13.78V13.77ZM16.38 9.15C15.96 8.9 15.46 8.78 14.88 8.78C14.3 8.78 13.8 8.9 13.38 9.15C12.96 9.4 12.64 9.76 12.41 10.24C12.18 10.72 12.07 11.3 12.07 11.98C12.07 12.66 12.18 13.24 12.41 13.73C12.64 14.22 12.96 14.59 13.38 14.85C13.8 15.11 14.3 15.24 14.88 15.24C15.46 15.24 15.96 15.11 16.38 14.85C16.8 14.59 17.12 14.22 17.35 13.73C17.58 13.24 17.69 12.66 17.69 11.97C17.69 11.29 17.58 10.71 17.35 10.24C17.12 9.77 16.8 9.4 16.38 9.15ZM15.61 13.4C15.42 13.7 15.17 13.86 14.87 13.86C14.67 13.86 14.49 13.79 14.34 13.66C14.19 13.53 14.06 13.32 13.98 13.04C13.89 12.76 13.85 12.4 13.85 11.97C13.85 11.33 13.95 10.87 14.14 10.57C14.33 10.28 14.57 10.13 14.87 10.13C15.07 10.13 15.25 10.19 15.4 10.33C15.55 10.46 15.67 10.66 15.76 10.93C15.85 11.2 15.89 11.55 15.89 11.97C15.89 12.62 15.8 13.1 15.61 13.4ZM19.23 15.47L19.12 15.67C17.74 18.34 15.01 19.99 12.01 19.99C7.6 19.99 4.01 16.4 4.01 11.99C4.01 7.58 7.59 4 12 4C13.75 4 15.17 4.47 16.54 5.5H15.49C14.94 5.5 14.49 5.95 14.49 6.5C14.49 7.05 14.94 7.5 15.49 7.5H18.99C19.54 7.5 19.99 7.05 19.99 6.5V3C19.99 2.45 19.54 2 18.99 2C18.44 2 17.99 2.45 17.99 3V4.1C16.19 2.66 14.3 2 11.99 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C15.75 22 19.16 19.93 20.89 16.6L21 16.39L19.23 15.48V15.47Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=forward][data-bmpui-seek-seconds="60"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M16.42 9.15C16 8.9 15.5 8.78 14.92 8.78C14.34 8.78 13.84 8.9 13.42 9.15C13 9.4 12.68 9.76 12.45 10.24C12.22 10.72 12.11 11.3 12.11 11.98C12.11 12.66 12.22 13.24 12.45 13.73C12.68 14.22 13 14.59 13.42 14.85C13.84 15.11 14.34 15.24 14.92 15.24C15.5 15.24 16 15.11 16.42 14.85C16.84 14.59 17.16 14.22 17.39 13.73C17.62 13.24 17.73 12.66 17.73 11.97C17.73 11.29 17.62 10.71 17.39 10.24C17.16 9.76 16.84 9.4 16.42 9.15ZM15.65 13.4C15.46 13.7 15.21 13.86 14.91 13.86C14.71 13.86 14.53 13.79 14.38 13.66C14.23 13.53 14.1 13.32 14.02 13.04C13.93 12.76 13.89 12.4 13.89 11.97C13.89 11.33 13.99 10.87 14.18 10.57C14.37 10.28 14.61 10.13 14.91 10.13C15.11 10.13 15.29 10.19 15.44 10.33C15.59 10.46 15.71 10.66 15.8 10.93C15.89 11.2 15.93 11.55 15.93 11.97C15.93 12.62 15.84 13.1 15.65 13.4ZM9.04 10.22C9.22 10.22 9.39 10.26 9.53 10.34C9.67 10.42 9.76 10.55 9.8 10.73H11.5C11.47 10.37 11.34 10.04 11.13 9.75C10.92 9.45 10.63 9.21 10.28 9.04C9.92 8.86 9.51 8.77 9.04 8.77C8.62 8.77 8.25 8.85 7.9 9C7.56 9.15 7.27 9.37 7.03 9.66C6.79 9.95 6.6 10.29 6.47 10.7C6.34 11.11 6.27 11.57 6.27 12.07C6.27 12.64 6.34 13.13 6.49 13.53C6.64 13.93 6.84 14.26 7.09 14.51C7.34 14.76 7.64 14.94 7.97 15.06C8.3 15.18 8.65 15.23 9.03 15.23C9.53 15.23 9.97 15.14 10.36 14.95C10.74 14.76 11.04 14.5 11.26 14.16C11.48 13.82 11.58 13.43 11.58 12.98C11.58 12.6 11.5 12.25 11.34 11.96C11.18 11.66 10.95 11.43 10.66 11.25C10.37 11.08 10.03 10.99 9.65 10.99C9.41 10.99 9.18 11.03 8.96 11.1C8.74 11.17 8.55 11.28 8.39 11.42C8.23 11.56 8.1 11.72 8.02 11.91H7.98C7.98 11.4 8.07 10.99 8.24 10.68C8.41 10.37 8.67 10.21 9.04 10.21V10.22ZM8.21 12.69C8.25 12.58 8.32 12.49 8.4 12.41C8.48 12.33 8.57 12.27 8.68 12.22C8.79 12.18 8.9 12.15 9.03 12.15C9.2 12.15 9.36 12.19 9.49 12.27C9.62 12.35 9.73 12.45 9.8 12.59C9.88 12.72 9.91 12.88 9.91 13.05C9.91 13.22 9.88 13.38 9.8 13.51C9.72 13.65 9.62 13.75 9.49 13.83C9.36 13.91 9.2 13.95 9.03 13.95C8.86 13.95 8.71 13.91 8.58 13.83C8.45 13.75 8.34 13.65 8.27 13.51C8.19 13.37 8.15 13.22 8.15 13.05C8.15 12.92 8.18 12.8 8.22 12.69H8.21ZM19.23 15.47L19.12 15.67C17.74 18.34 15.01 19.99 12.01 19.99C7.6 19.99 4.01 16.4 4.01 11.99C4.01 7.58 7.59 4 12 4C13.75 4 15.17 4.47 16.54 5.5H15.49C14.94 5.5 14.49 5.95 14.49 6.5C14.49 7.05 14.94 7.5 15.49 7.5H18.99C19.54 7.5 19.99 7.05 19.99 6.5V3C19.99 2.45 19.54 2 18.99 2C18.44 2 17.99 2.45 17.99 3V4.1C16.19 2.66 14.3 2 11.99 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C15.75 22 19.16 19.93 20.89 16.6L21 16.39L19.23 15.48V15.47Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=rewind] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M4.77093 15.47L4.88099 15.67C6.26172 18.34 8.99315 19.99 11.9947 19.99C16.4071 19.99 19.9989 16.4 19.9989 11.99C19.9989 7.58 16.4071 4 11.9947 4C10.2438 4 8.82307 4.47 7.45234 5.5H8.5029C9.05319 5.5 9.50342 5.95 9.50342 6.5C9.50342 7.05 9.05319 7.5 8.5029 7.5H5.00105C4.45076 7.5 4.00053 7.05 4.00053 6.5V3C4.00053 2.45 4.45076 2 5.00105 2C5.55134 2 6.00158 2.45 6.00158 3V4.1C7.80253 2.66 9.69352 2 12.0047 2C17.5076 2 22 6.49 22 12C22 17.51 17.5076 22 11.9947 22C8.24276 22 4.83097 19.93 3.11006 16.6L3 16.39L4.77093 15.48V15.47Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=rewind][data-bmpui-seek-seconds="5"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M12.45 13.78C12.31 13.85 12.16 13.89 11.98 13.89C11.75 13.89 11.56 13.83 11.39 13.7C11.23 13.57 11.14 13.4 11.13 13.18H9.45C9.45 13.57 9.56 13.92 9.78 14.22C10 14.52 10.29 14.76 10.67 14.93C11.05 15.1 11.48 15.19 11.97 15.19C12.49 15.19 12.94 15.09 13.32 14.9C13.7 14.71 14 14.44 14.21 14.11C14.42 13.77 14.53 13.38 14.53 12.95C14.53 12.55 14.45 12.2 14.27 11.89C14.1 11.58 13.86 11.34 13.56 11.17C13.26 11 12.92 10.91 12.55 10.91C12.23 10.91 11.94 10.97 11.7 11.1C11.46 11.23 11.28 11.38 11.18 11.57H11.14L11.26 10.18H14.12V8.82H9.84L9.59 12.28L11.11 12.57C11.18 12.42 11.3 12.3 11.45 12.21C11.6 12.12 11.77 12.08 11.95 12.08C12.13 12.08 12.28 12.12 12.42 12.19C12.55 12.26 12.66 12.37 12.74 12.51C12.82 12.65 12.85 12.81 12.85 12.99C12.85 13.17 12.82 13.33 12.74 13.47C12.66 13.61 12.56 13.71 12.42 13.79L12.45 13.78ZM12 2C9.7 2 7.8 2.67 6 4.1V3C6 2.45 5.55 2 5 2C4.45 2 4 2.45 4 3V6.5C4 7.05 4.45 7.5 5 7.5H8.5C9.05 7.5 9.5 7.05 9.5 6.5C9.5 5.95 9.05 5.5 8.5 5.5H7.45C8.82 4.47 10.24 4 11.99 4C16.4 4 19.99 7.59 19.99 12C19.99 16.41 16.4 20 11.99 20C8.99 20 6.26 18.34 4.88 15.68L4.77 15.48L3 16.39L3.11 16.6C4.84 19.93 8.24 22 12 22C17.52 22 22 17.51 22 12C22 6.49 17.51 2 12 2Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=rewind][data-bmpui-seek-seconds="10"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M10.24 15.23V8.86H8.65L7.08 9.82V11.29L8.47 10.46H8.51V15.24H10.24V15.23ZM12.61 14.84C13.03 15.1 13.53 15.23 14.11 15.23C14.69 15.23 15.19 15.1 15.61 14.84C16.03 14.58 16.35 14.21 16.58 13.72C16.81 13.23 16.92 12.65 16.92 11.96C16.92 11.28 16.81 10.7 16.58 10.23C16.35 9.75 16.03 9.39 15.61 9.14C15.19 8.89 14.69 8.77 14.11 8.77C13.53 8.77 13.03 8.89 12.61 9.14C12.19 9.39 11.87 9.75 11.64 10.23C11.41 10.71 11.3 11.29 11.3 11.97C11.3 12.65 11.41 13.23 11.64 13.72C11.87 14.21 12.19 14.58 12.61 14.84ZM13.37 10.57C13.56 10.28 13.8 10.13 14.1 10.13C14.3 10.13 14.48 10.19 14.63 10.33C14.78 10.46 14.9 10.66 14.99 10.93C15.08 11.2 15.12 11.55 15.12 11.97C15.12 12.62 15.03 13.1 14.84 13.4C14.65 13.7 14.4 13.86 14.1 13.86C13.9 13.86 13.72 13.79 13.57 13.66C13.42 13.53 13.29 13.32 13.21 13.04C13.12 12.76 13.08 12.4 13.08 11.97C13.08 11.33 13.18 10.87 13.37 10.57ZM12 2C9.7 2 7.8 2.67 6 4.1V3C6 2.45 5.55 2 5 2C4.45 2 4 2.45 4 3V6.5C4 7.05 4.45 7.5 5 7.5H8.5C9.05 7.5 9.5 7.05 9.5 6.5C9.5 5.95 9.05 5.5 8.5 5.5H7.45C8.82 4.47 10.24 4 11.99 4C16.4 4 19.99 7.59 19.99 12C19.99 16.41 16.4 20 11.99 20C8.99 20 6.26 18.34 4.88 15.68L4.77 15.48L3 16.39L3.11 16.6C4.84 19.93 8.24 22 12 22C17.52 22 22 17.51 22 12C22 6.49 17.51 2 12 2Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=rewind][data-bmpui-seek-seconds="15"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M10.48 15.18V8.81H8.89L7.32 9.77V11.24L8.71 10.41H8.75V15.19H10.48V15.18ZM14.58 13.78C14.44 13.85 14.29 13.89 14.11 13.89C13.88 13.89 13.69 13.83 13.52 13.7C13.35 13.57 13.27 13.4 13.26 13.18H11.58C11.58 13.57 11.69 13.92 11.91 14.22C12.13 14.52 12.42 14.76 12.8 14.93C13.18 15.1 13.61 15.19 14.1 15.19C14.62 15.19 15.07 15.09 15.45 14.9C15.83 14.71 16.13 14.44 16.34 14.11C16.55 13.77 16.66 13.38 16.66 12.95C16.66 12.55 16.58 12.2 16.4 11.89C16.23 11.58 15.99 11.34 15.69 11.17C15.39 11 15.05 10.91 14.67 10.91C14.35 10.91 14.06 10.97 13.82 11.1C13.58 11.23 13.4 11.38 13.3 11.57H13.26L13.38 10.18H16.24V8.82H11.96L11.71 12.28L13.23 12.57C13.3 12.42 13.42 12.3 13.57 12.21C13.72 12.12 13.89 12.08 14.08 12.08C14.27 12.08 14.41 12.12 14.55 12.19C14.68 12.26 14.79 12.37 14.87 12.51C14.95 12.65 14.98 12.81 14.98 12.99C14.98 13.17 14.95 13.33 14.87 13.47C14.79 13.61 14.69 13.71 14.55 13.79L14.58 13.78ZM12 2C9.7 2 7.8 2.67 6 4.1V3C6 2.45 5.55 2 5 2C4.45 2 4 2.45 4 3V6.5C4 7.05 4.45 7.5 5 7.5H8.5C9.05 7.5 9.5 7.05 9.5 6.5C9.5 5.95 9.05 5.5 8.5 5.5H7.45C8.82 4.47 10.24 4 11.99 4C16.4 4 19.99 7.59 19.99 12C19.99 16.41 16.4 20 11.99 20C8.99 20 6.26 18.34 4.88 15.68L4.77 15.48L3 16.39L3.11 16.6C4.84 19.93 8.24 22 12 22C17.52 22 22 17.51 22 12C22 6.49 17.51 2 12 2Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=rewind][data-bmpui-seek-seconds="20"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M9.55 13.31C10.04 12.91 10.41 12.56 10.67 12.27C10.93 11.98 11.11 11.71 11.22 11.47C11.32 11.23 11.37 10.99 11.37 10.74C11.37 10.34 11.27 10 11.06 9.71C10.86 9.42 10.57 9.19 10.19 9.02C9.81 8.86 9.37 8.78 8.86 8.78C8.35 8.78 7.94 8.87 7.57 9.04C7.2 9.21 6.92 9.46 6.72 9.79C6.52 10.11 6.42 10.5 6.42 10.95H8.06C8.06 10.77 8.09 10.62 8.16 10.5C8.23 10.38 8.32 10.28 8.44 10.22C8.56 10.16 8.7 10.12 8.86 10.12C9.02 10.12 9.16 10.15 9.28 10.21C9.4 10.27 9.5 10.36 9.57 10.48C9.64 10.6 9.67 10.74 9.67 10.9C9.67 11.05 9.64 11.19 9.58 11.31C9.52 11.43 9.43 11.55 9.32 11.67C9.21 11.79 9.07 11.91 8.91 12.04L6.53 14.01V15.25H11.42V13.87H8.93V13.83L9.53 13.33L9.55 13.31ZM13.26 14.84C13.68 15.1 14.18 15.23 14.76 15.23C15.34 15.23 15.84 15.1 16.26 14.84C16.68 14.58 17 14.21 17.23 13.72C17.46 13.23 17.57 12.65 17.57 11.96C17.57 11.28 17.46 10.7 17.23 10.23C17 9.76 16.68 9.39 16.26 9.14C15.84 8.89 15.34 8.77 14.76 8.77C14.18 8.77 13.68 8.89 13.26 9.14C12.84 9.39 12.52 9.75 12.29 10.23C12.06 10.71 11.95 11.29 11.95 11.97C11.95 12.65 12.06 13.23 12.29 13.72C12.52 14.21 12.84 14.58 13.26 14.84ZM14.03 10.57C14.22 10.28 14.46 10.13 14.76 10.13C14.96 10.13 15.14 10.19 15.29 10.33C15.44 10.46 15.56 10.66 15.65 10.93C15.74 11.2 15.78 11.55 15.78 11.97C15.78 12.62 15.69 13.1 15.5 13.4C15.31 13.7 15.06 13.86 14.76 13.86C14.56 13.86 14.38 13.79 14.23 13.66C14.08 13.53 13.95 13.32 13.87 13.04C13.78 12.76 13.74 12.4 13.74 11.97C13.74 11.33 13.84 10.87 14.03 10.57ZM12 2C9.7 2 7.8 2.67 6 4.1V3C6 2.45 5.55 2 5 2C4.45 2 4 2.45 4 3V6.5C4 7.05 4.45 7.5 5 7.5H8.5C9.05 7.5 9.5 7.05 9.5 6.5C9.5 5.95 9.05 5.5 8.5 5.5H7.45C8.82 4.47 10.24 4 11.99 4C16.4 4 19.99 7.59 19.99 12C19.99 16.41 16.4 20 11.99 20C8.99 20 6.26 18.34 4.88 15.68L4.77 15.48L3 16.39L3.11 16.6C4.84 19.93 8.24 22 12 22C17.52 22 22 17.51 22 12C22 6.49 17.51 2 12 2Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=rewind][data-bmpui-seek-seconds="30"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M9.34 13.77C9.22 13.83 9.08 13.85 8.92 13.85C8.76 13.85 8.61 13.82 8.48 13.77C8.35 13.72 8.25 13.64 8.18 13.55C8.11 13.46 8.07 13.35 8.07 13.23H6.33C6.33 13.62 6.44 13.97 6.67 14.27C6.89 14.57 7.2 14.81 7.59 14.98C7.98 15.15 8.42 15.24 8.93 15.24C9.44 15.24 9.91 15.16 10.31 15C10.71 14.84 11.02 14.62 11.25 14.33C11.47 14.05 11.59 13.72 11.58 13.35C11.58 12.97 11.46 12.65 11.2 12.39C10.94 12.14 10.55 11.98 10.04 11.93V11.88C10.42 11.84 10.73 11.71 10.98 11.48C11.23 11.26 11.35 10.97 11.35 10.62C11.35 10.27 11.25 9.95 11.05 9.68C10.85 9.4 10.56 9.19 10.2 9.03C9.84 8.87 9.42 8.79 8.95 8.79C8.48 8.79 8.04 8.87 7.67 9.04C7.3 9.21 7.01 9.44 6.79 9.73C6.58 10.02 6.47 10.36 6.47 10.75H8.12C8.12 10.62 8.16 10.51 8.23 10.41C8.3 10.31 8.4 10.24 8.52 10.18C8.64 10.13 8.78 10.1 8.94 10.1C9.08 10.1 9.21 10.13 9.32 10.18C9.43 10.23 9.52 10.31 9.58 10.4C9.64 10.49 9.67 10.6 9.67 10.73C9.67 10.86 9.64 10.97 9.56 11.07C9.49 11.17 9.38 11.24 9.25 11.3C9.12 11.35 8.97 11.38 8.79 11.38H8.14V12.56H8.79C8.98 12.56 9.14 12.59 9.28 12.64C9.42 12.7 9.53 12.77 9.61 12.87C9.69 12.97 9.73 13.08 9.73 13.21C9.73 13.34 9.7 13.45 9.63 13.55C9.56 13.65 9.47 13.73 9.34 13.78V13.77ZM13.38 14.84C13.8 15.1 14.3 15.23 14.88 15.23C15.46 15.23 15.96 15.1 16.38 14.84C16.8 14.58 17.12 14.21 17.35 13.72C17.58 13.23 17.69 12.65 17.69 11.96C17.69 11.28 17.58 10.7 17.35 10.23C17.12 9.76 16.8 9.39 16.38 9.14C15.96 8.89 15.46 8.77 14.88 8.77C14.3 8.77 13.8 8.89 13.38 9.14C12.96 9.39 12.64 9.75 12.41 10.23C12.18 10.71 12.07 11.29 12.07 11.97C12.07 12.65 12.18 13.23 12.41 13.72C12.64 14.21 12.96 14.58 13.38 14.84ZM14.15 10.57C14.34 10.28 14.58 10.13 14.88 10.13C15.08 10.13 15.26 10.19 15.41 10.33C15.56 10.46 15.68 10.66 15.77 10.93C15.86 11.2 15.9 11.55 15.9 11.97C15.9 12.62 15.81 13.1 15.62 13.4C15.43 13.7 15.18 13.86 14.88 13.86C14.68 13.86 14.5 13.79 14.35 13.66C14.2 13.53 14.07 13.32 13.99 13.04C13.9 12.76 13.86 12.4 13.86 11.97C13.86 11.33 13.96 10.87 14.15 10.57ZM12 2C9.7 2 7.8 2.67 6 4.1V3C6 2.45 5.55 2 5 2C4.45 2 4 2.45 4 3V6.5C4 7.05 4.45 7.5 5 7.5H8.5C9.05 7.5 9.5 7.05 9.5 6.5C9.5 5.95 9.05 5.5 8.5 5.5H7.45C8.82 4.47 10.24 4 11.99 4C16.4 4 19.99 7.59 19.99 12C19.99 16.41 16.4 20 11.99 20C8.99 20 6.26 18.34 4.88 15.68L4.77 15.48L3 16.39L3.11 16.6C4.84 19.93 8.24 22 12 22C17.52 22 22 17.51 22 12C22 6.49 17.51 2 12 2Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-quickseekbutton[data-bmpui-seek-direction=rewind][data-bmpui-seek-seconds="60"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M13.42 14.84C13.84 15.1 14.34 15.23 14.92 15.23C15.5 15.23 16 15.1 16.42 14.84C16.84 14.58 17.16 14.21 17.39 13.72C17.62 13.23 17.73 12.65 17.73 11.96C17.73 11.28 17.62 10.7 17.39 10.23C17.16 9.75 16.84 9.39 16.42 9.14C16 8.89 15.5 8.77 14.92 8.77C14.34 8.77 13.84 8.89 13.42 9.14C13 9.39 12.68 9.75 12.45 10.23C12.22 10.71 12.11 11.29 12.11 11.97C12.11 12.65 12.22 13.23 12.45 13.72C12.68 14.21 13 14.58 13.42 14.84ZM14.19 10.57C14.38 10.28 14.62 10.13 14.92 10.13C15.12 10.13 15.3 10.19 15.45 10.33C15.6 10.46 15.72 10.66 15.81 10.93C15.9 11.2 15.94 11.55 15.94 11.97C15.94 12.62 15.85 13.1 15.66 13.4C15.47 13.7 15.22 13.86 14.92 13.86C14.72 13.86 14.54 13.79 14.39 13.66C14.24 13.53 14.11 13.32 14.03 13.04C13.94 12.76 13.9 12.4 13.9 11.97C13.9 11.33 14 10.87 14.19 10.57ZM9.04 10.22C9.22 10.22 9.39 10.26 9.53 10.34C9.67 10.42 9.76 10.55 9.8 10.73H11.5C11.47 10.37 11.34 10.04 11.13 9.75C10.92 9.45 10.63 9.21 10.28 9.04C9.92 8.86 9.51 8.77 9.04 8.77C8.62 8.77 8.25 8.85 7.9 9C7.56 9.15 7.27 9.37 7.03 9.66C6.79 9.95 6.6 10.29 6.47 10.7C6.34 11.11 6.27 11.57 6.27 12.07C6.27 12.64 6.34 13.13 6.49 13.53C6.64 13.93 6.84 14.26 7.09 14.51C7.34 14.76 7.64 14.94 7.97 15.06C8.3 15.18 8.65 15.23 9.03 15.23C9.53 15.23 9.97 15.14 10.36 14.95C10.74 14.76 11.04 14.5 11.26 14.16C11.48 13.82 11.58 13.43 11.58 12.98C11.58 12.6 11.5 12.25 11.34 11.96C11.18 11.66 10.95 11.43 10.66 11.25C10.37 11.08 10.03 10.99 9.65 10.99C9.41 10.99 9.18 11.03 8.96 11.1C8.74 11.17 8.55 11.28 8.39 11.42C8.23 11.56 8.1 11.72 8.02 11.91H7.98C7.98 11.4 8.07 10.99 8.24 10.68C8.41 10.37 8.67 10.21 9.04 10.21V10.22ZM8.21 12.69C8.25 12.58 8.32 12.49 8.4 12.41C8.48 12.33 8.57 12.27 8.68 12.22C8.79 12.18 8.9 12.15 9.03 12.15C9.2 12.15 9.36 12.19 9.49 12.27C9.62 12.35 9.73 12.45 9.8 12.59C9.88 12.72 9.91 12.88 9.91 13.05C9.91 13.22 9.88 13.38 9.8 13.51C9.72 13.65 9.62 13.75 9.49 13.83C9.36 13.91 9.2 13.95 9.03 13.95C8.86 13.95 8.71 13.91 8.58 13.83C8.45 13.75 8.34 13.65 8.27 13.51C8.19 13.37 8.15 13.22 8.15 13.05C8.15 12.92 8.18 12.8 8.22 12.69H8.21ZM12 2C9.7 2 7.8 2.67 6 4.1V3C6 2.45 5.55 2 5 2C4.45 2 4 2.45 4 3V6.5C4 7.05 4.45 7.5 5 7.5H8.5C9.05 7.5 9.5 7.05 9.5 6.5C9.5 5.95 9.05 5.5 8.5 5.5H7.45C8.82 4.47 10.24 4 11.99 4C16.4 4 19.99 7.59 19.99 12C19.99 16.41 16.4 20 11.99 20C8.99 20 6.26 18.34 4.88 15.68L4.77 15.48L3 16.39L3.11 16.6C4.84 19.93 8.24 22 12 22C17.52 22 22 17.51 22 12C22 6.49 17.51 2 12 2Z%27/%3E %3C/svg%3E");
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-fullscreentogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 21H15V19H20V15H22V19C22 20.1 21.1 21 20 21ZM9 21H4C2.9 21 2 20.1 2 19V15H4V19H9V21ZM22 9H20V5H15V3H20C21.1 3 22 3.9 22 5V9ZM4 9H2V5C2 3.9 2.9 3 4 3H9V5H4V9Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-fullscreentogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-ui-fullscreentogglebutton.bmpui-on .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M16 21H14V16C14 14.9 14.9 14 16 14H22V16H16V21ZM10 21H8V16H2V14H8C9.1 14 10 14.9 10 16V21ZM22 10H16C14.9 10 14 9.1 14 8V3H16V8H22V10ZM8 10H2V8H8V3H10V8C10 9.1 9.1 10 8 10Z%27/%3E %3C/svg%3E");
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-vrtogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M22 4H2C1.45 4 1 4.45 1 5V19C1 19.55 1.45 20 2 20H8C8.27 20 8.52 19.89 8.71 19.71L12 16.42L15.29 19.71C15.48 19.9 15.73 20 16 20H22C22.55 20 23 19.55 23 19V5C23 4.45 22.55 4 22 4ZM21 18H16.41L12.7 14.29C12.31 13.9 11.68 13.9 11.29 14.29L7.58 18H3V6H21V18ZM7.5 14C8.88 14 10 12.88 10 11.5C10 10.12 8.88 9 7.5 9C6.12 9 5 10.12 5 11.5C5 12.88 6.12 14 7.5 14ZM16.5 14C17.88 14 19 12.88 19 11.5C19 10.12 17.88 9 16.5 9C15.12 9 14 10.12 14 11.5C14 12.88 15.12 14 16.5 14Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-vrtogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-volumetogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-ui-volumetogglebutton.bmpui-muted .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M12.42 2.09004C12.07 1.93004 11.66 1.98004 11.36 2.23004L5.64 7.00004H2C1.45 7.00004 1 7.45004 1 8.00004V16C1 16.55 1.45 17 2 17H5.64L11.36 21.77C11.54 21.92 11.77 22 12 22C12.14 22 12.29 21.97 12.42 21.91C12.77 21.75 13 21.39 13 21V3.00004C13 2.61004 12.78 2.26004 12.42 2.09004ZM22 10L20.59 8.59004L18.59 10.59L16.59 8.59004L15.18 10L17.18 12L15.18 14L16.59 15.41L18.59 13.41L20.59 15.41L22 14L20 12L22 10Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="0"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M12.42 2.09004C12.07 1.93004 11.66 1.98004 11.36 2.23004L5.64 7.00004H2C1.45 7.00004 1 7.45004 1 8.00004V16C1 16.55 1.45 17 2 17H5.64L11.36 21.77C11.54 21.92 11.77 22 12 22C12.14 22 12.29 21.97 12.42 21.91C12.77 21.75 13 21.39 13 21V3.00004C13 2.61004 12.78 2.26004 12.42 2.09004ZM22 10L20.59 8.59004L18.59 10.59L16.59 8.59004L15.18 10L17.18 12L15.18 14L16.59 15.41L18.59 13.41L20.59 15.41L22 14L20 12L22 10Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="1"] .bmpui-ui-icon, .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="2"] .bmpui-ui-icon, .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="3"] .bmpui-ui-icon, .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="4"] .bmpui-ui-icon, .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="5"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M12.42 2.09004C12.07 1.93004 11.65 1.98004 11.36 2.23004L5.64 7.00004H2C1.45 7.00004 1 7.45004 1 8.00004V16C1 16.55 1.45 17 2 17H5.64L11.36 21.77C11.54 21.92 11.77 22 12 22C12.14 22 12.29 21.97 12.42 21.91C12.77 21.75 13 21.39 13 21V3.00004C13 2.61004 12.78 2.26004 12.42 2.09004ZM17.21 7.33004L16.54 6.59004L15.05 7.93004L15.72 8.67004C16.55 9.59004 17 10.77 17 12C17 13.23 16.54 14.41 15.72 15.33L15.05 16.07L16.54 17.41L17.21 16.67C18.37 15.38 19 13.72 19 12C19 10.28 18.36 8.62004 17.21 7.33004Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="6"] .bmpui-ui-icon, .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="7"] .bmpui-ui-icon, .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="8"] .bmpui-ui-icon, .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="9"] .bmpui-ui-icon, .bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="10"] .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M12.42 2.09001C12.07 1.92001 11.65 1.98001 11.36 2.23001L5.64 7.00001H2C1.45 7.00001 1 7.45001 1 8.00001V16C1 16.55 1.45 17 2 17H5.64L11.36 21.77C11.54 21.92 11.77 22 12 22C12.14 22 12.29 21.97 12.42 21.91C12.77 21.75 13 21.39 13 21V3.00001C13 2.61001 12.78 2.26001 12.42 2.09001ZM19.85 4.30001L19.15 3.59001L17.72 4.99001L18.42 5.70001C20.08 7.39001 21 9.63001 21 12C21 14.37 20.08 16.61 18.42 18.3L17.72 19.01L19.15 20.41L19.85 19.7C21.88 17.63 23 14.89 23 12C23 9.11001 21.88 6.37001 19.85 4.30001ZM17.21 7.33001L16.54 6.59001L15.05 7.93001L15.72 8.67001C16.55 9.59001 17 10.77 17 12C17 13.23 16.54 14.41 15.72 15.33L15.05 16.07L16.54 17.41L17.21 16.67C18.37 15.38 19 13.72 19 12C19 10.28 18.36 8.62001 17.21 7.33001Z%27/%3E %3C/svg%3E");
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-ecomodetogglebutton {
  height: 1em;
  min-width: 5em;
}
.bmpui-ui-ecomodetogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-ui-ecomodetogglebutton.bmpui-on .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 class=%27icon icon-tabler icons-tabler-filled icon-tabler-toggle-right%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M16 9a3 3 0 1 1 -3 3l.005 -.176a3 3 0 0 1 2.995 -2.824%27/%3E%3Cpath d=%27M16 5a7 7 0 0 1 0 14h-8a7 7 0 0 1 0 -14zm0 2h-8a5 5 0 1 0 0 10h8a5 5 0 0 0 0 -10%27/%3E%3C/svg%3E");
  background-position: 20px center;
  background-size: 45% auto;
  margin-left: 2%;
}
.bmpui-ui-ecomodetogglebutton.bmpui-off .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-toggle-left%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%27/%3E%3Cpath d=%27M2 6m0 6a6 6 0 0 1 6 -6h8a6 6 0 0 1 6 6v0a6 6 0 0 1 -6 6h-8a6 6 0 0 1 -6 -6z%27/%3E%3C/svg%3E");
  background-position: 20px center;
  background-size: 45% auto;
}

#ecomodelabel::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M21.56 2.27995C21.37 2.08995 21.1 1.98995 20.84 1.99995C20.45 2.00995 11.23 2.36995 6.58 7.01995C3.25 10.35 2.68 14.28 4.97 17.31C4.22 18.18 3.44 19.09 2.64 20.04L2 20.8099L3.54 22.09L4.18 21.32C4.93 20.42 5.66 19.5599 6.37 18.74C7.6 19.7099 9.05 20.24 10.56 20.24C10.67 20.24 10.78 20.24 10.89 20.24C12.92 20.1399 14.97 19.11 16.82 17.26C21.47 12.61 21.83 3.37995 21.84 2.99995C21.84 2.72995 21.75 2.46995 21.56 2.27995ZM15.45 15.9C12.82 18.52 9.9 19.02 7.65 17.3C11.67 12.76 14.66 9.85995 14.7 9.81995L15.42 9.11995L14.03 7.67995L13.31 8.37995C13.31 8.37995 10.3 11.3 6.28 15.82C4.88 13.62 5.46 10.87 7.94 8.38995C11.19 5.13995 17.34 4.24995 19.82 4.00995C19.59 6.48995 18.69 12.65 15.44 15.89L15.45 15.9Z%27/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.7em auto;
  content: " ";
  display: inline-block;
  height: 1.5em;
  width: 2em;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bars, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bars, .bmpui-ui-volumeslider .bmpui-seekbar-playbackposition-marker, .bmpui-ui-seekbar .bmpui-seekbar-playbackposition-marker {
  -webkit-transform-origin: 0 0;
  bottom: 0;
  box-sizing: border-box;
  height: 0.375rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: auto;
  top: 0;
  transform-origin: 0 0;
  width: 100%;
}

.bmpui-ui-volumeslider, .bmpui-ui-seekbar {
  display: flex;
  align-items: center;
  height: 1.125rem;
  position: relative;
  width: 100%;
}
.bmpui-hidden.bmpui-ui-volumeslider, .bmpui-hidden.bmpui-ui-seekbar {
  display: none;
}
.bmpui-ui-volumeslider:focus, .bmpui-ui-seekbar:focus {
  outline: none;
}
.bmpui-focus-visible.bmpui-ui-volumeslider, .bmpui-focus-visible.bmpui-ui-seekbar {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 0.3em;
  outline: none;
}
.bmpui-ui-volumeslider .bmpui-seekbar-playbackposition-marker, .bmpui-ui-seekbar .bmpui-seekbar-playbackposition-marker {
  height: 1.125rem;
  left: -0.5625rem;
  width: 1.125rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
}
.bmpui-ui-volumeslider .bmpui-seekbar, .bmpui-ui-seekbar .bmpui-seekbar {
  cursor: pointer;
  height: 0.375rem;
  margin: 0.3125rem auto;
  position: relative;
  width: calc(100% - 0.5rem);
}
.bmpui-ui-volumeslider .bmpui-seekbar.bmpui-hidden, .bmpui-ui-seekbar .bmpui-seekbar.bmpui-hidden {
  display: none;
}
.bmpui-ui-volumeslider .bmpui-seekbar:focus, .bmpui-ui-seekbar .bmpui-seekbar:focus {
  outline: none;
}
.bmpui-ui-volumeslider .bmpui-seekbar.bmpui-focus-visible, .bmpui-ui-seekbar .bmpui-seekbar.bmpui-focus-visible {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 0.3em;
  outline: none;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bars, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bars {
  border-radius: 25px;
  overflow: hidden;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop {
  background-color: rgba(255, 255, 255, 0.2);
  margin: auto 0;
  width: 100%;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel {
  background-color: rgba(255, 255, 255, 0.2);
  margin: auto 0;
  transition: 0.3s linear, 0.3s linear;
  transition-property: transform;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition {
  background-color: rgba(255, 255, 255, 0.2);
  margin: auto 0;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition {
  background-color: #fff;
  margin: auto 0;
  transition: 0.1s linear, 0.1s linear;
  transition-property: transform;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers {
  height: 0.375rem;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker {
  background-color: #fff;
  height: 100%;
  text-align: center;
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: linear;
  width: 0.25rem;
  transition: height 0.3s ease, border-radius 0.3s ease, transform 0.1s linear;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker:hover, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker:hover, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker.bmpui-hovered, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker.bmpui-hovered {
  height: 0.625rem;
  border-radius: 0.125em;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker > .bmpui-seekbar-marker-image, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker > .bmpui-seekbar-marker-image {
  height: 1.5rem;
  position: absolute;
  transform: translate(-50%, calc(-100% - 0.2rem));
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker > .bmpui-seekbar-marker-indicator, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker > .bmpui-seekbar-marker-indicator {
  height: 0.625rem;
  width: 0.25rem;
  background-color: #fff;
  border-radius: 0.125em;
}
.bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition {
  transition: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-watermark {
  height: 4.5rem;
  width: 4.5rem;
  margin: 2em;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
}
.bmpui-ui-watermark .bmpui-ui-icon {
  background-size: initial;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml%20version=%271.0%27%20encoding=%27utf-8%27?%3E%20%3C%21--%20Generator:%20Adobe%20Illustrator%2021.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200%29%20--%3E%20%3Csvg%20version=%271.1%27%20id=%27Layer_1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xmlns:xlink=%27http://www.w3.org/1999/xlink%27%20x=%270px%27%20y=%270px%27%20viewBox=%270%200%2068%2068%27%20style=%27enable-background:new%200%200%2068%2068;%27%20xml:space=%27preserve%27%20fill=%27%23fff%27%3E%20%3Cstyle%20type=%27text/css%27%3E%20.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%20%3C/style%3E%20%3Cg%20id=%27Shape_1%27%3E%20%3Cg%3E%20%3Cpath%20class=%27st0%27%20d=%27M63.3,32.5L24.3,5v13.4l20.4,14.5c0.8,0.6,0.8,1.8,0,2.4L24.3,49.6V63l39-27.5C64.2,34.7,64.2,33.3,63.3,32.5%20z%20M38,32.5L12.8,14.7V25l11.1,7.9c0.8,0.6,0.8,1.8,0,2.4L12.8,43v10.3L38,35.5C39,34.7,39,33.3,38,32.5z%20M17.2,32.6L4,23.2v6.5%20l4.5,3.2c0.8,0.6,0.8,1.8,0,2.4L4,38.4v6.5l13.2-9.4C18.2,34.7,18.2,33.3,17.2,32.6z%27/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E");
  height: 4.5rem;
  width: 4.5rem;
}
.bmpui-ui-watermark:hover {
  opacity: 1;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-hugeplaybacktogglebutton {
  cursor: default;
  height: 8em;
  outline: none;
  overflow: hidden;
  width: 8em;
}
@keyframes bmpui-fade-out {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    transform: scale(2);
    visibility: hidden;
  }
}
@keyframes bmpui-fade-in {
  from {
    opacity: 0;
    transform: scale(2);
    visibility: visible;
  }
  to {
    opacity: 1;
  }
}
@keyframes bmpui-breathe {
  30% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(1);
  }
}
.bmpui-ui-hugeplaybacktogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20.49 11.1299L4.48999 2.12994C4.17999 1.95994 3.79999 1.95994 3.48999 2.12994C3.17999 2.30994 2.98999 2.63994 2.98999 2.98994V20.9899C2.98999 21.3499 3.17999 21.6699 3.48999 21.8499C3.64999 21.9399 3.81999 21.9899 3.98999 21.9899C4.15999 21.9899 4.32999 21.9499 4.47999 21.8599L20.48 12.8599C20.79 12.6799 20.99 12.3499 20.99 11.9899C20.99 11.6299 20.79 11.2999 20.48 11.1199L20.49 11.1299Z%27/%3E %3C/svg%3E");
  background-size: 4.5rem;
  height: 100%;
  width: 100%;
}
.bmpui-ui-hugeplaybacktogglebutton .bmpui-ui-icon:hover {
  animation: bmpui-breathe 3s ease-in-out infinite;
}
.bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-ui-icon {
  animation: bmpui-fade-out 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: visibility 0s 0.3s;
  visibility: hidden;
}
.bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-ui-icon {
  animation: bmpui-fade-in 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  visibility: visible;
}
.bmpui-ui-hugeplaybacktogglebutton.bmpui-no-transition-animations.bmpui-on .bmpui-ui-icon, .bmpui-ui-hugeplaybacktogglebutton.bmpui-no-transition-animations.bmpui-off .bmpui-ui-icon {
  animation: none;
  transition: none;
}
.bmpui-ui-hugeplaybacktogglebutton:focus {
  border-radius: unset;
  background-color: unset;
  backdrop-filter: none;
}
.bmpui-ui-hugeplaybacktogglebutton:active {
  transform: unset;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-ads .bmpui-ui-ad-message-label, .bmpui-ui-ads .bmpui-ui-label-ad-counter, .bmpui-ui-playbacktimelabel, .bmpui-ui-label-savedEnergy, .bmpui-ui-label {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-flow: row;
  justify-content: flex-start;
  column-gap: 0.4em;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}
.bmpui-ui-ads .bmpui-hidden.bmpui-ui-ad-message-label, .bmpui-ui-ads .bmpui-hidden.bmpui-ui-label-ad-counter, .bmpui-hidden.bmpui-ui-playbacktimelabel, .bmpui-hidden.bmpui-ui-label-savedEnergy, .bmpui-hidden.bmpui-ui-label {
  display: none;
}
.bmpui-ui-ads .bmpui-ui-ad-message-label .bmpui-ui-label-text, .bmpui-ui-ads .bmpui-ui-label-ad-counter .bmpui-ui-label-text, .bmpui-ui-playbacktimelabel .bmpui-ui-label-text, .bmpui-ui-label-savedEnergy .bmpui-ui-label-text, .bmpui-ui-label .bmpui-ui-label-text {
  margin: 0;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.bmpui-ui-label-savedEnergy {
  color: #fff;
  margin-left: 2.2em;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-settings-panel {
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  visibility: visible;
  transition: opacity 0.3s, visibility 0s, height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  background-color: rgba(46, 46, 46, 0.85);
  border-radius: 0.4rem;
  bottom: 3.5em;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  height: fit-content;
  max-height: 60%;
  min-width: fit-content;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  right: max(1em, env(safe-area-inset-right, 0));
  width: 40%;
}
.bmpui-hidden.bmpui-ui-settings-panel {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.bmpui-ui-settings-panel > .bmpui-container-wrapper {
  overflow-y: auto;
}

.bmpui-container-wrapper > .bmpui-ui-settings-panel {
  margin: 0;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-settings-panel-page {
  display: none;
}
.bmpui-active.bmpui-ui-settings-panel-page {
  display: block;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-settings-panel-item {
  padding: 1rem;
  white-space: nowrap;
  cursor: pointer;
}
.bmpui-ui-settings-panel-item:focus {
  outline: none;
}
.bmpui-focus-visible.bmpui-ui-settings-panel-item {
  box-shadow: inset 0;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 0;
  outline: none;
}
.bmpui-ui-settings-panel-item * {
  cursor: pointer;
}
@media (hover: hover) {
  .bmpui-ui-settings-panel-item:hover {
    background-color: rgba(255, 255, 255, 0.07);
  }
}
.bmpui-ui-settings-panel-item:active {
  background-color: rgba(255, 255, 255, 0.07);
}
.bmpui-hidden.bmpui-ui-settings-panel-item {
  display: none;
}
.bmpui-ui-settings-panel-item .bmpui-container-wrapper {
  align-items: center;
  display: flex;
}
.bmpui-ui-settings-panel-item > .bmpui-container-wrapper {
  column-gap: 10px;
}
.bmpui-ui-settings-panel-item .bmpui-ui-label {
  line-height: 1.5rem;
  min-height: 1.5rem;
}
.bmpui-ui-settings-panel-item .bmpui-ui-label-setting-selected-option {
  align-self: center;
  margin-left: auto;
  width: fit-content;
}
.bmpui-ui-settings-panel-item .bmpui-ui-label-setting-selected-option .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-chevron-right%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 6l6 6l-6 6%27/%3E%3C/svg%3E");
  width: 0.8em;
  min-width: unset;
}
.bmpui-ui-settings-panel-item-select-option.bmpui-ui-settings-panel-item .bmpui-ui-icon {
  display: none;
}
.bmpui-ui-settings-panel-item-select-option.bmpui-selected.bmpui-ui-settings-panel-item .bmpui-ui-icon {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-check%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M5 12l5 5l10 -10%27/%3E%3C/svg%3E");
}
.bmpui-title-item.bmpui-ui-settings-panel-item {
  background-color: rgba(0, 0, 0, 0.25);
  font-weight: 500;
}
.bmpui-title-item.bmpui-ui-settings-panel-item:hover {
  background-color: rgba(255, 255, 255, 0.07);
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-settingspanelpageopenbutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M21.2 10.02L18.22 9.42L19.9 6.89C20.16 6.49 20.11 5.97 19.78 5.63L18.37 4.22C18.03 3.88 17.5 3.83 17.11 4.1L14.58 5.78L13.98 2.8C13.89 2.33 13.48 2 13 2H11C10.52 2 10.11 2.34 10.02 2.8L9.42 5.78L6.89 4.1C6.49 3.83 5.97 3.89 5.63 4.22L4.22 5.63C3.88 5.97 3.83 6.5 4.1 6.89L5.78 9.42L2.8 10.02C2.33 10.11 2 10.52 2 11V13C2 13.48 2.34 13.89 2.8 13.98L5.78 14.58L4.1 17.11C3.84 17.51 3.89 18.03 4.22 18.37L5.63 19.78C5.97 20.12 6.5 20.17 6.89 19.9L9.42 18.22L10.02 21.2C10.11 21.67 10.52 22 11 22H13C13.48 22 13.89 21.66 13.98 21.2L14.58 18.22L17.11 19.9C17.51 20.17 18.03 20.11 18.37 19.78L19.78 18.37C20.12 18.03 20.17 17.5 19.9 17.11L18.22 14.58L21.2 13.98C21.67 13.89 22 13.48 22 13V11C22 10.52 21.66 10.11 21.2 10.02ZM15 12C15 13.65 13.65 15 12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12Z%27/%3E %3C/svg%3E");
  max-height: 0.8em;
}
.bmpui-ui-settingspanelpageopenbutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-on.bmpui-ui-settingspanelpageopenbutton .bmpui-ui-icon {
  transform: rotate(30deg);
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-settingspanelpagebackbutton {
  border-collapse: collapse;
  padding: unset;
  flex: 1;
  text-align: left;
  column-gap: 0.4em;
  min-width: unset;
}
.touched.bmpui-ui-settingspanelpagebackbutton {
  transform: unset;
}
.bmpui-ui-settingspanelpagebackbutton .bmpui-ui-icon {
  width: 0.8em;
  min-width: unset;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-chevron-left%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15 6l-6 6l6 6%27/%3E%3C/svg%3E");
}
.bmpui-ui-settingspanelpagebackbutton .bmpui-label {
  display: inline-block;
  margin: 0;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-audio-track-list-box-toggle-button:hover, .bmpui-ui-subtitle-list-box-toggle-button:hover, .bmpui-ui-settingstogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}

.bmpui-ui-settingstogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M21.2 10.02L18.22 9.42L19.9 6.89C20.16 6.49 20.11 5.97 19.78 5.63L18.37 4.22C18.03 3.88 17.5 3.83 17.11 4.1L14.58 5.78L13.98 2.8C13.89 2.33 13.48 2 13 2H11C10.52 2 10.11 2.34 10.02 2.8L9.42 5.78L6.89 4.1C6.49 3.83 5.97 3.89 5.63 4.22L4.22 5.63C3.88 5.97 3.83 6.5 4.1 6.89L5.78 9.42L2.8 10.02C2.33 10.11 2 10.52 2 11V13C2 13.48 2.34 13.89 2.8 13.98L5.78 14.58L4.1 17.11C3.84 17.51 3.89 18.03 4.22 18.37L5.63 19.78C5.97 20.12 6.5 20.17 6.89 19.9L9.42 18.22L10.02 21.2C10.11 21.67 10.52 22 11 22H13C13.48 22 13.89 21.66 13.98 21.2L14.58 18.22L17.11 19.9C17.51 20.17 18.03 20.11 18.37 19.78L19.78 18.37C20.12 18.03 20.17 17.5 19.9 17.11L18.22 14.58L21.2 13.98C21.67 13.89 22 13.48 22 13V11C22 10.52 21.66 10.11 21.2 10.02ZM15 12C15 13.65 13.65 15 12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12Z%27/%3E %3C/svg%3E");
  transition: transform 0.15s;
}
.bmpui-ui-settingstogglebutton.bmpui-on .bmpui-ui-icon {
  transform: rotate(30deg);
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-selectbox {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  padding: 0.3em;
}
.bmpui-ui-selectbox:focus {
  outline: none;
}
.bmpui-ui-selectbox.bmpui-focus-visible {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 0.3em;
  outline: none;
}
.bmpui-ui-selectbox option {
  color: #999;
}
.bmpui-ui-selectbox option:checked {
  color: #fff;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-seekbar-label {
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  visibility: visible;
  bottom: 100%;
  left: 0;
  margin-bottom: 0.2em;
  pointer-events: none;
  position: absolute;
  text-align: center;
}
.bmpui-ui-seekbar-label.bmpui-hidden {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.bmpui-ui-seekbar-label > .bmpui-container-wrapper {
  margin-left: -50%;
  margin-right: 50%;
  position: relative;
}
.bmpui-ui-seekbar-label > .bmpui-container-wrapper {
  padding-left: 1em;
  padding-right: 1em;
}
.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner {
  overflow: hidden;
}
.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5em;
}
.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-thumbnail {
  width: 7em;
  border: solid #fff 0.0625em;
  border-radius: 0.4rem;
}
.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-metadata {
  background-color: rgba(20, 20, 20, 0.8);
  bottom: 0;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.3em 0.5em;
  width: fit-content;
  border-radius: 0.4rem;
}
.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-time {
  display: block;
}
.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-title {
  display: block;
  white-space: normal;
}
.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-label-title.bmpui-hidden {
  display: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-volumeslider .bmpui-seekbar-playbackposition-marker, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bars, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-seekbar .bmpui-seekbar-playbackposition-marker, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bars, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker {
  -webkit-transform-origin: 0 0;
  bottom: 0;
  box-sizing: border-box;
  height: 0.375rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: auto;
  top: 0;
  transform-origin: 0 0;
  width: 100%;
}

.bmpui-ui-volumeslider, .bmpui-ui-seekbar {
  display: flex;
  align-items: center;
  height: 1.125rem;
  position: relative;
  width: 100%;
}
.bmpui-hidden.bmpui-ui-volumeslider, .bmpui-hidden.bmpui-ui-seekbar {
  display: none;
}
.bmpui-ui-volumeslider:focus, .bmpui-ui-seekbar:focus {
  outline: none;
}
.bmpui-focus-visible.bmpui-ui-volumeslider, .bmpui-focus-visible.bmpui-ui-seekbar {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 0.3em;
  outline: none;
}
.bmpui-ui-volumeslider .bmpui-seekbar-playbackposition-marker, .bmpui-ui-seekbar .bmpui-seekbar-playbackposition-marker {
  height: 1.125rem;
  left: -0.5625rem;
  width: 1.125rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
}
.bmpui-ui-volumeslider .bmpui-seekbar, .bmpui-ui-seekbar .bmpui-seekbar {
  cursor: pointer;
  height: 0.375rem;
  margin: 0.3125rem auto;
  position: relative;
  width: calc(100% - 0.5rem);
}
.bmpui-ui-volumeslider .bmpui-seekbar.bmpui-hidden, .bmpui-ui-seekbar .bmpui-seekbar.bmpui-hidden {
  display: none;
}
.bmpui-ui-volumeslider .bmpui-seekbar:focus, .bmpui-ui-seekbar .bmpui-seekbar:focus {
  outline: none;
}
.bmpui-ui-volumeslider .bmpui-seekbar.bmpui-focus-visible, .bmpui-ui-seekbar .bmpui-seekbar.bmpui-focus-visible {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 0.3em;
  outline: none;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bars, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bars {
  border-radius: 25px;
  overflow: hidden;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop {
  background-color: rgba(255, 255, 255, 0.2);
  margin: auto 0;
  width: 100%;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel {
  background-color: rgba(255, 255, 255, 0.2);
  margin: auto 0;
  transition: 0.3s linear, 0.3s linear;
  transition-property: transform;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition {
  background-color: rgba(255, 255, 255, 0.2);
  margin: auto 0;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition {
  background-color: #fff;
  margin: auto 0;
  transition: 0.1s linear, 0.1s linear;
  transition-property: transform;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers {
  height: 0.375rem;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker {
  background-color: #fff;
  height: 100%;
  text-align: center;
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: linear;
  width: 0.25rem;
  transition: height 0.3s ease, border-radius 0.3s ease, transform 0.1s linear;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker:hover, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker:hover, .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker.bmpui-hovered, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker.bmpui-hovered {
  height: 0.625rem;
  border-radius: 0.125em;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker > .bmpui-seekbar-marker-image, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker > .bmpui-seekbar-marker-image {
  height: 1.5rem;
  position: absolute;
  transform: translate(-50%, calc(-100% - 0.2rem));
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker > .bmpui-seekbar-marker-indicator, .bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers > .bmpui-seekbar-marker > .bmpui-seekbar-marker-indicator {
  height: 0.625rem;
  width: 0.25rem;
  background-color: #fff;
  border-radius: 0.125em;
}
.bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel, .bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition {
  transition: none;
}

.bmpui-ui-volumeslider {
  min-width: 50px;
}
.bmpui-ui-volumeslider .bmpui-seekbar-playbackposition-marker {
  height: 0.875rem;
  left: -0.4375rem;
  width: 0.875rem;
  background-color: #fff;
  border: 0;
}
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
  display: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
  bottom: env(safe-area-inset-bottom, 0);
  left: env(safe-area-inset-left, 0);
  pointer-events: none;
  position: absolute;
  right: env(safe-area-inset-right, 0);
  text-align: center;
  top: env(safe-area-inset-top, 0);
  transition: bottom 0.15s ease-out;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay.bmpui-hidden {
  display: none;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay * {
  all: unset;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay p {
  display: block;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-subtitle-region-container {
  position: absolute;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-subtitle-region-container.bmpui-subtitle-position-default {
  bottom: 2em;
  left: 3em;
  right: 3em;
  top: initial;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-subtitle-region-container.bmpui-subtitle-position-bottom > div {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label {
  text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000;
  color: #fff;
  height: fit-content;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label:nth-child(1n-1)::after {
  content: "\a";
  height: 0;
  white-space: pre-line;
  width: 0;
}
.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay.bmpui-controlbar-visible {
  bottom: 5em;
  transition: bottom 0.15s ease-in;
}

.bmpui-ui-subtitle-overlay {
  --cea608-row-height: math.div(100%, 15);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 {
  bottom: 2em;
  left: 3em;
  right: 3em;
  top: 2em;
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container {
  height: var(--cea608-row-height);
  left: 0;
  line-height: 1;
  right: 0;
  text-align: left;
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-0 {
  top: calc(var(--cea608-row-height) * 0);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-1 {
  top: calc(var(--cea608-row-height) * 1);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-2 {
  top: calc(var(--cea608-row-height) * 2);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-3 {
  top: calc(var(--cea608-row-height) * 3);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-4 {
  top: calc(var(--cea608-row-height) * 4);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-5 {
  top: calc(var(--cea608-row-height) * 5);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-6 {
  top: calc(var(--cea608-row-height) * 6);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-7 {
  top: calc(var(--cea608-row-height) * 7);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-8 {
  top: calc(var(--cea608-row-height) * 8);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-9 {
  top: calc(var(--cea608-row-height) * 9);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-10 {
  top: calc(var(--cea608-row-height) * 10);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-11 {
  top: calc(var(--cea608-row-height) * 11);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-12 {
  top: calc(var(--cea608-row-height) * 12);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-13 {
  top: calc(var(--cea608-row-height) * 13);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-subtitle-region-container.bmpui-subtitle-position-cea608-row-14 {
  top: calc(var(--cea608-row-height) * 14);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-ui-subtitle-label {
  display: inline-block;
  font-family: "Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
}
.bmpui-ui-subtitle-overlay.bmpui-cea608 .bmpui-ui-subtitle-label:nth-child(1n-1)::after {
  content: normal;
  white-space: normal;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-volumecontrolbutton {
  line-height: 0;
  position: relative;
}
.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider {
  background-color: #111;
  bottom: 100%;
  height: 6em;
  position: absolute;
  width: 1.5em;
}
.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider {
  max-height: 6em;
  transition: max-height 0.15s ease-in;
}
.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider.bmpui-hidden {
  max-height: 0;
  transition: max-height 0.15s ease-out;
}
.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider .bmpui-seekbar {
  bottom: 0.5em;
  height: auto;
  left: 0.3em;
  overflow: hidden;
  position: absolute;
  right: 0.3em;
  top: 0.5em;
  width: auto;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-casttogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 4H4C2.9 4 2 4.9 2 6V8H4V6H20V18H14V20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM2 10V12C6.41 12 10 15.59 10 20H12C12 14.49 7.51 10 2 10ZM2 14V16C4.21 16 6 17.79 6 20H8C8 16.69 5.31 14 2 14ZM2 18V20H4C4 18.9 3.1 18 2 18Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-casttogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-cast-status-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  visibility: visible;
  background: #111 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMjAgNEg0QzIuOSA0IDIgNC45IDIgNlY4SDRWNkgyMFYxOEgxNFYyMEgyMEMyMS4xIDIwIDIyIDE5LjEgMjIgMThWNkMyMiA0LjkgMjEuMSA0IDIwIDRaTTIgMTBWMTJDNi40MSAxMiAxMCAxNS41OSAxMCAyMEgxMkMxMiAxNC40OSA3LjUxIDEwIDIgMTBaTTIgMTRWMTZDNC4yMSAxNiA2IDE3Ljc5IDYgMjBIOEM4IDE2LjY5IDUuMzEgMTQgMiAxNFpNMiAxOFYyMEg0QzQgMTguOSAzLjEgMTggMiAxOFoiIC8+DQo8L3N2Zz4NCg==) center no-repeat;
  background-size: 6em 6em;
}
.bmpui-ui-cast-status-overlay.bmpui-hidden {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label {
  color: #fff;
  left: 0;
  margin: 0 2em;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 65%;
}
.bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label * {
  pointer-events: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-errormessage-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #111;
  pointer-events: none;
}
.bmpui-ui-errormessage-overlay.bmpui-hidden {
  display: none;
}
.bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label {
  color: #fff;
  left: 3em;
  position: absolute;
  right: 3em;
  text-align: center;
  user-select: text;
  white-space: pre-line;
  line-height: 1.2;
}
.bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label {
  top: 50%;
  transform: translateY(-50%);
}
.bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label ul {
  color: #999;
  padding: 0;
}
.bmpui-ui-errormessage-overlay .bmpui-ui-errormessage-label ul li {
  list-style: none;
}
.bmpui-ui-errormessage-overlay .bmpui-ui-tvnoisecanvas {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  filter: blur(4px);
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-titlebar {
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  position: absolute;
  top: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  box-sizing: border-box;
  padding: max(1.5em, env(safe-area-inset-top, 0)) max(1.5em, env(safe-area-inset-right, 0)) 1.5em max(1.5em, env(safe-area-inset-left, 0));
  pointer-events: none;
}
.bmpui-ui-titlebar.bmpui-hidden {
  opacity: 0;
  transition: opacity 0.3s;
}
.bmpui-ui-titlebar .bmpui-container-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
}
.bmpui-ui-titlebar .bmpui-titlebar-row > .bmpui-container-wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 0.3rem;
}
.bmpui-ui-titlebar > .bmpui-container-wrapper {
  pointer-events: none;
}
.bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata {
  cursor: default;
  pointer-events: none;
}
.bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata > * {
  cursor: default;
  pointer-events: none;
  display: block;
  text-shadow: 0 0 5px #000;
}
.bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-title .bmpui-ui-label-text {
  font-size: 1.40625rem;
  white-space: nowrap;
}
.bmpui-ui-titlebar > .bmpui-container-wrapper .bmpui-label-metadata-description .bmpui-ui-label-text {
  line-height: 1.5;
  white-space: normal;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-recommendation-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 1;
  transition: opacity 0.6s, visibility 0s;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.5);
}
.bmpui-ui-recommendation-overlay.bmpui-hidden {
  opacity: 0;
  transition: opacity 0.6s, visibility 0.6s;
  visibility: hidden;
}
.bmpui-ui-recommendation-overlay .bmpui-container-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
}
.bmpui-ui-recommendation-overlay .bmpui-replay-section .bmpui-container-wrapper {
  align-items: center;
}
.bmpui-ui-recommendation-overlay:not(.bmpui-recommendations) .bmpui-recommendations-section {
  display: none;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section {
  max-width: 100%;
  width: 100%;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-container-wrapper {
  align-items: center;
  overflow-x: auto;
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  column-gap: 5%;
  padding: 1em 5%;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-ui-recommendation-item {
  position: relative;
  cursor: pointer;
  color: #fff;
  background-color: #2e2e2e;
  background-position: center;
  background-size: cover;
  border: solid #fff 2px;
  border-radius: 0.5rem;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  aspect-ratio: 16/9;
  width: 30%;
  min-width: 10em;
  text-align: left;
  overflow: hidden;
  flex-shrink: 0;
  transform: scale(1);
  transition: transform 0.15s ease-in;
  -webkit-tap-highlight-color: transparent;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-ui-recommendation-item:focus {
  outline: none;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-ui-recommendation-item.bmpui-focus-visible {
  box-shadow: 0 0 0 0.1em rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 0.3em;
  outline: none;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-ui-recommendation-item .bmpui-title-container {
  position: absolute;
  top: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  left: 0;
  height: 50%;
  min-height: fit-content;
  padding: 0.5em;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-ui-recommendation-item .bmpui-title-container .bmpui-title {
  display: inline-block;
  top: 0.5em;
  left: 0.5em;
  right: 0.5em;
  white-space: normal;
  max-height: 2.25rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-ui-recommendation-item .bmpui-duration {
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  background-color: rgba(20, 20, 20, 0.8);
  box-sizing: border-box;
  padding: 0.3em 0.5em;
  border-radius: 0.4rem;
}
.bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-ui-recommendation-item:hover, .bmpui-ui-recommendation-overlay .bmpui-recommendations-section .bmpui-ui-recommendation-item:focus {
  transform: scale(1.05);
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-clickoverlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-dismiss-click-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.bmpui-ui-dismiss-click-overlay.bmpui-hidden {
  display: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-hugereplaybutton {
  height: 5em;
  outline: none;
  width: 5em;
}
.bmpui-ui-hugereplaybutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2766%27 height=%2770%27 viewBox=%270 0 66 70%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M30.93 0C19.14 0 11.36 4.99 4.21 12.84V3.82C4.21 2.72 3.31 1.82 2.21 1.82C1.11 1.82 0.21 2.72 0.21 3.82V18.41C0.21 19.51 1.11 20.41 2.21 20.41H16.75C17.85 20.41 18.75 19.51 18.75 18.41C18.75 17.31 17.85 16.41 16.75 16.41H6.38C13.05 8.85 20.17 4 30.93 4C47.93 4 61.75 17.83 61.75 34.82C61.75 51.81 47.92 65.64 30.93 65.64C19.37 65.64 8.88 59.26 3.55 48.99L0 50.83C6.02 62.43 17.87 69.64 30.93 69.64C50.13 69.64 65.75 54.02 65.75 34.82C65.75 15.62 50.13 0 30.93 0Z%27/%3E %3Cpath d=%27M41.5 34.1275L25.5 25.1275C25.19 24.9575 24.81 24.9575 24.5 25.1275C24.19 25.3075 24 25.6375 24 25.9875V43.9875C24 44.3475 24.19 44.6675 24.5 44.8475C24.66 44.9375 24.83 44.9875 25 44.9875C25.17 44.9875 25.34 44.9475 25.49 44.8575L41.49 35.8575C41.8 35.6775 42 35.3475 42 34.9875C42 34.6275 41.8 34.2975 41.49 34.1175L41.5 34.1275Z%27/%3E %3C/svg%3E");
  background-size: 4.5rem;
  height: 100%;
  width: 100%;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-replaybutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M12 3C9.37 3 7.51 4.03 6 5.41V4C6 3.45 5.55 3 5 3C4.45 3 4 3.45 4 4V8C4 8.55 4.45 9 5 9H9C9.55 9 10 8.55 10 8C10 7.45 9.55 7 9 7H7.22C8.54 5.74 9.97 5 12 5C15.86 5 19 8.14 19 12C19 15.86 15.86 19 12 19C9.37 19 6.99 17.55 5.78 15.22L4 16.14C5.55 19.14 8.62 21 11.99 21C16.95 21 20.99 16.96 20.99 12C20.99 7.04 16.96 3 12 3Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-replaybutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-playbacktimelabel {
  font-weight: 500;
  text-transform: uppercase;
}
.bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live {
  cursor: pointer;
}
.bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live::before {
  color: #999;
  content: "●";
  padding-right: 0.2em;
}
.bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live.bmpui-ui-playbacktimelabel-live-edge::before {
  color: #f00;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-buffering-overlay {
  display: table;
}
.bmpui-ui-buffering-overlay > .bmpui-container-wrapper {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.bmpui-ui-buffering-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 1;
  transition: opacity 0.6s, visibility 0s;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.5);
}
.bmpui-ui-buffering-overlay.bmpui-hidden {
  opacity: 0;
  transition: opacity 0.6s, visibility 0.6s;
  visibility: hidden;
}
.bmpui-ui-buffering-overlay > .bmpui-container-wrapper {
  padding: 3em;
}
.bmpui-ui-buffering-overlay a {
  color: #fff;
}
.bmpui-ui-buffering-overlay a:hover, .bmpui-ui-buffering-overlay a:visited {
  color: #fff;
}
.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator {
  animation: bmpui-fancy 1.5s ease-in infinite;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 class=%27icon icon-tabler icons-tabler-filled icon-tabler-circle%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M7 3.34a10 10 0 1 1 -4.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 4.995 -8.336z%27/%3E%3C/svg%3E") no-repeat center;
  display: inline-block;
  height: 2em;
  margin: 0.2em;
  width: 2em;
  opacity: 0.3;
}
@keyframes bmpui-fancy {
  0%, 30% {
    opacity: 0.3;
  }
  45%, 50%, 55% {
    opacity: 1;
  }
  70%, 100% {
    opacity: 0.3;
  }
}
.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(1) {
  animation-delay: 0s;
}
.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(2) {
  animation-delay: 0.2s;
}
.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(3) {
  animation-delay: 0.4s;
}
.bmpui-ui-buffering-overlay.bmpui-hidden .bmpui-ui-buffering-overlay-indicator {
  display: none;
  animation: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-playbacktoggle-overlay .bmpui-ui-hugeplaybacktogglebutton {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
@keyframes bmpui-pulsate {
  20% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(1);
  }
}
.bmpui-ui-closebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27icon icon-tabler icons-tabler-outline icon-tabler-x%27%3E%3Cpath stroke=%27none%27 d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M18 6l-12 12%27/%3E%3Cpath d=%27M6 6l12 12%27/%3E%3C/svg%3E");
}
.bmpui-ui-closebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
  animation: bmpui-pulsate 1s;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-airplaytogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 3H4C2.9 3 2 3.9 2 5V16C2 17.1 2.9 18 4 18H7V16H4V5H20V16H17V18H20C21.1 18 22 17.1 22 16V5C22 3.9 21.1 3 20 3ZM12.78 14.38C12.4 13.91 11.6 13.91 11.22 14.38L7.22 19.38C6.98 19.68 6.93 20.09 7.1 20.44C7.27 20.79 7.62 21.01 8 21.01H16C16.38 21.01 16.73 20.79 16.9 20.44C17.07 20.09 17.02 19.68 16.78 19.38L12.78 14.38Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-airplaytogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-ui-airplaytogglebutton.bmpui-on .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 3H4C2.9 3 2 3.9 2 5V16C2 17.1 2.9 18 4 18H7V16H4V5H20V16H17V18H20C21.1 18 22 17.1 22 16V5C22 3.9 21.1 3 20 3ZM12.78 14.38C12.4 13.91 11.6 13.91 11.22 14.38L7.22 19.38C6.98 19.68 6.93 20.09 7.1 20.44C7.27 20.79 7.62 21.01 8 21.01H16C16.38 21.01 16.73 20.79 16.9 20.44C17.07 20.09 17.02 19.68 16.78 19.38L12.78 14.38Z%27/%3E %3C/svg%3E");
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-piptogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H11V18H4V6H20V11H22V6C22 4.9 21.1 4 20 4ZM21 13H14C13.45 13 13 13.45 13 14V19C13 19.55 13.45 20 14 20H21C21.55 20 22 19.55 22 19V14C22 13.45 21.55 13 21 13ZM20 18H15V15H20V18Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-piptogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-ui-piptogglebutton.bmpui-on .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H11V18H4V6H20V11H22V6C22 4.9 21.1 4 20 4ZM21 13H14C13.45 13 13 13.45 13 14V19C13 19.55 13.45 20 14 20H21C21.55 20 22 19.55 22 19V14C22 13.45 21.55 13 21 13ZM20 18H15V15H20V18ZM6 13H8V10H11V8H6V13Z%27/%3E %3C/svg%3E");
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-spacer {
  height: 100%;
  width: 100%;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-settings-panel-navigation-text-button {
  padding: 0;
  justify-content: flex-end;
}
.bmpui-ui-settings-panel-navigation-text-button.touched {
  transform: unset;
}
.bmpui-ui-settings-panel-navigation-text-button.touched .bmpui-label {
  color: #b3b3b3;
}
.bmpui-ui-settings-panel-navigation-text-button .bmpui-label {
  display: inline-block;
  text-decoration: underline;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-white100 .bmpui-ui-subtitle-label {
  color: white;
  -webkit-text-fill-color: white;
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-white75 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 255, 0.75);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-white50 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-white25 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 255, 0.25);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-black100 .bmpui-ui-subtitle-label {
  color: black;
  -webkit-text-fill-color: black;
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-black75 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 0, 0.75);
  -webkit-text-fill-color: rgba(0, 0, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-black50 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 0, 0.5);
  -webkit-text-fill-color: rgba(0, 0, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-black25 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 0, 0.25);
  -webkit-text-fill-color: rgba(0, 0, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-red100 .bmpui-ui-subtitle-label {
  color: red;
  -webkit-text-fill-color: red;
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-red75 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 0, 0.75);
  -webkit-text-fill-color: rgba(255, 0, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-red50 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 0, 0.5);
  -webkit-text-fill-color: rgba(255, 0, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-red25 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 0, 0.25);
  -webkit-text-fill-color: rgba(255, 0, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-green100 .bmpui-ui-subtitle-label {
  color: lime;
  -webkit-text-fill-color: lime;
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-green75 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 0, 0.75);
  -webkit-text-fill-color: rgba(0, 255, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-green50 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 0, 0.5);
  -webkit-text-fill-color: rgba(0, 255, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-green25 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 0, 0.25);
  -webkit-text-fill-color: rgba(0, 255, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue100 .bmpui-ui-subtitle-label {
  color: blue;
  -webkit-text-fill-color: blue;
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue75 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 255, 0.75);
  -webkit-text-fill-color: rgba(0, 0, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue50 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 255, 0.5);
  -webkit-text-fill-color: rgba(0, 0, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-blue25 .bmpui-ui-subtitle-label {
  color: rgba(0, 0, 255, 0.25);
  -webkit-text-fill-color: rgba(0, 0, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan100 .bmpui-ui-subtitle-label {
  color: aqua;
  -webkit-text-fill-color: aqua;
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan75 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 255, 0.75);
  -webkit-text-fill-color: rgba(0, 255, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan50 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 255, 0.5);
  -webkit-text-fill-color: rgba(0, 255, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-cyan25 .bmpui-ui-subtitle-label {
  color: rgba(0, 255, 255, 0.25);
  -webkit-text-fill-color: rgba(0, 255, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow100 .bmpui-ui-subtitle-label {
  color: yellow;
  -webkit-text-fill-color: yellow;
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow75 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 0, 0.75);
  -webkit-text-fill-color: rgba(255, 255, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow50 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 0, 0.5);
  -webkit-text-fill-color: rgba(255, 255, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-yellow25 .bmpui-ui-subtitle-label {
  color: rgba(255, 255, 0, 0.25);
  -webkit-text-fill-color: rgba(255, 255, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta100 .bmpui-ui-subtitle-label {
  color: fuchsia;
  -webkit-text-fill-color: fuchsia;
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta75 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 255, 0.75);
  -webkit-text-fill-color: rgba(255, 0, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta50 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 255, 0.5);
  -webkit-text-fill-color: rgba(255, 0, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-fontcolor-magenta25 .bmpui-ui-subtitle-label {
  color: rgba(255, 0, 255, 0.25);
  -webkit-text-fill-color: rgba(255, 0, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-white100 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: white;
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-white75 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-white50 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-white25 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-black100 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: black;
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-black75 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-black50 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-black25 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-red100 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: red;
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-red75 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-red50 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-red25 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-green100 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: lime;
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-green75 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-green50 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-green25 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue100 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: blue;
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue75 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue50 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-blue25 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan100 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: aqua;
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan75 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan50 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-cyan25 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(0, 255, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow100 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: yellow;
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow75 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow50 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-yellow25 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 255, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta100 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: fuchsia;
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta75 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta50 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-bgcolor-magenta25 .bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
  background-color: rgba(255, 0, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-white100 .bmpui-subtitle-region-container {
  background-color: white;
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-white75 .bmpui-subtitle-region-container {
  background-color: rgba(255, 255, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-white50 .bmpui-subtitle-region-container {
  background-color: rgba(255, 255, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-white25 .bmpui-subtitle-region-container {
  background-color: rgba(255, 255, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-black100 .bmpui-subtitle-region-container {
  background-color: black;
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-black75 .bmpui-subtitle-region-container {
  background-color: rgba(0, 0, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-black50 .bmpui-subtitle-region-container {
  background-color: rgba(0, 0, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-black25 .bmpui-subtitle-region-container {
  background-color: rgba(0, 0, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-red100 .bmpui-subtitle-region-container {
  background-color: red;
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-red75 .bmpui-subtitle-region-container {
  background-color: rgba(255, 0, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-red50 .bmpui-subtitle-region-container {
  background-color: rgba(255, 0, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-red25 .bmpui-subtitle-region-container {
  background-color: rgba(255, 0, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-green100 .bmpui-subtitle-region-container {
  background-color: lime;
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-green75 .bmpui-subtitle-region-container {
  background-color: rgba(0, 255, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-green50 .bmpui-subtitle-region-container {
  background-color: rgba(0, 255, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-green25 .bmpui-subtitle-region-container {
  background-color: rgba(0, 255, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue100 .bmpui-subtitle-region-container {
  background-color: blue;
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue75 .bmpui-subtitle-region-container {
  background-color: rgba(0, 0, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue50 .bmpui-subtitle-region-container {
  background-color: rgba(0, 0, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-blue25 .bmpui-subtitle-region-container {
  background-color: rgba(0, 0, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan100 .bmpui-subtitle-region-container {
  background-color: aqua;
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan75 .bmpui-subtitle-region-container {
  background-color: rgba(0, 255, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan50 .bmpui-subtitle-region-container {
  background-color: rgba(0, 255, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-cyan25 .bmpui-subtitle-region-container {
  background-color: rgba(0, 255, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow100 .bmpui-subtitle-region-container {
  background-color: yellow;
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow75 .bmpui-subtitle-region-container {
  background-color: rgba(255, 255, 0, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow50 .bmpui-subtitle-region-container {
  background-color: rgba(255, 255, 0, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-yellow25 .bmpui-subtitle-region-container {
  background-color: rgba(255, 255, 0, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta100 .bmpui-subtitle-region-container {
  background-color: fuchsia;
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta75 .bmpui-subtitle-region-container {
  background-color: rgba(255, 0, 255, 0.75);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta50 .bmpui-subtitle-region-container {
  background-color: rgba(255, 0, 255, 0.5);
}
.bmpui-ui-subtitle-overlay.bmpui-windowcolor-magenta25 .bmpui-subtitle-region-container {
  background-color: rgba(255, 0, 255, 0.25);
}
.bmpui-ui-subtitle-overlay.bmpui-fontsize-50 .bmpui-ui-subtitle-label {
  font-size: 0.5em;
}
.bmpui-ui-subtitle-overlay.bmpui-fontsize-75 .bmpui-ui-subtitle-label {
  font-size: 0.75em;
}
.bmpui-ui-subtitle-overlay.bmpui-fontsize-100 .bmpui-ui-subtitle-label {
  font-size: 1em;
}
.bmpui-ui-subtitle-overlay.bmpui-fontsize-150 .bmpui-ui-subtitle-label {
  font-size: 1.5em;
}
.bmpui-ui-subtitle-overlay.bmpui-fontsize-200 .bmpui-ui-subtitle-label {
  font-size: 2em;
}
.bmpui-ui-subtitle-overlay.bmpui-fontsize-300 .bmpui-ui-subtitle-label {
  font-size: 3em;
}
.bmpui-ui-subtitle-overlay.bmpui-fontsize-400 .bmpui-ui-subtitle-label {
  font-size: 4em;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-none-white .bmpui-ui-subtitle-label {
  text-shadow: none;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-raised-white .bmpui-ui-subtitle-label {
  text-shadow: 0px 0px 4px #fff, 0px 1px 4px #fff, 0px 2px 4px #fff;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed-white .bmpui-ui-subtitle-label {
  text-shadow: #fff 0px -2px 1px;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform-white .bmpui-ui-subtitle-label {
  text-shadow: -2px 0px 1px #fff, 2px 0px 1px #fff, 0px -2px 1px #fff, 0px 2px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed-white .bmpui-ui-subtitle-label {
  text-shadow:  0px 2px 1px #fff;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-none-black .bmpui-ui-subtitle-label {
  text-shadow: none;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-raised-black .bmpui-ui-subtitle-label {
  text-shadow: 0px 0px 4px #000, 0px 1px 4px #000, 0px 2px 4px #000;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed-black .bmpui-ui-subtitle-label {
  text-shadow: #000 0px -2px 1px;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform-black .bmpui-ui-subtitle-label {
  text-shadow: -2px 0px 1px #000, 2px 0px 1px #000, 0px -2px 1px #000, 0px 2px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed-black .bmpui-ui-subtitle-label {
  text-shadow:  0px 2px 1px #000;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-none-red .bmpui-ui-subtitle-label {
  text-shadow: none;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-raised-red .bmpui-ui-subtitle-label {
  text-shadow: 0px 0px 4px #f00, 0px 1px 4px #f00, 0px 2px 4px #f00;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed-red .bmpui-ui-subtitle-label {
  text-shadow: #f00 0px -2px 1px;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform-red .bmpui-ui-subtitle-label {
  text-shadow: -2px 0px 1px #f00, 2px 0px 1px #f00, 0px -2px 1px #f00, 0px 2px 1px #f00, -1px 1px 1px #f00, 1px 1px 1px #f00, 1px -1px 1px #f00, 1px 1px 1px #f00;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed-red .bmpui-ui-subtitle-label {
  text-shadow:  0px 2px 1px #f00;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-none-green .bmpui-ui-subtitle-label {
  text-shadow: none;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-raised-green .bmpui-ui-subtitle-label {
  text-shadow: 0px 0px 4px #0f0, 0px 1px 4px #0f0, 0px 2px 4px #0f0;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed-green .bmpui-ui-subtitle-label {
  text-shadow: #0f0 0px -2px 1px;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform-green .bmpui-ui-subtitle-label {
  text-shadow: -2px 0px 1px #0f0, 2px 0px 1px #0f0, 0px -2px 1px #0f0, 0px 2px 1px #0f0, -1px 1px 1px #0f0, 1px 1px 1px #0f0, 1px -1px 1px #0f0, 1px 1px 1px #0f0;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed-green .bmpui-ui-subtitle-label {
  text-shadow:  0px 2px 1px #0f0;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-none-blue .bmpui-ui-subtitle-label {
  text-shadow: none;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-raised-blue .bmpui-ui-subtitle-label {
  text-shadow: 0px 0px 4px #00f, 0px 1px 4px #00f, 0px 2px 4px #00f;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed-blue .bmpui-ui-subtitle-label {
  text-shadow: #00f 0px -2px 1px;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform-blue .bmpui-ui-subtitle-label {
  text-shadow: -2px 0px 1px #00f, 2px 0px 1px #00f, 0px -2px 1px #00f, 0px 2px 1px #00f, -1px 1px 1px #00f, 1px 1px 1px #00f, 1px -1px 1px #00f, 1px 1px 1px #00f;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed-blue .bmpui-ui-subtitle-label {
  text-shadow:  0px 2px 1px #00f;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-none-cyan .bmpui-ui-subtitle-label {
  text-shadow: none;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-raised-cyan .bmpui-ui-subtitle-label {
  text-shadow: 0px 0px 4px #0ff, 0px 1px 4px #0ff, 0px 2px 4px #0ff;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed-cyan .bmpui-ui-subtitle-label {
  text-shadow: #0ff 0px -2px 1px;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform-cyan .bmpui-ui-subtitle-label {
  text-shadow: -2px 0px 1px #0ff, 2px 0px 1px #0ff, 0px -2px 1px #0ff, 0px 2px 1px #0ff, -1px 1px 1px #0ff, 1px 1px 1px #0ff, 1px -1px 1px #0ff, 1px 1px 1px #0ff;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed-cyan .bmpui-ui-subtitle-label {
  text-shadow:  0px 2px 1px #0ff;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-none-yellow .bmpui-ui-subtitle-label {
  text-shadow: none;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-raised-yellow .bmpui-ui-subtitle-label {
  text-shadow: 0px 0px 4px #ff0, 0px 1px 4px #ff0, 0px 2px 4px #ff0;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed-yellow .bmpui-ui-subtitle-label {
  text-shadow: #ff0 0px -2px 1px;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform-yellow .bmpui-ui-subtitle-label {
  text-shadow: -2px 0px 1px #ff0, 2px 0px 1px #ff0, 0px -2px 1px #ff0, 0px 2px 1px #ff0, -1px 1px 1px #ff0, 1px 1px 1px #ff0, 1px -1px 1px #ff0, 1px 1px 1px #ff0;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed-yellow .bmpui-ui-subtitle-label {
  text-shadow:  0px 2px 1px #ff0;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-none-magenta .bmpui-ui-subtitle-label {
  text-shadow: none;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-raised-magenta .bmpui-ui-subtitle-label {
  text-shadow: 0px 0px 4px #f0f, 0px 1px 4px #f0f, 0px 2px 4px #f0f;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-depressed-magenta .bmpui-ui-subtitle-label {
  text-shadow: #f0f 0px -2px 1px;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-uniform-magenta .bmpui-ui-subtitle-label {
  text-shadow: -2px 0px 1px #f0f, 2px 0px 1px #f0f, 0px -2px 1px #f0f, 0px 2px 1px #f0f, -1px 1px 1px #f0f, 1px 1px 1px #f0f, 1px -1px 1px #f0f, 1px 1px 1px #f0f;
}
.bmpui-ui-subtitle-overlay.bmpui-characteredge-dropshadowed-magenta .bmpui-ui-subtitle-label {
  text-shadow:  0px 2px 1px #f0f;
}
.bmpui-ui-subtitle-overlay.bmpui-fontfamily-monospacedserif .bmpui-ui-subtitle-label {
  font-family: "Courier New", Courier, "Nimbus Mono L", "Cutive Mono", monospace;
}
.bmpui-ui-subtitle-overlay.bmpui-fontfamily-proportionalserif .bmpui-ui-subtitle-label {
  font-family: "Times New Roman", Times, Georgia, Cambria, "PT Serif Caption", serif;
}
.bmpui-ui-subtitle-overlay.bmpui-fontfamily-monospacedsansserif .bmpui-ui-subtitle-label {
  font-family: "Deja Vu Sans Mono", "Lucida Console", Monaco, Consolas, "PT Mono", monospace;
}
.bmpui-ui-subtitle-overlay.bmpui-fontfamily-proportionalsansserif .bmpui-ui-subtitle-label {
  font-family: Roboto, "Arial Unicode Ms", Arial, Helvetica, Verdana, "PT Sans Caption", sans-serif;
}
.bmpui-ui-subtitle-overlay.bmpui-fontfamily-casual .bmpui-ui-subtitle-label {
  font-family: "Comic Sans MS", Impact, Handlee, fantasy;
}
.bmpui-ui-subtitle-overlay.bmpui-fontfamily-cursive .bmpui-ui-subtitle-label {
  font-family: "Monotype Corsiva", "URW Chancery L", "Apple Chancery", "Dancing Script", cursive;
  font-style: italic;
}
.bmpui-ui-subtitle-overlay.bmpui-fontfamily-smallcapital .bmpui-ui-subtitle-label {
  font-variant: small-caps;
}
.bmpui-ui-subtitle-overlay.bmpui-fontstyle-italic .bmpui-ui-subtitle-label {
  font-style: italic;
}
.bmpui-ui-subtitle-overlay.bmpui-fontstyle-bold .bmpui-ui-subtitle-label {
  font-weight: bold;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-subtitle-list-box-toggle-button .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 18H4V6H20V18ZM18 9H6V11H18V9ZM15 13H6V15H15V13Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-subtitle-list-box-toggle-button.bmpui-on .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 18H4V6H20V18ZM18 9H6V11H18V9ZM15 13H6V15H15V13Z%27/%3E %3C/svg%3E");
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-audio-track-list-box-toggle-button .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M3 15H5V9H3V15ZM7 21H9V3H7V21ZM11 17H13V7H11V17ZM15 19H17V5H15V19ZM19 10V14H21V10H19Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-audio-track-list-box-toggle-button.bmpui-on .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M3 15H5V9H3V15ZM7 21H9V3H7V21ZM11 17H13V7H11V17ZM15 19H17V5H15V19ZM19 10V14H21V10H19Z%27/%3E %3C/svg%3E");
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-touch-control-overlay > .bmpui-container-wrapper .bmpui-seek-backward-label, .bmpui-ui-touch-control-overlay > .bmpui-container-wrapper .bmpui-seek-forward-label, .bmpui-ui-touch-control-overlay::after, .bmpui-ui-touch-control-overlay::before {
  transition: opacity 0.25s ease-out;
}

.bmpui-ui-touch-control-overlay::after, .bmpui-ui-touch-control-overlay::before {
  background-color: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  content: "";
  height: 200%;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.bmpui-ui-touch-control-overlay > .bmpui-container-wrapper .bmpui-seek-backward-label, .bmpui-ui-touch-control-overlay > .bmpui-container-wrapper .bmpui-seek-forward-label {
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  visibility: visible;
  margin: 0;
  opacity: 1;
  position: absolute;
  z-index: 1;
}
.bmpui-ui-touch-control-overlay > .bmpui-container-wrapper .bmpui-hidden.bmpui-seek-backward-label, .bmpui-ui-touch-control-overlay > .bmpui-container-wrapper .bmpui-hidden.bmpui-seek-forward-label {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}

.bmpui-ui-touch-control-overlay {
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  transition: background-color 0.3s;
}
.bmpui-ui-touch-control-overlay > .bmpui-container-wrapper {
  align-items: center;
  display: flex;
}
.bmpui-ui-touch-control-overlay > .bmpui-container-wrapper .bmpui-seek-forward-label {
  right: 10%;
}
.bmpui-ui-touch-control-overlay > .bmpui-container-wrapper .bmpui-seek-backward-label {
  left: 10%;
}
.bmpui-ui-touch-control-overlay::before {
  left: -60%;
}
.bmpui-ui-touch-control-overlay::after {
  right: -60%;
}
.bmpui-ui-touch-control-overlay.bmpui-seek-forward::after {
  opacity: 1;
}
.bmpui-ui-touch-control-overlay.bmpui-seek-backward::before {
  opacity: 1;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-smallcenteredplaybacktogglebutton {
  cursor: default;
  height: 4.5rem;
  outline: none;
  overflow: hidden;
  width: 4.5rem;
}
.bmpui-ui-smallcenteredplaybacktogglebutton.bmpui-hidden {
  display: none;
}
.bmpui-ui-smallcenteredplaybacktogglebutton:hover {
  filter: drop-shadow(0 0 0.25px #fff);
}
.bmpui-ui-smallcenteredplaybacktogglebutton .bmpui-ui-icon {
  background-size: 4.5rem;
  height: 100%;
  width: 100%;
}
.bmpui-ui-smallcenteredplaybacktogglebutton.bmpui-on .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M9 3H5C4.45 3 4 3.45 4 4V20C4 20.55 4.45 21 5 21H9C9.55 21 10 20.55 10 20V4C10 3.45 9.55 3 9 3ZM19 3H15C14.45 3 14 3.45 14 4V20C14 20.55 14.45 21 15 21H19C19.55 21 20 20.55 20 20V4C20 3.45 19.55 3 19 3Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-smallcenteredplaybacktogglebutton.bmpui-off .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M20.49 11.1299L4.48999 2.12994C4.17999 1.95994 3.79999 1.95994 3.48999 2.12994C3.17999 2.30994 2.98999 2.63994 2.98999 2.98994V20.9899C2.98999 21.3499 3.17999 21.6699 3.48999 21.8499C3.64999 21.9399 3.81999 21.9899 3.98999 21.9899C4.15999 21.9899 4.32999 21.9499 4.47999 21.8599L20.48 12.8599C20.79 12.6799 20.99 12.3499 20.99 11.9899C20.99 11.6299 20.79 11.2999 20.48 11.1199L20.49 11.1299Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-smallcenteredplaybacktogglebutton.bmpui-no-transition-animations.bmpui-on .bmpui-ui-icon, .bmpui-ui-smallcenteredplaybacktogglebutton.bmpui-no-transition-animations.bmpui-off .bmpui-ui-icon {
  animation: none;
  transition: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-ads {
  /**
   * CSS class prefix for all components
   *
   * See webpack.config.js on how to customize the prefix at build time
   */
  /**
   * Accent color to highlight certain elements.
   */
  /**
   * Primary text color
   */
  /**
   * Secondary text color
   */
  /**
   * Background color for the UI in case the video is not visible
   */
  /**
   * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
   */
  /**
   * Used as solid color for text element backgrounds
   */
  /**
   * Color for visualizing focus on elements
   */
  /**
   * Background color for Settings Panel title rows
   */
  /**
   * Background color for menu elements
   */
  /**
   * Hover color for Settings Panel items
   */
  /**
   * Background color for quick seek indicator
   */
  /**
   * Background color for dimmed overlay effects
   */
  /**
   * Color for ad-related UI elements
   */
  /**
   * Color for specific ad-related icons such as the skip button icon
   */
  /**
   * Color for icons
   */
  /**
   * Base font family for all text elements
   */
  /**
   * Base font size
   */
  /* 18px */
  /**
   * Large font size variant
   */
  /**
   * Small font size variant
   */
  /**
   * Base icon size
   */
  /* 24px */
  /**
   * Medium icon size
   */
  /**
   * Large icon size
   */
  /**
   * Normal font weight
   */
  /* 400 */
  /**
   * Medium font weight
   */
  /**
   * Semi-bold font weight
   */
  /**
   * Bold font weight
   */
  /**
   * Default border radius for UI elements
   */
  /**
   * Text color for subtitles
   */
  /**
   * Border color for subtitle text outlines
   */
  /**
   * Default animation duration
   */
  /**
   * Short animation duration
   */
  /**
   * CSS class prefix for all components
   *
   * See webpack.config.js on how to customize the prefix at build time
   */
  /**
   * Accent color to highlight certain elements.
   */
  /**
   * Primary text color
   */
  /**
   * Secondary text color
   */
  /**
   * Background color for the UI in case the video is not visible
   */
  /**
   * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
   */
  /**
   * Used as solid color for text element backgrounds
   */
  /**
   * Color for visualizing focus on elements
   */
  /**
   * Background color for Settings Panel title rows
   */
  /**
   * Background color for menu elements
   */
  /**
   * Hover color for Settings Panel items
   */
  /**
   * Background color for quick seek indicator
   */
  /**
   * Background color for dimmed overlay effects
   */
  /**
   * Color for ad-related UI elements
   */
  /**
   * Color for specific ad-related icons such as the skip button icon
   */
  /**
   * Color for icons
   */
  /**
   * Base font family for all text elements
   */
  /**
   * Base font size
   */
  /* 18px */
  /**
   * Large font size variant
   */
  /**
   * Small font size variant
   */
  /**
   * Base icon size
   */
  /* 24px */
  /**
   * Medium icon size
   */
  /**
   * Large icon size
   */
  /**
   * Normal font weight
   */
  /* 400 */
  /**
   * Medium font weight
   */
  /**
   * Semi-bold font weight
   */
  /**
   * Bold font weight
   */
  /**
   * Default border radius for UI elements
   */
  /**
   * Text color for subtitles
   */
  /**
   * Border color for subtitle text outlines
   */
  /**
   * Default animation duration
   */
  /**
   * Short animation duration
   */
  /**
   * CSS class prefix for all components
   *
   * See webpack.config.js on how to customize the prefix at build time
   */
  /**
   * Accent color to highlight certain elements.
   */
  /**
   * Primary text color
   */
  /**
   * Secondary text color
   */
  /**
   * Background color for the UI in case the video is not visible
   */
  /**
   * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
   */
  /**
   * Used as solid color for text element backgrounds
   */
  /**
   * Color for visualizing focus on elements
   */
  /**
   * Background color for Settings Panel title rows
   */
  /**
   * Background color for menu elements
   */
  /**
   * Hover color for Settings Panel items
   */
  /**
   * Background color for quick seek indicator
   */
  /**
   * Background color for dimmed overlay effects
   */
  /**
   * Color for ad-related UI elements
   */
  /**
   * Color for specific ad-related icons such as the skip button icon
   */
  /**
   * Color for icons
   */
  /**
   * Base font family for all text elements
   */
  /**
   * Base font size
   */
  /* 18px */
  /**
   * Large font size variant
   */
  /**
   * Small font size variant
   */
  /**
   * Base icon size
   */
  /* 24px */
  /**
   * Medium icon size
   */
  /**
   * Large icon size
   */
  /**
   * Normal font weight
   */
  /* 400 */
  /**
   * Medium font weight
   */
  /**
   * Semi-bold font weight
   */
  /**
   * Bold font weight
   */
  /**
   * Default border radius for UI elements
   */
  /**
   * Text color for subtitles
   */
  /**
   * Border color for subtitle text outlines
   */
  /**
   * Default animation duration
   */
  /**
   * Short animation duration
   */
  /*
   * this will use the existing `hidden-animated` mixin and add additional transitions properties
   *
   * Example:
   * @include hidden-animated-with-additional-transitions($animation-duration,
   *         (
   *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
   *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
   *         )
   * );
   */
  /**
   * CSS class prefix for all components
   *
   * See webpack.config.js on how to customize the prefix at build time
   */
  /**
   * Accent color to highlight certain elements.
   */
  /**
   * Primary text color
   */
  /**
   * Secondary text color
   */
  /**
   * Background color for the UI in case the video is not visible
   */
  /**
   * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
   */
  /**
   * Used as solid color for text element backgrounds
   */
  /**
   * Color for visualizing focus on elements
   */
  /**
   * Background color for Settings Panel title rows
   */
  /**
   * Background color for menu elements
   */
  /**
   * Hover color for Settings Panel items
   */
  /**
   * Background color for quick seek indicator
   */
  /**
   * Background color for dimmed overlay effects
   */
  /**
   * Color for ad-related UI elements
   */
  /**
   * Color for specific ad-related icons such as the skip button icon
   */
  /**
   * Color for icons
   */
  /**
   * Base font family for all text elements
   */
  /**
   * Base font size
   */
  /* 18px */
  /**
   * Large font size variant
   */
  /**
   * Small font size variant
   */
  /**
   * Base icon size
   */
  /* 24px */
  /**
   * Medium icon size
   */
  /**
   * Large icon size
   */
  /**
   * Normal font weight
   */
  /* 400 */
  /**
   * Medium font weight
   */
  /**
   * Semi-bold font weight
   */
  /**
   * Bold font weight
   */
  /**
   * Default border radius for UI elements
   */
  /**
   * Text color for subtitles
   */
  /**
   * Border color for subtitle text outlines
   */
  /**
   * Default animation duration
   */
  /**
   * Short animation duration
   */
  /**
   * CSS class prefix for all components
   *
   * See webpack.config.js on how to customize the prefix at build time
   */
  /**
   * Accent color to highlight certain elements.
   */
  /**
   * Primary text color
   */
  /**
   * Secondary text color
   */
  /**
   * Background color for the UI in case the video is not visible
   */
  /**
   * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
   */
  /**
   * Used as solid color for text element backgrounds
   */
  /**
   * Color for visualizing focus on elements
   */
  /**
   * Background color for Settings Panel title rows
   */
  /**
   * Background color for menu elements
   */
  /**
   * Hover color for Settings Panel items
   */
  /**
   * Background color for quick seek indicator
   */
  /**
   * Background color for dimmed overlay effects
   */
  /**
   * Color for ad-related UI elements
   */
  /**
   * Color for specific ad-related icons such as the skip button icon
   */
  /**
   * Color for icons
   */
  /**
   * Base font family for all text elements
   */
  /**
   * Base font size
   */
  /* 18px */
  /**
   * Large font size variant
   */
  /**
   * Small font size variant
   */
  /**
   * Base icon size
   */
  /* 24px */
  /**
   * Medium icon size
   */
  /**
   * Large icon size
   */
  /**
   * Normal font weight
   */
  /* 400 */
  /**
   * Medium font weight
   */
  /**
   * Semi-bold font weight
   */
  /**
   * Bold font weight
   */
  /**
   * Default border radius for UI elements
   */
  /**
   * Text color for subtitles
   */
  /**
   * Border color for subtitle text outlines
   */
  /**
   * Default animation duration
   */
  /**
   * Short animation duration
   */
  /**
   * CSS class prefix for all components
   *
   * See webpack.config.js on how to customize the prefix at build time
   */
  /**
   * Accent color to highlight certain elements.
   */
  /**
   * Primary text color
   */
  /**
   * Secondary text color
   */
  /**
   * Background color for the UI in case the video is not visible
   */
  /**
   * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
   */
  /**
   * Used as solid color for text element backgrounds
   */
  /**
   * Color for visualizing focus on elements
   */
  /**
   * Background color for Settings Panel title rows
   */
  /**
   * Background color for menu elements
   */
  /**
   * Hover color for Settings Panel items
   */
  /**
   * Background color for quick seek indicator
   */
  /**
   * Background color for dimmed overlay effects
   */
  /**
   * Color for ad-related UI elements
   */
  /**
   * Color for specific ad-related icons such as the skip button icon
   */
  /**
   * Color for icons
   */
  /**
   * Base font family for all text elements
   */
  /**
   * Base font size
   */
  /* 18px */
  /**
   * Large font size variant
   */
  /**
   * Small font size variant
   */
  /**
   * Base icon size
   */
  /* 24px */
  /**
   * Medium icon size
   */
  /**
   * Large icon size
   */
  /**
   * Normal font weight
   */
  /* 400 */
  /**
   * Medium font weight
   */
  /**
   * Semi-bold font weight
   */
  /**
   * Bold font weight
   */
  /**
   * Default border radius for UI elements
   */
  /**
   * Text color for subtitles
   */
  /**
   * Border color for subtitle text outlines
   */
  /**
   * Default animation duration
   */
  /**
   * Short animation duration
   */
  /**
   * CSS class prefix for all components
   *
   * See webpack.config.js on how to customize the prefix at build time
   */
  /**
   * Accent color to highlight certain elements.
   */
  /**
   * Primary text color
   */
  /**
   * Secondary text color
   */
  /**
   * Background color for the UI in case the video is not visible
   */
  /**
   * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
   */
  /**
   * Used as solid color for text element backgrounds
   */
  /**
   * Color for visualizing focus on elements
   */
  /**
   * Background color for Settings Panel title rows
   */
  /**
   * Background color for menu elements
   */
  /**
   * Hover color for Settings Panel items
   */
  /**
   * Background color for quick seek indicator
   */
  /**
   * Background color for dimmed overlay effects
   */
  /**
   * Color for ad-related UI elements
   */
  /**
   * Color for specific ad-related icons such as the skip button icon
   */
  /**
   * Color for icons
   */
  /**
   * Base font family for all text elements
   */
  /**
   * Base font size
   */
  /* 18px */
  /**
   * Large font size variant
   */
  /**
   * Small font size variant
   */
  /**
   * Base icon size
   */
  /* 24px */
  /**
   * Medium icon size
   */
  /**
   * Large icon size
   */
  /**
   * Normal font weight
   */
  /* 400 */
  /**
   * Medium font weight
   */
  /**
   * Semi-bold font weight
   */
  /**
   * Bold font weight
   */
  /**
   * Default border radius for UI elements
   */
  /**
   * Text color for subtitles
   */
  /**
   * Border color for subtitle text outlines
   */
  /**
   * Default animation duration
   */
  /**
   * Short animation duration
   */
  /*
   * this will use the existing `hidden-animated` mixin and add additional transitions properties
   *
   * Example:
   * @include hidden-animated-with-additional-transitions($animation-duration,
   *         (
   *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
   *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
   *         )
   * );
   */
  /* Hide the huge playback button overlay while an ad is playing, so a click goes
   * through to the click-through overlay which will register the click and then
   * pause playback. In the paused state, the huge playback toggle button will be
   * shown and continues playback of the ad when clicked.
   */
}
.bmpui-ui-ads .bmpui-ui-button-ad-skip {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 20px;
  padding: 0.5em 1em;
  min-width: fit-content;
}
.bmpui-ui-ads .bmpui-ui-button-ad-skip .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23ffc737%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M16.54 11.16L5.54 4.16C5.23 3.96 4.84 3.95 4.52 4.12C4.2 4.3 4 4.63 4 5V19C4 19.37 4.2 19.7 4.52 19.88C4.67 19.96 4.84 20 5 20C5.19 20 5.37 19.95 5.54 19.84L16.54 12.84C16.83 12.66 17 12.34 17 12C17 11.66 16.83 11.34 16.54 11.16ZM18 4V20H20V4H18Z%27/%3E %3C/svg%3E");
}
.bmpui-ui-ads .bmpui-ui-button-ad-skip .bmpui-label {
  color: #ffc737;
}
.bmpui-ui-ads .bmpui-disabled.bmpui-ui-button-ad-skip .bmpui-ui-icon {
  display: none;
}
.bmpui-ui-ads .bmpui-ui-button-ad-skip:hover {
  background-color: #000;
}
.bmpui-ui-ads .bmpui-ui-ad-status-overlay {
  bottom: 0;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 1em 1em 0.5em;
  bottom: 5em;
}
.bmpui-ui-ads .bmpui-ui-ad-status-overlay .bmpui-bar > .bmpui-container-wrapper {
  pointer-events: none;
  display: flex;
  margin: 0.5em 0;
}
.bmpui-ui-ads .bmpui-ui-ad-message-label .bmpui-ui-label-text {
  pointer-events: none;
  cursor: default;
  display: block;
  font-size: 1.40625rem;
  font-weight: 500;
  text-shadow: 0 0 5px #000;
  white-space: normal;
  margin-right: auto;
}
.bmpui-ui-ads .bmpui-ad-controlbar {
  bottom: 0;
  position: absolute;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  box-sizing: border-box;
  padding: 1em;
}
.bmpui-ui-ads .bmpui-ad-controlbar .bmpui-container-wrapper {
  display: flex;
  flex-direction: column;
}
.bmpui-ui-ads .bmpui-ad-controlbar .bmpui-ad-controlbar-top .bmpui-ui-label {
  font-size: 0.9em;
}
.bmpui-ui-ads .bmpui-ad-controlbar .bmpui-ad-controlbar-top > .bmpui-container-wrapper {
  display: flex;
  flex-direction: row;
}
.bmpui-ui-ads .bmpui-ad-controlbar .bmpui-ad-controlbar-top > .bmpui-container-wrapper > * {
  margin: 0 0.5em;
}
.bmpui-ui-ads .bmpui-ad-controlbar .bmpui-ad-controlbar-bottom {
  transition: opacity 0.3s ease-out, height 0.3s ease-out, margin-bottom 0.3s ease-out, margin-top 0.3s ease-out;
  opacity: 1;
  height: 2em;
  flex-direction: column;
  margin-top: 0.5em;
}
.bmpui-ui-ads .bmpui-ad-controlbar .bmpui-ad-controlbar-bottom.bmpui-hidden {
  opacity: 0;
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
  pointer-events: none;
}
.bmpui-ui-ads .bmpui-ad-controlbar .bmpui-ad-controlbar-bottom > .bmpui-container-wrapper {
  display: flex;
  flex-direction: row;
}
.bmpui-ui-ads .bmpui-ad-controlbar .bmpui-ad-controlbar-bottom > .bmpui-container-wrapper .bmpui-ui-volumeslider {
  margin: auto 0.5em;
  width: 5em;
}
.bmpui-ui-ads .bmpui-ui-seekbar .bmpui-seekbar,
.bmpui-ui-ads .bmpui-ui-seekbar .bmpui-seekbar-bars,
.bmpui-ui-ads .bmpui-ui-seekbar .bmpui-seekbar-bars > * {
  pointer-events: none;
}
.bmpui-ui-ads .bmpui-ui-seekbar .bmpui-seekbar-playbackposition-marker,
.bmpui-ui-ads .bmpui-ui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-ui-ads .bmpui-ui-seekbar .bmpui-seekbar-seekposition,
.bmpui-ui-ads .bmpui-ui-seekbar .bmpui-seekbar-markers {
  display: none;
}
.bmpui-ui-ads .bmpui-ui-seekbar .bmpui-seekbar-playbackposition {
  background-color: #ffc737;
}
.bmpui-ui-ads.bmpui-player-state-playing .bmpui-ui-playbacktoggle-overlay {
  display: none;
}
.bmpui-ui-ads.bmpui-ui-smallscreen .bmpui-ui-ads-status {
  bottom: 0;
  left: 0;
  padding: 1em 1.5em;
  top: auto;
  width: 100%;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar, .bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar {
  background: rgba(17, 17, 17, 0.85);
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar {
  bottom: 10%;
  left: 10%;
  right: 10%;
  width: auto;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar {
  left: 10%;
  right: 10%;
  top: 10%;
  width: auto;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-watermark {
  margin: 0;
  right: 10%;
  top: 10%;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
  bottom: 10%;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay.bmpui-controlbar-visible {
  bottom: 20%;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label {
  background-color: rgba(0, 0, 0, 0.5);
  box-decoration-break: clone;
  display: inline-flex;
  line-height: 2;
  padding: 0.3em 0.5em;
  text-shadow: none;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton .bmpui-ui-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M9 3H5C4.45 3 4 3.45 4 4V20C4 20.55 4.45 21 5 21H9C9.55 21 10 20.55 10 20V4C10 3.45 9.55 3 9 3ZM19 3H15C14.45 3 14 3.45 14 4V20C14 20.55 14.45 21 15 21H19C19.55 21 20 20.55 20 20V4C20 3.45 19.55 3 19 3Z%27/%3E %3C/svg%3E");
  opacity: 0.7;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-icon, .bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-ui-icon {
  animation: none;
  transition: none;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-seekbar-bufferlevel,
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-seekbar-playbackposition,
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-buffering-overlay,
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-titlebar,
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-controlbar,
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay {
  transition: none;
}
.bmpui-ui-cast-receiver.bmpui-ui-uicontainer .bmpui-ui-buffering-overlay-indicator {
  display: none;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-smallscreen .bmpui-ui-watermark {
  display: none;
}
.bmpui-ui-smallscreen .bmpui-ui-cast-status-overlay {
  background: #111;
}
.bmpui-ui-smallscreen .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label {
  top: 30%;
}
.bmpui-ui-smallscreen.bmpui-remote-control .bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-ui-icon,
.bmpui-ui-smallscreen.bmpui-remote-control .bmpui-ui-smallcenteredplaybacktogglebutton.bmpui-on .bmpui-ui-icon {
  animation: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath d=%27M9 3H5C4.45 3 4 3.45 4 4V20C4 20.55 4.45 21 5 21H9C9.55 21 10 20.55 10 20V4C10 3.45 9.55 3 9 3ZM19 3H15C14.45 3 14 3.45 14 4V20C14 20.55 14.45 21 15 21H19C19.55 21 20 20.55 20 20V4C20 3.45 19.55 3 19 3Z%27/%3E %3C/svg%3E");
  visibility: visible;
}
.bmpui-ui-smallscreen.bmpui-remote-control .bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-ui-icon,
.bmpui-ui-smallscreen.bmpui-remote-control .bmpui-ui-smallcenteredplaybacktogglebutton.bmpui-off .bmpui-ui-icon {
  animation: none;
}
.bmpui-ui-smallscreen .bmpui-ui-titlebar {
  padding: max(1em, env(safe-area-inset-top, 0)) max(1em, env(safe-area-inset-right, 0)) 1em max(1em, env(safe-area-inset-left, 0));
}
.bmpui-ui-smallscreen .bmpui-ui-titlebar .bmpui-label-metadata {
  margin: 0 0.25em;
}
.bmpui-ui-smallscreen.bmpui-layout-max-width-400 .bmpui-ui-settings-panel {
  left: 1em;
  right: 1em;
  margin-top: 3.5em;
  max-height: calc(100% - 3.5em - 3.5em);
  width: unset;
}

/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/**
 * CSS class prefix for all components
 *
 * See webpack.config.js on how to customize the prefix at build time
 */
/**
 * Accent color to highlight certain elements.
 */
/**
 * Primary text color
 */
/**
 * Secondary text color
 */
/**
 * Background color for the UI in case the video is not visible
 */
/**
 * Used as gradient start color for text elements backgrounds and at the UI edges (top/bottom)
 */
/**
 * Used as solid color for text element backgrounds
 */
/**
 * Color for visualizing focus on elements
 */
/**
 * Background color for Settings Panel title rows
 */
/**
 * Background color for menu elements
 */
/**
 * Hover color for Settings Panel items
 */
/**
 * Background color for quick seek indicator
 */
/**
 * Background color for dimmed overlay effects
 */
/**
 * Color for ad-related UI elements
 */
/**
 * Color for specific ad-related icons such as the skip button icon
 */
/**
 * Color for icons
 */
/**
 * Base font family for all text elements
 */
/**
 * Base font size
 */
/* 18px */
/**
 * Large font size variant
 */
/**
 * Small font size variant
 */
/**
 * Base icon size
 */
/* 24px */
/**
 * Medium icon size
 */
/**
 * Large icon size
 */
/**
 * Normal font weight
 */
/* 400 */
/**
 * Medium font weight
 */
/**
 * Semi-bold font weight
 */
/**
 * Bold font weight
 */
/**
 * Default border radius for UI elements
 */
/**
 * Text color for subtitles
 */
/**
 * Border color for subtitle text outlines
 */
/**
 * Default animation duration
 */
/**
 * Short animation duration
 */
/*
 * this will use the existing `hidden-animated` mixin and add additional transitions properties
 *
 * Example:
 * @include hidden-animated-with-additional-transitions($animation-duration,
 *         (
 *                 height: (.35s, cubic-bezier(.4, 0, .2, 1)),
 *                 width: (.35s, cubic-bezier(.4, 0, .2, 1))
 *         )
 * );
 */
.bmpui-ui-tv .bmpui-ui-seekbar-label {
  margin-bottom: 0.5em;
}

.bmpui-ui-uicontainer {
  color: #fff;
  font-family: sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  user-select: none;
}
.bmpui-ui-uicontainer.bmpui-player-state-idle .bmpui-ui-controlbar,
.bmpui-ui-uicontainer.bmpui-player-state-idle .bmpui-ui-titlebar,
.bmpui-ui-uicontainer.bmpui-player-state-idle .bmpui-ui-hugeplaybacktogglebutton {
  display: none;
}
.bmpui-ui-uicontainer.bmpui-player-state-finished .bmpui-ui-titlebar,
.bmpui-ui-uicontainer.bmpui-player-state-finished .bmpui-ui-controlbar,
.bmpui-ui-uicontainer.bmpui-player-state-finished .bmpui-ui-hugeplaybacktogglebutton,
.bmpui-ui-uicontainer.bmpui-player-state-finished .bmpui-ui-smallcenteredplaybacktogglebutton {
  display: none;
}
.bmpui-ui-uicontainer .bmpui-text-right {
  text-align: right;
}
.bmpui-ui-uicontainer.bmpui-controls-shown .bmpui-ui-touch-control-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-volumeslider {
  display: none;
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-recommendation-overlay .bmpui-recommendations-section {
  display: none;
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-titlebar .bmpui-label-metadata-description, .bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-titlebar .bmpui-label-metadata-description {
  display: none;
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-hugeplaybacktogglebutton .bmpui-ui-icon,
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-smallcenteredplaybacktogglebutton .bmpui-ui-icon,
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-watermark .bmpui-ui-icon,
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-hugereplaybutton .bmpui-ui-icon, .bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-hugeplaybacktogglebutton .bmpui-ui-icon,
.bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-smallcenteredplaybacktogglebutton .bmpui-ui-icon,
.bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-watermark .bmpui-ui-icon,
.bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-hugereplaybutton .bmpui-ui-icon {
  background-size: 3rem;
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-watermark, .bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-watermark {
  margin: 0;
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-cast-status-overlay, .bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-cast-status-overlay {
  background-size: 4.5rem;
  background-position: center 40%;
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label, .bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-cast-status-overlay .bmpui-ui-cast-status-label {
  top: 55%;
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-400 .bmpui-ui-settings-panel, .bmpui-ui-uicontainer.bmpui-layout-max-width-600 .bmpui-ui-settings-panel {
  left: max(1em, env(safe-area-inset-left, 0));
  right: max(1em, env(safe-area-inset-right, 0));
  margin-top: 2em;
  max-height: calc(100% - 2em - 3.5em);
  width: unset;
}
.bmpui-ui-uicontainer.bmpui-layout-max-width-800 .bmpui-ui-settings-panel {
  width: 50%;
}

/*# sourceMappingURL=bitmovinplayer-ui.css.map*/