video-react-new-new 0.18.0

package/styles/icons.json

@@ -0,0 +1,584 @@
+{
+  "selection": [
+    {
+      "order": 242,
+      "ligatures": "play-arrow",
+      "prevSize": 24,
+      "name": "play-arrow"
+    },
+    {
+      "order": 243,
+      "ligatures": "play-circle-filled",
+      "prevSize": 24,
+      "name": "play-circle-filled"
+    },
+    {
+      "order": 244,
+      "ligatures": "play-circle-outline",
+      "prevSize": 24,
+      "name": "play-circle-outline"
+    },
+    {
+      "order": 245,
+      "ligatures": "pause",
+      "prevSize": 24,
+      "name": "pause"
+    },
+    {
+      "order": 246,
+      "ligatures": "pause-circle-filled",
+      "prevSize": 24,
+      "name": "pause-circle-filled"
+    },
+    {
+      "order": 247,
+      "ligatures": "pause-circle-outline",
+      "prevSize": 24,
+      "name": "pause-circle-outline"
+    },
+    {
+      "order": 248,
+      "ligatures": "stop",
+      "prevSize": 24,
+      "name": "stop"
+    },
+    {
+      "order": 249,
+      "ligatures": "fast-rewind",
+      "prevSize": 24,
+      "name": "fast-rewind"
+    },
+    {
+      "order": 250,
+      "ligatures": "fast-forward",
+      "prevSize": 24,
+      "name": "fast-forward"
+    },
+    {
+      "order": 251,
+      "ligatures": "skip-previous",
+      "prevSize": 24,
+      "name": "skip-previous"
+    },
+    {
+      "order": 252,
+      "ligatures": "skip-next",
+      "prevSize": 24,
+      "name": "skip-next"
+    },
+    {
+      "order": 253,
+      "ligatures": "replay-5",
+      "prevSize": 24,
+      "name": "replay-5"
+    },
+    {
+      "order": 254,
+      "ligatures": "replay-10",
+      "prevSize": 24,
+      "name": "replay-10"
+    },
+    {
+      "order": 255,
+      "ligatures": "replay-30",
+      "prevSize": 24,
+      "name": "replay-30"
+    },
+    {
+      "order": 256,
+      "ligatures": "forward-5",
+      "prevSize": 24,
+      "name": "forward-5"
+    },
+    {
+      "order": 257,
+      "ligatures": "forward-10",
+      "prevSize": 24,
+      "name": "forward-10"
+    },
+    {
+      "order": 258,
+      "ligatures": "forward-30",
+      "prevSize": 24,
+      "name": "forward-30"
+    },
+    {
+      "order": 259,
+      "ligatures": "volume-off",
+      "prevSize": 24,
+      "name": "volume-off"
+    },
+    {
+      "order": 260,
+      "ligatures": "volume-mute",
+      "prevSize": 24,
+      "name": "volume-mute"
+    },
+    {
+      "order": 261,
+      "ligatures": "volume-down",
+      "prevSize": 24,
+      "name": "volume-down"
+    },
+    {
+      "order": 262,
+      "ligatures": "volume-up",
+      "prevSize": 24,
+      "name": "volume-up"
+    },
+    {
+      "order": 263,
+      "ligatures": "fullscreen",
+      "prevSize": 24,
+      "name": "fullscreen"
+    },
+    {
+      "order": 264,
+      "ligatures": "fullscreen-exit",
+      "prevSize": 24,
+      "name": "fullscreen-exit"
+    },
+    {
+      "order": 265,
+      "ligatures": "closed-caption",
+      "prevSize": 24,
+      "name": "closed-caption"
+    },
+    {
+      "order": 266,
+      "ligatures": "hd",
+      "prevSize": 24,
+      "name": "hd"
+    },
+    {
+      "order": 267,
+      "ligatures": "settings",
+      "prevSize": 24,
+      "name": "settings"
+    },
+    {
+      "order": 268,
+      "ligatures": "share",
+      "prevSize": 24,
+      "name": "share"
+    },
+    {
+      "order": 269,
+      "ligatures": "info",
+      "prevSize": 24,
+      "name": "info"
+    },
+    {
+      "order": 270,
+      "ligatures": "info-outline",
+      "prevSize": 24,
+      "name": "info-outline"
+    },
+    {
+      "order": 271,
+      "ligatures": "clear, close",
+      "prevSize": 24,
+      "name": "close"
+    },
+    {
+      "order": 272,
+      "ligatures": "",
+      "prevSize": 24,
+      "name": "circle"
+    },
+    {
+      "order": 273,
+      "ligatures": "",
+      "prevSize": 24,
+      "name": "circle-outline"
+    },
+    {
+      "order": 274,
+      "ligatures": "",
+      "prevSize": 24,
+      "name": "circle-inner-circle"
+    }
+  ],
+  "metadata": {
+    "name": "video-react-new",
+    "iconsHash": 1729396324
+  },
+  "height": 1024,
+  "prevSize": 32,
+  "icons": [
+    {
+      "paths": [
+        "M342 214l468 298-468 298v-596z"
+      ],
+      "tags": [
+        "play-arrow"
+      ],
+      "defaultCode": 61952,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M426 704l256-192-256-192v384zM512 86c236 0 426 190 426 426s-190 426-426 426-426-190-426-426 190-426 426-426z"
+      ],
+      "tags": [
+        "play-circle-filled"
+      ],
+      "defaultCode": 61953,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M512 854c188 0 342-154 342-342s-154-342-342-342-342 154-342 342 154 342 342 342zM512 86c236 0 426 190 426 426s-190 426-426 426-426-190-426-426 190-426 426-426zM426 704v-384l256 192z"
+      ],
+      "tags": [
+        "play-circle-outline"
+      ],
+      "defaultCode": 61954,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M598 214h170v596h-170v-596zM256 810v-596h170v596h-170z"
+      ],
+      "tags": [
+        "pause"
+      ],
+      "defaultCode": 61955,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M640 682v-340h-86v340h86zM470 682v-340h-86v340h86zM512 86c236 0 426 190 426 426s-190 426-426 426-426-190-426-426 190-426 426-426z"
+      ],
+      "tags": [
+        "pause-circle-filled"
+      ],
+      "defaultCode": 61956,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M554 682v-340h86v340h-86zM512 854c188 0 342-154 342-342s-154-342-342-342-342 154-342 342 154 342 342 342zM512 86c236 0 426 190 426 426s-190 426-426 426-426-190-426-426 190-426 426-426zM384 682v-340h86v340h-86z"
+      ],
+      "tags": [
+        "pause-circle-outline"
+      ],
+      "defaultCode": 61957,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M256 256h512v512h-512v-512z"
+      ],
+      "tags": [
+        "stop"
+      ],
+      "defaultCode": 61958,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M490 512l364-256v512zM470 768l-364-256 364-256v512z"
+      ],
+      "tags": [
+        "fast-rewind"
+      ],
+      "defaultCode": 61959,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M554 256l364 256-364 256v-512zM170 768v-512l364 256z"
+      ],
+      "tags": [
+        "fast-forward"
+      ],
+      "defaultCode": 61960,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M406 512l362-256v512zM256 256h86v512h-86v-512z"
+      ],
+      "tags": [
+        "skip-previous"
+      ],
+      "defaultCode": 61961,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M682 256h86v512h-86v-512zM256 768v-512l362 256z"
+      ],
+      "tags": [
+        "skip-next"
+      ],
+      "defaultCode": 61962,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M504 580c-3.584 1.434-14 4.805-14 8 0 4-4 6-4 6h-30l10-94h102v30h-74l-4 38s4 0 4-4 6-2 6-6 4 0 8 0h8c8 0 18 2 22 6s12 8 16 12c8.873 8.873 18 27.257 18 46 0 8 0 18-4 22s-6 14-14 22-12 8-16 12-18 4-26 4-18 0-22-4-12-4-20-8c-11.191-5.596-18-22.554-18-38h34c0 14.809 10.59 20 26 20 4 0 8 0 12-4l10-8s4-8 4-12v-26l-4-8-10-10s-8-4-12-4h-8zM512 214c188 0 342 152 342 340s-154 342-342 342-342-154-342-342h86c0 140 116 256 256 256s256-116 256-256-116-256-256-256v172l-214-214 214-214v172z"
+      ],
+      "tags": [
+        "replay-5"
+      ],
+      "defaultCode": 61963,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M564 648c0 6.531 12.65 14 20 14 4 0 10 0 14-4l8-10s4-8 4-12v-86c0 0-4-8-4-12 0-5.505-16.424-14-22-14-4 0-8 2-12 6l-8 8s-6 8-6 12v86s6 8 6 12zM648 606c0 12 0 26-4 34l-12 26s-14 12-22 12-18 4-26 4-18 0-26-4-12-8-20-12c-13.488-6.744-18-39.492-18-60v-30c0-12 0-26 4-34l14-26s12-12 20-12 18-4 26-4 18 0 26 4 14 8 22 12 8 14 12 26 4 22 4 34v30zM466 682h-40v-140l-42 12v-30l76-24h6v182zM512 214c188 0 342 152 342 340s-154 342-342 342-342-154-342-342h86c0 140 116 256 256 256s256-116 256-256-116-256-256-256v172l-214-214 214-214v172z"
+      ],
+      "tags": [
+        "replay-10"
+      ],
+      "defaultCode": 61964,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M572 648c0 7.531 13.843 14 22 14 4 0 8 0 12-4l8-10s4-8 4-12v-86c0-4-4-8-4-12 0-4.671-15.121-14-20-14-4 0-10 2-14 6l-8 8s-4 8-4 12v86s4 8 4 12zM652 606c0 12 0 26-4 34l-12 26s-14 12-22 12-18 4-26 4c-20.252 0-32.299-9.149-46-16-8-4-8-14-12-26s-6-22-6-34v-30c0-12 2-26 6-34l12-26s14-12 22-12 16-4 24-4 18 0 26 4 14 8 22 12 8 14 12 26 4 22 4 34v30zM426 576c16.239 0 30-9.918 30-26v-8s-4-4-4-8-4-4-8-4h-22s-4 4-8 4-4 4-4 8v8h-44c0-19.788 17.639-46 36-46 4 0 16-4 20-4 17.345 0 35.264 5.632 48 12 10.13 5.065 16 24.218 16 38v14s-4 8-4 12-4 8-8 8-10 6-14 10c8 4 18 8 22 16s8 18 8 26 0 18-4 22-8 12-12 16-14 8-22 8-18 4-26 4-16 0-20-4-14-4-22-8c-11.162-5.581-18-27.017-18-42h36v8s4 4 4 8 4 4 8 4h22s4-4 8-4 4-4 4-8v-22s-4-4-4-8-4-4-8-4h-26v-30h16zM512 214c188 0 342 152 342 340s-154 342-342 342-342-154-342-342h86c0 140 116 256 256 256s256-116 256-256-116-256-256-256v172l-214-214 214-214v172z"
+      ],
+      "tags": [
+        "replay-30"
+      ],
+      "defaultCode": 61965,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M500 580c-3.584 1.434-14 4.805-14 8 0 4-4 6-4 6h-26l10-94h102v30h-74l-4 38s4 0 4-4 6-2 6-6 4 0 8 0h8c8 0 18 2 22 6s12 8 16 12c8.873 8.873 18 27.257 18 46 0 8 0 18-4 22s-6 14-14 22c-11.246 11.246-26.59 16-46 16-8 0-18 0-22-4s-12-4-20-8c-11.191-5.596-18-22.554-18-38h34c0 14.809 10.59 20 26 20 4 0 8 0 12-4l10-8s4-8 4-12v-26l-4-8-10-10s-8-4-12-4h-8zM170 554c0-188 154-340 342-340v-172l214 214-214 214v-172c-140 0-256 116-256 256s116 256 256 256 256-116 256-256h86c0 188-154 342-342 342s-342-154-342-342z"
+      ],
+      "tags": [
+        "forward-5"
+      ],
+      "defaultCode": 61966,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M564 648c0 6.531 12.65 14 20 14 4 0 10 0 14-4l8-10s4-8 4-12v-86c0 0-4-8-4-12 0-5.505-16.424-14-22-14-4 0-8 2-12 6l-8 8s-6 8-6 12v86s6 8 6 12zM644 606c0 12 0 26-4 34l-12 26s-14 12-22 12-18 4-26 4-18 0-26-4-12-8-20-12c-13.488-6.744-18-39.492-18-60v-30c0-12 0-26 4-34l14-26s12-12 20-12 18-4 26-4 18 0 26 4 14 8 22 12 8 14 12 26 4 22 4 34v30zM466 682h-40v-140l-42 12v-30l76-24h6v182zM170 554c0-188 154-340 342-340v-172l214 214-214 214v-172c-140 0-256 116-256 256s116 256 256 256 256-116 256-256h86c0 188-154 342-342 342s-342-154-342-342z"
+      ],
+      "tags": [
+        "forward-10"
+      ],
+      "defaultCode": 61967,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M170 554c0-188 154-340 342-340v-172l214 214-214 214v-172c-140 0-256 116-256 256s116 256 256 256 256-116 256-256h86c0 188-154 342-342 342s-342-154-342-342zM568 648c0 6.531 12.65 14 20 14 4 0 10 0 14-4l8-10s4-8 4-12v-86c0 0-4-8-4-12 0-5.505-16.424-14-22-14-4 0-8 2-12 6l-8 8s-4 8-4 12v86s4 8 4 12zM652 606c0 12 0 26-4 34l-12 26s-14 12-22 12-18 4-26 4c-20.252 0-32.299-9.149-46-16-8-4-8-14-12-26s-6-22-6-34v-30c0-12 2-26 6-34l12-26s14-12 22-12 16-4 24-4 18 0 26 4 14 8 22 12 8 14 12 26 4 22 4 34v30zM426 576c16.239 0 30-9.918 30-26v-8s-4-4-4-8-4-4-8-4h-22s-4 4-8 4-4 4-4 8v8h-44c0-19.788 17.639-46 36-46 4 0 16-4 20-4 17.345 0 35.264 5.632 48 12 10.13 5.065 16 24.218 16 38v14s-4 8-4 12-4 8-8 8-10 6-14 10c8 4 18 8 22 16s8 18 8 26 0 18-4 22-8 12-12 16-14 8-22 8-18 4-26 4-16 0-20-4-14-4-22-8c-11.162-5.581-18-27.017-18-42h36v8s4 4 4 8 4 4 8 4h22s4-4 8-4 4-4 4-8v-22s-4-4-4-8-4-4-8-4h-26v-30h16z"
+      ],
+      "tags": [
+        "forward-30"
+      ],
+      "defaultCode": 61968,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M512 170v180l-90-90zM182 128l714 714-54 54-88-88c-46 36-98 64-156 78v-88c36-10 68-28 96-50l-182-182v288l-214-214h-170v-256h202l-202-202zM810 512c0-136-88-250-212-286v-88c172 38 298 192 298 374 0 64-16 126-44 178l-64-66c14-34 22-72 22-112zM704 512c0 10 0 18-2 26l-104-104v-94c64 32 106 96 106 172z"
+      ],
+      "tags": [
+        "volume-off"
+      ],
+      "defaultCode": 61969,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M298 384h172l212-214v684l-212-214h-172v-256z"
+      ],
+      "tags": [
+        "volume-mute"
+      ],
+      "defaultCode": 61970,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M214 384h170l214-214v684l-214-214h-170v-256zM790 512c0 76-44 140-108 172v-344c64 32 108 96 108 172z"
+      ],
+      "tags": [
+        "volume-down"
+      ],
+      "defaultCode": 61971,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M598 138c172 38 298 192 298 374s-126 336-298 374v-88c124-36 212-150 212-286s-88-250-212-286v-88zM704 512c0 76-42 140-106 172v-344c64 32 106 96 106 172zM128 384h170l214-214v684l-214-214h-170v-256z"
+      ],
+      "tags": [
+        "volume-up"
+      ],
+      "defaultCode": 61972,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M598 214h212v212h-84v-128h-128v-84zM726 726v-128h84v212h-212v-84h128zM214 426v-212h212v84h-128v128h-84zM298 598v128h128v84h-212v-212h84z"
+      ],
+      "tags": [
+        "fullscreen"
+      ],
+      "defaultCode": 61973,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M682 342h128v84h-212v-212h84v128zM598 810v-212h212v84h-128v128h-84zM342 342v-128h84v212h-212v-84h128zM214 682v-84h212v212h-84v-128h-128z"
+      ],
+      "tags": [
+        "fullscreen-exit"
+      ],
+      "defaultCode": 61974,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M768 470v-44c0-24-18-42-42-42h-128c-24 0-44 18-44 42v172c0 24 20 42 44 42h128c24 0 42-18 42-42v-44h-64v22h-86v-128h86v22h64zM470 470v-44c0-24-20-42-44-42h-128c-24 0-42 18-42 42v172c0 24 18 42 42 42h128c24 0 44-18 44-42v-44h-64v22h-86v-128h86v22h64zM810 170c46 0 86 40 86 86v512c0 46-40 86-86 86h-596c-48 0-86-40-86-86v-512c0-46 38-86 86-86h596z"
+      ],
+      "tags": [
+        "closed-caption"
+      ],
+      "defaultCode": 61975,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M618 576v-128h86v128h-86zM554 384v256h172c24 0 42-18 42-42v-172c0-24-18-42-42-42h-172zM470 640v-256h-64v106h-86v-106h-64v256h64v-86h86v86h64zM810 128c46 0 86 40 86 86v596c0 46-40 86-86 86h-596c-48 0-86-40-86-86v-596c0-46 38-86 86-86h596z"
+      ],
+      "tags": [
+        "hd"
+      ],
+      "defaultCode": 61976,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M512 662c82 0 150-68 150-150s-68-150-150-150-150 68-150 150 68 150 150 150zM830 554l90 70c8 6 10 18 4 28l-86 148c-6 10-16 12-26 8l-106-42c-22 16-46 32-72 42l-16 112c-2 10-10 18-20 18h-172c-10 0-18-8-20-18l-16-112c-26-10-50-24-72-42l-106 42c-10 4-20 2-26-8l-86-148c-6-10-4-22 4-28l90-70c-2-14-2-28-2-42s0-28 2-42l-90-70c-8-6-10-18-4-28l86-148c6-10 16-12 26-8l106 42c22-16 46-32 72-42l16-112c2-10 10-18 20-18h172c10 0 18 8 20 18l16 112c26 10 50 24 72 42l106-42c10-4 20-2 26 8l86 148c6 10 4 22-4 28l-90 70c2 14 2 28 2 42s0 28-2 42z"
+      ],
+      "tags": [
+        "settings"
+      ],
+      "defaultCode": 61977,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M768 686c68 0 124 56 124 124s-56 126-124 126-124-58-124-126c0-10 0-20 2-28l-302-176c-24 22-54 34-88 34-70 0-128-58-128-128s58-128 128-128c34 0 64 12 88 34l300-174c-2-10-4-20-4-30 0-70 58-128 128-128s128 58 128 128-58 128-128 128c-34 0-64-14-88-36l-300 176c2 10 4 20 4 30s-2 20-4 30l304 176c22-20 52-32 84-32z"
+      ],
+      "tags": [
+        "share"
+      ],
+      "defaultCode": 61978,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M554 384v-86h-84v86h84zM554 726v-256h-84v256h84zM512 86c236 0 426 190 426 426s-190 426-426 426-426-190-426-426 190-426 426-426z"
+      ],
+      "tags": [
+        "info"
+      ],
+      "defaultCode": 61979,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M470 384v-86h84v86h-84zM512 854c188 0 342-154 342-342s-154-342-342-342-342 154-342 342 154 342 342 342zM512 86c236 0 426 190 426 426s-190 426-426 426-426-190-426-426 190-426 426-426zM470 726v-256h84v256h-84z"
+      ],
+      "tags": [
+        "info-outline"
+      ],
+      "defaultCode": 61980,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
+      ],
+      "tags": [
+        "close"
+      ],
+      "defaultCode": 61981,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M85.333 512c0 235.641 191.025 426.667 426.667 426.667s426.667-191.025 426.667-426.667c0-235.641-191.025-426.667-426.667-426.667s-426.667 191.025-426.667 426.667z"
+      ],
+      "tags": [
+        "circle"
+      ],
+      "defaultCode": 61982,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M512 85.333c-235.733 0-426.667 190.933-426.667 426.667s190.933 426.667 426.667 426.667 426.667-190.933 426.667-426.667-190.933-426.667-426.667-426.667zM512 853.333c-188.16 0-341.333-153.173-341.333-341.333s153.173-341.333 341.333-341.333 341.333 153.173 341.333 341.333-153.173 341.333-341.333 341.333z"
+      ],
+      "tags": [
+        "circle-outline"
+      ],
+      "defaultCode": 61983,
+      "grid": 24
+    },
+    {
+      "paths": [
+        "M512 85.333c-235.307 0-426.667 191.36-426.667 426.667s191.36 426.667 426.667 426.667 426.667-191.36 426.667-426.667-191.36-426.667-426.667-426.667zM512 853.333c-188.16 0-341.333-153.173-341.333-341.333s153.173-341.333 341.333-341.333 341.333 153.173 341.333 341.333-153.173 341.333-341.333 341.333zM640 512c0 70.613-57.387 128-128 128s-128-57.387-128-128 57.387-128 128-128 128 57.387 128 128z"
+      ],
+      "tags": [
+        "circle-inner-circle"
+      ],
+      "defaultCode": 61984,
+      "grid": 24
+    }
+  ],
+  "colorThemes": [],
+  "colorThemeIdx": 0,
+  "preferences": {
+    "showGlyphs": true,
+    "showQuickUse": true,
+    "showQuickUse2": true,
+    "showSVGs": true,
+    "fontPref": {
+      "prefix": "icon-",
+      "metadata": {
+        "fontFamily": "video-react-new",
+        "majorVersion": 1,
+        "minorVersion": 0
+      },
+      "metrics": {
+        "emSize": 1024,
+        "baseline": 0,
+        "whitespace": 0
+      },
+      "embed": false,
+      "noie8": false,
+      "ie7": false,
+      "resetPoint": 61952,
+      "showSelector": true,
+      "showMetrics": true,
+      "showMetadata": true,
+      "selector": "class",
+      "classSelector": ".icon",
+      "cssVars": true,
+      "cssVarsFormat": "less"
+    },
+    "imagePref": {
+      "prefix": "video-react-new-icon-",
+      "png": true,
+      "useClassSelector": true,
+      "color": 0,
+      "bgColor": 16777215,
+      "classSelector": ".video-react-new-icon"
+    },
+    "historySize": 100,
+    "showCodes": true,
+    "gridSize": 16
+  },
+  "IcoMoonType": "icon-set"
+}

package/styles/scss/components/bezel.scss

@@ -0,0 +1,119 @@
+.video-react-new .video-react-new-bezel {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 52px;
+  height: 52px;
+  z-index: 17;
+  margin-left: -26px;
+  margin-top: -26px;
+  background: rgba(0,0,0,.5);
+  border-radius: 26px;
+
+  &.video-react-new-bezel-animation {
+    -moz-animation: video-react-new-bezel-fadeout .5s linear 1 normal forwards;
+    -webkit-animation: video-react-new-bezel-fadeout .5s linear 1 normal forwards;
+    animation: video-react-new-bezel-fadeout .5s linear 1 normal forwards;
+    pointer-events: none;
+  }
+
+  &.video-react-new-bezel-animation-alt {
+    -moz-animation: video-react-new-bezel-fadeout-alt .5s linear 1 normal forwards;
+    -webkit-animation: video-react-new-bezel-fadeout-alt .5s linear 1 normal forwards;
+    animation: video-react-new-bezel-fadeout-alt .5s linear 1 normal forwards;
+    pointer-events: none;
+  }
+
+  .video-react-new-bezel-icon {
+    @extend .video-react-new-icon;
+    width: 36px;
+    height: 36px;
+    margin: 8px;
+    font-size: 26px;
+    line-height: 36px;
+    text-align: center;
+  }
+
+  .video-react-new-bezel-icon-play {
+    @extend .video-react-new-icon-play-arrow;
+  }
+
+  .video-react-new-bezel-icon-pause {
+    @extend .video-react-new-icon-pause;
+  }
+
+  .video-react-new-bezel-icon-pause {
+    @extend .video-react-new-icon-pause;
+  }
+
+  .video-react-new-bezel-icon-pause {
+    @extend .video-react-new-icon-pause;
+  }
+
+  .video-react-new-bezel-icon-replay-5 {
+    @extend .video-react-new-icon-replay-5;
+  }
+
+  .video-react-new-bezel-icon-replay-10 {
+    @extend .video-react-new-icon-replay-10;
+  }
+
+  .video-react-new-bezel-icon-replay-30 {
+    @extend .video-react-new-icon-replay-30;
+  }
+
+  .video-react-new-bezel-icon-forward-5 {
+    @extend .video-react-new-icon-forward-5;
+  }
+
+  .video-react-new-bezel-icon-forward-10 {
+    @extend .video-react-new-icon-forward-10;
+  }
+
+  .video-react-new-bezel-icon-forward-30 {
+    @extend .video-react-new-icon-forward-30;
+  }
+
+  .video-react-new-bezel-icon-volume-off {
+    @extend .video-react-new-icon-volume-off;
+  }
+
+  .video-react-new-bezel-icon-volume-down {
+    @extend .video-react-new-icon-volume-down;
+  }
+
+  .video-react-new-bezel-icon-volume-up {
+    @extend .video-react-new-icon-volume-up;
+  }
+
+  .video-react-new-bezel-icon-fast-rewind {
+    @extend .video-react-new-icon-fast-rewind;
+  }
+
+  .video-react-new-bezel-icon-fast-forward {
+    @extend .video-react-new-icon-fast-forward;
+  }
+
+}
+
+@keyframes video-react-new-bezel-fadeout {
+  0% {
+    opacity: 1
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(2)
+  }
+}
+
+@keyframes video-react-new-bezel-fadeout-alt {
+  0% {
+    opacity: 1
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(2)
+  }
+}