@clickview/online 0.0.10-dev.0 → 0.0.10-dev.1

package/dist/libs/shared/src/interfaces/models/InteractiveMetadata.d.ts

@@ -0,0 +1,14 @@
+import { BaseObject, VirtualObject } from "./..";
+import { User } from './User';
+import { Thumbnail } from './Thumbnail';
+import { Video } from './Video';
+export interface InteractiveMetadata extends BaseObject {
+    interactiveId: string;
+    owner: User;
+    description?: string;
+    thumbnail?: Thumbnail;
+    video?: Video;
+}
+export interface HasInteractive extends VirtualObject {
+    value: boolean;
+}

package/dist/libs/shared/src/interfaces/models/Resource.d.ts

@@ -1,10 +1,10 @@
 import { BaseObject } from './primitives';
 import { Thumbnail } from './Thumbnail';
-import { FileType } from "../../utils/VideoDetailsHelper";
+import { ResourceFileType } from "../../enums/ResourceFileType";
 import { Pdf } from './Pdf';
 export declare type ResourceType = 'teacher-pack' | 'student-activity' | 'additional-materials' | 'atom-guide';
 interface ResourceMetadata {
-    type: FileType;
+    type: ResourceFileType;
     resourceType?: ResourceType;
 }
 export interface Resource extends BaseObject {

package/dist/libs/shared/src/interfaces/models/User.d.ts

@@ -5,7 +5,8 @@ import { OnlineUserRole } from "../../enums/UserRole";
 import { UserGroup } from "../../enums/UserGroup";
 import { ObjectStatus } from "../../enums/ObjectStatus";
 import { CustomerCollection } from '../collections';
-export declare type YearGroup = 'Kindergarten' | 'Year 1' | 'Year 2' | 'Year 3' | 'Year 4' | 'Year 5' | 'Year 6' | 'Year 7' | 'Year 8' | 'Year 9' | 'Year 10' | 'Year 11' | 'Year 12' | 'Year 13' | 'Staff';
+import { YearGroup } from './YearGroup';
+export declare type OnlineYearGroup = 'Kindergarten' | 'Year 1' | 'Year 2' | 'Year 3' | 'Year 4' | 'Year 5' | 'Year 6' | 'Year 7' | 'Year 8' | 'Year 9' | 'Year 10' | 'Year 11' | 'Year 12' | 'Year 13' | 'Staff';
 /**
  * Master User
  */
@@ -19,7 +20,8 @@ export interface User extends BaseObject {
     status: ObjectStatus;
     role: UserRole;
     customers: CustomerCollection;
-    yearGroup: YearGroup;
+    yearGroup: OnlineYearGroup;
+    masterYearGroup: YearGroup;
     userType: UserGroup;
     avatar?: Avatar;
     isPrimaryContact: boolean;

package/dist/libs/shared/src/interfaces/models/Video.d.ts

@@ -1,4 +1,4 @@
-import { BaseObject, CompanyCollection, PersonCollection, CategoryCollection, Channel, InteractiveCollection, LibraryCollection, Rating, Series, Thumbnail, TagCollection, Season, AudienceCollection, ResourceCollection, LinkCollection, ClipCollection, Glance, HeroBanner, RestrictedObject } from "./..";
+import { BaseObject, CompanyCollection, PersonCollection, CategoryCollection, Channel, InteractiveCollection, LibraryCollection, Rating, Series, Thumbnail, TagCollection, Season, AudienceCollection, ResourceCollection, LinkCollection, ClipCollection, Glance, HeroBanner, RestrictedObject, VideoProgress, UserCollection, HasInteractive, CurriculumLinks } from "./..";
 export interface Video extends BaseObject {
     categories?: CategoryCollection;
     channel?: Channel;
@@ -22,9 +22,13 @@ export interface Video extends BaseObject {
     clips?: ClipCollection;
     links?: LinkCollection;
     glance?: Glance;
-    isFavourited?: boolean;
     hasSubtitle?: boolean;
     heroBanner?: HeroBanner;
     restrictions?: RestrictedObject[];
     lastProgressPoint?: number;
+    favouritedBy?: UserCollection;
+    _hasinteractives?: HasInteractive;
+    _videoprogress?: VideoProgress;
+    _hasCurriculumLinks?: boolean;
+    _curriculumLinks?: CurriculumLinks;
 }

package/dist/libs/shared/src/interfaces/models/VideoHistory.d.ts

@@ -1,4 +1,4 @@
-import { BaseObject } from './primitives';
+import { BaseObject, VirtualObject } from './primitives';
 export interface VideoHistory extends Omit<BaseObject, 'id' | 'name'> {
     videoId: string;
     userId: string;
@@ -7,3 +7,6 @@ export interface VideoHistory extends Omit<BaseObject, 'id' | 'name'> {
     lastTimeWatched: string;
     lastProgressPoint: number;
 }
+export interface VideoProgress extends VirtualObject {
+    progress: number;
+}

package/dist/libs/shared/src/interfaces/models/Widget.d.ts

@@ -9,7 +9,7 @@ export declare enum WidgetType {
     Hero = 2,
     ResourcesTile = 3
 }
-export interface Widget extends BaseObject {
+export interface Widget extends Omit<BaseObject, 'type'> {
     collectionId: number;
     dashboardId: number;
     type: WidgetType;

package/dist/libs/shared/src/interfaces/models/YearGroup.d.ts

@@ -0,0 +1,5 @@
+import { BaseObject } from './primitives';
+export interface YearGroup extends BaseObject {
+    value: number;
+    description: string;
+}

package/dist/libs/shared/src/interfaces/models/index.d.ts

@@ -1,16 +1,19 @@
 export * from './primitives';
+export * from './interactive';
 export * from './Audience';
 export * from './Avatar';
 export * from './Banner';
 export * from './Category';
 export * from './Channel';
+export * from './Classroom';
+export * from './ClassroomGroup';
 export * from './Config';
 export * from './Cover';
 export * from './Curriculum';
 export * from './EntitySetting';
 export * from './HeroBanner';
 export * from './Image';
-export * from './Interactive';
+export * from './InteractiveMetadata';
 export * from './Library';
 export * from './Playlist';
 export * from './Rating';
@@ -51,3 +54,4 @@ export * from './Subtitle';
 export * from './Language';
 export * from './FileUpload';
 export * from './PlayerViewKey';
+export * from './YearGroup';

package/dist/libs/shared/src/interfaces/models/interactive/ActionableItem.d.ts

@@ -0,0 +1,6 @@
+import { BaseObject } from "../primitives/BaseObject";
+export interface ActionableItem extends BaseObject {
+    order: number;
+    isCorrect?: boolean;
+    interactionId: string;
+}

package/dist/libs/shared/src/interfaces/models/interactive/Interaction.d.ts

@@ -0,0 +1,16 @@
+import { HashObject } from "../../../../../common/src/react/interfaces/HashObject";
+import { ActionableItem } from './ActionableItem';
+import { InteractionType } from './InteractionType';
+import { InteractionTypeId } from './InteractionTypeId';
+import { BaseObject } from '../primitives';
+export interface Interaction extends Omit<BaseObject, 'type'> {
+    typeId: InteractionTypeId;
+    type: InteractionType;
+    timepointId: string;
+    order: number;
+    interactiveId: string;
+    errorMessage?: string;
+    description?: string;
+    data: HashObject;
+    actionableItems?: ActionableItem[];
+}

package/dist/libs/shared/src/interfaces/models/interactive/InteractionType.d.ts

@@ -0,0 +1,7 @@
+import { InteractionTypeId } from './InteractionTypeId';
+export interface InteractionType {
+    id: InteractionTypeId;
+    name: string;
+    colour: string;
+    icon: string;
+}

package/dist/libs/shared/src/interfaces/models/interactive/InteractionTypeId.d.ts

@@ -0,0 +1,8 @@
+export declare enum InteractionTypeId {
+    MultipleChoice = 1,
+    ShortAnswer = 2,
+    TrueOrFalse = 3,
+    Annotation = 4,
+    Image = 5,
+    MissingWord = 6
+}

package/dist/libs/shared/src/interfaces/models/interactive/Interactive.d.ts

@@ -0,0 +1,7 @@
+import { BaseObject } from "../primitives/BaseObject";
+import { Timepoint } from './Timepoint';
+export interface Interactive extends BaseObject {
+    immediateFeedback: boolean;
+    posterImage?: string;
+    timepoints?: Timepoint[];
+}

package/dist/libs/shared/src/interfaces/models/interactive/Timepoint.d.ts

@@ -0,0 +1,9 @@
+import { BaseObject } from "../primitives/BaseObject";
+import { Interaction } from './Interaction';
+export interface Timepoint extends BaseObject {
+    interactiveId: string;
+    shouldPause: number;
+    visibleAt: number;
+    visibleFor?: number;
+    interactions?: Interaction[];
+}

package/dist/libs/shared/src/interfaces/models/interactive/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ActionableItem';
+export * from './Interaction';
+export * from './InteractionType';
+export * from './InteractionTypeId';
+export * from './Interactive';
+export * from './Timepoint';

package/dist/libs/shared/src/interfaces/models/primitives/BaseObject.d.ts

@@ -1,6 +1,7 @@
 export interface BaseObject {
     id?: string;
     name?: string;
+    type?: string;
     dateCreated?: string;
     dateModified?: string;
     dateAssociated?: string;

package/dist/libs/shared/src/interfaces/models/primitives/VirtualObject.d.ts

@@ -0,0 +1,5 @@
+export interface VirtualObject {
+    id?: string;
+    type?: string;
+    typeId?: string;
+}

package/dist/libs/shared/src/interfaces/models/primitives/index.d.ts

@@ -1 +1,2 @@
 export * from './BaseObject';
+export * from './VirtualObject';

package/dist/libs/shared/src/interfaces/requests/CreateOrUpdateClipRequest.d.ts

@@ -0,0 +1,6 @@
+export interface CreateOrUpdateClipRequest {
+    name: string;
+    description?: string;
+    startTime: number;
+    endTime: number;
+}

package/dist/libs/shared/src/interfaces/requests/CreateViewKeyRequest.d.ts

@@ -1,5 +1,3 @@
-import { PlayerMediaType } from "../../enums/PlayerMediaType";
 export interface CreateViewKeyRequest {
     mediaId: string;
-    mediaType: PlayerMediaType;
 }

package/dist/libs/shared/src/interfaces/requests/index.d.ts

@@ -1,3 +1,4 @@
+export * from './CreateOrUpdateClipRequest';
 export * from './CreateViewKeyRequest';
 export * from './ReorderRequest';
 export * from './UpdateObjectChannel';

package/dist/libs/shared/src/utils/FavouriteHelpers.d.ts

@@ -0,0 +1,30 @@
+import { HashObject } from "../../../common/src/react/interfaces/HashObject";
+import { User } from '../interfaces';
+export declare const FavouriteHelper: {
+    /**
+     * This helper is based on a *critical* assumption that the with statement
+     * retrieving the favouritedBy collection uses a filter for the current user's id.
+     *
+     * The reason we're not passing the current user as an arg is that we would need to
+     * drill the user object all the way down to low level componenets.
+     *
+     * @param object
+     */
+    isFavouritedByCurrentUser(object: HashObject<any>): boolean;
+    /**
+     * Determine whether the user has favourited the object
+     *
+     * @param object
+     */
+    isFavouritedByUser(object: HashObject<any>, user: User): boolean;
+    /**
+     * Determine whether the object can be favourited.
+     *
+     * Based on the premise that the existence of the assoc property means that the object
+     * does support being favourited. Ensure that your with statement is correctly retrieving
+     * the favouritedBy assoc.
+     *
+     * @param object
+     */
+    canFavourite(object: HashObject<any>): boolean;
+};

package/dist/libs/shared/src/utils/RecentItemHelper.d.ts

@@ -0,0 +1,11 @@
+import { StorageHelper } from "../../../common/src/backbone/utils/LocalStorageHelper";
+interface AddRecentItemOptions {
+    id: string;
+    limit?: number;
+}
+export declare const RecentItemHelper: {
+    getRecentItem(cacheKey: string, dataSource: StorageHelper): string[];
+    setRecentItem(cacheKey: string, ids: string[], dataSource: StorageHelper): void;
+    addRecentItem(cacheKey: string, dataSource: StorageHelper, options: AddRecentItemOptions): string[];
+};
+export {};

package/dist/libs/shared/src/utils/UserHelper.d.ts

@@ -1,6 +1,3 @@
-import { UserGroup } from "../enums/UserGroup";
-import { YearGroup } from "../interfaces";
 export declare const UserHelper: {
     getInitials(firstName: string, lastName: string): string;
-    getAvailableYearGroups(countryCode: string, userType: UserGroup): YearGroup[];
 };

package/dist/libs/shared/src/utils/VideoDetailsHelper.d.ts

@@ -1,14 +1,5 @@
 import { Library, Video } from "../interfaces";
 import { MasterObjectTypes } from "../enums/MasterObjectTypes";
-export declare enum FileType {
-    Pdf = "pdf",
-    Image = "image",
-    PowerPoint = "powerpoint",
-    Document = "document",
-    Excel = "excel",
-    Zip = "archive",
-    File = "text"
-}
 export declare const VideoDetailsHelper: {
     mapRatingToClass(ratingValue: number): string;
     mapSourceToDisplayName(library: Library): string;

package/dist/libs/shared/src/utils/VideoHelper.d.ts

@@ -0,0 +1,5 @@
+import { Video } from "../interfaces";
+export declare const VideoHelper: {
+    hasSeries(video: Video): boolean;
+    getVideoProgress(video: Video): number;
+};

package/dist/online-app.css

@@ -1,3 +1,5 @@
+.cv-icon-button{margin-left:1rem;padding-left:3.2rem !important;padding-right:1.2rem}.cv-icon-button .std{left:.6rem !important;width:2rem;height:2rem;margin-top:-1rem !important}
+
 ._Sfw5 .alert-region{position:relative}._Sfw5 .alert-region ul{bottom:0;right:1.25rem;position:fixed;list-style-type:none}
 
 ._3OUhC{width:1.5rem;height:1.5rem;position:absolute}._3t3VL{vertical-align:top;position:relative}._3t3VL._2KLHo{padding-left:36px;white-space:nowrap}._3t3VL._2KLHo ._3OUhC{left:.375rem;top:50%;margin-top:-.75rem}._3t3VL._2KLHo svg{vertical-align:top}._3t3VL._2rQWb{padding:1rem}._3t3VL._2rQWb ._3OUhC{top:50%;left:50%;transform:translate3D(-50%, -50%, 0)}
@@ -6,7 +8,7 @@
 
 ._286KF{position:absolute;bottom:1.25rem;right:1.25rem}._3TSgh{max-height:4.8rem;word-break:break-word}
 
-._2_mFA{width:25%}._2_mFA h1{height:2.4rem}._4eCbo{position:relative;padding:2rem;overflow:auto}._4eCbo ._2JckH h1{font-size:2.4rem;margin:0;word-break:break-word}._4eCbo::after{content:"";clear:both;display:table}._2WBLn{float:right}._3YWHl .btn,._2WBLn .btn{margin-left:1rem;padding-left:2.7rem;padding-right:1.2rem}._3YWHl .dropdown-toggle,._2WBLn .dropdown-toggle{padding:0;height:100%}._3HWMX,._3xry5{margin-top:1rem}.A7JOJ{display:flex;align-items:center;margin:0;position:absolute;top:15px;left:15px;color:#fff}.A7JOJ:hover{text-decoration:underline}._3lrGQ{display:flex;align-items:center;padding-bottom:.3125rem;color:#979797;transform:translateX(-.3125rem)}._3lrGQ:hover{text-decoration:underline}._1C-uu{height:1.4rem;width:30%}._3fZ4_{display:inline-block;height:3rem;width:9rem;margin-left:1rem}
+._2_mFA{width:25%}._2_mFA h1{height:2.4rem}._4eCbo{padding:2rem}._4eCbo ._2JckH h1{font-size:2.4rem;margin:0;word-break:break-word}._4eCbo::after{content:"";clear:both;display:table}._2WBLn{float:right}._3YWHl .dropdown-toggle,._2WBLn .dropdown-toggle{padding:0;margin-left:1rem;height:100%}._3HWMX,._3xry5{margin-top:1rem}.A7JOJ{display:flex;align-items:center;margin:0;position:absolute;top:15px;left:15px;color:#fff}.A7JOJ:hover{text-decoration:underline}._3lrGQ{display:flex;align-items:center;padding-bottom:.3125rem;color:#979797;transform:translateX(-.3125rem)}._3lrGQ:hover{text-decoration:underline}._1C-uu{height:1.4rem;width:30%}._3fZ4_{display:inline-block;height:3rem;width:9rem;margin-left:1rem}
 
 ._3eqgp{min-height:70vh}
 
@@ -24,15 +26,13 @@
 
 ._6o0Z2{padding-bottom:100%}._2JLPt::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%)}._3MCKL{position:absolute;left:.625rem;right:.625rem;bottom:.625rem;z-index:1}._3MCKL ._1Ukz7{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}._13tO6{height:2rem;width:17rem}.CwjTl{position:absolute;right:.625rem;top:.625rem;z-index:1;width:3rem;height:3rem}
 
-.xaJc0{position:relative;padding-bottom:1rem}.xaJc0 h1{font-size:1.6rem;line-height:3rem;margin:0}.BHhcf{float:right}.D9jjK{padding-left:2.7rem !important;padding-right:1.2rem}._1catI{font-size:1.3rem !important;font-weight:600;padding-right:0;padding-left:2.5rem !important}.D9jjK,._2Ldf8,._2VJVr{margin-left:1rem}._2Ldf8{padding:0;height:3rem}._2VJVr .dropdown-toggle{padding-left:1.2rem;padding-right:1.2rem}._2VJVr .dropdown-toggle::after{display:inline-block;content:'';width:0;height:0;margin-left:0.5rem;vertical-align:0.2rem;border-top:0.4rem solid;border-right:0.4rem solid transparent;border-left:0.4rem solid transparent}._2hy6F{width:25%}._2hy6F h1{height:3rem}._2DiYF{display:inline-block;height:3rem;width:9rem;margin-left:1rem}
-
-._3_HvF{padding-top:1.25rem}._2WwOM{float:right}._2WwOM .show{display:block}._1L-T5{padding:0;background-color:transparent !important;border:none !important;color:#979797}
+.xaJc0{position:relative;padding-bottom:1rem}.xaJc0 h1{font-size:1.6rem;line-height:3rem;margin:0}.BHhcf{float:right}._2Ldf8,._2VJVr{margin-left:1rem}._2Ldf8{padding:0;height:3rem}._2VJVr .dropdown-toggle{padding-left:1.2rem;padding-right:1.2rem}._2VJVr .dropdown-toggle::after{display:inline-block;content:'';width:0;height:0;margin-left:0.5rem;margin-left:0.6rem;vertical-align:0.1rem;border-top:0.5rem solid;border-right:0.5rem solid transparent;border-left:0.5rem solid transparent}._2hy6F{width:25%}._2hy6F h1{height:3rem}._2DiYF{display:inline-block;height:3rem;width:9rem;margin-left:1rem}
 
-._1GNc4{margin:1.25rem 0;padding:0 1.25rem}._1GNc4 a{color:#fff}._1GNc4 h5{font-size:2.1rem;margin:0}._3EMA5{background-color:#4E9ACE}.TwV9j{background-color:#6bbfca}._3Rfa2{background-color:#FFCD52}._YAdT{background-color:#F7847B}._8IqB3{background-color:#51ADA3}.mjDAH{background-color:#605DB4}._2lw5O{background-color:#BB8EC7}._17Eh6{background-color:#60B789}
+.tjtmr>.row{margin:0 -1rem}._1GNc4{margin:1rem 0;padding:0 1rem}._1GNc4 a{color:#fff}._1GNc4 h5{font-size:2.1rem;margin:0}._1GNc4 .audience-label{padding:.25rem 1rem;margin:.5rem 0}._3KJuQ{margin:1rem}._3EMA5{background-color:#4E9ACE}.TwV9j{background-color:#6bbfca}._3Rfa2{background-color:#FFCD52}._YAdT{background-color:#F7847B}._8IqB3{background-color:#51ADA3}.mjDAH{background-color:#605DB4}._2lw5O{background-color:#BB8EC7}._17Eh6{background-color:#60B789}
 
 ._3PyFK{position:absolute;top:50%;left:1.25rem;transform:translateY(-50%);height:100%;width:3rem}._2qsr-{position:absolute;top:50%;transform:translateY(-50%);height:1rem;width:1rem}._2qsr- svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}.Egane{height:100%;width:100%;background-color:#7A76E8;border-radius:50%;display:inline-block}
 
-._3A1z7{position:relative;padding:.5rem 1rem;line-height:2.4rem}._1orYF{display:block;margin-right:2rem;word-break:break-word}._3EHT0{margin-left:2rem}._1N9oK{position:absolute;top:.5rem;right:1rem}._1N9oK .dropdown{display:none}._1N9oK .show{display:block}.E1Yrs{padding:0;background-color:transparent !important;border:none !important;color:#979797}._3A1z7:hover .dropdown{display:block}
+._3A1z7{position:relative;padding:.5rem 1rem;line-height:2.4rem}._1orYF{display:block;margin:0 2rem;word-break:break-word}._1N9oK{position:absolute;top:.5rem;right:1rem}._1N9oK .dropdown{display:none}._1N9oK .show{display:block}.E1Yrs{padding:0;background-color:transparent !important;border:none !important;color:#979797}._3A1z7:hover .dropdown{display:block}
 
 ._3p-bQ{padding:0 1.25rem !important}
 
@@ -48,14 +48,14 @@
 
 ._1SFgo{color:inherit;font-size:.78571em}._1SFgo:hover ._2iyL0{text-decoration:underline}
 
-._1MQy4{position:absolute;width:100%;height:100%;z-index:1;padding:.3125rem;color:#fff}._2obuZ{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:5;transform:translate3d(0, 0, 0)}._2obuZ ._1UfdO{background-color:rgba(241,241,241,0.5)}.Q1km-{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;padding:.625rem;padding-top:0;width:100%}.Q1km-._2_7sb{transform:scale(0.9);margin-left:-1rem;margin-bottom:-0.2rem}.Of_Cn::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%)}.B9cJG{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}
-
-._3nE2p{position:absolute;width:100%;height:100%;cursor:pointer;z-index:2;background-color:#333;opacity:0;transition:opacity 100ms ease-in-out}.KdGwU{width:3.75rem;height:3.75rem}.KdGwU,._1cBmC{position:absolute;top:50%;left:50%;z-index:4;color:#fff;opacity:0;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out}._3si6K:hover ._3nE2p{opacity:0.5}._3si6K:hover ._1cBmC,._3si6K:hover .KdGwU{opacity:1}
+._1MQy4{position:absolute;width:100%;height:100%;z-index:1;padding:.3125rem;color:#fff}._2obuZ{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:5;transform:translate3d(0, 0, 0)}._2obuZ ._1UfdO{background-color:rgba(241,241,241,0.5)}.Q1km-{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;padding:.625rem;padding-top:0;width:100%}.Q1km-._2_7sb{transform:scale(0.9);margin-left:-1rem;margin-bottom:-0.2rem}.Of_Cn::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%)}.B9cJG{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}._1EuSH{position:absolute;bottom:0;left:0;right:0;height:.25rem}._1EuSH+._10TYY{bottom:.5625rem}._3QyHR,._1KUiQ{position:absolute;bottom:0;left:0;right:0;background-color:#1B2D71;height:1.25rem;opacity:.9}._3QyHR+._10TYY,._1KUiQ+._10TYY{bottom:1.5625rem}
 
 ._1orVM{position:absolute;top:50%;transform:translateY(-50%);left:0.5rem;right:0.5rem;background-color:#fff;height:.15rem;border-radius:.15rem}.H5qiB{border-radius:.15rem;background-color:#4E9ACE;position:absolute;height:100%}._2q0q5,._3YlVt,._29iun{position:absolute;top:50%;transform:translateY(-50%);width:0.2rem;height:0.66667rem;border-radius:0.2rem}._3YlVt{left:0}._29iun{right:0}
 
 ._3R_jy{position:absolute;top:50%;transform:translateY(-50%);left:0.5rem;right:0.5rem;background-color:#fff;height:.2rem;border-radius:.2rem}._3R_jy._1sl_Q{background-color:#fff}._3R_jy._15A86{background-color:#eaeaea}._2LSyV{position:absolute;top:50%;transform:translateY(-50%);width:0.2rem;height:0.5rem;border-radius:0.2rem}
 
+._3nE2p{position:absolute;width:100%;height:100%;cursor:pointer;z-index:2;background-color:#333;opacity:0;transition:opacity 100ms ease-in-out}.KdGwU{width:3.75rem;height:3.75rem}.KdGwU,._1cBmC{position:absolute;top:50%;left:50%;z-index:4;color:#fff;opacity:0;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out}._3si6K:hover ._3nE2p{opacity:0.5}._3si6K:hover ._1cBmC,._3si6K:hover .KdGwU{opacity:1}
+
 ._1JIh4{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;padding:.625rem;padding-top:0}._1OKu_{margin-top:.3125rem;line-height:1.2}._1BBKk{position:absolute;width:100%;height:100%;z-index:1;padding:.3125rem;color:#fff}._23tXc{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:5}._23tXc ._2lJ57{background-color:rgba(241,241,241,0.5)}._28ZUf{position:absolute;bottom:.3125rem;right:.3125rem}._1PMuv{position:absolute;bottom:0;left:0;right:0;height:.25rem}._1PMuv+._28ZUf{bottom:.5625rem}._3rsmD,._1fES_{position:absolute;bottom:0;left:0;right:0;background-color:#1B2D71;height:1.25rem;opacity:.9}._3rsmD+._28ZUf,._1fES_+._28ZUf{bottom:1.5625rem}._1o4aT::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%)}
 
 .yvetE{display:flex;flex-wrap:wrap}._3ZfKv{background-color:#f1f1f1;color:#B5B5B5}._3ZfKv:hover{background-color:#f1f1f1;color:#B5B5B5}
@@ -122,11 +122,15 @@
 
 ._2il2i{margin:0}._2il2i a{color:#777}._2il2i a:hover{color:#F8981D;text-decoration:none}._3oPrw{display:inline-block;width:13.125rem;padding:0.4375rem 1.25rem;line-height:0.875rem;border-radius:0.125rem;background-color:#F8981D;border:1px solid #F8981D}._3oPrw a:hover{text-decoration:none}._3zAfP{margin-left:14.375rem}
 
-._3-Sp5{border:0.125rem dashed #B5B5B5;border-radius:.25rem;position:relative}.TuDHp{display:none}._3Dz1H{position:relative}._3Dz1H ._3-Sp5{border-color:#F8981D}._3Dz1H .TuDHp h3{position:absolute;top:50%;width:100%;text-align:center;margin-top:-1rem}._3Dz1H .TuDHp{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.6)}
+.f6lVD{background-color:#f8f8f8}
+
+._3-Sp5{border:0.125rem dashed #f1f1f1;border-radius:.25rem;position:relative}.TuDHp{display:none}._3Dz1H{position:relative}._3Dz1H ._3-Sp5{border-color:#F8981D}._3Dz1H .TuDHp h3{position:absolute;top:50%;width:100%;text-align:center;margin-top:-1rem}._3Dz1H .TuDHp{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.6)}
 
 .QNFLR{width:1.5rem;height:1.5rem}._1q_ig{height:0.1875rem}
 
-._186X3{width:1.5rem;height:1.5rem}._3_l1b{cursor:pointer}
+._2GdEa{background-color:#f8f8f8}._186X3{width:1.5rem;height:1.5rem}._3_l1b{cursor:pointer}
+
+._1wmT9{background-color:#f8f8f8}
 
 .-L0yF:focus{border-color:#D7D7D7;box-shadow:none}.ahMdW{position:absolute;top:100%;left:0;right:0;z-index:100}.xstWL:last-child{border-bottom:none !important}._3YTCa{background-color:#f8f8f8}._1wn3m:hover ._1BwBs{color:#313543 !important}.qxZOe{padding-left:2.25rem}._3U4W-{padding-right:2.25rem}._2rgzF{padding-right:2.25rem}._1DLw5{position:absolute;top:50%;transform:translateY(-50%)}.AZCtZ{left:.375rem}._1R52s{right:.375rem}