{"version":3,"sources":["webpack://VideojsRecord/./src/css/videojs.record.scss"],"names":[],"mappings":";;;AAAA;AACA;AACA,6DAA6D;;AAE7D;AACA;AACA,sCAAsC,cAAc,ywDAAywD,cAAc;AAC30D;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,qBAAqB;AACrB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,qBAAqB;AACrB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,qBAAqB;AACrB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,qBAAqB;AACrB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,qBAAqB;AACrB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA,qBAAqB;AACrB;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;;AAEX;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;;AAEf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gDAAgD;;AAEhD;AACA,gBAAgB;;AAEhB;AACA;AACA;AACA,mBAAmB;;AAEnB;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA,gBAAgB;;AAEhB;AACA;AACA,qBAAqB;;AAErB;AACA;AACA,qBAAqB;;AAErB;AACA,kBAAkB;;AAElB;AACA;AACA;AACA;AACA,kBAAkB;;AAElB;AACA,gBAAgB;;AAEhB;AACA;AACA,qBAAqB;;AAErB;AACA;AACA,qBAAqB;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;;AAEzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB;;AAExB;AACA;AACA,iBAAiB;AACjB;AACA,gBAAgB;AAChB;AACA,iBAAiB;AACjB;AACA,gBAAgB;AAChB;AACA,iBAAiB,EAAE;;AAEnB;AACA;AACA;AACA,0BAA0B;AAC1B;AACA;AACA,0BAA0B;AAC1B;AACA;AACA,0BAA0B,EAAE","file":"css/videojs.record.css","sourcesContent":["@font-face {\n font-family: videojs-record;\n src: url(../fonts/videojs-record.eot?#iefix) format(\"eot\"); }\n\n@font-face {\n font-family: videojs-record;\n src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUcAAsAAAAACIgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFY6l0dLY21hcAAAAYAAAABhAAABtj269dhnbHlmAAAB5AAAASMAAAHoaKpyRmhlYWQAAAMIAAAALQAAADYLMVVqaGhlYQAAAzgAAAAYAAAAJABeADhobXR4AAADUAAAAA4AAAAcASAAAGxvY2EAAANgAAAAEAAAABABiAH+bWF4cAAAA3AAAAAfAAAAIAEUADxuYW1lAAADkAAAATYAAAJemUJQLnBvc3QAAATIAAAAUQAAAHfWeWp5eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTQZJzAwMrAwCDHoAgk2aC0OAMTAw8DkGBlZsAKAtJcUxgcPjJ+ZGMwAHJZwCQDAyOIAADDpwVheJztkcENwCAMAx0IeVQdpQPx6v5fJqB2whiNdEa2Ih4OgAGgk4c4YC8MmsnUMu+4Mvez48pX7E01Kb2nNu46fwyawD936jwu1FeRDbYCenuhSywv1Okaha60okB8euoTwQAAAHicRZDrTsMwDIXtXKupVFzSEgmYpnbqYOuG1DbbD8Te/7E4bgY47YmdyM5nkyKxI+2po0+iS7frfNe6Nw7NF6cTpyk04xnqfD2N52+eex9c28M5j0397kxpnIJVxhnrLLSSSBmFrzfYIjz2Rlurjed8cC8phQhe54VhT1t6AkGa+wP/EsiLz6lljsyLFC9evCDii4Yyf08DlbRBdkbM6ZdQcYsWurDmqZ7SeOUUlRG702DVWjtt8AejSpyLOG2Vwo0z3iO4sR2xSlRvK0Yt1JlPHO3K2tVKZLjtEPrrZ4ulkTPVXRnjNpJES62BCnqlD9zJbIU2/c88N3DgnQf6fOVxzWjjEZQCu4x6I+KMsONEJC6t6Ic83Dzy9e0OQvQDgKActgB4nGNgZGBgAOJYtaCqeH6brwzcDAZAEYarn3k4kGkGXSBkYOBgYAJxAOZRB0gAAAB4nGNgZGBgMGBggJO6DIwMqIAdAA42AJd4nGNgAAID7BgADrwBIQAAAAAAAABCAGAAkACqALYA9HicY2BkYGBgZzBgYGYAASYg5gJCBob/YD4DAA38AVEAeJx9kD9qwzAYxZ/zrzSGUijtlEFQ6FJiJxlD5wQ6Zsju2LJjY1tGVgK5QQ/SE/QQHXuQnqIvqpZksATS773vfZ9AAO7xDQ/n5eHOnufVww3VP/dJj44H5GfHQ/iYOx7Rf3M8xiveHft4wIETvMEtnQk+HPeY/3Tcp//leED+cTzEE34djzDx4HiMrTdx7OPF08c8kapop1rGSicbmR3K6Mq8VFup21zVYh7MLgtrWUsdGZmI3Um0x2xhTCpSrSqxUrWRZalEo1UhYxPsjWmWYZg6P4hVhSNyJJBQKNBiCk2OqTTdDTnjX5SIqLuSXbUtWdPNqWsI/n+AWWfHmlzbrgiGd8KuHU48W/ZlWNA1SKlTZhQq0spOP6dLbkWnsbXCzjV8c2+7GiwRcqdX+cC+Xv0Be51w9gAAeJx9x0sOgCAMRdE+/GCUrbCoRprIgJRUZP0OSBx6R+eSo/88HCbMWLDCYyPPPVaxsvecRAf5SXkwmJxqKd6NrR3faA310qbx5CLGRC+J7hkhAAAA) format(\"woff\"), url(data:application/x-font-ttf;charset=utf-8;base64,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) format(\"truetype\");\n font-weight: normal;\n font-style: normal; }\n\n.vjs-icon-av-perm {\n font-family: videojs-record;\n font-weight: normal;\n font-style: normal; }\n .vjs-icon-av-perm:before {\n content: \"\\F101\"; }\n\n.vjs-icon-video-perm {\n font-family: videojs-record;\n font-weight: normal;\n font-style: normal; }\n .vjs-icon-video-perm:before {\n content: \"\\F102\"; }\n\n.vjs-icon-audio-perm {\n font-family: videojs-record;\n font-weight: normal;\n font-style: normal; }\n .vjs-icon-audio-perm:before {\n content: \"\\F103\"; }\n\n.vjs-icon-record-start {\n font-family: videojs-record;\n font-weight: normal;\n font-style: normal; }\n .vjs-icon-record-start:before {\n content: \"\\F104\"; }\n\n.vjs-icon-record-stop {\n font-family: videojs-record;\n font-weight: normal;\n font-style: normal; }\n .vjs-icon-record-stop:before {\n content: \"\\F105\"; }\n\n.vjs-icon-photo-camera {\n font-family: videojs-record;\n font-weight: normal;\n font-style: normal; }\n .vjs-icon-photo-camera:before {\n content: \"\\F106\"; }\n\n/* General plugin style.\n--------------------------------------------------------------------------------\n*/\n/* Position fullscreen control on right side of the player.\n--------------------------------------------------------------------------------\n*/\n.vjs-record.video-js .vjs-control.vjs-fullscreen-control {\n position: absolute;\n right: 0; }\n\n/* Ensure custom controls are always visible because\n the plugin hides and replace the video.js native mobile\n controls.\n--------------------------------------------------------------------------------\n*/\n.vjs-record .vjs-using-native-controls .vjs-control-bar {\n display: flex !important; }\n\n/* Handle responsive / fluid view.\n--------------------------------------------------------------------------------\n*/\n.vjs-record.vjs-fluid wave.vjs-wavedisplay,\n.vjs-record.vjs-fluid .vjs-record-canvas > canvas:nth-child(1),\n.vjs-record.vjs-fluid .vjs-animation-display > img:nth-child(1) {\n top: 0;\n position: absolute !important;\n width: 100%;\n min-width: 100%;\n max-width: 100%;\n height: 100%; }\n\n/* Device Button (large centered button at startup)\n--------------------------------------------------------------------------------\n*/\n.vjs-record .vjs-device-button.vjs-control {\n font-size: 3em;\n position: absolute;\n z-index: 2;\n /* Center it vertically */\n top: 50%;\n /* Center it horizontally */\n left: 50%;\n width: 4em;\n height: 2.8em;\n margin-top: -1.8000000000000001em;\n margin-left: -2.1em;\n display: block;\n cursor: pointer;\n opacity: 1;\n /* transition */\n -webkit-transition: all .4s;\n -moz-transition: all .4s;\n -o-transition: all .4s;\n transition: all .4s;\n text-align: center;\n vertical-align: middle;\n /* border-radius */\n -webkit-border-radius: .8em;\n -moz-border-radius: .8em;\n border-radius: .8em;\n /* Need a slightly gray bg so it can be seen on black backgrounds */\n /* background-color-with-alpha */\n background-color: #07141e;\n background-color: rgba(7, 20, 30, 0.7);\n /* box-shadow */\n -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);\n -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);\n box-shadow: 0 0 1em rgba(255, 255, 255, 0.25); }\n\n.vjs-record .vjs-error .vjs-device-button {\n display: none; }\n\n.vjs-record button.vjs-device-button.vjs-control.vjs-icon-av-perm:before,\n.vjs-record button.vjs-device-button.vjs-control.vjs-icon-audio-perm:before,\n.vjs-record button.vjs-device-button.vjs-control.vjs-icon-video-perm:before {\n font-size: 2.4em; }\n\n/* Record Toggle (start/stop recording button in controlbar)\n--------------------------------------------------------------------------------\n*/\n.vjs-record .vjs-record-button.vjs-control {\n cursor: pointer; }\n\n.vjs-record .vjs-error .vjs-record-button {\n display: none; }\n\n.vjs-record .vjs-record-button.vjs-control.vjs-icon-record-start:before {\n font-size: 1.4em;\n line-height: 2.2em; }\n\n.vjs-record .vjs-record-button.vjs-control.vjs-icon-record-stop:before {\n font-size: 2.2em;\n line-height: 1.4em; }\n\n.vjs-record .vjs-play-control.vjs-control {\n cursor: pointer; }\n\n/* Camera Button (snapshot try/retry)\n--------------------------------------------------------------------------------\n*/\n.vjs-record .vjs-camera-button.vjs-control {\n cursor: pointer; }\n\n.vjs-record .vjs-error .vjs-camera-button {\n display: none; }\n\n.vjs-record .vjs-camera-button.vjs-control.vjs-icon-photo-camera:before {\n font-size: 2.0em;\n line-height: 1.4em; }\n\n.vjs-record .vjs-camera-button.vjs-control.vjs-icon-replay:before {\n font-size: 2.2em;\n line-height: 1.4em; }\n\n/* Record Indicator (dot in top-right corner visible when recording)\n--------------------------------------------------------------------------------\n*/\n.vjs-record.video-js .vjs-control.vjs-record-indicator.vjs-hidden {\n display: block !important;\n opacity: 0;\n transform: translateX(1em) rotateX(-90deg) scale(0.9);\n transition: all .5s, transform .5s .25s; }\n\n.vjs-record.video-js .vjs-control.vjs-record-indicator {\n width: .8em;\n height: .8em;\n background-color: #ff625e;\n line-height: 1.1em;\n border-radius: 50%;\n right: 2.5ex;\n top: 2ex;\n position: absolute;\n opacity: 1;\n transform: rotateX(0) scale(1.3);\n transition: all .5s, transform .2s .1s; }\n\n.vjs-record.video-js .vjs-control.vjs-record-indicator:before {\n content: \"REC\";\n color: white;\n position: absolute;\n left: -2.7em;\n font-family: \"Helvetica\", sans-serif;\n animation-name: pulsetext;\n animation-duration: 5s;\n animation-iteration-count: infinite;\n top: -0.1em;\n font-size: 0.8em;\n opacity: 1;\n transition: opacity .5s .2s; }\n\n.vjs-record.video-js .vjs-control.vjs-record-indicator:after {\n content: \"\";\n display: block;\n height: calc(.8em - 4px);\n width: calc(.8em - 4px);\n border: 2px solid #ff625e;\n border-radius: 50%;\n position: absolute;\n top: 2px;\n left: 2px;\n transform-origin: center;\n animation-name: pulse;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n animation-delay: .25s; }\n\n@keyframes pulsetext {\n from {\n opacity: .75; }\n 25% {\n opacity: .5; }\n 50% {\n opacity: .75; }\n 75% {\n opacity: .5; }\n to {\n opacity: .75; } }\n\n@keyframes pulse {\n from {\n opacity: 1;\n transform: scale(1.6); }\n 50% {\n opacity: .5;\n transform: scale(2.5); }\n to {\n opacity: 0;\n transform: scale(3.5); } }\n"],"sourceRoot":""}