j1-template 2024.3.22 → 2024.3.23

data/assets/theme/j1/modules/videojs/assets/README.md

@@ -0,0 +1 @@
+

data/assets/theme/j1/modules/videojs/assets/icons/speedometer-medium.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="speedometer-medium.svg"
+   inkscape:version="1.4 (86a8ad7, 2024-10-11)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="false"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="48.625"
+     inkscape:cx="12.010283"
+     inkscape:cy="12"
+     inkscape:window-width="3440"
+     inkscape:window-height="1369"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M12 1.38L9.14 12.06C8.8 13.1 9.04 14.29 9.86 15.12C11.04 16.29 12.94 16.29 14.11 15.12C14.9 14.33 15.16 13.2 14.89 12.21M14.6 3.35L15.22 5.68C18.04 6.92 20 9.73 20 13C20 15.21 19.11 17.21 17.66 18.65H17.65C17.26 19.04 17.26 19.67 17.65 20.06C18.04 20.45 18.68 20.45 19.07 20.07C20.88 18.26 22 15.76 22 13C22 8.38 18.86 4.5 14.6 3.35M9.4 3.36C5.15 4.5 2 8.4 2 13C2 15.76 3.12 18.26 4.93 20.07C5.32 20.45 5.95 20.45 6.34 20.06C6.73 19.67 6.73 19.04 6.34 18.65C4.89 17.2 4 15.21 4 13C4 9.65 5.94 6.86 8.79 5.65"
+     id="path1" />
+</svg>

data/assets/theme/j1/modules/videojs/css/themes/uno.css

@@ -60,40 +60,37 @@ picture > img {
 
 /* controlbar|controls
  ------------------------------------------------------------------------------- */
+
+/* jadams, 2024-11-15: set control-bar heigth|position */
 .vjs-theme-uno .vjs-control-bar {
-  /* jadams, 2024-11-15: set control-bar heigth|position */
   height: 55px;
   top: calc(100% - 54px);
   background-color: var(--vjs-theme-uno--gray-900);
   z-index: 100;
 }
 
-/* auto hide VJS controlbar when video is paused */
+/* auto HIDE VJS controlbar when video is PAUSED */
 .vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar {
   visibility: visible;
   opacity: 0;
   transition: visibility 1s, opacity 1s;
 }
 
-/* adjust control position for playback rate (centered) */
-.vjs-playback-rate {
-  margin-top: 10px !important;
+/* manage time (display) divider, remaining-time */
+.vjs-theme-uno .vjs-time-divider,
+.vjs-theme-uno .vjs-remaining-time { 
+  display: none !important;
 }
 
-/* manage time display */
-.vjs-theme-uno .vjs-current-time    { display: none; }
-.vjs-theme-uno .vjs-time-divider    { display: none; }
-.vjs-theme-uno .vjs-duration        { display: block; }
-.vjs-theme-uno .vjs-remaining-time  { display: block; }
-
 /* required for the mini-play-button in player controlbar */
 .vjs-icon-play:before {
   content: "\f101";
 }
 
+/* large play button placed over the video window */
 .vjs-theme-uno .vjs-big-play-button {
-  top: 30%;
-  left: 40%;
+  top: 25%;
+  left: 35%;
   width: 240px;
   height: 240px;
   font-size: 0px;
@@ -102,8 +99,8 @@ picture > img {
 }
 
 .vjs-theme-uno .vjs-big-play-button:hover {
-  top: 30%;
-  left: 40%;
+  top: 25%;
+  left: 35%;
   width: 240px;
   height: 240px;
   font-size: 0px;
@@ -121,11 +118,19 @@ picture > img {
   line-height: 54px
 }
 
+
 .vjs-theme-uno .vjs-play-control {
-  font-size: 1.5em;
-  position: relative
+  position: relative;
+  margin-top: 3px;
+  width: 48px;
+  font-size: 1.4em;
 }
 
+
+/* custom controlbar|control elements
+ --------------------------------------------------- */
+
+ /* set (hard) position manually */
 .vjs-theme-uno .vjs-volume-panel {
   order: 4
 }
@@ -134,13 +139,143 @@ picture > img {
   margin-top: 2.5em
 }
 
-.vjs-themeuno .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
+.vjs-volume-bar.vjs-slider-vertical {
+    width: 0.3em;
+    height: 5em !important;
+    margin: 1.35em auto;
+}
+
+.vjs-theme-uno .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
   height: 100%
 }
 
-.vjs-theme-uno .vjs-progress-control .vjs-progress-holder,
-.vjs-theme-uno .vjs-progress-control:hover .vjs-progress-holder {
-  font-size: 1.5em
+/* adjust control position for playback rate (centered) */
+.vjs-playback-rate {
+  margin-top: 12px !important;
+}
+
+/* move tbe plaback-rate menu to top: 20px */
+.vjs-playback-rate .vjs-menu {
+  top: -17px;
+  /* bottom: 6em; */
+}
+
+/* move tbe volume slider up: +2em */
+.video-js .vjs-volume-vertical {
+    bottom: 10em;
+    background-color: rgba(43, 51, 63, 0.7);
+}
+
+
+/* custom progressBar
+ --------------------------------------------------- */
+
+/* styles|positioning for the (custom) progressBar container */
+.video-js .custom-progressbar-container {
+    position: absolute;
+    align-items: center;
+    top: -26px;
+    bottom: 100%;                       /* place the container ABOVE the controlbar */
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 30px;                       /* set heigth of the progressbar container */
+    display: flex;
+    background-color: transparent;
+    box-sizing: border-box;
+}
+
+/* styles for the progressControlSlider */
+.video-js .custom-progressbar-container .vjs-progress-control {
+    flex-grow: 1;                       /* Lässt den Slider den verfügbaren Platz einnehmen */
+    position: static;                   /* Setzt die Position zurück, da der Parent schon Position hat */
+    height: 100%;                       /* Slider füllt die Höhe des Containers aus */
+    display: flex;                      /* Muss auch Flexbox sein, um die internen Elemente zu layouten */
+    align-items: center;
+}
+
+.vjs-theme-uno .video-js .vjs-progress-control .vjs-progress-holder {
+  font-size: 1em
+}
+
+.vjs-theme-uno .video-js .vjs-progress-control:hover .vjs-progress-holder {
+  font-size: 1.5em;
+}
+
+.vjs-theme-uno .vjs-time-control, .video-js .vjs-current-time, .video-js .vjs-duration {
+  display: block;
+  top: -12px;
+}
+
+.vjs-theme-uno .vjs-current-time .vjs-duration {
+  display: block;
+  line-height: 3em !important;
+}
+
+/* styles for the seekBar */
+.video-js .custom-progressbar-container .vjs-progress-control .vjs-play-progress,
+.video-js .custom-progressbar-container .vjs-progress-control .vjs-load-progress,
+.video-js .custom-progressbar-container .vjs-progress-control .vjs-mouse-display {
+  height: 100%;
+  border-radius: 0;
+}
+
+/* loadBar settings */
+.video-js .vjs-load-progress {
+  background-color: rgba(255, 255, 255, 0.3); 
+}
+/* styles for custom timeDisplay */
+.video-js .custom-time-display {
+    color: #fff;
+    font-size: 0.9em;
+    min-width: 50px;
+    text-align: center;
+}
+
+/* placenment for the time displays within the custom progressBar container */
+.video-js .custom-progressbar-container .vjs-current-time-display {
+    order: -1; 
+}
+
+.video-js .vjs-remaining-time-display,
+.video-js .vjs-duration-display {
+    color: #fff;
+    font-size: 0.9em;
+    padding: 0 5px;
+    white-space: nowrap;
+}
+
+/* Adjusting the height and position upwards */
+.video-js .vjs-progress-control {
+  position: absolute;
+  top: -18px;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 1em;
+  margin-top: 0;
+  background-color: transparent;
+}
+
+/* height of the slider itself */
+.video-js .vjs-slider {
+  height: 1em;   
+  margin-top: 0;
+}
+
+/* remove the thumbElement (vjs-slider-handle) */
+.video-js .vjs-progress-control .vjs-play-progress:before {
+  appearance: none;
+  visibility: hidden;
+}
+
+.video-js .vjs-mouse-display {
+  background-color: rgba(0, 0, 0, 0.7);
+  color: white;
+  font-size: 0.9em;
+  padding: 0.2em 0.5em;
+  border-radius: 3px;
+  transform: translateX(-50%);
 }
 
 .vjs-theme-uno .vjs-play-control .vjs-icon-placeholder:before {
@@ -220,4 +355,4 @@ picture > img {
     background: url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button-hover.svg) no-repeat;
   }
 
-}
+}

data/assets/theme/j1/modules/videojs/css/themes/uno.min.css

@@ -16,4 +16,4 @@
  # -----------------------------------------------------------------------------
 */
 
-.vjs-theme-uno{--vjs-theme-uno--blue-300:#64b5f6;--vjs-theme-uno--blue-600:#1e88e5;--vjs-theme-uno--blue-800:#1565c0;--vjs-theme-uno--gray-200:var(--vjs-theme-uno--gray-200);--vjs-theme-uno--gray-900:#212121;--vjs-theme-uno--primary:#2196f3;--vjs-theme-uno--secondary:#fff}.video-js .vjs-text-track-display div{font-size:1.75rem}.video-js .vjs-text-track-display>div>div>div{background:transparent !important;display:inline-block !important;line-height:33px !important;padding:5px !important;text-shadow:1px 1px 2px #000}.vjs-poster{height:100%}picture>img{max-width:100%;height:auto}.vjs-theme-uno .vjs-control-bar{height:50px;background-color:var(--vjs-theme-uno--gray-900);z-index:100}.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-playback-rate{margin-top:10px !important}.vjs-theme-uno .vjs-current-time{display:none}.vjs-theme-uno .vjs-time-divider{display:none}.vjs-theme-uno .vjs-duration{display:block}.vjs-theme-uno .vjs-remaining-time{display:block}.vjs-icon-play:before{content:"\f101"}.vjs-theme-uno .vjs-big-play-button{top:30%;left:40%;width:240px;height:240px;font-size:0;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/big-play-button.svg) no-repeat}.vjs-theme-uno .vjs-big-play-button:hover{top:30%;left:40%;width:240px;height:240px;font-size:0;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/big-play-button-hover.svg) no-repeat}.vjs-theme-uno.vjs-big-play-button:focus,.vjs-theme-uno:hover .vjs-big-play-button{background-color:transparent}.vjs-theme-uno .vjs-button>.vjs-icon-placeholder:before,.vjs-theme-uno .vjs-time-control{line-height:54px}.vjs-theme-uno .vjs-play-control{font-size:1.5em;position:relative}.vjs-theme-uno .vjs-volume-panel{order:4}.vjs-theme-uno .vjs-volume-bar{margin-top:2.5em}.vjs-themeuno .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}.vjs-theme-uno .vjs-progress-control .vjs-progress-holder,.vjs-theme-uno .vjs-progress-control:hover .vjs-progress-holder{font-size:1.5em}.vjs-theme-uno .vjs-play-control .vjs-icon-placeholder:before{height:1.3em;width:1.3em;margin-top:.2em;border-radius:1em;border:3px solid var(--vjs-theme-uno--secondary);top:2px;left:9px;line-height:1.1}.vjs-theme-uno .vjs-play-control:hover .vjs-icon-placeholder:before{border:3px solid var(--vjs-theme-uno--secondary)}.vjs-theme-uno .vjs-play-progress,.vjs-theme-uno .vjs-play-progress:before{background-color:var(--vjs-theme-uno--primary)}.vjs-theme-uno .vjs-play-progress:before{height:.8em;width:.8em;content:"";border:4px solid var(--vjs-theme-uno--secondary);border-radius:.8em;top:-.25em}.vjs-theme-uno .vjs-progress-control{font-size:14px}.vjs-theme-uno .vjs-fullscreen-control{order:6}.vjs-theme-uno.nyan .vjs-play-progress{background:linear-gradient(180deg,#fe0000 0,#fe9a01 16.666666667%,#fe9a01 0,#ff0 33.332666667%,#ff0 0,#32ff00 49.999326667%,#32ff00 0,#0099fe 66.6659926%,#0099fe 0,#63f 83.33266%,#63f 0)}.vjs-theme-uno.nyan .vjs-play-progress:before{height:1.3em;width:1.3em;background:url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='00100125'fill='%23fff'%3E%3Cpathd='M62.15337.323h2.813v3.246h-2.813zM64.85840.569h2.813v3.246h-2.813zM67.67243.814h11.9v3.246h-11.9zM79.57224.449h2.813v19.365h-2.813zM82.38637.323h3.244v3.246h-3.244zM85.6334.132h5.627v3.246H85.63zM91.25737.323h2.92v12.95h-2.92zM94.17750.274h2.922V66.21h-2.922zM91.2966.372h2.887v3.245H91.29zM88.40169.617h2.889v3.246h-2.889zM27.31272.863h61.003v3.245H27.312zM73.62276.108h2.889v3.246h-2.889zM82.56376.108h2.888v3.246h-2.888zM76.51179.354h6.053v3.245h-6.053zM61.94179.354h8.895v3.245h-8.895zM67.94776.108h2.889v3.246h-2.889zM59.32176.108h2.888v3.246h-2.888zM27.31217.917h49.387v3.246H27.312zM76.69921.162h2.873v3.287h-2.873zM56.37234.132h5.781v3.191h-5.781zM53.44837.323h2.924v12.951h-2.924zM50.48850.274h2.96v16.049h-2.96zM53.44866.323h2.924v3.257h-2.924zM56.37269.58h2.949v3.283h-2.949zM65.06963.213h2.878v6.367h-2.878zM67.94766.397h17.504v3.22H67.947z'/%3E%3Cpathd='M82.56363.213h2.888v3.185h-2.888zM73.80163.213h2.898v3.185h-2.898zM76.69956.774h2.873v3.145h-2.873zM82.56356.774h2.888v3.145h-2.888zM85.45153.444h2.864v3.33h-2.864z'/%3E%3Cpathd='M85.45156.774h2.864v3.145h-2.864zM65.06953.444h2.878v3.33h-2.878zM65.06956.774h2.878v3.145h-2.878zM62.20956.774h2.86v3.145h-2.86zM21.50924.327h2.813v45.169h-2.813zM24.32321.162h2.99v3.165h-2.99zM18.56269.496h8.75v3.367h-8.75zM15.65672.863h2.906v9.591h-2.906zM18.56279.301h8.75v3.153h-8.75zM24.32376.108h5.743V79.3h-5.743zM33.13676.108h2.824v6.346h-2.824zM35.9679.281h5.813v3.173H35.96zM41.77476.108h2.864v3.173h-2.864zM3.94840.569h11.708v3.229H3.948zM3.94843.814h2.921v6.459H3.948zM6.86947.06h2.934v6.384H6.869zM9.80350.274h2.909v6.5H9.803z'/%3E%3Cpathd='M12.71153.444h2.945v6.475h-2.945zM15.65656.774h5.853v3.145h-5.853z'/%3E%3Cpathd='M18.58359.919h2.926v3.294h-2.926zM18.58347.044h2.926v6.4h-2.926zM12.71143.814h5.872v3.229h-5.872zM15.64747.044h2.936v3.2h-2.936z'/%3E%3Cpathfill='none'd='M47.43950.274h3.049v3.17h-3.049z'/%3E%3Cpathd='M73.80130.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.11832.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.1083.246h2.813v3.246h9.027V30.94h-2.897zM33.13656.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.90712.928h2.907v3.184h-2.907V47.06zm5.77116.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.7050h-2.832v-3.354h2.832v3.354zm8.6836.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E") no-repeat;border:0;top:-.35em}@media screen and (max-width:39.9375em){.vjs-theme-uno .vjs-big-play-button{top:35%;left:45%;width:120px;height:120px;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button.svg) no-repeat}.vjs-theme-uno .vjs-big-play-button:hover{top:35%;left:45%;width:120px;height:120px;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button-hover.svg) no-repeat}}
+.vjs-theme-uno{--vjs-theme-uno--blue-300:#64b5f6;--vjs-theme-uno--blue-600:#1e88e5;--vjs-theme-uno--blue-800:#1565c0;--vjs-theme-uno--gray-200:var(--vjs-theme-uno--gray-200);--vjs-theme-uno--gray-900:#212121;--vjs-theme-uno--primary:#2196f3;--vjs-theme-uno--secondary:#fff}.video-js .vjs-text-track-display div{font-size:1.75rem}.video-js .vjs-text-track-display>div>div>div{background:transparent !important;display:inline-block !important;line-height:33px !important;padding:5px !important;text-shadow:1px 1px 2px #000}picture>img{max-width:100%}.vjs-poster{height:100%}.vjs-theme-uno .vjs-control-bar{height:55px;top:calc(100% - 54px);background-color:var(--vjs-theme-uno--gray-900);z-index:100}.vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-theme-uno .vjs-time-divider,.vjs-theme-uno .vjs-remaining-time{display:none !important}.vjs-icon-play:before{content:"\f101"}.vjs-theme-uno .vjs-big-play-button{top:25%;left:35%;width:240px;height:240px;font-size:0;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/big-play-button.svg) no-repeat}.vjs-theme-uno .vjs-big-play-button:hover{top:25%;left:35%;width:240px;height:240px;font-size:0;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/big-play-button-hover.svg) no-repeat}.vjs-theme-uno.vjs-big-play-button:focus,.vjs-theme-uno:hover .vjs-big-play-button{background-color:transparent}.vjs-theme-uno .vjs-button>.vjs-icon-placeholder:before,.vjs-theme-uno .vjs-time-control{line-height:54px}.vjs-theme-uno .vjs-play-control{position:relative;margin-top:3px;width:48px;font-size:1.4em}.vjs-theme-uno .vjs-volume-panel{order:4}.vjs-theme-uno .vjs-volume-bar{margin-top:2.5em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em !important;margin:1.35em auto}.vjs-theme-uno .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}.vjs-playback-rate{margin-top:12px !important}.vjs-playback-rate .vjs-menu{top:-17px}.video-js .vjs-volume-vertical{bottom:10em;background-color:rgba(43,51,63,0.7)}.video-js .custom-progressbar-container{position:absolute;top:-26px;bottom:100%;left:0;right:0;width:100%;height:30px;display:flex;align-items:center;background-color:transparent;box-sizing:border-box}.video-js .custom-progressbar-container .vjs-progress-control{flex-grow:1;position:static;height:100%;display:flex;align-items:center}.vjs-theme-uno .video-js .vjs-progress-control .vjs-progress-holder{font-size:1em}.vjs-theme-uno .video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.5em}.vjs-theme-uno .vjs-time-control,.video-js .vjs-current-time,.video-js .vjs-duration{display:block;top:-12px}.vjs-theme-uno .vjs-current-time .vjs-duration{display:block;line-height:3em !important}.video-js .custom-progressbar-container .vjs-progress-control .vjs-play-progress,.video-js .custom-progressbar-container .vjs-progress-control .vjs-load-progress,.video-js .custom-progressbar-container .vjs-progress-control .vjs-mouse-display{height:100%;border-radius:0}.video-js .vjs-load-progress{background-color:rgba(255,255,255,0.3)}.video-js .custom-time-display{color:#fff;font-size:.9em;min-width:50px;text-align:center}.video-js .custom-progressbar-container .vjs-current-time-display{order:-1}.video-js .vjs-remaining-time-display,.video-js .vjs-duration-display{color:#fff;font-size:.9em;padding:0 5px;white-space:nowrap}.video-js .vjs-progress-control{position:absolute;top:-18px;left:0;right:0;width:100%;height:1em;margin-top:0;background-color:transparent}.video-js .vjs-slider{height:1em;margin-top:0}.video-js .vjs-progress-control .vjs-play-progress:before{appearance:none;visibility:hidden}.video-js .vjs-mouse-display{background-color:rgba(0,0,0,0.7);color:white;font-size:.9em;padding:.2em .5em;border-radius:3px;transform:translateX(-50%)}.vjs-theme-uno .vjs-play-control .vjs-icon-placeholder:before{height:1.3em;width:1.3em;margin-top:.2em;border-radius:1em;border:3px solid var(--vjs-theme-uno--secondary);top:2px;left:9px;line-height:1.1}.vjs-theme-uno .vjs-play-control:hover .vjs-icon-placeholder:before{border:3px solid var(--vjs-theme-uno--secondary)}.vjs-theme-uno .vjs-play-progress,.vjs-theme-uno .vjs-play-progress:before{background-color:var(--vjs-theme-uno--primary)}.vjs-theme-uno .vjs-play-progress:before{height:.8em;width:.8em;content:"";border:4px solid var(--vjs-theme-uno--secondary);border-radius:.8em;top:-.25em}.vjs-theme-uno .vjs-progress-control{font-size:14px}.vjs-theme-uno .vjs-fullscreen-control{order:6}.vjs-theme-uno.nyan .vjs-play-progress{background:linear-gradient(180deg,#fe0000 0,#fe9a01 16.666666667%,#fe9a01 0,#ff0 33.332666667%,#ff0 0,#32ff00 49.999326667%,#32ff00 0,#0099fe 66.6659926%,#0099fe 0,#63f 83.33266%,#63f 0)}.vjs-theme-uno.nyan .vjs-play-progress:before{height:1.3em;width:1.3em;background:url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='00100125'fill='%23fff'%3E%3Cpathd='M62.15337.323h2.813v3.246h-2.813zM64.85840.569h2.813v3.246h-2.813zM67.67243.814h11.9v3.246h-11.9zM79.57224.449h2.813v19.365h-2.813zM82.38637.323h3.244v3.246h-3.244zM85.6334.132h5.627v3.246H85.63zM91.25737.323h2.92v12.95h-2.92zM94.17750.274h2.922V66.21h-2.922zM91.2966.372h2.887v3.245H91.29zM88.40169.617h2.889v3.246h-2.889zM27.31272.863h61.003v3.245H27.312zM73.62276.108h2.889v3.246h-2.889zM82.56376.108h2.888v3.246h-2.888zM76.51179.354h6.053v3.245h-6.053zM61.94179.354h8.895v3.245h-8.895zM67.94776.108h2.889v3.246h-2.889zM59.32176.108h2.888v3.246h-2.888zM27.31217.917h49.387v3.246H27.312zM76.69921.162h2.873v3.287h-2.873zM56.37234.132h5.781v3.191h-5.781zM53.44837.323h2.924v12.951h-2.924zM50.48850.274h2.96v16.049h-2.96zM53.44866.323h2.924v3.257h-2.924zM56.37269.58h2.949v3.283h-2.949zM65.06963.213h2.878v6.367h-2.878zM67.94766.397h17.504v3.22H67.947z'/%3E%3Cpathd='M82.56363.213h2.888v3.185h-2.888zM73.80163.213h2.898v3.185h-2.898zM76.69956.774h2.873v3.145h-2.873zM82.56356.774h2.888v3.145h-2.888zM85.45153.444h2.864v3.33h-2.864z'/%3E%3Cpathd='M85.45156.774h2.864v3.145h-2.864zM65.06953.444h2.878v3.33h-2.878zM65.06956.774h2.878v3.145h-2.878zM62.20956.774h2.86v3.145h-2.86zM21.50924.327h2.813v45.169h-2.813zM24.32321.162h2.99v3.165h-2.99zM18.56269.496h8.75v3.367h-8.75zM15.65672.863h2.906v9.591h-2.906zM18.56279.301h8.75v3.153h-8.75zM24.32376.108h5.743V79.3h-5.743zM33.13676.108h2.824v6.346h-2.824zM35.9679.281h5.813v3.173H35.96zM41.77476.108h2.864v3.173h-2.864zM3.94840.569h11.708v3.229H3.948zM3.94843.814h2.921v6.459H3.948zM6.86947.06h2.934v6.384H6.869zM9.80350.274h2.909v6.5H9.803z'/%3E%3Cpathd='M12.71153.444h2.945v6.475h-2.945zM15.65656.774h5.853v3.145h-5.853z'/%3E%3Cpathd='M18.58359.919h2.926v3.294h-2.926zM18.58347.044h2.926v6.4h-2.926zM12.71143.814h5.872v3.229h-5.872zM15.64747.044h2.936v3.2h-2.936z'/%3E%3Cpathfill='none'd='M47.43950.274h3.049v3.17h-3.049z'/%3E%3Cpathd='M73.80130.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.11832.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.1083.246h2.813v3.246h9.027V30.94h-2.897zM33.13656.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.90712.928h2.907v3.184h-2.907V47.06zm5.77116.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.7050h-2.832v-3.354h2.832v3.354zm8.6836.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E") no-repeat;border:0;top:-.35em}@media screen and (max-width:39.9375em){.vjs-theme-uno .vjs-big-play-button{top:35%;left:45%;width:120px;height:120px;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button.svg) no-repeat}.vjs-theme-uno .vjs-big-play-button:hover{top:35%;left:45%;width:120px;height:120px;z-index:1;background:url(/assets/theme/j1/modules/videojs/assets/icons/small/big-play-button-hover.svg) no-repeat}}