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

Color, spacing, and typography primitives for the Primer Brand Design System

/**
 * Do not edit directly
 * Generated on Thu, 12 Mar 2026 15:02:27 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;
}