@primer/react-brand/lib/design-tokens/css/tokens/functional/components/video-player/base.css

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

/**
 * Do not edit directly
 * Generated on Wed, 17 Dec 2025 14:40:36 GMT
 */

:root {
  --brand-VideoPlayer-tooltip-padding-inline: 0.3125rem;
  --brand-VideoPlayer-tooltip-padding-block: 0.3125rem;
  --brand-VideoPlayer-transition: all var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
  --brand-VideoPlayer-range-minWidth: 4.6875rem;
  --brand-VideoPlayer-range-borderRadius: 0.1875rem;
  --brand-VideoPlayer-range-height: 0.375rem;
  --brand-VideoPlayer-playButton-width: var(--base-size-96);
  --brand-VideoPlayer-playButton-height: var(--base-size-96);
  --brand-VideoPlayer-closedCaption-text-padding: 0.625rem;
  --brand-VideoPlayer-closedCaption-text-bgColor: rgba(0, 0, 0, 0.75);
  --brand-VideoPlayer-closedCaption-text-fgColor: var(--base-color-scale-white-0);
  --brand-VideoPlayer-closedCaption-margin: 0 auto 15px auto;
}