@clickview/streamable-learning 0.0.0-rc.0 → 0.0.1-rc.0

package/dist/scripts/{bundle-ea485333fd.min.js.LICENSE.txt → bundle-df47360154.min.js.LICENSE.txt}

@@ -10,65 +10,22 @@
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
 
-/*!
- * ASP.NET SignalR JavaScript Library 2.4.1
- * http://signalr.net/
- *
- * Copyright (c) .NET Foundation. All rights reserved.
- * Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
- *
- */
-
 /*!
  * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  */
 
 /*!
- * Programatically add the following
- */
-
-/*!
- * Sizzle CSS Selector Engine v2.3.4
- * https://sizzlejs.com/
- *
- * Copyright JS Foundation and other contributors
- * Released under the MIT license
- * https://js.foundation/
- *
- * Date: 2019-04-08
- */
-
-/*!
- * jQuery JavaScript Library v3.4.1
+ * jQuery JavaScript Library v3.7.1
  * https://jquery.com/
  *
- * Includes Sizzle.js
- * https://sizzlejs.com/
- *
- * Copyright JS Foundation and other contributors
+ * Copyright OpenJS Foundation and other contributors
  * Released under the MIT license
  * https://jquery.org/license
  *
- * Date: 2019-05-01T21:04Z
+ * Date: 2023-08-28T13:37Z
  */
 
-/*!
-* jquery-deferred
-* Copyright(c) 2011 Hidden <zzdhidden@gmail.com>
-* MIT Licensed
-*/
-
-/*! @name @videojs/http-streaming @version 2.8.2 @license Apache-2.0 */
-
-/*! @name aes-decrypter @version 3.1.2 @license Apache-2.0 */
-
-/*! @name m3u8-parser @version 4.7.0 @license Apache-2.0 */
-
-/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
-
-/*! @name videojs-contrib-quality-levels @version 2.0.9 @license Apache-2.0 */
-
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
 /**
@@ -141,10 +98,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/**
- * @preserve jquery-param (c) 2015 KNOWLEDGECODE | MIT
- */
-
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/jest.config.js

@@ -1,12 +1,12 @@
-const getBaseConfig = require('../../libs/testing/jest.base.config');
-const { compilerOptions } = require('./tsconfig');
-
-const paths = {
-  ...compilerOptions.paths,
-  'shared/*': ['./src/shared/*'],
-  'apps/*': ['./src/apps/*']
-};
-
-delete paths['*'];
-
+const getBaseConfig = require('../../libs/testing/jest.base.config');
+const { compilerOptions } = require('./tsconfig');
+
+const paths = {
+  ...compilerOptions.paths,
+  'shared/*': ['./src/shared/*'],
+  'apps/*': ['./src/apps/*']
+};
+
+delete paths['*'];
+
 module.exports = getBaseConfig(paths);

package/package.json

@@ -1,33 +1,33 @@
-{
-  "name": "@clickview/streamable-learning",
-  "version": "0.0.0-rc.0",
-  "description": "Streamable Learning",
-  "main": "dist/scripts/bundle.js",
-  "scripts": {
-    "start": "cross-env NODE_ENV=development webpack -w --config ./tooling/webpack.config.js",
-    "build": "cross-env NODE_ENV=production webpack --config ./tooling/webpack.config.js",
-    "test": "jest",
-    "test-watch": "jest --watch"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://gitlab.cvinternal.net/front-end/clickview"
-  },
-  "cv": {
-    "publishable": true,
-    "rebuildable": true
-  },
-  "author": "Shale Kuzmanovski",
-  "license": "ISC",
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "corejs": 3,
-          "useBuiltIns": "entry"
-        }
-      ]
-    ]
-  }
-}
+{
+  "name": "@clickview/streamable-learning",
+  "version": "0.0.1-rc.0",
+  "description": "Streamable Learning",
+  "main": "dist/scripts/bundle.js",
+  "scripts": {
+    "start": "cross-env NODE_ENV=development webpack -w --config ./tooling/webpack.config.js",
+    "build": "cross-env NODE_ENV=production webpack --config ./tooling/webpack.config.js",
+    "test": "jest",
+    "test-watch": "jest --watch"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.cvinternal.net/front-end/clickview"
+  },
+  "cv": {
+    "publishable": true,
+    "rebuildable": true
+  },
+  "author": "Shale Kuzmanovski",
+  "license": "ISC",
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "corejs": 3,
+          "useBuiltIns": "entry"
+        }
+      ]
+    ]
+  }
+}

package/typings/libs/CVLanguages.d.ts

@@ -1,24 +1,24 @@
-interface SetLanguageOptions {
-  validate: boolean;
-}
-
-interface LanguageSet {
-  [languagecode: string]: Language;
-}
-
-interface Language {
-  englishName: string;
-  nativeName: string;
-}
-
-interface ICVLanguages {
-  VERSION: string;
-
-  getEnglishName(languageCode: string): string;
-  getNativeName(languageCode: string): string;
-  getFullEnglishName(languageCode: string): string;
-  getFullNativeName(languageCode: string): string;
-  getEnglishNameContains(englishName: string): Language[];
-}
-
-declare let CVLanguages: ICVLanguages;
+interface SetLanguageOptions {
+  validate: boolean;
+}
+
+interface LanguageSet {
+  [languagecode: string]: Language;
+}
+
+interface Language {
+  englishName: string;
+  nativeName: string;
+}
+
+interface ICVLanguages {
+  VERSION: string;
+
+  getEnglishName(languageCode: string): string;
+  getNativeName(languageCode: string): string;
+  getFullEnglishName(languageCode: string): string;
+  getFullNativeName(languageCode: string): string;
+  getEnglishNameContains(englishName: string): Language[];
+}
+
+declare let CVLanguages: ICVLanguages;

package/typings/libs/cloneDeep.d.ts

@@ -1,5 +1,5 @@
-declare function cloneDeep<T>(obj: T): T;
-
-declare module 'lodash.clonedeep' {
-  export = cloneDeep;
+declare function cloneDeep<T>(obj: T): T;
+
+declare module 'lodash.clonedeep' {
+  export = cloneDeep;
 }

package/typings/libs/intersection-observer.d.ts

@@ -1,83 +1,83 @@
-// https://wicg.github.io/IntersectionObserver/#intersection-observer-private-slots
-
-/*
-    callback IntersectionObserverCallback = void (sequence<IntersectionObserverEntry> entries, IntersectionObserver observer)
-
-    [Constructor(IntersectionObserverCallback callback, optional IntersectionObserverInit options),
-     Exposed=Window]
-    interface IntersectionObserver {
-      readonly attribute Element? root;
-      readonly attribute DOMString rootMargin;
-      readonly attribute sequence<double> thresholds;
-      void observe(Element target);
-      void unobserve(Element target);
-      void disconnect();
-      sequence<IntersectionObserverEntry> takeRecords();
-    };
-
-    [Constructor(IntersectionObserverEntryInit intersectionObserverEntryInit)]
-    interface IntersectionObserverEntry {
-      readonly attribute DOMHighResTimeStamp time;
-      readonly attribute DOMRectReadOnly rootBounds;
-      readonly attribute DOMRectReadOnly boundingClientRect;
-      readonly attribute DOMRectReadOnly intersectionRect;
-      readonly attribute double intersectionRatio;
-      readonly attribute Element target;
-    };
-
-    dictionary IntersectionObserverEntryInit {
-      required DOMHighResTimeStamp time;
-      required DOMRectInit rootBounds;
-      required DOMRectInit boundingClientRect;
-      required DOMRectInit intersectionRect;
-      required double intersectionRatio;
-      required Element target;
-    };
-
-    dictionary IntersectionObserverInit {
-      Element?  root = null;
-      DOMString rootMargin = "0px";
-      (double or sequence<double>) threshold = 0;
-    };
- */
-
-interface Bounds {
-  readonly height: number;
-  readonly width: number;
-  readonly top: number;
-  readonly left: number;
-  readonly right: number;
-  readonly bottom: number;
-}
-
-interface IntersectionObserverEntry {
-  readonly time: number;
-  readonly rootBounds: Bounds;
-  readonly boundingClientRect: Bounds;
-  readonly intersectionRect: Bounds;
-  readonly intersectionRatio: number;
-  readonly target: Element;
-}
-
-type IntersectionObserverCallback = (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void;
-
-interface IntersectionObserverInit {
-  root?: Element | null;
-  rootMargin?: string;
-  threshold?: number;
-}
-
-declare class IntersectionObserver {
-  readonly root: Element | null;
-  readonly rootMargin: string;
-  readonly thresholds: number[];
-
-  constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit);
-
-  observe(target: Element): void;
-  unobserve(target: Element): void;
-  disconnect(): void;
-  takeRecords(): IntersectionObserverEntry[];
-}
-
+// https://wicg.github.io/IntersectionObserver/#intersection-observer-private-slots
+
+/*
+    callback IntersectionObserverCallback = void (sequence<IntersectionObserverEntry> entries, IntersectionObserver observer)
+
+    [Constructor(IntersectionObserverCallback callback, optional IntersectionObserverInit options),
+     Exposed=Window]
+    interface IntersectionObserver {
+      readonly attribute Element? root;
+      readonly attribute DOMString rootMargin;
+      readonly attribute sequence<double> thresholds;
+      void observe(Element target);
+      void unobserve(Element target);
+      void disconnect();
+      sequence<IntersectionObserverEntry> takeRecords();
+    };
+
+    [Constructor(IntersectionObserverEntryInit intersectionObserverEntryInit)]
+    interface IntersectionObserverEntry {
+      readonly attribute DOMHighResTimeStamp time;
+      readonly attribute DOMRectReadOnly rootBounds;
+      readonly attribute DOMRectReadOnly boundingClientRect;
+      readonly attribute DOMRectReadOnly intersectionRect;
+      readonly attribute double intersectionRatio;
+      readonly attribute Element target;
+    };
+
+    dictionary IntersectionObserverEntryInit {
+      required DOMHighResTimeStamp time;
+      required DOMRectInit rootBounds;
+      required DOMRectInit boundingClientRect;
+      required DOMRectInit intersectionRect;
+      required double intersectionRatio;
+      required Element target;
+    };
+
+    dictionary IntersectionObserverInit {
+      Element?  root = null;
+      DOMString rootMargin = "0px";
+      (double or sequence<double>) threshold = 0;
+    };
+ */
+
+interface Bounds {
+  readonly height: number;
+  readonly width: number;
+  readonly top: number;
+  readonly left: number;
+  readonly right: number;
+  readonly bottom: number;
+}
+
+interface IntersectionObserverEntry {
+  readonly time: number;
+  readonly rootBounds: Bounds;
+  readonly boundingClientRect: Bounds;
+  readonly intersectionRect: Bounds;
+  readonly intersectionRatio: number;
+  readonly target: Element;
+}
+
+type IntersectionObserverCallback = (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void;
+
+interface IntersectionObserverInit {
+  root?: Element | null;
+  rootMargin?: string;
+  threshold?: number;
+}
+
+declare class IntersectionObserver {
+  readonly root: Element | null;
+  readonly rootMargin: string;
+  readonly thresholds: number[];
+
+  constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit);
+
+  observe(target: Element): void;
+  unobserve(target: Element): void;
+  disconnect(): void;
+  takeRecords(): IntersectionObserverEntry[];
+}
+
 export = IntersectionObserver;

package/typings/libs/trackjs.d.ts

@@ -1,3 +1,3 @@
-declare namespace trackJs {
-  declare function track(error: string | Error): void;
+declare namespace trackJs {
+  declare function track(error: string | Error): void;
 }

package/typings/libs/videojs-contrib-quality-levels.d.ts

@@ -1,29 +1,29 @@
-import videojs from 'video.js';
-
-declare module 'video.js' {
-  export interface VideoJsPlayer {
-    qualityLevels(): QualityLevelList;
-  }
-}
-
-declare module 'videojs-contrib-quality-levels' {
-  export interface QualityLevelList extends videojs.EventTarget {
-    [id: string]: QualityLevel;
-    selectedIndex: number;
-    length: number;
-    addQualityLevel(representation: Representation): QualityLevel;
-    removeQualityLevel(qualityLevel: QualityLevel): QualityLevel;
-    getQualityLevelById(id: string): QualityLevel;
-  }
-
-  export interface QualityLevel {
-    id: string;
-    label: string;
-    enabled: boolean;
-  }
-
-  export interface Representation {
-    id: string;
-    enabled(enabled: boolean): boolean;
-  }
+import videojs from 'video.js';
+
+declare module 'video.js' {
+  export interface VideoJsPlayer {
+    qualityLevels(): QualityLevelList;
+  }
+}
+
+declare module 'videojs-contrib-quality-levels' {
+  export interface QualityLevelList extends videojs.EventTarget {
+    [id: string]: QualityLevel;
+    selectedIndex: number;
+    length: number;
+    addQualityLevel(representation: Representation): QualityLevel;
+    removeQualityLevel(qualityLevel: QualityLevel): QualityLevel;
+    getQualityLevelById(id: string): QualityLevel;
+  }
+
+  export interface QualityLevel {
+    id: string;
+    label: string;
+    enabled: boolean;
+  }
+
+  export interface Representation {
+    id: string;
+    enabled(enabled: boolean): boolean;
+  }
 }

package/typings/utils/imports.d.ts

@@ -1,12 +1,12 @@
-/**
- * Define our templates as a module so that we can use
- * import statements just the same as we do for other
- * ts/js code.
- */
-declare module '*.scss';
-declare module '*.svg';
-
-declare module '*.json' {
-  export const value: any;
-  export default value;
+/**
+ * Define our templates as a module so that we can use
+ * import statements just the same as we do for other
+ * ts/js code.
+ */
+declare module '*.scss';
+declare module '*.svg';
+
+declare module '*.json' {
+  export const value: any;
+  export default value;
 }

package/dist/css/120-streamable-learning-5e77ad14ab.chunk.css

@@ -1,35 +0,0 @@
-.vDcrq{width:13rem;max-width:50%;height:1.675rem}.GXhoW{height:1.1875rem;max-width:70%;width:30rem}.goKaS{width:5.5rem;max-width:20%;height:1.3125rem}.vFew6{height:1.3125rem;max-width:70%;width:25rem}
-.GvGYH:not(:last-child),.d7RK0:not(:last-child),.XRTAe:not(:last-child){margin-bottom:1.25rem}.N3l5Q{position:absolute;top:1rem;right:1.25rem}.hAxR4{height:1.5rem}.h66ke{list-style-type:disc}.CsG6G{width:75%}@media(min-width: 768px){.CsG6G{width:33%}}@media(min-width: 992px){.CsG6G{width:25%}}
-.Zw6d9{display:flex;flex-wrap:wrap}.jlL1c{background-color:#f1f1f1;color:#b5b5b5}.jlL1c:hover{background-color:#f1f1f1;color:#b5b5b5}.too_N{width:5rem}.OjtN8{line-height:1.1rem}.X9joI{opacity:1;background-size:.625rem}.X9joI:not(:disabled):hover{opacity:1}
-.BImYH{overflow:hidden}.aAY0j{background-size:85%;position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat}.azcIT{background-position:top 0 left 0}.mBkCx{background-position:bottom 0 left 0}.tcN5n{background-position:top 0 right 0}.sHsOr{background-position:bottom 0 right 0}.jyxT7{top:1.25rem;right:0}.PeWbM{z-index:1;max-width:36rem;min-height:15rem}.PeWbM p{margin-bottom:.625rem}.un8Q0{text-decoration:underline}@media(max-width: 768px){.aAY0j{display:none}}
-._ejId{position:absolute;width:100%;top:0;pointer-events:none}.VSAPU{left:-1rem}.VSAPU svg{transform:translateX(-0.1rem)}.kgeXh{right:-1rem}.kgeXh svg{transform:translateX(0.1rem)}.gAsE9{position:absolute;background-color:#fff;border-radius:1.25rem;cursor:pointer;pointer-events:auto;transform:translateY(-50%);z-index:5;box-shadow:0px 2px 4px 1px rgba(0,0,0,.3);height:2.5rem;min-width:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.gAsE9 .APA36{display:none;transition:all .2s}.gAsE9 svg{color:#84868d}.cqD75 .APA36~.Ev4hr,.AtsWP:hover+.gAsE9 .APA36~.Ev4hr,.gAsE9:hover .APA36~.Ev4hr{margin-right:.4rem}.cqD75 .APA36,.AtsWP:hover+.gAsE9 .APA36,.gAsE9:hover .APA36{display:block}.cqD75 svg,.AtsWP:hover+.gAsE9 svg,.gAsE9:hover svg,.cqD75 .APA36,.AtsWP:hover+.gAsE9 .APA36,.gAsE9:hover .APA36{color:#313543}.AtsWP,.ZuAif,.Pt3nx{position:absolute;width:3rem;height:100%;z-index:3;top:50%;transform:translateY(-50%)}.Pt3nx{left:-1.5rem;background-image:linear-gradient(to left, rgba(255, 255, 255, 0.005) 0%, #fff 70%)}.ZuAif{right:-1.5rem;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.005) 0%, #fff 70%)}.AtsWP{cursor:pointer;pointer-events:auto;background-color:rgba(255,255,255,.005)}.AtsWP.kgeXh{right:-1.5rem}.AtsWP.VSAPU{left:-1.5rem}.BVcIS{top:50%}
-.tAbzW,.JXtNs{position:absolute;width:2.5rem;height:101%;z-index:2;top:50%;transform:translateY(-50%)}.JXtNs{left:0;margin-left:-1.875rem;background-image:linear-gradient(to left, rgba(255, 255, 255, 0.005) 0%, #fff 70%)}.tAbzW{right:0;margin-right:-1.875rem;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.005) 0%, #fff 70%)}.iNH_I{display:inline-block;width:100%;padding-bottom:56.25%}.bDcOS{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.bDcOS::-webkit-scrollbar{display:none}
-.TzWQw{position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;opacity:0;transition:opacity .5s;pointer-events:none}.gdTcW{opacity:1;pointer-events:auto}
-.fdtKb:not(:last-child){margin-right:.3125rem}
-.b0KLR{color:inherit;font-size:.7857142857em}.b0KLR:hover .YR5Q7{text-decoration:underline}.ts6Yo{font-size:.5714285714em}
-._4XDZ{font-size:.75rem;font-weight:500}
-.LL7My{position:absolute;width:100%;height:100%;z-index:5;background-color:#333;opacity:.5;transition:opacity 100ms ease-in-out}.x_1f6{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1;width:6.25rem;height:6.25rem}.QoLgZ{background-size:cover}.BcnSH{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1}
-.Gufgq{width:5.375rem}.SicQQ{width:18.75rem;height:1.3125rem}.dPGMq{width:12.5rem;height:1.3125rem}.vZrnb{padding-bottom:56.25%}.iq73R{width:1.25rem;height:1.25rem}
-.t0svX,.CFRo3{width:1.875rem;height:1.875rem}.ZMMQu{display:none}.CFRo3{color:#313543;background-color:rgba(241,241,241,.5);border-radius:50%}.CFRo3:hover{color:#d9584f;background-color:rgba(241,241,241,.7)}.CFRo3:hover .truFo{display:none}.CFRo3:hover .ZMMQu{opacity:.75;display:inline-block}.t0svX{color:#d9584f;background-color:rgba(241,241,241,.8)}.t0svX .truFo{display:none}.t0svX .ZMMQu{display:inline-block}.t0svX:hover .ZMMQu{opacity:1}
-.ZvbeV,.atIHN{position:absolute;width:100%;height:100%}.atIHN{background-color:#f8f8f8}.m20L7{background-color:rgba(0,0,0,.0000005);height:100%;border-top-left-radius:.6rem;border-bottom-left-radius:.6rem;border-right:1px solid #eaeaea;position:absolute;top:0;left:0}.QIbxu{width:2rem}.z_sHT{width:5rem}.epoLB,.h1S5T{width:3.75rem;height:3.75rem}.ZbKBN,.I1mTo{width:7.5rem;height:7.5rem}.ZbKBN svg,.I1mTo svg{width:100%;height:100%}.epoLB,.h1S5T,.ZbKBN,.I1mTo,.kNG8Z{position:absolute;top:50%;left:50%;color:#d7d7d7;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out}.nKsWZ{padding:.3125rem;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%}.LolCW,.mdrT5{position:absolute;width:100%;height:100%}
-.YnXtZ{position:absolute;bottom:0;left:0;right:0;z-index:2;height:.25rem}
-.w4cg8{color:#313543;border-radius:50%;width:2rem;height:2rem;opacity:.8}.w4cg8.JpIYd{width:1.5rem;height:1.5rem}
-.Sc3C4{display:flex;align-items:center;min-width:1.875rem;width:1.875rem;height:1.875rem;transition:width .3s;overflow:hidden;position:relative}.Sc3C4 .Ag_ex{min-width:1.5rem;position:absolute;left:50%;transform:translateX(-50%)}.Sc3C4 .Ag_ex svg{vertical-align:top}.Sc3C4 .Ipmb3{display:none;line-height:1.875rem}.Sc3C4.Pi49o{min-width:1.5rem;width:1.5rem;height:1.5rem}.Sc3C4.Pi49o .Ag_ex{min-width:1.25rem}.Sc3C4.Pi49o .Ipmb3{font-size:80%;line-height:1.5rem}.Sc3C4:hover{width:100%;padding-right:.625rem}.Sc3C4:hover .Ipmb3{display:block}.Sc3C4:hover .Ag_ex{margin-left:.2rem;position:relative;left:.75rem}.Sc3C4:hover.Pi49o .Ag_ex{left:.55rem}
-.ft_ST{position:absolute;top:.625rem;left:.625rem;z-index:3}.qu3A3{position:absolute;width:100%;height:100%;z-index:2;padding:.3125rem;color:#fff}.XAfZW{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:3;transform:translate3d(0, 0, 0)}.NTrtm{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;padding:.625rem;padding-top:0;width:100%}@media(max-width: 576px){.NTrtm{padding-bottom:.3125rem}}.NTrtm.puKcM{transform:scale(0.9);margin-left:-1rem;margin-bottom:-0.2rem}@media(max-width: 576px){._6FukN{margin-bottom:0 !important}}.rXzR8::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0) 80%)}.dndOA{position:absolute;top:50%;left:50%;z-index:4;color:#fff;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out;width:2.75rem;height:2.75rem}.yhWf4{position:absolute;bottom:0;left:0;right:0;height:.25rem}.yhWf4+.AtgmC{bottom:.5625rem}.E2egN,.WycwR{position:absolute;bottom:0;left:0;right:0;background-color:#1b2d71;height:1.25rem;opacity:.9}.E2egN+.AtgmC,.WycwR+.AtgmC{bottom:1.5625rem}
-.jO7pW{z-index:101}.xXfXO{animation:BrrtL .8s ease-in}@keyframes BrrtL{0%{transform:scale(var(--scale))}20%{transform:scale(var(--scale)/5)}}
-.fy9Un .duration-badge-new,.fy9Un .rating-badge{height:1.5rem;font-weight:500;align-items:center;font-size:100%}.fy9Un{position:absolute;bottom:.625rem;right:.625rem;z-index:2}.fy9Un .rating-badge{width:auto;line-height:1.5}.fy9Un .duration-badge-new{line-height:1.3}.fy9Un.Rb0TL .duration-badge-new{font-size:90%;height:1.3rem;line-height:1.1}
-.r70GR{z-index:10000}.rULXI{min-width:0}.h9k1p{height:1.5rem;line-height:1.5rem}.QaDDX{height:1.5rem}@media(max-width: 576px){.hvsne{display:none}}
-.c4Hun{background-color:#f8f8f8}.c4Hun:not(:last-child){margin-bottom:.625rem}.telfV{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.bdBNU{height:5rem !important;padding:0 !important}.QN5kl{height:70%}
-.OjHQZ{background-color:#f8f8f8;height:2.5rem}.OjHQZ .SS2zL{width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center}.OjHQZ .SS2zL svg{transform:scale(0.85)}.OjHQZ:hover{background-color:#eef8ff}.OjHQZ.kD1xM{background-color:#eef8ff}
-.KQ5Wt{background-color:#f8f8f8}.KQ5Wt:not(:last-child){margin-bottom:.625rem}
-.qz_5t{position:absolute;top:.625rem;left:.625rem;z-index:3}.whbhf{border-top-left-radius:.6rem;border-top-right-radius:.6rem}.vMaXP{overflow-y:auto;display:none}.vMaXP.tR1jA{display:block}.KJrT1{z-index:1;position:relative;box-shadow:none;transition:box-shadow .1s ease-in;padding:0 .94rem .94rem .94rem}.oZXV7{height:0;transition:height .3s ease-in-out}.oZXV7.EiQ04{height:10rem;padding:0 .94rem .94rem .94rem}.FAuzc{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:5;transform:translate3d(0, 0, 0)}
-.qpc7L{position:absolute;width:100%;height:100%;z-index:2;background-color:#333;opacity:0;transition:opacity 100ms ease-in-out}.L8Oxs .b8kJW{width:2rem;height:2rem}.b8kJW{width:3.75rem;height:3.75rem}.L8Oxs .b8kJW,.b8kJW,.eo2p2{position:absolute;top:50%;left:50%;z-index:4;color:#fff;opacity:0;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out}.lpwag:hover .qpc7L{opacity:.5}.lpwag:hover .eo2p2,.lpwag:hover .b8kJW{opacity:1}
-.bup9I{color:#313543;background-color:rgba(241,241,241,.5)}.bup9I:hover{color:#fff;background-color:#5dc786;opacity:.75;display:inline-block}.A1Ov0{color:#fff;background-color:#5dc786}.c14lI{width:1.875rem;height:1.875rem}
-.efxnE{position:absolute;top:.625rem;right:.625rem;z-index:5}.efxnE.OJ_ZQ svg{transform:scale(0.7) translateX(1.5px)}.efxnE .vWvGn:not(:first-child){margin-left:.3125rem}
-.krg9f{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;z-index:2;padding:.625rem;padding-top:0}.krg9f.MPRU6{padding-bottom:0;bottom:1.5625rem}.krg9f.MPRU6.g5_ww{bottom:2.3125rem}.krg9f.Zzo3e{padding-bottom:0;bottom:1.5625rem}.krg9f.Zzo3e.g5_ww{bottom:2.3125rem}.tZjPt{margin-top:.3125rem;line-height:1.2}.EElm1{position:absolute;width:100%;height:100%;padding:.3125rem;color:#fff}.pwC3i{position:absolute;top:.625rem;left:.625rem;z-index:2}.LS_EH::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0) 80%)}
-.UqaA_{position:absolute;bottom:0;right:0;padding-left:1.25rem;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff, 2rem, #fff);color:#979797}
-.mcAFC{color:#84868d}
-.UCAnJ:after{content:none}
-.xaH09{box-shadow:0px 5px 10px rgba(51,51,51,.3)}.kO5Q0{margin:0 -0.625rem}@media(max-width: 767.98px){.kO5Q0{margin:0}}.FP8l5 .rating-badge{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .duration-badge-new{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .draft-badge{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .audience-label{height:1.3rem;font-size:90%}.HF8j1{opacity:.5}
-.nckQw{cursor:pointer;display:inline-block;width:2rem;padding:0;vertical-align:middle}
-.j5mgW{position:absolute;top:1rem;right:1.25rem}@media(min-width: 768px){.uotsN{border-right:1px solid #eaeaea}}