@codecademy/gamut

Index: package/dist/Video/lib/VidstackPlayer.js
===================================================================
--- package/dist/Video/lib/VidstackPlayer.js
+++ package/dist/Video/lib/VidstackPlayer.js
@@ -1,12 +1,15 @@
 import _styled from "@emotion/styled/base";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Third-party Vidstack default theme styles */
 /* eslint-disable gamut/no-css-standalone */
-import '../styles/vds_base_theme.scss';
+import '../vidstack-vendor.css';
 import { styledOptions } from '@codecademy/gamut-styles';
+import { Global } from '@emotion/react';
 import { isYouTubeProvider, MediaPlayer, MediaProvider, Poster, Track, useMediaRemote, useMediaState } from '@vidstack/react';
 import React, { useRef, createElement as _createElement } from 'react';
 import { Box } from '../../Box';
+import { vdsBaseThemeStyles } from '../styles';
 import { keyboardShortcuts } from './utils/constants';
 import { vdsVariables } from './utils/variables';
 import { VideoLayout } from './VideoLayout';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -14,9 +17,9 @@
   target: "e1dl7oy60",
   label: "VariableProvider"
 }, styledOptions(['variables'])))(({
   variables
-}) => variables, "width:100%;height:100%;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaWRlby9saWIvVmlkc3RhY2tQbGF5ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ZpZGVvL2xpYi9WaWRzdGFja1BsYXllci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBnYW11dC9uby1jc3Mtc3RhbmRhbG9uZSAqL1xuaW1wb3J0ICcuLi9zdHlsZXMvdmRzX2Jhc2VfdGhlbWUuc2Nzcyc7XG5cbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCwgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgaXNZb3VUdWJlUHJvdmlkZXIsXG4gIE1lZGlhUGxheWVyLFxuICBNZWRpYVBsYXllckluc3RhbmNlLFxuICBNZWRpYVByb3ZpZGVyLFxuICBNZWRpYVByb3ZpZGVyQWRhcHRlcixcbiAgUG9zdGVyLFxuICBUcmFjayxcbiAgdXNlTWVkaWFSZW1vdGUsXG4gIHVzZU1lZGlhU3RhdGUsXG59IGZyb20gJ0B2aWRzdGFjay9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHsgVmlkZW9Qcm9wcyB9IGZyb20gJy4uJztcbmltcG9ydCB7IGtleWJvYXJkU2hvcnRjdXRzIH0gZnJvbSAnLi91dGlscy9jb25zdGFudHMnO1xuaW1wb3J0IHsgdmRzVmFyaWFibGVzIH0gZnJvbSAnLi91dGlscy92YXJpYWJsZXMnO1xuaW1wb3J0IHsgVmlkZW9MYXlvdXQgfSBmcm9tICcuL1ZpZGVvTGF5b3V0JztcblxuY29uc3QgVmFyaWFibGVQcm92aWRlciA9IHN0eWxlZChCb3gsIHN0eWxlZE9wdGlvbnMoWyd2YXJpYWJsZXMnXSkpPHtcbiAgdmFyaWFibGVzPzogQ1NTT2JqZWN0O1xufT4oKHsgdmFyaWFibGVzIH0pID0+IHZhcmlhYmxlcywge1xuICB3aWR0aDogJzEwMCUnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG59KTtcblxudHlwZSBWaWRzdGFja1BsYXllclByb3BzID0gVmlkZW9Qcm9wcyAmIHtcbiAgb25Mb2FkOiAoKSA9PiB2b2lkO1xufTtcbmV4cG9ydCBjb25zdCBWaWRzdGFja1BsYXllcjogUmVhY3QuRkM8Vmlkc3RhY2tQbGF5ZXJQcm9wcz4gPSAoe1xuICBhdXRvcGxheSA9IGZhbHNlLFxuICBjb250cm9scyA9IHRydWUsXG4gIGxvb3AgPSBmYWxzZSxcbiAgbXV0ZWQgPSBmYWxzZSxcbiAgb25QbGF5LFxuICBvblJlYWR5LFxuICBvbkxvYWQsXG4gIHBsYWNlaG9sZGVySW1hZ2UsXG4gIHZpZGVvVGl0bGUsXG4gIHZpZGVvVXJsLFxuICB0ZXh0VHJhY2tzLFxuICB0aHVtYm5haWxzLFxuICB0cmFuc2xhdGlvbnMsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc2hvd0RlZmF1bHRQcm92aWRlckNvbnRyb2xzID0gZmFsc2UsXG59KSA9PiB7XG4gIGNvbnN0IHBsYXllciA9IHVzZVJlZjxNZWRpYVBsYXllckluc3RhbmNlPihudWxsKTtcbiAgY29uc3QgcGF1c2VkID0gdXNlTWVkaWFTdGF0ZSgncGF1c2VkJywgcGxheWVyKTtcbiAgY29uc3QgbWVkaWFSZW1vdGUgPSB1c2VNZWRpYVJlbW90ZShwbGF5ZXIpO1xuXG4gIC8qKlxuICAgKiAhV29ya2Fyb3VuZCBmb3IgVmlkc3RhY2sgWW91dHViZSBQcm92aWRlciBpc3N1ZSB3aXRoIG5hdGl2ZSBjb250cm9scyFcbiAgICogKE5vdCBuZWVkZWQgd2l0aCBDdXN0b20gQ29udHJvbHMgaS5lIHdoZW4gY29udHJvbHMgcHJvcHMgaXMgbm90IHNldCB0byB0cnVlIGluIDxNZWRpYVBsYXllcj4pXG4gICAqIFdoZW4gdGhlIHByb3ZpZGVyIGNoYW5nZXMgb3IgcGxheWVyIGlzIGluIHdhaXRpbmcgc3RhdGUsIHdlIG5lZWQgdG8gZm9yY2UgcmUtcGxheSB0aGUgdmlkZW8uXG4gICAqIFRoaXMgaXMgYmVjYXVzZSBvZiBhbiBpc3N1ZSBpbiBWaWRzdGFjayB3aGVyZSBZb3V0dWJlIHZpZGVvcyB3aXRoIG5hdGl2ZSBjb250cm9scyBrZWVwcyBwYXVzaW5nLlxuICAgKi9cbiAgY29uc3Qgb25Qcm92aWRlckNoYW5nZSA9IGFzeW5jIChwcm92aWRlcjogTWVkaWFQcm92aWRlckFkYXB0ZXIgfCBudWxsKSA9PiB7XG4gICAgaWYgKGlzWW91VHViZVByb3ZpZGVyKHByb3ZpZGVyKSkge1xuICAgICAgYXdhaXQgcHJvdmlkZXIucGxheSgpO1xuICAgIH1cbiAgfTtcbiAgY29uc3Qgb25QbGF5ZXJXYWl0aW5nID0gKCkgPT4ge1xuICAgIGlmIChpc1lvdVR1YmVQcm92aWRlcihwbGF5ZXIuY3VycmVudD8ucHJvdmlkZXIpICYmIHBhdXNlZCkge1xuICAgICAgbWVkaWFSZW1vdGU/LnRvZ2dsZVBhdXNlZCgpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxWYXJpYWJsZVByb3ZpZGVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgIHN0eWxlPXt7IHdpZHRoLCBoZWlnaHQgfX1cbiAgICAgIHZhcmlhYmxlcz17dmRzVmFyaWFibGVzfVxuICAgID5cbiAgICAgIDxNZWRpYVBsYXllclxuICAgICAgICBhdXRvUGxheT17YXV0b3BsYXl9XG4gICAgICAgIGNvbnRyb2xzPXtzaG93RGVmYXVsdFByb3ZpZGVyQ29udHJvbHN9XG4gICAgICAgIGtleVNob3J0Y3V0cz17a2V5Ym9hcmRTaG9ydGN1dHN9XG4gICAgICAgIGxvb3A9e2xvb3B9XG4gICAgICAgIG11dGVkPXtcbiAgICAgICAgICBhdXRvcGxheSAmJiBpc1lvdVR1YmVQcm92aWRlcihwbGF5ZXI/LmN1cnJlbnQ/LnByb3ZpZGVyKVxuICAgICAgICAgICAgPyB0cnVlXG4gICAgICAgICAgICA6IG11dGVkXG4gICAgICAgIH1cbiAgICAgICAgcGxheXNJbmxpbmVcbiAgICAgICAgcmVmPXtwbGF5ZXJ9XG4gICAgICAgIHNyYz17dmlkZW9Vcmx9XG4gICAgICAgIHRpdGxlPXt2aWRlb1RpdGxlfVxuICAgICAgICBvbkNhblBsYXk9e29uUmVhZHl9XG4gICAgICAgIG9uTG9hZD17b25Mb2FkfVxuICAgICAgICBvblBsYXk9e29uUGxheX1cbiAgICAgICAgb25QbGF5aW5nPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKGF1dG9wbGF5ICYmIHBsYXllci5jdXJyZW50Py5tdXRlZCAmJiAhbXV0ZWQpIHtcbiAgICAgICAgICAgIG1lZGlhUmVtb3RlPy51bm11dGUoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICAgIG9uUHJvdmlkZXJDaGFuZ2U9e29uUHJvdmlkZXJDaGFuZ2V9XG4gICAgICAgIG9uV2FpdGluZz17b25QbGF5ZXJXYWl0aW5nfVxuICAgICAgPlxuICAgICAgICA8TWVkaWFQcm92aWRlcj5cbiAgICAgICAgICB7cGxhY2Vob2xkZXJJbWFnZSAmJiAoXG4gICAgICAgICAgICA8UG9zdGVyXG4gICAgICAgICAgICAgIGFsdD17dmlkZW9UaXRsZX1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwidmRzLXBvc3RlclwiXG4gICAgICAgICAgICAgIHNyYz17cGxhY2Vob2xkZXJJbWFnZSBhcyBzdHJpbmd9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge3RleHRUcmFja3M/Lm1hcCgodHJhY2spID0+IChcbiAgICAgICAgICAgIDxUcmFjayB7Li4udHJhY2t9IGtleT17dHJhY2suc3JjfSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01lZGlhUHJvdmlkZXI+XG4gICAgICAgIDxWaWRlb0xheW91dFxuICAgICAgICAgIGNvbnRyb2xzPXtjb250cm9sc31cbiAgICAgICAgICB0aHVtYm5haWxzPXt0aHVtYm5haWxzfVxuICAgICAgICAgIHRyYW5zbGF0aW9ucz17dHJhbnNsYXRpb25zfVxuICAgICAgICAvPlxuICAgICAgPC9NZWRpYVBsYXllcj5cbiAgICA8L1ZhcmlhYmxlUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */"));
+}) => variables, "width:100%;height:100%;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaWRlby9saWIvVmlkc3RhY2tQbGF5ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ZpZGVvL2xpYi9WaWRzdGFja1BsYXllci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBUaGlyZC1wYXJ0eSBWaWRzdGFjayBkZWZhdWx0IHRoZW1lIHN0eWxlcyAqL1xuLyogZXNsaW50LWRpc2FibGUgZ2FtdXQvbm8tY3NzLXN0YW5kYWxvbmUgKi9cbmltcG9ydCAnLi4vdmlkc3RhY2stdmVuZG9yLmNzcyc7XG5cbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCwgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgaXNZb3VUdWJlUHJvdmlkZXIsXG4gIE1lZGlhUGxheWVyLFxuICBNZWRpYVBsYXllckluc3RhbmNlLFxuICBNZWRpYVByb3ZpZGVyLFxuICBNZWRpYVByb3ZpZGVyQWRhcHRlcixcbiAgUG9zdGVyLFxuICBUcmFjayxcbiAgdXNlTWVkaWFSZW1vdGUsXG4gIHVzZU1lZGlhU3RhdGUsXG59IGZyb20gJ0B2aWRzdGFjay9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHsgVmlkZW9Qcm9wcyB9IGZyb20gJy4uJztcbmltcG9ydCB7IHZkc0Jhc2VUaGVtZVN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBrZXlib2FyZFNob3J0Y3V0cyB9IGZyb20gJy4vdXRpbHMvY29uc3RhbnRzJztcbmltcG9ydCB7IHZkc1ZhcmlhYmxlcyB9IGZyb20gJy4vdXRpbHMvdmFyaWFibGVzJztcbmltcG9ydCB7IFZpZGVvTGF5b3V0IH0gZnJvbSAnLi9WaWRlb0xheW91dCc7XG5cbmNvbnN0IFZhcmlhYmxlUHJvdmlkZXIgPSBzdHlsZWQoQm94LCBzdHlsZWRPcHRpb25zKFsndmFyaWFibGVzJ10pKTx7XG4gIHZhcmlhYmxlcz86IENTU09iamVjdDtcbn0+KCh7IHZhcmlhYmxlcyB9KSA9PiB2YXJpYWJsZXMsIHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgaGVpZ2h0OiAnMTAwJScsXG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxufSk7XG5cbnR5cGUgVmlkc3RhY2tQbGF5ZXJQcm9wcyA9IFZpZGVvUHJvcHMgJiB7XG4gIG9uTG9hZDogKCkgPT4gdm9pZDtcbn07XG5leHBvcnQgY29uc3QgVmlkc3RhY2tQbGF5ZXI6IFJlYWN0LkZDPFZpZHN0YWNrUGxheWVyUHJvcHM+ID0gKHtcbiAgYXV0b3BsYXkgPSBmYWxzZSxcbiAgY29udHJvbHMgPSB0cnVlLFxuICBsb29wID0gZmFsc2UsXG4gIG11dGVkID0gZmFsc2UsXG4gIG9uUGxheSxcbiAgb25SZWFkeSxcbiAgb25Mb2FkLFxuICBwbGFjZWhvbGRlckltYWdlLFxuICB2aWRlb1RpdGxlLFxuICB2aWRlb1VybCxcbiAgdGV4dFRyYWNrcyxcbiAgdGh1bWJuYWlscyxcbiAgdHJhbnNsYXRpb25zLFxuICB3aWR0aCxcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIHNob3dEZWZhdWx0UHJvdmlkZXJDb250cm9scyA9IGZhbHNlLFxufSkgPT4ge1xuICBjb25zdCBwbGF5ZXIgPSB1c2VSZWY8TWVkaWFQbGF5ZXJJbnN0YW5jZT4obnVsbCk7XG4gIGNvbnN0IHBhdXNlZCA9IHVzZU1lZGlhU3RhdGUoJ3BhdXNlZCcsIHBsYXllcik7XG4gIGNvbnN0IG1lZGlhUmVtb3RlID0gdXNlTWVkaWFSZW1vdGUocGxheWVyKTtcblxuICAvKipcbiAgICogIVdvcmthcm91bmQgZm9yIFZpZHN0YWNrIFlvdXR1YmUgUHJvdmlkZXIgaXNzdWUgd2l0aCBuYXRpdmUgY29udHJvbHMhXG4gICAqIChOb3QgbmVlZGVkIHdpdGggQ3VzdG9tIENvbnRyb2xzIGkuZSB3aGVuIGNvbnRyb2xzIHByb3BzIGlzIG5vdCBzZXQgdG8gdHJ1ZSBpbiA8TWVkaWFQbGF5ZXI+KVxuICAgKiBXaGVuIHRoZSBwcm92aWRlciBjaGFuZ2VzIG9yIHBsYXllciBpcyBpbiB3YWl0aW5nIHN0YXRlLCB3ZSBuZWVkIHRvIGZvcmNlIHJlLXBsYXkgdGhlIHZpZGVvLlxuICAgKiBUaGlzIGlzIGJlY2F1c2Ugb2YgYW4gaXNzdWUgaW4gVmlkc3RhY2sgd2hlcmUgWW91dHViZSB2aWRlb3Mgd2l0aCBuYXRpdmUgY29udHJvbHMga2VlcHMgcGF1c2luZy5cbiAgICovXG4gIGNvbnN0IG9uUHJvdmlkZXJDaGFuZ2UgPSBhc3luYyAocHJvdmlkZXI6IE1lZGlhUHJvdmlkZXJBZGFwdGVyIHwgbnVsbCkgPT4ge1xuICAgIGlmIChpc1lvdVR1YmVQcm92aWRlcihwcm92aWRlcikpIHtcbiAgICAgIGF3YWl0IHByb3ZpZGVyLnBsYXkoKTtcbiAgICB9XG4gIH07XG4gIGNvbnN0IG9uUGxheWVyV2FpdGluZyA9ICgpID0+IHtcbiAgICBpZiAoaXNZb3VUdWJlUHJvdmlkZXIocGxheWVyLmN1cnJlbnQ/LnByb3ZpZGVyKSAmJiBwYXVzZWQpIHtcbiAgICAgIG1lZGlhUmVtb3RlPy50b2dnbGVQYXVzZWQoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VmFyaWFibGVQcm92aWRlclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICBzdHlsZT17eyB3aWR0aCwgaGVpZ2h0IH19XG4gICAgICB2YXJpYWJsZXM9e3Zkc1ZhcmlhYmxlc31cbiAgICA+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17dmRzQmFzZVRoZW1lU3R5bGVzfSAvPlxuICAgICAgPE1lZGlhUGxheWVyXG4gICAgICAgIGF1dG9QbGF5PXthdXRvcGxheX1cbiAgICAgICAgY29udHJvbHM9e3Nob3dEZWZhdWx0UHJvdmlkZXJDb250cm9sc31cbiAgICAgICAga2V5U2hvcnRjdXRzPXtrZXlib2FyZFNob3J0Y3V0c31cbiAgICAgICAgbG9vcD17bG9vcH1cbiAgICAgICAgbXV0ZWQ9e1xuICAgICAgICAgIGF1dG9wbGF5ICYmIGlzWW91VHViZVByb3ZpZGVyKHBsYXllcj8uY3VycmVudD8ucHJvdmlkZXIpXG4gICAgICAgICAgICA/IHRydWVcbiAgICAgICAgICAgIDogbXV0ZWRcbiAgICAgICAgfVxuICAgICAgICBwbGF5c0lubGluZVxuICAgICAgICByZWY9e3BsYXllcn1cbiAgICAgICAgc3JjPXt2aWRlb1VybH1cbiAgICAgICAgdGl0bGU9e3ZpZGVvVGl0bGV9XG4gICAgICAgIG9uQ2FuUGxheT17b25SZWFkeX1cbiAgICAgICAgb25Mb2FkPXtvbkxvYWR9XG4gICAgICAgIG9uUGxheT17b25QbGF5fVxuICAgICAgICBvblBsYXlpbmc9eygpID0+IHtcbiAgICAgICAgICBpZiAoYXV0b3BsYXkgJiYgcGxheWVyLmN1cnJlbnQ/Lm11dGVkICYmICFtdXRlZCkge1xuICAgICAgICAgICAgbWVkaWFSZW1vdGU/LnVubXV0ZSgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgICAgb25Qcm92aWRlckNoYW5nZT17b25Qcm92aWRlckNoYW5nZX1cbiAgICAgICAgb25XYWl0aW5nPXtvblBsYXllcldhaXRpbmd9XG4gICAgICA+XG4gICAgICAgIDxNZWRpYVByb3ZpZGVyPlxuICAgICAgICAgIHtwbGFjZWhvbGRlckltYWdlICYmIChcbiAgICAgICAgICAgIDxQb3N0ZXJcbiAgICAgICAgICAgICAgYWx0PXt2aWRlb1RpdGxlfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJ2ZHMtcG9zdGVyXCJcbiAgICAgICAgICAgICAgc3JjPXtwbGFjZWhvbGRlckltYWdlIGFzIHN0cmluZ31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7dGV4dFRyYWNrcz8ubWFwKCh0cmFjaykgPT4gKFxuICAgICAgICAgICAgPFRyYWNrIHsuLi50cmFja30ga2V5PXt0cmFjay5zcmN9IC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvTWVkaWFQcm92aWRlcj5cbiAgICAgICAgPFZpZGVvTGF5b3V0XG4gICAgICAgICAgY29udHJvbHM9e2NvbnRyb2xzfVxuICAgICAgICAgIHRodW1ibmFpbHM9e3RodW1ibmFpbHN9XG4gICAgICAgICAgdHJhbnNsYXRpb25zPXt0cmFuc2xhdGlvbnN9XG4gICAgICAgIC8+XG4gICAgICA8L01lZGlhUGxheWVyPlxuICAgIDwvVmFyaWFibGVQcm92aWRlcj5cbiAgKTtcbn07XG4iXX0= */"));
 export const VidstackPlayer = ({
   autoplay = false,
   controls = true,
   loop = false,
@@ -54,18 +57,20 @@
     if (isYouTubeProvider(player.current?.provider) && paused) {
       mediaRemote?.togglePaused();
     }
   };
-  return /*#__PURE__*/_jsx(VariableProvider, {
+  return /*#__PURE__*/_jsxs(VariableProvider, {
     className: className
     // eslint-disable-next-line gamut/no-inline-style
     ,
     style: {
       width,
       height
     },
     variables: vdsVariables,
-    children: /*#__PURE__*/_jsxs(MediaPlayer, {
+    children: [/*#__PURE__*/_jsx(Global, {
+      styles: vdsBaseThemeStyles
+    }), /*#__PURE__*/_jsxs(MediaPlayer, {
       autoPlay: autoplay,
       controls: showDefaultProviderControls,
       keyShortcuts: keyboardShortcuts,
       loop: loop,
@@ -97,7 +102,7 @@
         controls: controls,
         thumbnails: thumbnails,
         translations: translations
       })]
-    })
+    })]
   });
 };
\ No newline at end of file