@myinterview/widget-react 1.1.23-binary-010 → 1.1.23-bli-chupchik

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -2,31 +2,6 @@ import * as React from 'react';
2
2
  import React__default, { createContext, forwardRef, useRef, useEffect, useState, useLayoutEffect, useImperativeHandle, useDebugValue, useContext, createElement, useCallback, useMemo } from 'react';
3
3
  import { createPortal } from 'react-dom';
4
4
 
5
- /*! *****************************************************************************
6
- Copyright (c) Microsoft Corporation.
7
-
8
- Permission to use, copy, modify, and/or distribute this software for any
9
- purpose with or without fee is hereby granted.
10
-
11
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
12
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
13
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
14
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
15
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
16
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
17
- PERFORMANCE OF THIS SOFTWARE.
18
- ***************************************************************************** */
19
-
20
- function __awaiter(thisArg, _arguments, P, generator) {
21
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
22
- return new (P || (P = Promise))(function (resolve, reject) {
23
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
24
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
25
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
26
- step((generator = generator.apply(thisArg, _arguments || [])).next());
27
- });
28
- }
29
-
30
5
  // eslint-disable-next-line @typescript-eslint/unbound-method
31
6
  const objectToString = Object.prototype.toString;
32
7
 
@@ -5906,9 +5881,9 @@ function _getEventFilterUrl(event) {
5906
5881
  }
5907
5882
 
5908
5883
  var Integrations = /*#__PURE__*/Object.freeze({
5909
- __proto__: null,
5910
- FunctionToString: FunctionToString,
5911
- InboundFilters: InboundFilters
5884
+ __proto__: null,
5885
+ FunctionToString: FunctionToString,
5886
+ InboundFilters: InboundFilters
5912
5887
  });
5913
5888
 
5914
5889
  const WINDOW$1 = GLOBAL_OBJ ;
@@ -8077,13 +8052,13 @@ function startSessionTracking() {
8077
8052
  }
8078
8053
 
8079
8054
  var index$1 = /*#__PURE__*/Object.freeze({
8080
- __proto__: null,
8081
- GlobalHandlers: GlobalHandlers,
8082
- TryCatch: TryCatch,
8083
- Breadcrumbs: Breadcrumbs,
8084
- LinkedErrors: LinkedErrors,
8085
- HttpContext: HttpContext,
8086
- Dedupe: Dedupe
8055
+ __proto__: null,
8056
+ GlobalHandlers: GlobalHandlers,
8057
+ TryCatch: TryCatch,
8058
+ Breadcrumbs: Breadcrumbs,
8059
+ LinkedErrors: LinkedErrors,
8060
+ HttpContext: HttpContext,
8061
+ Dedupe: Dedupe
8087
8062
  });
8088
8063
 
8089
8064
  // exporting a separate copy of `WINDOW` rather than exporting the one from `@sentry/browser`
@@ -23965,7 +23940,6 @@ var ACTIONS$7;
23965
23940
  ACTIONS["SET_MEDIA_RECORDER"] = "SET_MEDIA_RECORDER";
23966
23941
  ACTIONS["SET_MIC_ERROR"] = "SET_MIC_ERROR";
23967
23942
  ACTIONS["SET_PERMISSION_LISTENER"] = "SET_PERMISSION_LISTENER";
23968
- ACTIONS["SET_ACTIVELY_STOPPED"] = "SET_ACTIVELY_STOPPED";
23969
23943
  })(ACTIONS$7 || (ACTIONS$7 = {}));
23970
23944
  var EVENTS$6;
23971
23945
  (function (EVENTS) {
@@ -24055,7 +24029,6 @@ const CAMERA_STATES = {
24055
24029
  WAITING: 'WAITING',
24056
24030
  ERROR: 'ERROR',
24057
24031
  READY: 'READY',
24058
- SKIP: 'SKIP',
24059
24032
  };
24060
24033
  const MICROPHONE_STATES = {
24061
24034
  WAITING: 'WAITING',
@@ -24085,7 +24058,6 @@ var STATES$5;
24085
24058
  STATES["SETUP__TEST__CAMERA__WAITING"] = "testCameraWaiting";
24086
24059
  STATES["SETUP__TEST__CAMERA__ERROR"] = "testCameraError";
24087
24060
  STATES["SETUP__TEST__CAMERA__SUCCESS"] = "testCameraSuccess";
24088
- STATES["SETUP__TEST__CAMERA__SKIP"] = "testCameraSkip";
24089
24061
  STATES["SETUP__TEST__MICROPHONE"] = "testMicrophone";
24090
24062
  STATES["SETUP__TEST__MICROPHONE__WAITING"] = "testMicrophoneWaiting";
24091
24063
  STATES["SETUP__TEST__MICROPHONE__ERROR"] = "testMicrophoneError";
@@ -24110,7 +24082,6 @@ var STATES$5;
24110
24082
  STATES["RE_INIT_RECORDER__NEXT_QUESTION"] = "reInitRecorderNextQuestion";
24111
24083
  STATES["UPLOADING"] = "uploading";
24112
24084
  STATES["CONFIRM"] = "confirm";
24113
- STATES["CONFIRM_WATING"] = "confirmWaiting";
24114
24085
  STATES["FINISHED"] = "finished";
24115
24086
  STATES["ERROR"] = "error";
24116
24087
  })(STATES$5 || (STATES$5 = {}));
@@ -24164,7 +24135,6 @@ var ACTIONS$6;
24164
24135
  ACTIONS["RESET_FAILED_RECORDING_ATTEMPTS"] = "resetFailedRecordingAttempts";
24165
24136
  ACTIONS["CLEAR_VIDEO_ERROR"] = "clearVideoError";
24166
24137
  ACTIONS["UPDATE_VIDEO_DIMENSIONS"] = "updateVideoDimensions";
24167
- ACTIONS["UPDATE_UPLOADED_FALSE_COUNT"] = "updateUploadedFalseCount";
24168
24138
  })(ACTIONS$6 || (ACTIONS$6 = {}));
24169
24139
  var EVENTS$5;
24170
24140
  (function (EVENTS) {
@@ -24197,7 +24167,6 @@ var SERVICES$1;
24197
24167
  })(SERVICES$1 || (SERVICES$1 = {}));
24198
24168
  var GUARDS$3;
24199
24169
  (function (GUARDS) {
24200
- GUARDS["IS_VIDEO_RECORDING_SKIP"] = "isVideoRecordingSkip";
24201
24170
  GUARDS["NO_STORAGE"] = "noStorage";
24202
24171
  GUARDS["NO_RECORDER"] = "noRecorder";
24203
24172
  GUARDS["IS_THINKING_TIME"] = "isThinkingTime";
@@ -24220,7 +24189,6 @@ var GUARDS$3;
24220
24189
  GUARDS["IS_RECORDER_READY"] = "isRecorderReady";
24221
24190
  GUARDS["IS_ASSESSMENT_QUESTION"] = "isAssessmentQuestion";
24222
24191
  GUARDS["IS_TIMES_UP"] = "isTimesUp";
24223
- GUARDS["SHOULD_TRY_TO_CONFIRM"] = "shouldTryToConfirm";
24224
24192
  })(GUARDS$3 || (GUARDS$3 = {}));
24225
24193
  var TAGS;
24226
24194
  (function (TAGS) {
@@ -24230,7 +24198,6 @@ var TAGS;
24230
24198
  TAGS["DISPLAY_OUTER_VIEW"] = "displayOuterView";
24231
24199
  TAGS["DISPLAY_QUESTION"] = "displayQuestion";
24232
24200
  TAGS["DISPLAY_QUESTIONS_LIST"] = "displayQuestionsList";
24233
- TAGS["DISPLAY_UPLOAD"] = "displayUpload";
24234
24201
  TAGS["LOADING"] = "loading";
24235
24202
  })(TAGS || (TAGS = {}));
24236
24203
 
@@ -28882,12 +28849,7 @@ const DEVICE = {
28882
28849
  PLATFORM: PLATFORMS_OPTIONS.find((p) => { var _a, _b; return (_b = (_a = platform.os) === null || _a === void 0 ? void 0 : _a.family) === null || _b === void 0 ? void 0 : _b.toUpperCase().includes(p === 'MACBOOK' ? 'OS X' : p); }) || 'WINDOWS',
28883
28850
  BROWSER: BROWSERS_OPTIONS.find((b) => { var _a; return (_a = platform.name) === null || _a === void 0 ? void 0 : _a.toUpperCase().includes(b); }) || 'CHROME',
28884
28851
  };
28885
- const isPortrait = () => {
28886
- if (typeof window.matchMedia !== 'undefined') {
28887
- return window.matchMedia('(orientation: portrait)').matches;
28888
- }
28889
- return window.innerHeight > window.innerWidth;
28890
- };
28852
+ const isPortrait = () => !screen.orientation.type.startsWith('landscape');
28891
28853
  const iPhoneModels = [
28892
28854
  { pixelRatio: 2, width: 640, height: 1136, model: 'iPhone SE (1st generation)' },
28893
28855
  { pixelRatio: 2, width: 750, height: 1334, model: 'iPhone SE (2nd generation)/6/6S/7/8' },
@@ -28952,7 +28914,7 @@ const configGenerator = () => {
28952
28914
  let release;
28953
28915
  try {
28954
28916
  environment !== null && environment !== void 0 ? environment : (environment = "staging");
28955
- release !== null && release !== void 0 ? release : (release = "1.1.23-binary-010");
28917
+ release !== null && release !== void 0 ? release : (release = "1.1.23-bli-chupchik");
28956
28918
  }
28957
28919
  catch (_a) {
28958
28920
  console.error('sentry configGenerator error');
@@ -29425,7 +29387,6 @@ const SECONDS_LEFT_HIGHLIGHT = 10;
29425
29387
  const DEFAULT_ASSESSMENT_MAX_CHARS = 300;
29426
29388
  const DEFAULT_ASSESSMENT_DURATION = 0;
29427
29389
  const DEFAULT_VIDEO_DIMENSIONS = { width: 1280, height: 720 }; // Transcoder default dimensions (720p)
29428
- const MAX_CONFIRM_ATTEMPTS = 5;
29429
29390
  // Font
29430
29391
  const FONT_URL = 'https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap';
29431
29392
  var RETAKE_SPEED;
@@ -29468,7 +29429,7 @@ const DeviceSelectorList = ({ deviceList, selectedDevice, onDeviceSelected, devi
29468
29429
  ${device.deviceId === (selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.deviceId) ? 'myinterview-widget-device__select-option--selected' : ''}`, size: "S-Regular", onClick: () => onDeviceSelected(deviceType, device.deviceId) }, device.label))))));
29469
29430
  };
29470
29431
 
29471
- const DeviceSelector = ({ handleDeviceChange, videoDevices = [], audioDevices = [], selectedAudioDevice, selectedVideoDevice, myinterviewRef, recordWithoutVideo, }) => {
29432
+ const DeviceSelector = ({ handleDeviceChange, videoDevices = [], audioDevices = [], selectedAudioDevice, selectedVideoDevice, myinterviewRef, }) => {
29472
29433
  const menuRef = useRef(null);
29473
29434
  const [isSettingsOpen, setSettingsOpen] = useState(false);
29474
29435
  useEffect(() => {
@@ -29487,7 +29448,7 @@ const DeviceSelector = ({ handleDeviceChange, videoDevices = [], audioDevices =
29487
29448
  (_b = (_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.removeEventListener('mousedown', checkIfClickedOutside);
29488
29449
  };
29489
29450
  }, [isSettingsOpen]);
29490
- return (isMobile && !recordWithoutVideo)
29451
+ return isMobile
29491
29452
  ? (React__default.createElement("span", { className: "myinterview-widget-device myinterview-widget-device__mobile", onClick: () => handleDeviceChange(), role: "presentation" },
29492
29453
  React__default.createElement(Ne, null)))
29493
29454
  : (React__default.createElement("div", { ref: menuRef, className: "myinterview-widget-device myinterview-widget-device__desktop" },
@@ -29495,7 +29456,7 @@ const DeviceSelector = ({ handleDeviceChange, videoDevices = [], audioDevices =
29495
29456
  React__default.createElement(ke, null)),
29496
29457
  isSettingsOpen && (React__default.createElement("div", { className: "myinterview-widget-device__modal" },
29497
29458
  React__default.createElement("div", { className: "myinterview-widget-device__select-wrapper" },
29498
- !recordWithoutVideo && (React__default.createElement(DeviceSelectorList, { deviceList: videoDevices, selectedDevice: selectedVideoDevice, onDeviceSelected: handleDeviceChange, deviceType: "video" })),
29459
+ React__default.createElement(DeviceSelectorList, { deviceList: videoDevices, selectedDevice: selectedVideoDevice, onDeviceSelected: handleDeviceChange, deviceType: "video" }),
29499
29460
  React__default.createElement(DeviceSelectorList, { deviceList: audioDevices, selectedDevice: selectedAudioDevice, onDeviceSelected: handleDeviceChange, deviceType: "audio" }))))));
29500
29461
  };
29501
29462
 
@@ -29558,15 +29519,14 @@ const PracticeMode = () => {
29558
29519
  React__default.createElement(Qe, { size: "S-Regular", color: "primary" }, t('practice.title'))));
29559
29520
  };
29560
29521
 
29561
- const VideoCamera = React__default.forwardRef(({ recordWithoutVideo, isCameraDisplayed, microphoneRef, isPracticeModeDisplayed, errorType, isPermissionStepsOpen, onDisplayPermissionSteps, onClosePermissionSteps, onRecorderRetry, isRecorderCanChangeSettings, videoDevices, audioDevices, selectedVideoDevice, selectedAudioDevice, handleDeviceChange, canStartRecording, currentQuestion, numberOfQuestions, currentQuestionObj, isRecording, durations, recordingTime, isCountDown, countdown, isQuestionDisplayed, onReInitRecorder, myinterviewRef, isAssessment, }, videoRef) => (React__default.createElement("div", { className: `myinterview-widget-video-camera ${!isCameraDisplayed ? 'myinterview-widget-video-camera--hidden' : ''}` },
29562
- recordWithoutVideo ? (React__default.createElement("div", { className: "myinterview-widget-video-camera__recording-without-video" },
29563
- React__default.createElement(Se, null))) : React__default.createElement("video", { ref: videoRef, playsInline: true, autoPlay: true, disablePictureInPicture: true, controls: false, muted: true, hidden: isAssessment }),
29522
+ const VideoCamera = React__default.forwardRef(({ isCameraDisplayed, microphoneRef, isPracticeModeDisplayed, errorType, isPermissionStepsOpen, onDisplayPermissionSteps, onClosePermissionSteps, onRecorderRetry, isRecorderCanChangeSettings, videoDevices, audioDevices, selectedVideoDevice, selectedAudioDevice, handleDeviceChange, canStartRecording, currentQuestion, numberOfQuestions, currentQuestionObj, isRecording, durations, recordingTime, isCountDown, countdown, isQuestionDisplayed, onReInitRecorder, myinterviewRef, isAssessment, }, videoRef) => (React__default.createElement("div", { className: `myinterview-widget-video-camera ${!isCameraDisplayed ? 'myinterview-widget-video-camera--hidden' : ''}` },
29523
+ React__default.createElement("video", { ref: videoRef, playsInline: true, autoPlay: true, disablePictureInPicture: true, controls: false, muted: true, hidden: isAssessment }),
29564
29524
  canStartRecording && React__default.createElement(QuestionNumber, { currentQuestion: currentQuestion, numberOfQuestions: numberOfQuestions }),
29565
29525
  isRecording && (React__default.createElement("div", { className: "myinterview-widget-video-camera__recording-counter-wrapper" },
29566
29526
  React__default.createElement(Counter, { limit: durations, counter: recordingTime, isRecording: true }))),
29567
29527
  microphoneRef && React__default.createElement(MicrophoneIndicator, { microphoneRef: microphoneRef }),
29568
29528
  isPracticeModeDisplayed && React__default.createElement(PracticeMode, null),
29569
- isRecorderCanChangeSettings && (React__default.createElement(DeviceSelector, { recordWithoutVideo: recordWithoutVideo, myinterviewRef: myinterviewRef, videoDevices: videoDevices, audioDevices: audioDevices, selectedVideoDevice: selectedVideoDevice, selectedAudioDevice: selectedAudioDevice, handleDeviceChange: handleDeviceChange })),
29529
+ isRecorderCanChangeSettings && (React__default.createElement(DeviceSelector, { myinterviewRef: myinterviewRef, videoDevices: videoDevices, audioDevices: audioDevices, selectedVideoDevice: selectedVideoDevice, selectedAudioDevice: selectedAudioDevice, handleDeviceChange: handleDeviceChange })),
29570
29530
  isCountDown && React__default.createElement(CountDown, { countDown: countdown }),
29571
29531
  ((errorType && (!isPermissionStepsOpen || isMobile)) || (!isRecording && isQuestionDisplayed && (!(videoDevices === null || videoDevices === void 0 ? void 0 : videoDevices.length) || (currentQuestionObj)))) && (React__default.createElement(RecorderModal, { isRecording: isRecording, errorType: errorType, onDisplayPermissionSteps: onDisplayPermissionSteps, onReInitRecorder: onReInitRecorder, onRecorderRetry: onRecorderRetry, currentQuestionObj: currentQuestionObj, deviceList: audioDevices || [], selectedDevice: selectedAudioDevice, onDeviceSelected: handleDeviceChange, deviceType: "audio" })),
29572
29532
  !isMobile && isPermissionStepsOpen && (React__default.createElement("div", { className: "myinterview-widget-video-camera__permissions" },
@@ -33586,8 +33546,8 @@ function memoizeOne(resultFn, isEqual) {
33586
33546
  }
33587
33547
 
33588
33548
  var memoizeOne_esm = /*#__PURE__*/Object.freeze({
33589
- __proto__: null,
33590
- 'default': memoizeOne
33549
+ __proto__: null,
33550
+ 'default': memoizeOne
33591
33551
  });
33592
33552
 
33593
33553
  var require$$2 = /*@__PURE__*/getAugmentedNamespace(memoizeOne_esm);
@@ -37547,11 +37507,6 @@ var EVENT_TYPES;
37547
37507
  EVENT_TYPES["SOUND_RESTORED"] = "soundRestored";
37548
37508
  EVENT_TYPES["TIMES_UP"] = "timesUp";
37549
37509
  EVENT_TYPES["COMPLETED_INTERVIEW"] = "completedInterview";
37550
- EVENT_TYPES["RECONNECTED"] = "reconnected";
37551
- EVENT_TYPES["CONFIRM_UPLOADED_FAILED"] = "confirmUploadedFailed";
37552
- EVENT_TYPES["FINISHED"] = "finished";
37553
- EVENT_TYPES["ON_FINISH_SUCCEED"] = "onFinishSucceed";
37554
- EVENT_TYPES["ON_FINISH_FAILED"] = "onFinishFailed";
37555
37510
  })(EVENT_TYPES || (EVENT_TYPES = {}));
37556
37511
  let event_id;
37557
37512
  const updateEventId = (eventId) => { event_id = eventId; };
@@ -37839,7 +37794,7 @@ const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, reco
37839
37794
  const [isQuestionVideoWatched, setIsQuestionVideoWatched] = useState(false);
37840
37795
  const innerRef = useRef(null);
37841
37796
  const { previewRef, questions, currentQuestion, currentTake, recordingType, isConnected, checksState, widgetConfig, failedRecordingMessage, timer, } = widgetMachine.context;
37842
- const { recordingTime, countdown, durations, videoDevices, audioDevices, selectedVideoDevice, selectedAudioDevice, microphoneRef, mediaStream, recordWithoutVideo, } = recorderMachine.context;
37797
+ const { recordingTime, countdown, durations, videoDevices, audioDevices, selectedVideoDevice, selectedAudioDevice, microphoneRef, mediaStream, } = recorderMachine.context;
37843
37798
  const currentQuestionObj = questions[currentQuestion - 1];
37844
37799
  const isAssessment = !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.answerType) && currentQuestionObj.answerType !== ANSWER_TYPES.VIDEO;
37845
37800
  const isThinkingTime = isAssessment ? !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.partDuration) : !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.thinkingTime);
@@ -37882,7 +37837,7 @@ const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, reco
37882
37837
  }, [isUploadingState]);
37883
37838
  useEffect(() => {
37884
37839
  var _a, _b, _c;
37885
- if (mediaStream && !recordWithoutVideo) {
37840
+ if (mediaStream) {
37886
37841
  const settings = (_a = mediaStream.getVideoTracks()[0]) === null || _a === void 0 ? void 0 : _a.getSettings();
37887
37842
  const { aspectRatio, width, height } = settings;
37888
37843
  const _width = isMobile ? Math.min(Number(width), Number(height)) : Number(width);
@@ -37965,7 +37920,7 @@ const InnerView = React__default.forwardRef(({ widgetMachine, sendToWidget, reco
37965
37920
  React__default.createElement("div", { ref: innerRef, className: innerClassNames },
37966
37921
  React__default.createElement("div", { className: contentClasseNames },
37967
37922
  isExplanationState && (React__default.createElement(Explanation, { isVideoQuestion: !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.videoQuestion), isAssessment: isAssessment, timeLimit: isAssessment ? currentQuestionObj.partDuration : currentQuestionObj.thinkingTime, answerType: currentQuestionObj.answerType || ANSWER_TYPES.VIDEO, duration: currentQuestionObj.partDuration, takes: currentQuestionObj.numOfRetakes })),
37968
- React__default.createElement(VideoCamera, { recordWithoutVideo: recordWithoutVideo, myinterviewRef: myinterviewRef, ref: videoRef, microphoneRef: microphoneRef, isCameraDisplayed: isCameraDisplayed, isPracticeModeDisplayed: !isQuestionMode && isRecording, errorType: errorType, isPermissionStepsOpen: isSliderModalOpen, onDisplayPermissionSteps: onOpenSliderModal, onReInitRecorder: onReInitRecorder, onClosePermissionSteps: onCloseSliderModal, onRecorderRetry: isSetupState ? onRecorderRetry : onReInitRecorder, isRecorderCanChangeSettings: isRecorderCanChangeSettings, videoDevices: videoDevices, audioDevices: audioDevices, selectedVideoDevice: selectedVideoDevice, selectedAudioDevice: selectedAudioDevice, handleDeviceChange: handleDeviceChange, canStartRecording: canStartRecording, currentQuestion: currentQuestion, numberOfQuestions: questions.length, currentQuestionObj: currentQuestionObj, isRecording: isRecording, durations: durations, recordingTime: recordingTime, isCountDown: isCountDown, countdown: countdown, isQuestionDisplayed: isQuestionDisplayed, isAssessment: isAssessment }),
37923
+ React__default.createElement(VideoCamera, { myinterviewRef: myinterviewRef, ref: videoRef, microphoneRef: microphoneRef, isCameraDisplayed: isCameraDisplayed, isPracticeModeDisplayed: !isQuestionMode && isRecording, errorType: errorType, isPermissionStepsOpen: isSliderModalOpen, onDisplayPermissionSteps: onOpenSliderModal, onReInitRecorder: onReInitRecorder, onClosePermissionSteps: onCloseSliderModal, onRecorderRetry: isSetupState ? onRecorderRetry : onReInitRecorder, isRecorderCanChangeSettings: isRecorderCanChangeSettings, videoDevices: videoDevices, audioDevices: audioDevices, selectedVideoDevice: selectedVideoDevice, selectedAudioDevice: selectedAudioDevice, handleDeviceChange: handleDeviceChange, canStartRecording: canStartRecording, currentQuestion: currentQuestion, numberOfQuestions: questions.length, currentQuestionObj: currentQuestionObj, isRecording: isRecording, durations: durations, recordingTime: recordingTime, isCountDown: isCountDown, countdown: countdown, isQuestionDisplayed: isQuestionDisplayed, isAssessment: isAssessment }),
37969
37924
  isAssessmentState && !!(currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.answerType) && (currentQuestionObj === null || currentQuestionObj === void 0 ? void 0 : currentQuestionObj.answerType) !== ANSWER_TYPES.VIDEO
37970
37925
  && (React__default.createElement(AssessmentController, { currentQuestionObj: currentQuestionObj, timer: timer, currentQuestion: currentQuestion, numberOfQuestions: questions.length, onSubmitAssessment: onSubmitAssessment })),
37971
37926
  isTimesUpState && React__default.createElement(TimesUp, { onContinue: onContinue }),
@@ -38045,7 +38000,6 @@ const ICON_BY_CAMERA_STATE = {
38045
38000
  WAITING: { el: React__default.createElement(Loading, null), color: 'neutral-20' },
38046
38001
  ERROR: { el: React__default.createElement(be, null), color: 'error' },
38047
38002
  READY: { el: React__default.createElement(Ae, null), color: 'success' },
38048
- SKIP: { el: React__default.createElement(be, null), color: 'success' },
38049
38003
  };
38050
38004
  const ICON_BY_MICROPHONE_STATE = {
38051
38005
  WAITING: { el: React__default.createElement(Loading, null), color: 'neutral-20' },
@@ -38058,14 +38012,14 @@ const ICON_BY_INTERNET_STATE = {
38058
38012
  SLOW_CONNECTION: { el: React__default.createElement(be, null), color: 'success' },
38059
38013
  CONNECTED: { el: React__default.createElement(Ae, null), color: 'success' },
38060
38014
  };
38061
- const SetupChecks = ({ checksState, checksMessages, canRetrySpeedTest, onRetry, recordWithoutVideo, }) => {
38015
+ const SetupChecks = ({ checksState, checksMessages, canRetrySpeedTest, onRetry, }) => {
38062
38016
  const { t } = useTranslation();
38063
38017
  return (React__default.createElement("div", { className: "myinterview-widget-checks" },
38064
- !recordWithoutVideo && (React__default.createElement("div", { className: "myinterview-widget-checks__item" },
38018
+ React__default.createElement("div", { className: "myinterview-widget-checks__item" },
38065
38019
  React__default.createElement("div", { className: `myinterview-widget-checks__icon color--${ICON_BY_CAMERA_STATE[checksState.camera].color}` }, ICON_BY_CAMERA_STATE[checksState.camera].el),
38066
38020
  React__default.createElement("div", { className: "myinterview-widget-checks__text-wrapper" },
38067
38021
  React__default.createElement(Qe, null, t('setup.camera.name')),
38068
- React__default.createElement(Qe, { color: "neutral-50" }, t(checksMessages.camera))))),
38022
+ React__default.createElement(Qe, { color: "neutral-50" }, t(checksMessages.camera)))),
38069
38023
  React__default.createElement("div", { className: "myinterview-widget-checks__item" },
38070
38024
  React__default.createElement("div", { className: `myinterview-widget-checks__icon color--${ICON_BY_MICROPHONE_STATE[checksState.microphone].color}` }, ICON_BY_MICROPHONE_STATE[checksState.microphone].el),
38071
38025
  React__default.createElement("div", { className: "myinterview-widget-checks__text-wrapper" },
@@ -38080,7 +38034,7 @@ const SetupChecks = ({ checksState, checksMessages, canRetrySpeedTest, onRetry,
38080
38034
  canRetrySpeedTest && (React__default.createElement("button", { className: "myinterview-widget-checks__retry", onClick: onRetry, type: "button" }, t('buttons.btn_internet_test_again'))))))));
38081
38035
  };
38082
38036
 
38083
- const Setup = ({ widgetMachine, sendToWidget, isPracticeDisabled, recordWithoutVideo }) => {
38037
+ const Setup = ({ widgetMachine, sendToWidget, isPracticeDisabled }) => {
38084
38038
  const canRetrySpeedTest = widgetMachine.nextEvents.includes(EVENTS$5.RETRY) && widgetMachine.context.speedTestResult < FAST_UPLOAD_SPEED;
38085
38039
  const canStartInterview = widgetMachine.can(EVENTS$5.QUESTION_MODE);
38086
38040
  const { isResumed } = widgetMachine.context;
@@ -38095,12 +38049,37 @@ const Setup = ({ widgetMachine, sendToWidget, isPracticeDisabled, recordWithoutV
38095
38049
  });
38096
38050
  return (React__default.createElement("div", { className: "myinterview-widget-outer__setup myinterview-widget--rtl-support" },
38097
38051
  React__default.createElement(Qe, { className: "myinterview-widget-outer__title", size: "H2-Bold" }, t('setup.title')),
38098
- React__default.createElement(SetupChecks, { recordWithoutVideo: recordWithoutVideo, checksState: widgetMachine.context.checksState, checksMessages: widgetMachine.context.checksMessage, canRetrySpeedTest: canRetrySpeedTest, onRetry: onRetry }),
38052
+ React__default.createElement(SetupChecks, { checksState: widgetMachine.context.checksState, checksMessages: widgetMachine.context.checksMessage, canRetrySpeedTest: canRetrySpeedTest, onRetry: onRetry }),
38099
38053
  React__default.createElement("div", { className: "myinterview-widget-outer__mode-wrapper" },
38100
38054
  !isPracticeDisabled && (React__default.createElement(C, { className: "myinterview-widget-outer__mode-button", onClick: () => sendToWidget(EVENTS$5.PRACTICE_MODE), backgroundColor: "special", disabled: !canStartInterview }, t('buttons.btn_practice'))),
38101
38055
  React__default.createElement(C, { className: startButtonClassNames, color: "special", backgroundColor: "white", onClick: () => sendToWidget(EVENTS$5.QUESTION_MODE), disabled: !canStartInterview }, t(isResumed ? 'welcome.resumeInterview' : 'buttons.btn_start').toUpperCase()))));
38102
38056
  };
38103
38057
 
38058
+ /*! *****************************************************************************
38059
+ Copyright (c) Microsoft Corporation.
38060
+
38061
+ Permission to use, copy, modify, and/or distribute this software for any
38062
+ purpose with or without fee is hereby granted.
38063
+
38064
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
38065
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
38066
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
38067
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
38068
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
38069
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
38070
+ PERFORMANCE OF THIS SOFTWARE.
38071
+ ***************************************************************************** */
38072
+
38073
+ function __awaiter(thisArg, _arguments, P, generator) {
38074
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
38075
+ return new (P || (P = Promise))(function (resolve, reject) {
38076
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
38077
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
38078
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
38079
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
38080
+ });
38081
+ }
38082
+
38104
38083
  const uploadToS3 = (url, data, onProgress, timeout = 0) => s3AxiosInstance.put(url, data, {
38105
38084
  headers: { 'Content-Type': 'video/webm' }, onUploadProgress: onProgress, timeout,
38106
38085
  });
@@ -38162,7 +38141,7 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
38162
38141
  var _a;
38163
38142
  const { questions, currentQuestion, widgetConfig: { job, video, company, config }, recordingType, isConnected, totalFileSize, totalUploadedFilesSize, totalUploadSpeed, } = widgetMachine.context;
38164
38143
  const [recorderMachine] = useActor(recorderRef);
38165
- const { countdown, recordWithoutVideo } = recorderMachine.context;
38144
+ const { countdown } = recorderMachine.context;
38166
38145
  const currentQuestionObj = questions[currentQuestion - 1];
38167
38146
  const isOuterViewDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_OUTER_VIEW);
38168
38147
  const isSetupState = widgetMachine.matches(STATES$5.SETUP);
@@ -38171,8 +38150,8 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
38171
38150
  const isQuestionDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_QUESTION) || (isVideoQuestionState && !currentQuestionObj.thinkingTime);
38172
38151
  const isPreviewState = widgetMachine.matches(STATES$5.PREVIEW);
38173
38152
  const isUploadingState = widgetMachine.matches(STATES$5.UPLOADING);
38153
+ const isConfirmState = widgetMachine.matches(STATES$5.CONFIRM);
38174
38154
  const isQuestionsListDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_QUESTIONS_LIST);
38175
- const isUploadDisplayed = widgetMachine.hasTag(TAGS.DISPLAY_UPLOAD);
38176
38155
  const isRecording = recorderMachine.matches({ [STATES$6.RECORDING]: STATES$6.COLLECTING_BLOBS });
38177
38156
  const isCountDown = recorderMachine.matches({ [STATES$6.RECORDING]: STATES$6.COUNT_DOWN });
38178
38157
  const isPracticeMode = recordingType === TAKE_TYPES.PRACTICE;
@@ -38187,10 +38166,10 @@ const OuterView = ({ widgetMachine, sendToWidget, recorderRef }) => {
38187
38166
  React__default.createElement(Header, { logo: (job === null || job === void 0 ? void 0 : job.logo) || '', companyName: (job === null || job === void 0 ? void 0 : job.company) || (company === null || company === void 0 ? void 0 : company.name) || '', jobTitle: (job === null || job === void 0 ? void 0 : job.title) || '', forDesktopLayout: true }),
38188
38167
  isPracticeMode && !isSetupState && (React__default.createElement(PracticeModeInfo, null)),
38189
38168
  isCountDown && React__default.createElement(CountDown, { countDown: countdown }),
38190
- isSetupState && React__default.createElement(Setup, { recordWithoutVideo: recordWithoutVideo, widgetMachine: widgetMachine, sendToWidget: sendToWidget, isPracticeDisabled: !!config.disablePractice }),
38169
+ isSetupState && React__default.createElement(Setup, { widgetMachine: widgetMachine, sendToWidget: sendToWidget, isPracticeDisabled: !!config.disablePractice }),
38191
38170
  isQuestionsListDisplayed && React__default.createElement(QuestionsList, { questions: questions, currentQuestion: currentQuestion, isPracticeMode: isPracticeMode, questionsStatus: questionsStatus }),
38192
38171
  isQuestionDisplayed && React__default.createElement(Question, { questionObj: currentQuestionObj }),
38193
- isUploadDisplayed && (React__default.createElement(Upload, { isConnected: isConnected, totalFileSize: totalFileSize, totalUploadedFilesSize: totalUploadedFilesSize, totalUploadSpeed: totalUploadSpeed }))));
38172
+ (isUploadingState || isConfirmState) && (React__default.createElement(Upload, { isConnected: isConnected, totalFileSize: totalFileSize, totalUploadedFilesSize: totalUploadedFilesSize, totalUploadSpeed: totalUploadSpeed }))));
38194
38173
  };
38195
38174
 
38196
38175
  var actions = {};
@@ -42511,7 +42490,6 @@ const initialState = {
42511
42490
  isSafeMode: false,
42512
42491
  isAutoStart: false,
42513
42492
  isMicError: false,
42514
- isActivelyStopped: false,
42515
42493
  };
42516
42494
  const recorderMachineV2 = createMachine({
42517
42495
  predictableActionArguments: true,
@@ -42730,7 +42708,6 @@ const recorderMachineV2 = createMachine({
42730
42708
  on: {
42731
42709
  [EVENTS$6.STOP_RECORDING]: {
42732
42710
  actions: [
42733
- ACTIONS$7.SET_ACTIVELY_STOPPED,
42734
42711
  ACTIONS$7.STOP_COUNT_DOWN_ACTOR,
42735
42712
  ACTIONS$7.STOP_MEDIA_RECORDER,
42736
42713
  ACTIONS$7.STOP_MICROPHONE_MACHINE,
@@ -42831,22 +42808,21 @@ const recorderMachineV2 = createMachine({
42831
42808
  try {
42832
42809
  const audioDeviceId = context.selectedAudioDevice && context.selectedAudioDevice.deviceId;
42833
42810
  const videoDeviceId = context.selectedVideoDevice && context.selectedVideoDevice.deviceId;
42834
- const isVideoOff = () => !!context.recordWithoutVideo;
42835
42811
  const defaultConstraint = {
42836
- video: !isVideoOff(),
42812
+ video: true,
42837
42813
  audio: true,
42838
42814
  };
42839
42815
  const mobileConstrains = {
42840
42816
  audio: {
42841
42817
  deviceId: audioDeviceId ? { exact: audioDeviceId } : undefined,
42842
42818
  },
42843
- video: isVideoOff() ? false : Object.assign(Object.assign({}, context.constraint.video), { facingMode: context.facingMode, aspectRatio: 4 / 3 }),
42819
+ video: Object.assign(Object.assign({}, context.constraint.video), { facingMode: context.facingMode, aspectRatio: 4 / 3 }),
42844
42820
  };
42845
42821
  const desktopConstraints = {
42846
42822
  audio: {
42847
42823
  deviceId: audioDeviceId ? { exact: audioDeviceId } : undefined,
42848
42824
  },
42849
- video: isVideoOff() ? false : Object.assign(Object.assign({}, context.constraint.video), { deviceId: videoDeviceId ? { exact: videoDeviceId } : undefined, aspectRatio: 16 / 9 }),
42825
+ video: Object.assign(Object.assign({}, context.constraint.video), { deviceId: videoDeviceId ? { exact: videoDeviceId } : undefined, aspectRatio: 16 / 9 }),
42850
42826
  };
42851
42827
  const constraintCheck = () => {
42852
42828
  if (context.isSafeMode)
@@ -42861,22 +42837,20 @@ const recorderMachineV2 = createMachine({
42861
42837
  const audioDevices = devices.filter(({ kind }) => kind === 'audioinput');
42862
42838
  let currentVideo;
42863
42839
  let currentAudio;
42864
- if (!isVideoOff() && !isFireFox)
42840
+ if (!isFireFox) {
42865
42841
  currentVideo = mediaStream.getVideoTracks()[0].getCapabilities();
42866
- if (!isFireFox)
42867
42842
  currentAudio = mediaStream.getAudioTracks()[0].getCapabilities();
42868
- const selectedVideoDevice = (!isFireFox && !isVideoOff()) ? videoDevices
42843
+ }
42844
+ const selectedVideoDevice = !isFireFox ? videoDevices
42869
42845
  .filter((device) => device.deviceId === currentVideo.deviceId)[0] : undefined; // TODO: use find instead of filter
42870
42846
  const selectedAudioDevice = !isFireFox ? audioDevices
42871
42847
  .filter((device) => device.deviceId === currentAudio.deviceId)[0] : undefined; // TODO: use find instead of filter
42872
42848
  if (context.videoRef.current) {
42873
42849
  context.videoRef.current.srcObject = mediaStream;
42874
42850
  }
42875
- const [track] = isVideoOff() ? mediaStream.getAudioTracks() : mediaStream.getVideoTracks();
42876
- const permissionName = isVideoOff() ? 'microphone' : 'camera';
42877
- track.onended = (_event) => {
42851
+ mediaStream.getVideoTracks()[0].onended = (_event) => {
42878
42852
  if ('permissions' in navigator && 'query' in navigator.permissions && !isFireFox) {
42879
- navigator.permissions.query({ name: permissionName })
42853
+ navigator.permissions.query({ name: 'camera' })
42880
42854
  .then((permissionStatus) => {
42881
42855
  if (permissionStatus.state === 'denied') {
42882
42856
  callback({ type: 'RECORDER_DEVICE_ERROR', data: recorderErrors.NotAllowedError });
@@ -42885,13 +42859,14 @@ const recorderMachineV2 = createMachine({
42885
42859
  }
42886
42860
  };
42887
42861
  navigator.mediaDevices.ondevicechange = () => __awaiter(void 0, void 0, void 0, function* () {
42888
- var _a, _b, _c;
42862
+ var _a, _b;
42889
42863
  const newDevices = yield navigator.mediaDevices.enumerateDevices();
42890
42864
  const newVideoDevices = newDevices.filter(({ kind }) => kind === 'videoinput');
42891
42865
  const newAudioDevices = newDevices.filter(({ kind }) => kind === 'audioinput');
42892
- if ((mediaStream.getAudioTracks()[0].readyState === 'ended' && ((_a = context.audioDevices) === null || _a === void 0 ? void 0 : _a.length) !== newAudioDevices.length)
42893
- || (!isVideoOff() && ((mediaStream.getVideoTracks()[0].readyState === 'ended' && ((_b = context.videoDevices) === null || _b === void 0 ? void 0 : _b.length) !== newVideoDevices.length)
42894
- || (mediaStream.getAudioTracks()[0].readyState === 'ended' && ((_c = context.audioDevices) === null || _c === void 0 ? void 0 : _c.length) !== newAudioDevices.length)))) {
42866
+ // if video or audio device ended and length of connected devices is changed , we have to update current device, if devices is not ended
42867
+ // but length is changes we just add it to list of devices
42868
+ if ((mediaStream.getVideoTracks()[0].readyState === 'ended' && ((_a = context.videoDevices) === null || _a === void 0 ? void 0 : _a.length) !== newVideoDevices.length)
42869
+ || (mediaStream.getAudioTracks()[0].readyState === 'ended' && ((_b = context.audioDevices) === null || _b === void 0 ? void 0 : _b.length) !== newAudioDevices.length)) {
42895
42870
  callback({ type: EVENTS$6.UPDATE_CURRENT_DEVICE, data: recorderErrors.NotAllowedError });
42896
42871
  }
42897
42872
  callback({ type: EVENTS$6.UPDATE_DEVICES_LIST, data: { newVideoDevices, newAudioDevices } });
@@ -42905,14 +42880,12 @@ const recorderMachineV2 = createMachine({
42905
42880
  }
42906
42881
  }),
42907
42882
  [SERVICES$2.GET_MEDIA_RECORDER]: (context) => (callback) => __awaiter(void 0, void 0, void 0, function* () {
42908
- var _d;
42883
+ var _c;
42909
42884
  const { mediaStream, mimeType, videoBitsPerSecond } = context;
42910
42885
  let startTime;
42911
42886
  let pausedTime;
42912
42887
  let resumeTime;
42913
42888
  const chunks = [];
42914
- let webm;
42915
- let superBuffer;
42916
42889
  const options = { mimeType, videoBitsPerSecond };
42917
42890
  try {
42918
42891
  const mediaRecorder = new MediaRecorder(mediaStream, options);
@@ -42934,7 +42907,7 @@ const recorderMachineV2 = createMachine({
42934
42907
  }
42935
42908
  return fixWebmDuration(rawVideoBlob, videoLength, { logger: false });
42936
42909
  };
42937
- superBuffer = new Blob(chunks, {
42910
+ const superBuffer = new Blob(chunks, {
42938
42911
  type: mimeType,
42939
42912
  });
42940
42913
  if (!superBuffer.size) {
@@ -42942,18 +42915,13 @@ const recorderMachineV2 = createMachine({
42942
42915
  }
42943
42916
  fixVideoMetadata(superBuffer)
42944
42917
  .then((blob) => {
42945
- webm = new File([blob], Date.now().toString(), {
42918
+ const webm = new File([blob], Date.now().toString(), {
42946
42919
  type: mimeType,
42947
42920
  });
42948
- callback({ type: EVENTS$6.SEND_CURRENT_TAKE, data: { webm, videoLength } });
42921
+ callback({ type: 'SEND_CURRENT_TAKE', data: { webm, videoLength } });
42949
42922
  })
42950
42923
  .catch((error) => {
42951
42924
  console.error('fixVideoMetadata', error);
42952
- })
42953
- .finally(() => {
42954
- chunks.length = 0;
42955
- superBuffer = null;
42956
- webm = null;
42957
42925
  });
42958
42926
  };
42959
42927
  mediaRecorder.onstart = () => {
@@ -42967,7 +42935,7 @@ const recorderMachineV2 = createMachine({
42967
42935
  };
42968
42936
  mediaRecorder.start(10000);
42969
42937
  callback({ type: EVENTS$6.SET_MEDIA_RECORDER, data: mediaRecorder });
42970
- emitTrackEvent({ eventType: 'cameraInitialized', extraData: { label: (_d = context.selectedVideoDevice) === null || _d === void 0 ? void 0 : _d.label } });
42938
+ emitTrackEvent({ eventType: 'cameraInitialized', extraData: { label: (_c = context.selectedVideoDevice) === null || _c === void 0 ? void 0 : _c.label } });
42971
42939
  if (context.isMicError)
42972
42940
  callback(EVENTS$6.PAUSE_MEDIA_RECORDER);
42973
42941
  return () => {
@@ -42994,7 +42962,6 @@ const recorderMachineV2 = createMachine({
42994
42962
  [ACTIONS$7.INIT_COUNT_DOWN_ACTOR]: assign$2({
42995
42963
  countDownRef: (context, event, meta) => spawn(counterMachine.withContext(Object.assign(Object.assign({}, counterMachine.context), { callback: meta.action.data.callback })), { name: 'countDownRef' }),
42996
42964
  }),
42997
- [ACTIONS$7.SET_ACTIVELY_STOPPED]: assign$2((context) => ({ isActivelyStopped: true })),
42998
42965
  [ACTIONS$7.STOP_COUNT_DOWN_ACTOR]: assign$2((context) => {
42999
42966
  context.countDownRef.stop();
43000
42967
  return {
@@ -43065,7 +43032,7 @@ const recorderMachineV2 = createMachine({
43065
43032
  // send success event to the parent, to be able to proceed to the next step
43066
43033
  [ACTIONS$7.SEND_SUCCESS_TO_PARENT]: sendParent$1((context, event) => (Object.assign(Object.assign({}, event), { type: EVENTS$5.READY_TO_START_RECORDING }))),
43067
43034
  // on stop recording send webm file to storage machine
43068
- [ACTIONS$7.SEND_CURRENT_TAKE]: sendParent$1(({ isActivelyStopped }, event) => (Object.assign(Object.assign({}, event), { type: EVENTS$5.STOP_RECORDING, data: Object.assign(Object.assign({}, event.data), { isActivelyStopped }) }))),
43035
+ [ACTIONS$7.SEND_CURRENT_TAKE]: sendParent$1((context, event) => (Object.assign(Object.assign({}, event), { type: EVENTS$5.STOP_RECORDING }))),
43069
43036
  // send null param to mic machine to be able to stop sound detecting
43070
43037
  [ACTIONS$7.STOP_MICROPHONE_MACHINE]: send$2((_, _event) => ({ type: EVENTS$3.ON_SET_MEDIA_STREAM, data: null }), { to: (context) => context.microphoneRef }),
43071
43038
  // clean mic error, this is really sensitive, !! a lot of user can't start recording coz of it
@@ -43140,13 +43107,13 @@ const recorderMachineV2 = createMachine({
43140
43107
  [ACTIONS$7.UPDATE_RECORDING_TIME]: assign$2({
43141
43108
  recordingTime: (context) => context.recordingTime + 1,
43142
43109
  }),
43143
- [ACTIONS$7.UPDATE_MACHINE_FOR_NEW_QUESTION]: assign$2((context, _event) => (Object.assign(Object.assign({}, initialState), { selectedAudioDevice: context.selectedAudioDevice, selectedVideoDevice: context.selectedVideoDevice, videoRef: context.videoRef, microphoneRef: context.microphoneRef, constraint: context.constraint, durations: context.durations, facingMode: context.facingMode, recordWithoutVideo: context.recordWithoutVideo }))),
43110
+ [ACTIONS$7.UPDATE_MACHINE_FOR_NEW_QUESTION]: assign$2((context, _event) => (Object.assign(Object.assign({}, initialState), { selectedAudioDevice: context.selectedAudioDevice, selectedVideoDevice: context.selectedVideoDevice, videoRef: context.videoRef, microphoneRef: context.microphoneRef, constraint: context.constraint, durations: context.durations, facingMode: context.facingMode }))),
43144
43111
  [ACTIONS$7.DISABLED_AUTO_START]: assign$2({
43145
43112
  isAutoStart: (_, _event) => false,
43146
43113
  }),
43147
43114
  [ACTIONS$7.RESET_MACHINE]: assign$2((context, event) => {
43148
43115
  var _a;
43149
- return (Object.assign(Object.assign({}, initialState), { videoRef: context.videoRef, microphoneRef: context.microphoneRef, constraint: context.constraint, durations: context.durations, isAutoStart: ((_a = event.data) === null || _a === void 0 ? void 0 : _a.isAutoStart) || context.isAutoStart, recordWithoutVideo: context.recordWithoutVideo }));
43116
+ return (Object.assign(Object.assign({}, initialState), { videoRef: context.videoRef, microphoneRef: context.microphoneRef, constraint: context.constraint, durations: context.durations, isAutoStart: ((_a = event.data) === null || _a === void 0 ? void 0 : _a.isAutoStart) || context.isAutoStart }));
43150
43117
  }),
43151
43118
  [ACTIONS$7.STOP_MEDIA_RECORDER]: assign$2({
43152
43119
  mediaRecorder: (context) => {
@@ -43285,7 +43252,7 @@ const accUploaderMachine = createMachine({
43285
43252
  actions: [ACTIONS$2.SENTRY],
43286
43253
  },
43287
43254
  {
43288
- actions: [ACTIONS$2.SENTRY],
43255
+ actions: [ACTIONS$2.SET_UPLOADED, ACTIONS$2.SENTRY],
43289
43256
  target: `#uploader.${STATES$2.UPLOADED}`, // In case the video already uploaded
43290
43257
  },
43291
43258
  ],
@@ -43302,6 +43269,7 @@ const accUploaderMachine = createMachine({
43302
43269
  id: 'uploadToS3',
43303
43270
  src: ({ signedUrl, file }) => (callback) => uploadToS3(signedUrl, file, callback),
43304
43271
  onDone: {
43272
+ // actions: [ACTIONS.SET_UPLOADED],
43305
43273
  target: `#uploader.${STATES$2.UPLOADED}`,
43306
43274
  },
43307
43275
  onError: {
@@ -43524,7 +43492,6 @@ const CAMERA_STATES_MESSAGES = {
43524
43492
  WAITING: 'setup.camera.WAITING',
43525
43493
  ERROR: 'setup.camera.ERROR',
43526
43494
  READY: 'setup.camera.READY',
43527
- SKIP: 'setup.camera.SKIP',
43528
43495
  };
43529
43496
  const MICROPHONE_STATES_MESSAGES = {
43530
43497
  WAITING: 'setup.microphone.WAITING',
@@ -43561,7 +43528,6 @@ var DEBUG;
43561
43528
  DEBUG["WELCOME_PAGE_STAGE"] = "In welcome page stage";
43562
43529
  DEBUG["SETUP_STAGE"] = "In setup stage";
43563
43530
  DEBUG["MEIDA_DEVICE_SUCCESS"] = "Media device available";
43564
- DEBUG["MEDIA_DEVICE_SWITCH_OFF"] = "Media device is off";
43565
43531
  DEBUG["MEDIA_DEVICE_ERROR"] = "Media device error";
43566
43532
  DEBUG["NO_SOUND_DETECTED"] = "No sound detected";
43567
43533
  DEBUG["DEVICE_CHANGED"] = "Device changed";
@@ -43595,7 +43561,7 @@ const MAPPED_EVENT_TYPES = {
43595
43561
  PRACTICE: EVENT_TYPES.TIMES_UP,
43596
43562
  },
43597
43563
  };
43598
- const questionEventFormatter = (questionActionType) => pure_1(({ recordingType, questions, currentQuestion, widgetConfig, currentTake }, event) => {
43564
+ const questionEventFormatter = (questionActionType) => pure_1(({ recordingType, questions, currentQuestion, widgetConfig, currentTake }) => {
43599
43565
  var _a, _b;
43600
43566
  const isQuestionMode = recordingType === TAKE_TYPES.QUESTION;
43601
43567
  const currentQuestionFile = isQuestionMode ? (_b = (_a = widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b[currentQuestion - 1] : null;
@@ -43603,11 +43569,10 @@ const questionEventFormatter = (questionActionType) => pure_1(({ recordingType,
43603
43569
  const isAssessment = currentQuestionObj.answerType && currentQuestionObj.answerType !== ANSWER_TYPES.VIDEO;
43604
43570
  return {
43605
43571
  type: ACTIONS$6.EMIT_TRACKING_EVENT,
43606
- data: Object.assign({ eventType: isQuestionMode ? MAPPED_EVENT_TYPES[questionActionType].QUESTION : MAPPED_EVENT_TYPES[questionActionType].PRACTICE }, (currentQuestionFile && { extraData: Object.assign(Object.assign({ questionFilename: currentQuestionFile.filename, questionNumber: currentQuestion }, (!isAssessment && {
43572
+ data: Object.assign({ eventType: isQuestionMode ? MAPPED_EVENT_TYPES[questionActionType].QUESTION : MAPPED_EVENT_TYPES[questionActionType].PRACTICE }, (currentQuestionFile && { extraData: Object.assign(Object.assign(Object.assign({ questionFilename: currentQuestionFile.filename, questionNumber: currentQuestion }, (!isAssessment && {
43607
43573
  currentTake,
43608
43574
  numberOfTakes: currentQuestionObj.numOfRetakes,
43609
- isActivelyStopped: (event.data || {}).isActivelyStopped,
43610
- })), { questionType: currentQuestionObj.videoQuestion ? 'video' : 'text', answerType: currentQuestionObj.answerType || ANSWER_TYPES.VIDEO }) })),
43575
+ })), (isAssessment && {})), { questionType: currentQuestionObj.videoQuestion ? 'video' : 'text', answerType: currentQuestionObj.answerType || ANSWER_TYPES.VIDEO }) })),
43611
43576
  };
43612
43577
  });
43613
43578
  const accWidgetMachine = createMachine({
@@ -43657,14 +43622,10 @@ const accWidgetMachine = createMachine({
43657
43622
  failedRecordingMessage: VIDEO_CORRUPTED_STATES.NO_ERROR,
43658
43623
  isResumed: false,
43659
43624
  videoDimensions: DEFAULT_VIDEO_DIMENSIONS,
43660
- confirmUploadedFalseCount: 0,
43661
43625
  },
43662
43626
  on: {
43663
43627
  [EVENTS$1.CONNECTION_CHANGED]: {
43664
- actions: [
43665
- ACTIONS$6.SET_CONNECTION,
43666
- { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.RECONNECTED } },
43667
- ],
43628
+ actions: [ACTIONS$6.SET_CONNECTION],
43668
43629
  },
43669
43630
  [EVENTS$5.UPLOADER_PROGRESS]: {
43670
43631
  actions: [ACTIONS$6.UPDATE_TOTAL_UPLOADED_FILES_SIZE],
@@ -43781,17 +43742,10 @@ const accWidgetMachine = createMachine({
43781
43742
  target: `.${STATES$5.SETUP__TEST__CAMERA__ERROR}`,
43782
43743
  cond: GUARDS$3.IS_VIDEO_ERROR,
43783
43744
  },
43784
- [EVENTS$5.READY_TO_START_RECORDING]: [
43785
- {
43786
- actions: [{ type: ACTIONS$6.CONSOLE_DEBUG, data: { message: `CAMERA: ${DEBUG.MEDIA_DEVICE_SWITCH_OFF}` } }],
43787
- target: `.${STATES$5.SETUP__TEST__CAMERA__SKIP}`,
43788
- cond: GUARDS$3.IS_VIDEO_RECORDING_SKIP,
43789
- },
43790
- {
43791
- actions: [{ type: ACTIONS$6.CONSOLE_DEBUG, data: { message: `CAMERA: ${DEBUG.MEIDA_DEVICE_SUCCESS}` } }],
43792
- target: `.${STATES$5.SETUP__TEST__CAMERA__SUCCESS}`,
43793
- },
43794
- ],
43745
+ [EVENTS$5.READY_TO_START_RECORDING]: {
43746
+ actions: [{ type: ACTIONS$6.CONSOLE_DEBUG, data: { message: `CAMERA: ${DEBUG.MEIDA_DEVICE_SUCCESS}` } }],
43747
+ target: `.${STATES$5.SETUP__TEST__CAMERA__SUCCESS}`,
43748
+ },
43795
43749
  },
43796
43750
  states: {
43797
43751
  [STATES$5.SETUP__TEST__CAMERA__WAITING]: {
@@ -43803,9 +43757,6 @@ const accWidgetMachine = createMachine({
43803
43757
  [STATES$5.SETUP__TEST__CAMERA__SUCCESS]: {
43804
43758
  entry: [{ type: ACTIONS$6.SET_CHECKS, data: { key: 'camera', state: CAMERA_STATES.READY, message: CAMERA_STATES_MESSAGES.READY } }],
43805
43759
  },
43806
- [STATES$5.SETUP__TEST__CAMERA__SKIP]: {
43807
- entry: [{ type: ACTIONS$6.SET_CHECKS, data: { key: 'camera', state: CAMERA_STATES.SKIP, message: CAMERA_STATES_MESSAGES.READY } }],
43808
- },
43809
43760
  },
43810
43761
  },
43811
43762
  [STATES$5.SETUP__TEST__MICROPHONE]: {
@@ -44191,7 +44142,7 @@ const accWidgetMachine = createMachine({
44191
44142
  },
44192
44143
  },
44193
44144
  [STATES$5.UPLOADING]: {
44194
- tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
44145
+ tags: [TAGS.DISPLAY_OUTER_VIEW],
44195
44146
  entry: [
44196
44147
  { type: ACTIONS$6.SESSION_EVENT, data: { event: 'widget_completed', type: 'date' } },
44197
44148
  { type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.UPLOADING_STATE } },
@@ -44205,57 +44156,30 @@ const accWidgetMachine = createMachine({
44205
44156
  },
44206
44157
  },
44207
44158
  },
44208
- [STATES$5.CONFIRM_WATING]: {
44209
- tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
44210
- always: {
44211
- target: STATES$5.CONFIRM,
44212
- cond: GUARDS$3.IS_CONNECTED,
44213
- },
44214
- },
44215
44159
  [STATES$5.CONFIRM]: {
44216
- tags: [TAGS.DISPLAY_OUTER_VIEW, TAGS.DISPLAY_UPLOAD],
44160
+ tags: [TAGS.DISPLAY_OUTER_VIEW],
44217
44161
  invoke: {
44218
44162
  id: 'getVideo',
44219
44163
  src: (context) => { var _a; return getVideo(((_a = context.widgetConfig.video) === null || _a === void 0 ? void 0 : _a.video_id) || ''); },
44220
- onDone: [
44221
- {
44222
- target: STATES$5.FINISHED,
44223
- cond: (_, event) => !!event.data.data.data.video.uploaded,
44224
- },
44225
- {
44226
- actions: [
44227
- ACTIONS$6.UPDATE_UPLOADED_FALSE_COUNT,
44228
- { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::UPLOADED_FALSE' } },
44229
- ],
44230
- target: STATES$5.CONFIRM_WATING,
44231
- cond: GUARDS$3.SHOULD_TRY_TO_CONFIRM,
44232
- },
44233
- {
44234
- actions: [
44235
- { type: ACTIONS$6.SET_VIDEO_ERROR, data: { errorMessage: 'Error, Please contact support' } },
44236
- { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.CONFIRM_UPLOADED_FAILED } },
44237
- ],
44238
- target: STATES$5.ERROR,
44239
- },
44240
- ],
44164
+ onDone: {
44165
+ target: STATES$5.FINISHED,
44166
+ cond: (_, event) => !!event.data.data.data.video.uploaded,
44167
+ },
44241
44168
  onError: [
44242
44169
  {
44243
- actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::ERROR__NOT_FOUND' } }],
44170
+ actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, ACTIONS$6.SENTRY],
44244
44171
  target: STATES$5.FINISHED,
44245
44172
  cond: (_, event) => event.data.response.status === STATUS_CODES.NOT_FOUND,
44246
44173
  },
44247
44174
  {
44248
- actions: [() => console.error('UPDATE_VIDEO_UPLADED_ERROR:'), console.error, { type: ACTIONS$6.SENTRY, data: { eventName: 'CONFIRM::ERROR' } }],
44249
- target: STATES$5.CONFIRM_WATING,
44175
+ actions: [ACTIONS$6.SENTRY],
44176
+ target: STATES$5.CONFIRM,
44250
44177
  },
44251
44178
  ],
44252
44179
  },
44253
44180
  },
44254
44181
  [STATES$5.FINISHED]: {
44255
- entry: [
44256
- { type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.INTERVIEW_SUBMITTED } },
44257
- { type: ACTIONS$6.EMIT_TRACKING_EVENT, data: { eventType: EVENT_TYPES.FINISHED } },
44258
- ],
44182
+ entry: [{ type: ACTIONS$6.CONSOLE_DEBUG, data: { message: DEBUG.INTERVIEW_SUBMITTED } }],
44259
44183
  type: 'final',
44260
44184
  },
44261
44185
  [STATES$5.ERROR]: {
@@ -44352,7 +44276,7 @@ const accWidgetMachine = createMachine({
44352
44276
  storageRef: spawn(storageMachine, { name: 'storage' }),
44353
44277
  })),
44354
44278
  [ACTIONS$6.SPAWN_RECORDER]: assign$2((context) => ({
44355
- recorderRef: spawn(recorderMachineV2.withContext(Object.assign(Object.assign({}, recorderMachineV2.context), { videoRef: context.videoRef, speedTestLevel: SPEED_TEST_LEVEL.HIGH, recordWithoutVideo: context.widgetConfig.config.recordWithoutVideo })), { name: 'recorder' }),
44279
+ recorderRef: spawn(recorderMachineV2.withContext(Object.assign(Object.assign({}, recorderMachineV2.context), { videoRef: context.videoRef, speedTestLevel: SPEED_TEST_LEVEL.HIGH })), { name: 'recorder' }),
44356
44280
  })),
44357
44281
  [ACTIONS$6.SPAWN_PREVIEW]: assign$2((_) => ({
44358
44282
  previewRef: spawn(previewMachine, { name: 'preview' }),
@@ -44451,12 +44375,9 @@ const accWidgetMachine = createMachine({
44451
44375
  widgetConfig: Object.assign(Object.assign({}, widgetConfig), { video: Object.assign(Object.assign({}, widgetConfig.video), { videos: (_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.map((video, idx) => ((idx !== questionNumber - 1) ? video : videoFile)) }) }),
44452
44376
  });
44453
44377
  }),
44454
- [ACTIONS$6.SET_VIDEO_ERROR]: assign$2((_, event, meta) => {
44455
- var _a, _b, _c, _d;
44456
- return ({
44457
- error: ((_b = (_a = event.data) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.data) || { errorMessage: ((_c = event.data) === null || _c === void 0 ? void 0 : _c.message) || ((_d = meta.action.data) === null || _d === void 0 ? void 0 : _d.errorMessage) },
44458
- });
44459
- }),
44378
+ [ACTIONS$6.SET_VIDEO_ERROR]: assign$2((_, event) => ({
44379
+ error: event.data.response.data || { errorMessage: event.data.message },
44380
+ })),
44460
44381
  [ACTIONS$6.REVOKE_MEMORY]: send$2((_, event) => ({ type: EVENTS$4.REMOVE_TAKES, data: { questionToRemove: event.data.questionNumber } }), { to: ({ storageRef }) => storageRef }),
44461
44382
  [ACTIONS$6.UPDATE_VIDEO_OBJECT]: assign$2(({ widgetConfig, recordingType }) => {
44462
44383
  var _a, _b;
@@ -44490,9 +44411,6 @@ const accWidgetMachine = createMachine({
44490
44411
  height: event.data.height,
44491
44412
  },
44492
44413
  })),
44493
- [ACTIONS$6.UPDATE_UPLOADED_FALSE_COUNT]: assign$2(({ confirmUploadedFalseCount }) => ({
44494
- confirmUploadedFalseCount: confirmUploadedFalseCount + 1,
44495
- })),
44496
44414
  },
44497
44415
  services: {
44498
44416
  [SERVICES$1.UPDATE_VIDEO_OBJECT_CALL]: ({ widgetConfig: { video }, recordingType, speedTestResult }, event, meta) => (callback, onReceive) => {
@@ -44508,7 +44426,6 @@ const accWidgetMachine = createMachine({
44508
44426
  },
44509
44427
  },
44510
44428
  guards: {
44511
- [GUARDS$3.IS_VIDEO_RECORDING_SKIP]: ({ widgetConfig }) => !!widgetConfig.config.recordWithoutVideo,
44512
44429
  [GUARDS$3.NO_STORAGE]: ({ storageRef }) => !storageRef,
44513
44430
  [GUARDS$3.NO_RECORDER]: ({ recorderRef }) => !recorderRef,
44514
44431
  [GUARDS$3.IS_THINKING_TIME]: ({ questions, currentQuestion }) => {
@@ -44525,7 +44442,7 @@ const accWidgetMachine = createMachine({
44525
44442
  [GUARDS$3.CAN_RETEST_SPEED_CONNECTION]: ({ speedTestResult }) => (speedTestResult || 0) < FAST_UPLOAD_SPEED,
44526
44443
  [GUARDS$3.IS_CONNECTED]: ({ isConnected }) => isConnected,
44527
44444
  [GUARDS$3.IS_DISCONNECTED]: ({ isConnected }) => !isConnected,
44528
- [GUARDS$3.CAN_START_INTERVIEW]: ({ checksState }) => (checksState.camera === CAMERA_STATES.READY || checksState.camera === CAMERA_STATES.SKIP) && checksState.microphone === MICROPHONE_STATES.READY && [INTERNET_STATES.CONNECTED, INTERNET_STATES.SLOW_CONNECTION].includes(checksState.internet),
44445
+ [GUARDS$3.CAN_START_INTERVIEW]: ({ checksState }) => checksState.camera === CAMERA_STATES.READY && checksState.microphone === MICROPHONE_STATES.READY && [INTERNET_STATES.CONNECTED, INTERNET_STATES.SLOW_CONNECTION].includes(checksState.internet),
44529
44446
  [GUARDS$3.ARE_ALL_QUESTIONS_UPLOADED]: ({ widgetConfig }) => { var _a, _b; return !!((_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.every((video) => video.uploaded)); },
44530
44447
  [GUARDS$3.SHOULD_SHOW_WELCOME]: ({ widgetConfig }) => !!widgetConfig.config.introVideo || !!widgetConfig.config.welcomeTitle || !!widgetConfig.config.welcomeText,
44531
44448
  [GUARDS$3.IS_NO_SOUND_ERROR]: (_, { data }) => data.code === MICROPHONE_NO_SOUND_ERROR_CODE,
@@ -44536,7 +44453,6 @@ const accWidgetMachine = createMachine({
44536
44453
  [GUARDS$3.IS_RECORDER_READY]: ({ recorderRef }) => (recorderRef === null || recorderRef === void 0 ? void 0 : recorderRef.getSnapshot().value) === STATES$6.IDLE,
44537
44454
  [GUARDS$3.IS_ASSESSMENT_QUESTION]: ({ questions, currentQuestion }) => !!questions[currentQuestion - 1].answerType && questions[currentQuestion - 1].answerType !== ANSWER_TYPES.VIDEO,
44538
44455
  [GUARDS$3.IS_TIMES_UP]: (_, event) => !!event.data.isTimesUp,
44539
- [GUARDS$3.SHOULD_TRY_TO_CONFIRM]: ({ confirmUploadedFalseCount }) => confirmUploadedFalseCount <= MAX_CONFIRM_ATTEMPTS,
44540
44456
  },
44541
44457
  });
44542
44458
 
@@ -47059,25 +46975,10 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
47059
46975
  useEffect(() => {
47060
46976
  setShouldShowWaterMark(!!(company === null || company === void 0 ? void 0 : company.shouldShowWaterMark));
47061
46977
  }, [company === null || company === void 0 ? void 0 : company.shouldShowWaterMark]);
47062
- const _onFinish = () => __awaiter(void 0, void 0, void 0, function* () { var _a, _b; return (_b = (_a = widgetConfig.config).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, { redirectUrl: candidate.redirectUrl, video_id: (video === null || video === void 0 ? void 0 : video.video_id) || '' }); });
47063
46978
  useEffect(() => {
46979
+ var _a, _b;
47064
46980
  if (machine.done) {
47065
- if (widgetConfig.config.onFinish) {
47066
- _onFinish().then(() => {
47067
- emitTrackEvent({ eventType: EVENT_TYPES.ON_FINISH_SUCCEED });
47068
- }).catch((err) => {
47069
- var _a;
47070
- let errorMessage = '';
47071
- try {
47072
- errorMessage = (err === null || err === void 0 ? void 0 : err.message) || (err === null || err === void 0 ? void 0 : err.msg) || ((_a = err === null || err === void 0 ? void 0 : err.data) === null || _a === void 0 ? void 0 : _a.message);
47073
- }
47074
- catch (_b) {
47075
- //
47076
- }
47077
- emitTrackEvent({ eventType: EVENT_TYPES.ON_FINISH_FAILED, extraData: { errorMessage } });
47078
- throw err;
47079
- });
47080
- }
46981
+ (_b = (_a = widgetConfig.config).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, { redirectUrl: candidate.redirectUrl, video_id: (video === null || video === void 0 ? void 0 : video.video_id) || '' });
47081
46982
  }
47082
46983
  }, [machine.done]);
47083
46984
  useEffect(() => {
@@ -47093,16 +46994,11 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
47093
46994
  });
47094
46995
  }
47095
46996
  }, [candidate, job === null || job === void 0 ? void 0 : job.language]);
47096
- const setBackgroundOpacity = () => {
47097
- var _a;
47098
- (_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--myinterview-background-opacity', isLoading || isErrorState ? '0' : '1');
47099
- };
47100
46997
  useEffect(() => {
47101
46998
  var _a, _b;
47102
46999
  if (isErrorState && (error === null || error === void 0 ? void 0 : error.statusCode) === 400) {
47103
47000
  (_b = (_a = widgetConfig.config).onError) === null || _b === void 0 ? void 0 : _b.call(_a, { messageType: 'applied' });
47104
47001
  }
47105
- setBackgroundOpacity();
47106
47002
  }, [isErrorState]);
47107
47003
  const isResumed = useMemo(() => { var _a, _b; return !!((_b = (_a = widgetConfig.video) === null || _a === void 0 ? void 0 : _a.videos) === null || _b === void 0 ? void 0 : _b.some((v) => v.uploaded)); }, [widgetConfig.video]);
47108
47004
  const handleScroll = (e) => {
@@ -47112,7 +47008,8 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
47112
47008
  (_b = viewsRef === null || viewsRef === void 0 ? void 0 : viewsRef.current) === null || _b === void 0 ? void 0 : _b.style.setProperty('--myinterview-widget-practice-opacity', scrollTop > 10 ? '0' : '1');
47113
47009
  };
47114
47010
  useEffect(() => {
47115
- setBackgroundOpacity();
47011
+ var _a;
47012
+ (_a = myinterviewRef === null || myinterviewRef === void 0 ? void 0 : myinterviewRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('--myinterview-background-opacity', isLoading || isErrorState ? '0' : '1');
47116
47013
  }, [isLoading]);
47117
47014
  const onRetry = () => {
47118
47015
  send(EVENTS$5.RETRY);
@@ -47147,7 +47044,7 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
47147
47044
  isMobile && (React__default.createElement(SliderModal, { isOpen: isSliderModalOpen, onClose: () => setIsSliderModalOpen(false), onRetry: isSetupState ? onRecorderRetry : onReInitRecorder }))));
47148
47045
  };
47149
47046
 
47150
- var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap\");:host,:root,html[data-theme=light]{--color-primary:#5aa4f5;--color-secondary:#5ed0bc;--color-premium:#fac918;--color-special:#6690ff;--color-neutral-10:#f2f2f2;--color-neutral-20:#e6e6e6;--color-neutral-30:#ccc;--color-neutral-40:#aaa;--color-neutral-50:#8d8d8d;--color-neutral-60:#777;--color-neutral-70:#444;--color-neutral-90:#404852;--color-white:#fff;--color-black:#000;--color-success:#5ed0bc;--color-warning:#fac918;--color-error:#f25f5b;--color-info:#404852;--color-malibu:linear-gradient(50.24deg,#135 -146.43%,#557ede -0.68%,#6690ff 75.97%)}html[data-theme=dark]{--color-primary:#5aa4f5;--color-secondary:#5ed0bc;--color-premium:#fac918;--color-special:#6690ff;--color-neutral-10:#f2f2f2;--color-neutral-20:#e6e6e6;--color-neutral-30:#ccc;--color-neutral-40:#aaa;--color-neutral-50:#8d8d8d;--color-neutral-60:#777;--color-neutral-70:#444;--color-neutral-90:#404852;--color-white:#222;--color-black:#ddd;--color-success:#5ed0bc;--color-warning:#fac918;--color-error:#f25f5b;--color-info:#404852;--color-malibu:linear-gradient(135deg,#51beff,#6690ff)}.color--primary{color:var(--color-primary)}.background-color--primary{background-color:var(--color-primary)}.border-color--primary{border-color:var(--color-primary)}.color--secondary{color:var(--color-secondary)}.background-color--secondary{background-color:var(--color-secondary)}.border-color--secondary{border-color:var(--color-secondary)}.color--premium{color:var(--color-premium)}.background-color--premium{background-color:var(--color-premium)}.border-color--premium{border-color:var(--color-premium)}.color--special{color:var(--color-special)}.background-color--special{background-color:var(--color-special)}.border-color--special{border-color:var(--color-special)}.color--neutral-10{color:var(--color-neutral-10)}.background-color--neutral-10{background-color:var(--color-neutral-10)}.border-color--neutral-10{border-color:var(--color-neutral-10)}.color--neutral-20{color:var(--color-neutral-20)}.background-color--neutral-20{background-color:var(--color-neutral-20)}.border-color--neutral-20{border-color:var(--color-neutral-20)}.color--neutral-30{color:var(--color-neutral-30)}.background-color--neutral-30{background-color:var(--color-neutral-30)}.border-color--neutral-30{border-color:var(--color-neutral-30)}.color--neutral-40{color:var(--color-neutral-40)}.background-color--neutral-40{background-color:var(--color-neutral-40)}.border-color--neutral-40{border-color:var(--color-neutral-40)}.color--neutral-50{color:var(--color-neutral-50)}.background-color--neutral-50{background-color:var(--color-neutral-50)}.border-color--neutral-50{border-color:var(--color-neutral-50)}.color--neutral-60{color:var(--color-neutral-60)}.background-color--neutral-60{background-color:var(--color-neutral-60)}.border-color--neutral-60{border-color:var(--color-neutral-60)}.color--neutral-70{color:var(--color-neutral-70)}.background-color--neutral-70{background-color:var(--color-neutral-70)}.border-color--neutral-70{border-color:var(--color-neutral-70)}.color--neutral-90{color:var(--color-neutral-90)}.background-color--neutral-90{background-color:var(--color-neutral-90)}.border-color--neutral-90{border-color:var(--color-neutral-90)}.color--white{color:var(--color-white)}.background-color--white{background-color:var(--color-white)}.border-color--white{border-color:var(--color-white)}.color--black{color:var(--color-black)}.background-color--black{background-color:var(--color-black)}.border-color--black{border-color:var(--color-black)}.color--success{color:var(--color-success)}.background-color--success{background-color:var(--color-success)}.border-color--success{border-color:var(--color-success)}.color--warning{color:var(--color-warning)}.background-color--warning{background-color:var(--color-warning)}.border-color--warning{border-color:var(--color-warning)}.color--error{color:var(--color-error)}.background-color--error{background-color:var(--color-error)}.border-color--error{border-color:var(--color-error)}.color--info{color:var(--color-info)}.background-color--info{background-color:var(--color-info)}.border-color--info{border-color:var(--color-info)}.background-color--malibu{background:var(--color-malibu)}*{box-sizing:border-box;font-family:Nunito Sans,sans-serif;margin:0;outline:none;padding:0}body{background-color:var(--color-white)}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:\" \";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.myinterview-button{border:none;border-radius:10px;cursor:pointer;font-weight:700;height:45px;letter-spacing:1px}.myinterview-button:disabled{cursor:unset;opacity:.6;pointer-events:none}.myinterview-button--small{font-size:10px;height:35px;min-width:100px;padding:0 20px}.myinterview-button--medium{font-size:12px;height:45px;min-width:150px;padding:0 30px}.myinterview-button--large{font-size:16px;height:65px;min-width:180px;padding:0 45px}.dropdown{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:15px;white-space:nowrap}.dropdown--rtl{direction:rtl}.dropdown--rtl .dropdown__input{padding-left:30px;padding-right:15px}.dropdown--rtl .dropdown__arrow-wrapper,.dropdown--rtl .dropdown__clear-wrapper{margin-left:0;margin-right:5px}.dropdown--rtl .dropdown__item span{margin-left:5px;margin-right:0}.dropdown--rtl.dropdown--with-icon{padding-left:15px;padding-right:10px}.dropdown--rtl.dropdown--with-icon .dropdown__selected-item,.dropdown--rtl.dropdown--with-icon .dropdown__selected-item--placeholder{padding-left:0;padding-right:8px}.dropdown--standalone{border:.5px solid var(--color-neutral-30);border-radius:10px;border-width:.5px!important;height:50px;position:relative}.dropdown--with-icon{padding-left:10px}.dropdown--with-icon svg{height:22px}.dropdown--with-icon .dropdown__selected-item,.dropdown--with-icon .dropdown__selected-item--placeholder{padding-left:8px}.dropdown--opened{border-radius:10px 10px 0 0;box-shadow:0 0 10px -2px #0000001a}.dropdown--opened .dropdown__options{box-shadow:0 0 10px -2px #0000001a;visibility:visible}.dropdown--opened .dropdown__arrow-wrapper{transform:rotate(-180deg)}.dropdown--upside.dropdown--opened{border-radius:0 0 4px 4px;border-top:0}.dropdown--upside .dropdown__options{border-bottom:0;border-radius:10px 10px 0 0;border-top:.5px solid var(--color-neutral-30);bottom:auto;top:0;transform:translateY(-100%)}.dropdown__selected-item{flex:1;overflow:hidden;text-overflow:ellipsis}.dropdown__selected-item::selection{background-color:initial}.dropdown__selected-item--placeholder{opacity:.5}.dropdown__input{border:0;border-radius:10px;height:100%;left:0;opacity:0;padding:15px 30px 15px 15px;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.dropdown__input--searchable:focus{opacity:1}.dropdown__input--searchable:focus+.dropdown__selected-item{opacity:0!important}.dropdown__arrow-wrapper,.dropdown__clear-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:5px;transition:.2s;width:1em}.dropdown__options{background-color:var(--color-white);border:.5px solid var(--color-neutral-30);border-radius:0 0 4px 4px;border-top:0;bottom:0;left:-.75px;list-style:none;margin:0;max-height:0;overflow:auto;padding:0;position:absolute;transform:translateY(100%);visibility:hidden;width:calc(100% + 1.25px)}.dropdown__item{cursor:pointer;max-width:100%;overflow:hidden;padding:15px;text-overflow:ellipsis}.dropdown__item:not(:last-child){border-bottom:.5px solid var(--color-neutral-30)}.dropdown__item--highlighted,.dropdown__item:hover{background-color:var(--color-primary);color:var(--color-white)}.dropdown__item span{margin-right:5px}.tag{background-color:#dde8f6;border-radius:3px;color:#4a90e2;display:inline-block;font-size:13px;font-weight:500;letter-spacing:.5px;margin:5px 8px 5px 0;padding:4px 11px;text-transform:capitalize}.myinterview-text--XS{font-size:12px;line-height:20px}.myinterview-text--S{font-size:14px;line-height:22px}.myinterview-text--M{font-size:16px;line-height:24px}.myinterview-text--L{font-size:18px;line-height:26px}.myinterview-text--H3{font-size:20px;line-height:28px}.myinterview-text--H2{font-size:24px;line-height:32px}.myinterview-text--H1{font-size:30px;line-height:38px}.myinterview-text--D3{font-size:38px;line-height:46px}.myinterview-text--D2{font-size:48px;line-height:54px}.myinterview-text--D1{font-size:56px;line-height:64px}.myinterview-text--regular{font-weight:400}.myinterview-text--semibold{font-weight:600}.myinterview-text--bold{font-weight:700}.myinterview-text--italic{font-style:italic}.myinterview-text--truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-switch{align-items:center;border-radius:99999px;cursor:pointer;display:flex;position:relative;transition:.2s}.toggle-switch__indicator{border-radius:50%;height:.65em;left:10%;position:absolute;transition:.2s;width:.65em}.toggle-switch__indicator--active{left:90%;transform:translateX(-100%)}.toggle-switch:active .toggle-switch__indicator{height:.5em;width:.5em}.toggle-text{align-items:center;cursor:pointer;display:flex;justify-content:center;width:fit-content}.toggle-text__arrow-wrapepr{align-items:center;display:flex;margin-left:5px;transition:.25s ease-in-out;width:1em}.toggle-text__arrow-wrapepr--opened{transform:rotate(-180deg)}.progress{align-items:center;border-radius:50%;display:flex;height:1em;justify-content:center;width:1em}.progress__fill{border-radius:50%;height:.7em;width:.7em}.input-text{display:flex;flex-direction:column;flex-grow:1}.input-text__field{border:.5px solid var(--color-neutral-30);border-radius:10px;font-size:14px;padding:14px 16px;width:100%}.input-text__field--with-icon{padding:14px 43px!important}.input-text__icon-container{margin:10px 12px;position:absolute}.input-text__icon-container i{vertical-align:-webkit-baseline-middle}.input-text__icon-container i svg{height:22px;width:22px}.input-text--error{border:1px solid var(--color-error)}.input-text__error-msg{color:var(--color-error);margin-top:3px}.dnd-wrapper{border:1px solid var(--color-neutral-30);border-radius:10px;height:50px;max-width:500px;padding:7px 10px;position:relative;transition:.3s ease-in-out;width:100%}.dnd-wrapper--rtl{direction:rtl}.dnd-wrapper--rtl .dnd-wrapper__placeholder{margin-left:0;margin-right:5px}.dnd-wrapper--rtl .dnd-wrapper__label .progress{margin-left:5px;margin-right:0}.dnd-wrapper--rtl .dnd-wrapper__text{margin-left:0;margin-right:5px}.dnd-wrapper--rtl .dnd-wrapper__icon--close{margin-left:0;margin-right:auto}.dnd-wrapper__placeholder{color:var(--color-neutral-50);font-size:14px;margin-left:5px}.dnd-wrapper__left-hand{align-items:flex-end;display:flex}.dnd-wrapper--scale{transform:scale(1.1)}.dnd-wrapper--border-solid{border:.5px solid var(--color-neutral-30)}.dnd-wrapper__label{align-items:center;display:flex;font-size:14px;height:100%;justify-content:center}.dnd-wrapper__label svg{height:16px;vertical-align:middle;width:16px}.dnd-wrapper__label--with-icon{justify-content:space-between}.dnd-wrapper__label--with-icon i{color:var(--color-neutral-60)}.dnd-wrapper__label--uploaded,.dnd-wrapper__label--uploading{justify-content:flex-start}.dnd-wrapper__label .progress{height:18px;margin-right:5px;width:18px}.dnd-wrapper__icon{align-items:center;display:flex}.dnd-wrapper__icon--clip{font-size:18px;transform:rotate(10deg) rotateX(180deg)}.dnd-wrapper__icon--close{cursor:pointer;margin-left:auto;z-index:10}.dnd-wrapper__text{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dnd-wrapper__input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.dnd-wrapper__input:disabled{cursor:auto}.myinterview-modal-wrapper{border-radius:4px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;left:50%;max-height:90vh;max-width:90vw;overflow:auto;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:30}.myinterview-modal-wrapper--fullscreen{border-radius:0;box-shadow:none;height:100vh;left:0;max-height:100vh;max-width:100vw;padding:0;top:0;transform:none;width:100vw}.myinterview-modal-wrapper__box{height:100%;max-height:100%;max-width:100%;overflow:auto;width:100%}.myinterview-modal-wrapper__close-btn{cursor:pointer;height:16px;position:absolute;right:20px;top:20px;width:16px}.myinterview-modal-wrapper-background{background-color:#0000001a;height:100vh;left:0;position:fixed;top:0;width:100vw}.phone-number{border:.5px solid var(--color-neutral-30);border-radius:10px;display:flex;position:relative}.phone-number--rtl{direction:rtl}.phone-number--rtl .input-text{direction:ltr}.phone-number--rtl .input-text input{text-align:end}.phone-number--rtl .dropdown{border-left:.5px solid var(--color-neutral-20);border-right:0!important}.phone-number--opened{border-radius:10px 10px 0 0!important}.phone-number--opened--up{border-radius:0 0 10px 10px!important}.phone-number .dropdown{border-right:.5px solid var(--color-neutral-20);padding:0 15px;width:75px}.phone-number .dropdown__selected-item{font-size:16px}.phone-number .dropdown--opened{border-radius:unset!important;box-shadow:unset!important}.phone-number .input-text{border:0;flex:1}.myinterview-logo-wrapper{max-height:400px}.myinterview-checkbox{align-items:center;border-radius:4px;border-style:solid;border-width:1px;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all .15s ease-out}.myinterview-checkbox__input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.myinterview-checkbox__checkmark{border-radius:50%;display:flex;height:100%;padding:2px;transform:scale(0);transition:.15s ease-out;width:100%}.myinterview-checkbox__checkmark--checked{border-radius:0;transform:scale(1)}.myinterview-checkbox__checkmark svg{height:100%;width:100%}.myinterview-widget-no-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.myinterview-widget-scroll-indicator::-webkit-scrollbar{display:initial!important;width:5px}.myinterview-widget-scroll-indicator::-webkit-scrollbar-thumb{background:var(--color-neutral-40)}@keyframes fade-in{0%{opacity:0}}:host{--myinterview-widget-dynamic-overflow:auto;--myinterview-widget-background-height:calc(40vh - 100px);--myinterview-widget-background-preview-display:none;--myinterview-widget-video-aspect-ratio:0.75;--myinterview-widget-camera-transform:translateZ(0) rotateY(180deg);--myinterview-widget-outer-width:530px;--myinterview-widget-recorder-border-radius:10px;--myinterview-widget-preview-video-border-radius:20px;--myinterview-background-opacity:0;--myinterview-widget-wrapper-padding:20px}@media (min-width:1200px){:host{--myinterview-widget-recorder-border-radius:20px;--myinterview-widget-preview-video-border-radius:10px;--myinterview-widget-video-aspect-ratio:1.77778;--myinterview-widget-wrapper-padding:10px}}.myinterview-widget{word-wrap:normal;--myinterview-widget-layout-top:0;--myinterview-widget-layout-right:0;--myinterview-widget-layout-bottom:0;--myinterview-widget-layout-left:0;border-collapse:initial;border-spacing:0;caption-side:top;cursor:auto;direction:ltr;empty-cells:show;font-size:1rem;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:normal;line-height:normal;list-style-image:none;list-style-position:outside;list-style-type:disc;orphans:2;quotes:initial;tab-size:8;text-align:initial;text-align-last:auto;text-decoration-color:initial;text-indent:0;text-justify:auto;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;widows:2;word-break:normal;word-spacing:normal}.myinterview-widget *,.myinterview-widget :after,.myinterview-widget :before{box-sizing:border-box;font-family:Nunito Sans,sans-serif;margin:0}.myinterview-widget__layout{background-color:var(--color-white);border-radius:0;bottom:0;display:flex;flex-direction:column;left:0;max-height:100%;padding:20px 20px 0;position:fixed;right:0;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:2147483000}.myinterview-widget__layout--animated{animation:myinterview-widget-open .4s ease-out;-webkit-animation:myinterview-widget-open .4s ease-out;-moz-animation:myinterview-widget-open .4s ease-out;-o-animation:myinterview-widget-open .4s ease-out}.myinterview-widget__layout--minimized{animation:myinterview-widget-minimize .5s ease-in-out forwards;-webkit-animation:myinterview-widget-minimize .5s ease-in-out forwards;-moz-animation:myinterview-widget-minimize .5s ease-in-out forwards;-o-animation:myinterview-widget-minimize .5s ease-in-out forwards;overflow:hidden}.myinterview-widget__layout--minimized>*{opacity:0;transition:opacity .2s ease-out}@media (min-width:480px){.myinterview-widget__layout{display:grid;grid-template-columns:minmax(20px,1fr) minmax(auto,480px) minmax(20px,1fr);padding:20px 0 0}.myinterview-widget__layout>*{grid-column:2}.myinterview-widget__layout>.full{grid-column:1/-1;padding:0}}@media (min-width:1200px){.myinterview-widget__layout{grid-template-columns:10px 1fr 10px;padding:50px 0}}@keyframes myinterview-widget-open{0%{background-color:var(--color-primary);border-radius:10px;bottom:var(--myinterview-widget-layout-bottom);left:var(--myinterview-widget-layout-left);min-height:45px;overflow:hidden;padding:0;right:var(--myinterview-widget-layout-right);top:var(--myinterview-widget-layout-top)}50%{background-color:var(--color-white)}}@keyframes myinterview-widget-minimize{90%{border-radius:10px;bottom:var(--myinterview-widget-layout-bottom);left:var(--myinterview-widget-layout-left);min-height:45px;opacity:1;padding:0;right:var(--myinterview-widget-layout-right);top:var(--myinterview-widget-layout-top);z-index:2147483000}99%{opacity:0}to{background-color:var(--color-primary);border-radius:10px;bottom:var(--myinterview-widget-layout-bottom);left:var(--myinterview-widget-layout-left);min-height:45px;opacity:0;padding:0;right:var(--myinterview-widget-layout-right);top:var(--myinterview-widget-layout-top);z-index:-1}}.myinterview-widget-icons__play-button{cursor:pointer;position:relative}.myinterview-widget-icons__play-button svg{color:var(--color-primary)}.myinterview-widget-icons__play-button svg path{transition:d .4s ease-out;-webkit-transition:d .4s}.myinterview-widget-icons__play-button svg rect{transition:rx .4s;-webkit-transition:rx .4s}.myinterview-widget-icons__loading{background-color:currentColor;border-radius:50%;height:38px;overflow:hidden;position:relative;transform:translateZ(0);width:38px}.myinterview-widget-icons__loading:after{animation:slide 1s infinite;background:linear-gradient(to right,currentColor,var(--color-neutral-10),currentColor);content:\"\";height:100%;left:-50px;position:absolute;width:100%}.myinterview-widget-icons__no-camera-mic{align-items:center;background-color:#eff6fe;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.myinterview-widget-icons__no-camera-mic__camera,.myinterview-widget-icons__no-camera-mic__mic{align-items:center;border-radius:4px;display:flex;height:28px;justify-content:center;position:absolute;width:28px}.myinterview-widget-icons__no-camera-mic__camera svg,.myinterview-widget-icons__no-camera-mic__mic svg{height:20px;width:20px}.myinterview-widget-icons__no-camera-mic__camera{background-color:var(--color-primary);color:var(--color-white);transform:translate(-35%,-35%)}.myinterview-widget-icons__no-camera-mic__mic{background-color:var(--color-white);color:var(--color-primary);transform:translate(35%,35%)}.myinterview-widget__wrapper{-ms-overflow-style:none;display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative;scrollbar-width:none}.myinterview-widget__wrapper ::-webkit-scrollbar,.myinterview-widget__wrapper::-webkit-scrollbar{display:none}.myinterview-widget__wrapper--hide-header .myinterview-widget-header{visibility:hidden}.myinterview-widget__background{background:linear-gradient(50.24deg,var(--color-primary) 0,var(--color-special) 75%);height:var(--myinterview-widget-background-height);left:0;opacity:var(--myinterview-background-opacity);overflow:hidden;position:absolute;top:0;transition:opacity .5s;width:100%}.myinterview-widget__background:before{border:6vh solid hsla(0,0%,100%,.267);border-radius:50%;content:\"\";height:30vh;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:30vh}.myinterview-widget__background:after{background-color:var(--color-white);border-radius:20px 20px 0 0;bottom:0;content:\"\";display:var(--myinterview-widget-background-preview-display);height:20px;position:absolute;width:100%}@media (min-width:1200px){.myinterview-widget__background:after{display:none}.myinterview-widget__background{height:100vh;left:auto;right:0;width:calc(100% - var(--myinterview-widget-outer-width))}.myinterview-widget__background:before{border:12vh solid hsla(0,0%,100%,.267);height:70vh;width:70vh}}.myinterview-widget__watermark{display:none}@media (min-width:1200px){.myinterview-widget__watermark{bottom:20px;display:flex;height:64px;left:20px;position:absolute}}.myinterview-widget__background-dots{display:none}@media (min-width:1200px){.myinterview-widget__background-dots{background-image:radial-gradient(hsla(0,0%,100%,.467) 15%,#0000 0);background-position:0 0,50px 50px;background-size:20px 20px;bottom:0;display:flex;height:200px;position:absolute;right:0;width:200px}}.myinterview-widget__views{--myinterview-widget-views-margin-top:0px;--myinterview-widget-practice-opacity:1;-webkit-overflow-scrolling:touch;color:var(--color-primary);display:flex;flex:1;flex-direction:column;overflow-y:var(--myinterview-widget-dynamic-overflow);scroll-snap-type:y mandatory;z-index:20}.myinterview-widget__views--uploading{gap:0;justify-content:center;margin-bottom:30px}@media (min-width:1200px){.myinterview-widget__views{align-items:start;flex:initial;flex:1;flex-direction:row-reverse;gap:0;justify-content:flex-end;overflow:hidden;padding:0;scroll-snap-type:none}.myinterview-widget__views--uploading{margin-bottom:0}}.myinterview-widget__views--rtl .myinterview-widget--rtl-support{direction:rtl}.myinterview-widget-recording-action-button{margin-bottom:20px;min-height:45px;position:relative;scroll-snap-align:end;z-index:1}@media (min-width:1200px){.myinterview-widget-recording-action-button{display:none}}.myinterview-widget-recording-action-button--video-question:disabled{display:none!important}.myinterview-widget-recording-action-button--stop-recording{border:1px solid var(--color-neutral-40)!important}@media (min-width:1200px){.myinterview-widget-recording-action-button--stop-recording{border:none!important}}.myinterview-widget-rotate-screen{align-items:center;animation:fade-in .3s;background-color:var(--color-white);display:none;height:100%;justify-content:center;left:0;padding:20px!important;position:absolute;top:0;width:100%;z-index:400}.myinterview-widget-rotate-screen svg{flex:0;margin-right:40px;min-width:120px}@media screen and (orientation:landscape){.myinterview-widget-rotate-screen{display:flex}}.myinterview-widget-unsupported-modal{align-items:center;background-color:var(--color-white);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:absolute;top:0;width:100%;z-index:400}.myinterview-widget-unsupported-modal__message{text-align:center}.myinterview-widget-minimize{color:var(--color-white);cursor:pointer;display:none;height:20px;position:fixed;right:30px;top:30px;width:20px;z-index:50}@media (min-width:1024px){.myinterview-widget-minimize{display:flex}}.myinterview-widget-header{display:flex;flex-wrap:wrap;gap:18px;height:fit-content;margin:0 0 20px;max-height:112px;max-width:100%;overflow:hidden;transition:all .2s}.myinterview-widget-header--hidden{height:0;margin:0;overflow:hidden}@media (min-width:1200px){.myinterview-widget-header--hidden{height:fit-content;margin:0 0 20px}}.myinterview-widget-header__logo{height:48px}.myinterview-widget-header__logo img{flex-shrink:1;max-height:100%;max-width:100%;object-fit:contain;overflow:hidden}.myinterview-widget-header__details-wrapper{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;letter-spacing:.2px;max-width:100%;min-width:60%;overflow:hidden}@media (min-width:1200px){.myinterview-widget-header{display:none;max-width:var(--myinterview-widget-outer-width);overflow:visible;padding-left:20px}.myinterview-widget-header__company-name{color:var(--color-neutral-50)}.myinterview-widget-header__job-title{color:var(--color-neutral-90)}}.myinterview-widget-header--desktop-layout{display:none}@media (min-width:1200px){.myinterview-widget-header--desktop-layout{display:flex;min-height:48px}}.myinterview-widget-inner{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;min-height:min((100vw - 40px) * 1/var(--myinterview-widget-video-aspect-ratio),480px * 1/var(--myinterview-widget-video-aspect-ratio));position:relative;scroll-snap-align:start;z-index:1}.myinterview-widget-inner--no-snap{scroll-snap-align:none}@media (min-width:1200px){.myinterview-widget-inner{background-color:var(--color-white);border-radius:var(--myinterview-widget-recorder-border-radius);box-shadow:0 4px 14px -2px #00000026;height:calc((100vw - 20px - var(--myinterview-widget-outer-width))*9/16);margin:auto;max-height:440px;max-width:782.2222222222px;min-height:auto;overflow:hidden;width:100%}}.myinterview-widget-inner--hidden{max-height:0;min-height:0;overflow:hidden;visibility:hidden}.myinterview-widget-inner--welcome-hidden{aspect-ratio:16/9;visibility:hidden;width:100%}.myinterview-widget-inner__content{aspect-ratio:var(--myinterview-widget-video-aspect-ratio);border-radius:var(--myinterview-widget-recorder-border-radius);display:flex;flex-direction:column;height:calc(100% - var(--myinterview-widget-views-margin-top));max-height:100%;max-width:fit-content;min-height:200px;min-width:200px;overflow:hidden;position:sticky;top:0}.myinterview-widget-inner__content--full-width{min-width:100%}@media (min-width:1200px){.myinterview-widget-inner__content{height:100%;max-width:100%;position:relative;width:100%}}.myinterview-widget-inner__content--error{display:flex;flex:1;flex-direction:column;height:calc(100% - var(--myinterview-widget-views-margin-top));max-width:100%;min-height:fit-content;width:100%}.myinterview-widget-inner .myinterview-widget-explanation{align-items:center;background-color:#fffffff2;border-radius:var(--myinterview-widget-recorder-border-radius);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:absolute;text-align:center;white-space:pre-line;width:100%;z-index:1}.myinterview-widget-inner .myinterview-widget-explanation .myinterview-widget-question__question-parameters{margin-bottom:15px}.myinterview-widget-inner .myinterview-widget-explanation__main{margin-bottom:15px;max-width:50ch}.myinterview-widget-inner .myinterview-widget-explanation__header{margin-bottom:15px}.myinterview-widget-inner .myinterview-widget-times-up{align-items:center;background-color:var(--color-white);display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center;padding:20px;text-align:center}.myinterview-widget-inner .myinterview-widget-times-up__button{margin-top:50px}@media (min-width:1200px){.myinterview-widget-inner .myinterview-widget-times-up__button,.myinterview-widget-inner .myinterview-widget-times-up__title{margin-top:auto}}.myinterview-widget-inner .myinterview-widget-recording-action-button{display:none}@media (min-width:1200px){.myinterview-widget-inner .myinterview-widget-recording-action-button{bottom:20px;display:block;left:50%;margin:0;position:absolute;transform:translate(-50%);white-space:nowrap;width:fit-content;z-index:20}}.myinterview-widget-inner--video-question-state,.myinterview-widget-inner--welcome-page-state{min-height:fit-content;min-width:100%}.myinterview-widget-inner--video-question-state .myinterview-widget-inner__content,.myinterview-widget-inner--welcome-page-state .myinterview-widget-inner__content{aspect-ratio:auto;height:auto}@media (min-width:1200px){.myinterview-widget-inner--video-question-state,.myinterview-widget-inner--welcome-page-state{min-width:auto}.myinterview-widget-inner--video-question-state .myinterview-widget-recording-action-button,.myinterview-widget-inner--welcome-page-state .myinterview-widget-recording-action-button{bottom:70px}}.myinterview-widget-inner--full{flex:1;scroll-snap-align:none}.myinterview-widget-inner--full .myinterview-widget-inner__content{flex:1;height:max-content;max-width:100%;width:100%}@media (min-width:1200px){.myinterview-widget-inner--full{flex:auto}}.myinterview-widget-outer{border-radius:10px;display:flex;flex-direction:column;padding-bottom:20px;scroll-snap-align:end}.myinterview-widget-outer--no-snap{scroll-snap-align:none}.myinterview-widget-outer--hidden{display:none}.myinterview-widget-outer--uploading{flex:0;padding:0}@media (min-width:1200px){.myinterview-widget-outer{background-color:initial;flex:none;height:100%;padding:0 20px 0 0!important;width:var(--myinterview-widget-outer-width)}.myinterview-widget-outer>*{padding:0 20px}.myinterview-widget-outer--hidden{display:flex}.myinterview-widget-outer--uploading{padding:0}}.myinterview-widget-outer .myinterview-widget-question{background-color:#fffffff2;border-radius:10px;margin:0 auto;transition:opacity .25s;width:100%}@media (min-width:1200px){.myinterview-widget-outer .myinterview-widget-question{padding:40px 20px 0}.myinterview-widget-outer .myinterview-widget-question__question{font-size:26px;line-height:36px}}.myinterview-widget-outer--hide-question .myinterview-widget-question{display:none}.myinterview-widget-outer__setup{display:flex;flex:1;flex-direction:column}.myinterview-widget-outer__title{margin-bottom:15px}.myinterview-widget-outer__mode-wrapper{background-color:var(--color-white);bottom:0;display:flex;justify-content:space-around;margin-top:15px;padding:10px 0;position:sticky}.myinterview-widget-outer__mode-wrapper:before{background-color:var(--color-white);content:\"\";height:40px;left:0;mask-image:linear-gradient(#0000,var(--color-black));-webkit-mask-image:linear-gradient(#0000,var(--color-black));mask-mode:alpha;position:absolute;top:0;transform:translateY(-100%);width:100%}@media (min-width:1200px){.myinterview-widget-outer__mode-wrapper{background-color:initial;flex-direction:column;justify-content:flex-start;padding:0;position:static;width:65%}.myinterview-widget-outer__mode-wrapper:after,.myinterview-widget-outer__mode-wrapper:before{display:none}}.myinterview-widget-outer__mode-button{letter-spacing:.5px;max-width:42%!important;min-width:100px!important;padding:0 15px!important;width:150px!important}.myinterview-widget-outer__mode-button--start{border:1px solid!important}.myinterview-widget-outer__mode-button--single{background-color:var(--color-special);color:var(--color-white);max-width:100%!important;width:100%!important}@media (min-width:1200px){.myinterview-widget-outer__mode-button{max-width:100%!important;min-width:150px!important;width:100%!important}.myinterview-widget-outer__mode-button:first-child{margin-bottom:20px}}.myinterview-widget-outer__practice-mode-info{margin-bottom:20px}.myinterview-widget-outer .myinterview-widget__countdown-mobile{display:none}.myinterview-widget-video-camera{border-radius:var(--myinterview-widget-recorder-border-radius);display:flex;flex:1;flex-direction:column;max-height:100%;position:relative;width:100%}@media (min-width:1200px){.myinterview-widget-video-camera{transform:translateZ(0) scale(1.005)}}.myinterview-widget-video-camera--hidden{display:none}.myinterview-widget-video-camera video{border-radius:var(--myinterview-widget-recorder-border-radius);object-fit:contain;overflow:hidden;transform:var(--myinterview-widget-camera-transform);-webkit-transform:var(--myinterview-widget-camera-transform);width:100%}.myinterview-widget-video-camera__recording-without-video{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center}.myinterview-widget-video-camera__recording-without-video svg{height:45px;width:45px}.myinterview-widget-video-camera__recording-counter-wrapper{align-self:center;position:absolute;top:var(--myinterview-widget-wrapper-padding);width:70px;z-index:2}.myinterview-widget-video-camera__permissions{align-items:center;animation:fade-in .5s;background-color:#fffffff2;border-radius:var(--myinterview-widget-recorder-border-radius);color:var(--color-neutral-90);display:flex;height:100%;justify-content:center;padding:20px;position:absolute;width:100%;z-index:21}.myinterview-widget-video-camera__permissions-close{cursor:pointer;left:25px;position:absolute;top:25px;width:20px}.myinterview-widget-video-camera .myinterview-widget__microphone-indicator{align-items:center;background-color:var(--color-primary);border-radius:50%;bottom:18px;color:var(--color-white);display:flex;height:40px;isolation:isolate;justify-content:center;left:18px;padding:10px;position:absolute;width:40px}.myinterview-widget-video-camera .myinterview-widget__microphone-indicator--hidden{visibility:hidden}@media (min-width:1200px){.myinterview-widget-video-camera .myinterview-widget__microphone-indicator{bottom:25px;left:25px}}.myinterview-widget-video-camera .myinterview-widget__microphone-indicator:after{background:radial-gradient(#0000 40%,var(--color-primary) 90%);border-radius:50%;content:\"\";height:100%;position:absolute;transform:scale(var(--myinterview-widget-voice-level));transform-origin:center;width:100%;will-change:transform;z-index:-1}.myinterview-widget-video-camera .myinterview-widget__microphone-indicator svg{height:100%;width:100%}.myinterview-widget-video-camera .myinterview-widget__practice-mode{opacity:var(--myinterview-widget-practice-opacity);position:absolute;right:10px;top:10px;transition:opacity .3s}@media (min-width:1200px){.myinterview-widget-video-camera .myinterview-widget__practice-mode{opacity:1;right:25px;top:25px}}.myinterview-widget-video-camera .myinterview-widget__question-number{left:var(--myinterview-widget-wrapper-padding);top:var(--myinterview-widget-wrapper-padding);z-index:25}@media (min-width:1200px){.myinterview-widget-video-camera .myinterview-widget__question-number{letter-spacing:.5px}}.myinterview-widget-video-camera .myinterview-widget__countdown-desktop{display:none}.myinterview-widget-video-camera__watermark{height:50px;left:15px;opacity:.5;position:absolute;top:15px;width:120px}@media (min-width:1200px){.myinterview-widget-video-camera__watermark{left:25px;top:25px}}.myinterview-widget-recorder-modal{align-items:center;animation:fade-in .5s;background-color:#fffffff2;border-radius:var(--myinterview-widget-recorder-border-radius);bottom:0;color:var(--color-neutral-90);display:flex;filter:drop-shadow(0 0 0 rgba(0,0,0,.2));justify-content:center;left:0;min-height:100%;overflow:hidden;padding:var(--myinterview-widget-wrapper-padding);position:absolute;right:0;text-align:center;top:0;z-index:20}.myinterview-widget-recorder-modal__content-wrapper{align-items:center;display:flex;flex-direction:column;gap:5px;letter-spacing:.5px}@media (min-width:1200px){.myinterview-widget-recorder-modal__content-wrapper{max-width:700px}}.myinterview-widget-recorder-modal__question{max-width:100%;overflow:hidden;overflow-wrap:break-word;text-align:start}@media (min-width:1200px){.myinterview-widget-recorder-modal__question{text-align:center}.myinterview-widget-recorder-modal__question .myinterview-widget__question-duration{justify-content:center}}.myinterview-widget-checks{display:flex;flex-direction:column}.myinterview-widget-checks__item{align-items:center;display:flex;gap:20px;margin-bottom:20px}.myinterview-widget-checks__icon{align-items:center;display:flex;height:100%;justify-content:center;width:40px}.myinterview-widget-checks__text-wrapper{display:flex;flex-direction:column}.myinterview-widget-checks__retry{background-color:initial;border:0;cursor:pointer;margin-left:10px;text-decoration:underline}.myinterview-widget-preview__container{background-color:var(--color-white);display:flex;flex-direction:column;min-height:100%;padding-top:var(--myinterview-widget-wrapper-padding);position:relative;width:100%}@media (min-width:1200px){.myinterview-widget-preview__container{max-height:100%;padding:var(--myinterview-widget-wrapper-padding)}}.myinterview-widget-preview__container .myinterview-widget__question-number{margin-bottom:var(--myinterview-widget-wrapper-padding);position:relative}.myinterview-widget-preview__container .myinterview-widget-errors{animation:fade-in .3s;background-color:var(--color-white);bottom:0;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0;transform:translateZ(150px);-webkit-transform:translateZ(150px);z-index:150}.myinterview-widget-preview__title{margin-bottom:30px;text-align:center}@media (min-width:1200px){.myinterview-widget-preview__title{color:var(--color-neutral-90);margin-bottom:12px}}.myinterview-widget-preview__background{animation:background-fade-in .3s ease-out;background-color:#000000e6;height:100%;isolation:isolate;left:0;position:fixed;top:0;transform:translateZ(150px);width:100%;z-index:150}@keyframes background-fade-in{0%{background-color:#0000;transform:translateZ(-2px);z-index:-2}}.myinterview-widget-preview__close{background-color:var(--color-neutral-60);border-radius:2.5rem;bottom:1vh;left:50%;padding:3px 8px;pointer-events:none;position:absolute;transform:translateX(-50%)}.myinterview-widget-preview__main{animation:fade-in .5s;display:flex;height:350px;margin:auto;overflow:hidden;position:relative;touch-action:pan-y;width:100%;z-index:1}.myinterview-widget-preview__items-wrapper{--myinterview-widget-preview-transform-x:0;--myinterview-widget-preview-item-transition:0ms;--myinterview-widget-item-width:100%;box-sizing:initial;display:flex;margin-bottom:10px;position:relative;transition-duration:0ms;transition-property:transform;width:100%;z-index:2}.myinterview-widget-preview__items-wrapper--centered{justify-content:center}.myinterview-widget-preview__item{display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;padding:2%;position:relative;transition:transform var(--myinterview-widget-preview-item-transition);width:var(--myinterview-widget-item-width);z-index:1}.myinterview-widget-preview__item--current{z-index:2}.myinterview-widget-preview__item--single-take{flex:1;max-width:50%}.myinterview-widget-preview__video-wrapper{border:0 solid var(--color-primary);border-radius:var(--myinterview-widget-preview-video-border-radius);display:flex;margin:0 auto;opacity:1;overflow:hidden;position:relative;transition-delay:.29s;z-index:3}.myinterview-widget-preview__video-wrapper--mobile{aspect-ratio:var(--myinterview-widget-video-aspect-ratio);height:100%}@media (min-width:1200px){.myinterview-widget-preview__video-wrapper{border-radius:var(--myinterview-widget-preview-video-border-radius);margin:0}}.myinterview-widget-preview__video-wrapper:before{background-color:rgba(0,0,0,.267);border-radius:var(--myinterview-widget-preview-video-border-radius);content:\"\";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateZ(1px);transition:background-color .3s;width:100%;z-index:1}.myinterview-widget-preview__video-wrapper--current:before,.myinterview-widget-preview__video-wrapper--preview:before,.myinterview-widget-preview__video-wrapper:hover:before{background-color:#0000;pointer-events:none}.myinterview-widget-preview__video-wrapper--preview-mobile{opacity:0}.myinterview-widget-preview__video-wrapper:after{border:0 solid var(--color-primary);border-radius:var(--myinterview-widget-preview-video-border-radius);content:\"\";height:100%;pointer-events:none;position:absolute;transition:.15s;width:100%}@media (min-width:1200px){.myinterview-widget-preview__video-wrapper:after{border-radius:var(--myinterview-widget-preview-video-border-radius)}}.myinterview-widget-preview__video-wrapper--selected:before{background-color:#0000;z-index:-1}.myinterview-widget-preview__video-wrapper--selected:after{border:3px solid var(--color-primary)}.myinterview-widget-preview__video{cursor:pointer;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%}.myinterview-widget-preview__dynamic-video{--myinterview-preview-video-top:50%;--myinterview-preview-video-left:50%;--myinterview-preview-video-width:0%;--myinterview-preview-video-height:0%;border-radius:var(--myinterview-widget-preview-video-border-radius);height:var(--myinterview-preview-video-height);left:var(--myinterview-preview-video-left);position:fixed;top:var(--myinterview-preview-video-top);transform:translateZ(-1px);transition:all .3s ease-out;transition-delay:.01s;visibility:hidden;width:var(--myinterview-preview-video-width);z-index:-1}.myinterview-widget-preview__dynamic-video--preview{border-radius:0;height:100%;left:0;max-height:70vh;top:46%;transform:translate3d(0,-50%,200px);visibility:visible;width:100%;z-index:200}.myinterview-widget-preview__number-wrapper{align-items:center;cursor:pointer;display:flex;gap:5px;margin:7px auto 0;position:relative;width:fit-content}@media (min-width:1200px){.myinterview-widget-preview__number-wrapper{margin:7px 0 0}}.myinterview-widget-preview__selected-check-mark{align-items:center;border:1px solid var(--color-neutral-60);border-radius:50%;display:flex;height:20px;justify-content:center;overflow:hidden;padding:1px;pointer-events:none;position:relative;width:20px}.myinterview-widget-preview__selected-check-mark svg{transform:scale(0);-webkit-transform:scale(0);transition:.15s ease-out}.myinterview-widget-preview__selected-check-mark--selected{border:1px solid var(--color-primary)}.myinterview-widget-preview__selected-check-mark--selected svg{transform:scale(1);-webkit-transform:scale(1)}.myinterview-widget-preview__dots-wrapper{align-items:center;display:flex;height:20px;justify-content:center;width:100%}.myinterview-widget-preview__dot{background-color:var(--color-neutral-20);border-radius:50%;cursor:pointer;height:10px;margin:0 7px;position:relative;transition:.3s ease-out;width:10px}.myinterview-widget-preview__dot--selected{background-color:var(--color-primary);cursor:auto;transform:scale(1.5);-webkit-transform:scale(1.5)}.myinterview-widget-preview__play-container{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.myinterview-widget-preview__play-button-wrapper{left:50%;top:50%;transform:translateZ(1px);transition:opacity .3s;width:60px}@media (min-width:1200px){.myinterview-widget-preview__play-button-wrapper{max-width:76px;width:25%}}.myinterview-widget-preview__horizontal-line{display:none}@media (min-width:1200px){.myinterview-widget-preview__horizontal-line{background-color:#bdbdbd;display:block;height:1px;margin:15px auto;width:50%}}.myinterview-widget-preview__preview-buttons{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:10px;margin-top:33px;max-width:100%}@media (min-width:1200px){.myinterview-widget-preview__preview-buttons{gap:10px;margin-top:auto}}.myinterview-widget-preview__preview-buttons-top{display:flex;gap:10px;justify-content:space-evenly;max-width:100%;width:100%}@media (min-width:1200px){.myinterview-widget-preview__preview-buttons-top{justify-content:center;width:auto}}.myinterview-widget-preview__preview-button{max-width:45%;min-width:100px;width:150px}.myinterview-widget-preview__preview-button--retake{align-items:center;border:1px solid var(--color-neutral-30);display:flex;justify-content:center;max-width:100%}.myinterview-widget-preview__preview-button--start-interview{background-color:initial;color:var(--color-primary);font-size:13px;max-height:30px;max-width:max-content;padding:0;width:max-content}@media (min-width:1200px){.myinterview-widget-preview__preview-button{flex:1;max-height:42px;min-width:150px}}.myinterview-widget-preview__retakes-wrapper{max-width:45%;min-width:100px;text-align:center;width:150px}@media (min-width:1200px){.myinterview-widget-preview__retakes-wrapper{max-height:42px;min-width:150px}}.myinterview-widget-preview__retakes-left{color:var(--color-neutral-60)}.myinterview-widget-preview__arrow{align-items:center;animation:fade-in .3s;display:flex;height:100%;justify-content:center;min-width:40px;position:absolute;right:0;z-index:5}@media (min-width:1200px){.myinterview-widget-preview__arrow{min-width:4%}.myinterview-widget-preview__arrow:before{background-color:#fff;content:\"\";height:100%;left:0;mask-image:linear-gradient(to right,#0000,var(--color-black));-webkit-mask-image:linear-gradient(to right,#0000,var(--color-black));position:absolute;transform:translateX(5px);width:100%}}.myinterview-widget-preview__arrow--prev{left:0;right:auto;transform:translateZ(5px) rotateY(180deg)}@media (min-width:1200px){.myinterview-widget-preview__arrow--prev{transform:translateZ(5px) rotateY(180deg)}}.myinterview-widget-preview__arrow-icon-wrapper{align-items:center;background-color:var(--color-white);border:1px solid var(--color-neutral-30);border-radius:50%;color:var(--color-neutral-90);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transform:translateY(-11px);width:36px}@media (min-width:1200px){.myinterview-widget-preview__arrow-icon-wrapper{box-shadow:0 4px 30px #00000026}}.myinterview-widget-video-question{aspect-ratio:16/9;background-color:var(--color-black);border-radius:var(--myinterview-widget-recorder-border-radius);height:fit-content;isolation:isolate;margin:auto;overflow:hidden;position:relative;width:100%;z-index:1}@media (min-width:1200px){.myinterview-widget-video-question{height:100%}}.myinterview-widget-video-question--hidden{position:absolute;visibility:hidden;z-index:-1}.myinterview-widget-video-question--loading{background-color:hsla(0,0%,100%,.467)}.myinterview-widget-video-question--loading:before{animation:slide 1.5s infinite;background:linear-gradient(to right,#0000,var(--color-neutral-10),#0000);content:\"\";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:-1}@media (min-width:1200px){.myinterview-widget-video-question--loading{background-color:#ccd7f5}}.myinterview-widget-video-question:after{content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.myinterview-widget-video-question--done:after{background-color:var(--color-black)}.myinterview-widget-video-question__play-button-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:transform .2s ease-out,opacity .3s ease-out;width:clamp(50px,15vw,76px);z-index:1}.myinterview-widget-video-question__play-button-wrapper--hidden{opacity:0;pointer-events:none;touch-action:none;transform:translate(-50%,-50%) scale(1.3);-webkit-transform:translate(-50%,-50%) scale(1.3)}.myinterview-widget-video-question__controls{align-items:center;bottom:0;display:flex;justify-content:center;left:0;margin:10px 12px;position:absolute;right:0;transition:opacity .2s,transform .2s;z-index:1}.myinterview-widget-video-question__controls--inactive{opacity:0;pointer-events:none;touch-action:none;transform:translateY(25%)}.myinterview-widget-video-question__controls>:not(:last-child){margin-right:15px}.myinterview-widget-video-question__controls .myinterview-widget-video-question__control-play-button{min-width:40px;width:50px}.myinterview-widget-video-question__controls .myinterview-widget-video-question__control-play-button .myinterview-widget-icons svg{color:var(--color-white)}.myinterview-widget-video-question__timebar-counter-wrapper{width:100%}.myinterview-widget-video-question__counter-wrapper{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:var(--color-neutral-90);color:var(--color-white);font-size:13px;font-weight:700}.myinterview-widget-video-question__time-bar{background-color:hsla(0,0%,100%,.467);border-radius:2.5rem;cursor:pointer;height:10px;margin-bottom:5px;position:relative;width:100%}.myinterview-widget-video-question__time-bar--disabled{cursor:auto;pointer-events:none}.myinterview-widget-video-question__time-bar:before{content:\"\";height:30px;left:0;position:absolute;top:0;transform:translateY(-30%);width:100%}@media (min-width:1200px){.myinterview-widget-video-question__time-bar:before{display:none}}.myinterview-widget-video-question__time-bar-progress{background-color:var(--color-primary);border-radius:2.5rem;height:100%;position:absolute;transition:width .25s linear}.myinterview-widget-video-question__time-bar-progress:after{background-color:var(--color-primary);border-radius:50%;content:\"\";height:15px;left:100%;pointer-events:none;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:15px}.myinterview-widget-video-question__time-bar-progress--changing{transition:none}.myinterview-widget-video-question__time-bar-progress--unchangeable{cursor:auto}.myinterview-widget-video-question__time-bar-progress--unchangeable:after{display:none}.myinterview-widget-video-question__retry-button{margin-top:20px;width:100%;z-index:2}.myinterview-widget-video-question__retry-button--hidden{position:absolute;visibility:hidden;z-index:-1}@media (min-width:1200px){.myinterview-widget-video-question__retry-button{bottom:70px;left:50%;margin:0 auto;position:absolute;transform:translateX(-50%);width:fit-content}}@keyframes slide{50%{opacity:.9}to{left:100%;opacity:1}}.myinterview-widget-device{align-items:center;background-color:var(--color-white);border-radius:50%;color:var(--color-neutral-90);display:flex;height:40px;justify-content:center;position:absolute;right:18px;width:40px}.myinterview-widget-device__mobile{bottom:18px}.myinterview-widget-device__desktop{right:18px;top:18px;z-index:30}@media (min-width:1200px){.myinterview-widget-device__desktop{right:25px;top:25px}}.myinterview-widget-device__menu-button{align-items:center;background-color:initial;border:none;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.myinterview-widget-device__modal{--myinterview-widget-select-device-height:48px;background-color:var(--color-white);border-radius:20px;bottom:-15px;box-shadow:0 2px 12px -4px #0000001a;max-width:400px;min-width:300px;position:absolute;right:-12px;transform:translateY(100%)}.myinterview-widget-device__modal:before{background-color:var(--color-white);border-radius:5px;content:\"\";height:20px;position:absolute;right:22px;top:-8px;transform:rotate(45deg);width:20px}.myinterview-widget-device__select-wrapper{display:flex;flex-direction:column;overflow:hidden;padding:20px}.myinterview-widget-device__select-group{display:flex;flex-direction:column}.myinterview-widget-device__select-group:not(:last-child):after{background-color:var(--color-neutral-20);content:\"\";height:1px;margin:10px 0;width:100%}.myinterview-widget-device__selected-device{cursor:pointer;display:flex;height:var(--myinterview-widget-select-device-height);width:100%}.myinterview-widget-device__select-icon{align-items:center;display:flex;min-width:40px}.myinterview-widget-device__select-icon svg{height:20px;width:20px}.myinterview-widget-device__selected-title-wrapper{flex:1;overflow:hidden;padding-right:23px}.myinterview-widget-device__selected-title{line-height:var(--myinterview-widget-select-device-height)!important;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.myinterview-widget-device__arrow{align-items:center;display:flex;margin-left:auto;transform:rotate(0);transition:.2s}.myinterview-widget-device__arrow--open{transform:rotate(-180deg)}.myinterview-widget-device__select-list{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.myinterview-widget-device__select-list--open{max-height:calc(var(--myinterview-widget-select-device-height)*2);overflow:auto;transition:max-height .2s ease-in}.myinterview-widget-device__select-option{border-radius:4px;cursor:pointer;line-height:var(--myinterview-widget-select-device-height)!important;min-height:var(--myinterview-widget-select-device-height);overflow:hidden;padding:0 40px;text-overflow:ellipsis;white-space:nowrap}.myinterview-widget-device__select-option--selected,.myinterview-widget-device__select-option:hover{color:var(--color-primary)!important}.myinterview-widget-device__select-option--selected{background-color:rgba(90,164,245,.051)!important}.myinterview-widget__countdown-mobile{align-items:center;background-color:var(--color-white);border-radius:2.5rem;display:flex;height:25px;left:50%;padding:6px 10px;position:absolute;top:var(--myinterview-widget-wrapper-padding);transform:translateX(-50%);z-index:30}.myinterview-widget__countdown-mobile--red{color:var(--color-error)}@media (min-width:1200px){.myinterview-widget__countdown-mobile[hidden]{display:none}}.myinterview-widget__countdown-desktop{display:none}@media (min-width:1200px){.myinterview-widget__countdown-desktop{--myinterview-widget-p:100;--myinterview-widget-b:5px;--myinterview-widget-w:160px;align-items:center;display:flex;height:var(--myinterview-widget-w);justify-content:center;margin:auto;padding:0;position:relative;transform:rotateY(180deg);width:var(--myinterview-widget-w)}.myinterview-widget__countdown-desktop:after,.myinterview-widget__countdown-desktop:before{border-radius:50%;content:\"\";position:absolute}.myinterview-widget__countdown-desktop:before{background:radial-gradient(farthest-side,var(--color-primary) 100%,#0000) top/var(--myinterview-widget-b) var(--myinterview-widget-b) no-repeat,conic-gradient(var(--color-primary) calc((var(--myinterview-widget-p))*1%),#0000 0);inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--myinterview-widget-b)),#000 calc(100% - var(--myinterview-widget-b)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--myinterview-widget-b)),#000 calc(100% - var(--myinterview-widget-b)));transition:all 1s}.myinterview-widget__countdown-desktop:after{background:var(--color-primary);inset:calc(50% - var(--myinterview-widget-b)/2);transform:rotate(calc(var(--myinterview-widget-p)*3.6deg)) translateY(calc(50% - var(--myinterview-widget-w)/2))}.myinterview-widget__countdown-desktop[hidden]{display:none}}.myinterview-widget__countdown-desktop .myinterview-widget__countdown-desktop-text{align-items:center;border:var(--myinterview-widget-b) solid #edf6fe;border-radius:50%;display:flex;height:100%;justify-content:center;position:absolute;transform:rotateY(180deg);width:100%;z-index:-1}.myinterview-widget-counter{align-items:center;background-color:var(--color-white);border-radius:2.5rem;color:var(--color-neutral-90);display:flex;gap:5px;height:25px;justify-content:center}.myinterview-widget-counter__dot{background-color:var(--color-error);border-radius:50%;height:10px;width:10px}.myinterview-widget-counter__clock{display:flex}.myinterview-widget-counter__timer{transition:color .25s}.myinterview-widget-counter__timer--red{color:#f45b2b}.myinterview-widget-loader{-webkit-animation:fade 1.6s infinite;-moz-animation:fade 1.6s infinite;-o-animation:fade 1.6s infinite;animation:fade 1.6s infinite;margin:auto;width:80px}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}@-o-keyframes fade{0%,to{opacity:0}50%{opacity:1}}@-moz-keyframes fade{0%,to{opacity:0}50%{opacity:1}}@-webkit-keyframes fade{0%,to{opacity:0}50%{opacity:1}}.myinterview-widget-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto}.myinterview-widget-error__message{margin-bottom:10px}.myinterview-widget-errors{align-items:center;display:flex;flex-direction:column;justify-content:center}.myinterview-widget-errors__icon{margin-bottom:15px}.myinterview-widget-errors__details,.myinterview-widget-errors__title{margin-bottom:5px}.myinterview-widget-errors__cta{cursor:pointer;margin-bottom:5px;position:relative;text-decoration:underline}.myinterview-widget-errors__cta .myinterview-widget-select-native{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.myinterview-widget-errors__cta--secondary{text-transform:capitalize}.myinterview-widget-slider-modal{animation:close-modal .3s forwards;bottom:0;height:100vh;height:-moz-available;height:-webkit-fill-available;height:stretch;left:0;min-height:100vh;min-height:-moz-available;min-height:-webkit-fill-available;min-height:stretch;overflow:hidden;position:fixed;width:100vw;z-index:50}.myinterview-widget-slider-modal__wrapper{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;width:100%}.myinterview-widget-slider-modal__top{min-height:100%;scroll-snap-align:start;touch-action:none}.myinterview-widget-slider-modal__bottom{background-color:var(--color-white);border-radius:20px 20px 0 0;display:flex;flex-direction:column;height:10%;isolation:isolate;min-height:10%;overflow:hidden;position:relative;scroll-snap-align:end;transition:min-height .5s,height .5s;visibility:hidden}.myinterview-widget-slider-modal__pill{background-color:var(--color-neutral-30);border-radius:2.5rem;margin:20px auto 32px;min-height:4px;width:60px}.myinterview-widget-slider-modal--open{animation:none;background-color:#0009;visibility:visible}.myinterview-widget-slider-modal--open .myinterview-widget-slider-modal__bottom{height:80%;min-height:80%;visibility:visible}@keyframes close-modal{0%{background-color:#0009}to{background-color:#0000;visibility:hidden}}.myinterview-widget-permissions__wrapper{display:flex;flex:1;flex-direction:column;margin:0 auto;max-height:100%;max-width:480px;overflow:auto;padding:0 20px 20px;width:100%}@media (min-width:1200px){.myinterview-widget-permissions__wrapper{padding:0 20px}}.myinterview-widget-permissions__icon-wrapper{align-items:center;background-color:#eff6fe;border-radius:50%;color:var(--color-primary);display:flex;justify-content:center;margin:0 auto 20px;min-height:70px;min-width:70px}.myinterview-widget-permissions__icon-wrapper svg{height:32px;width:32px}@media (min-width:1200px){.myinterview-widget-permissions__icon-wrapper{display:none!important}}.myinterview-widget-permissions__title{margin-bottom:20px;text-align:center}@media (min-width:1200px){.myinterview-widget-permissions__title{margin-bottom:15px}}.myinterview-widget-permissions__sub-title{margin-bottom:10px}.myinterview-widget-permissions__steps-wrapper{margin-bottom:15px;padding:0 20px}.myinterview-widget-permissions__step{font-size:14px;list-style:decimal;margin-bottom:10px}.myinterview-widget-permissions__step .text--bold{font-weight:700}.myinterview-widget-permissions__step .safari__key{background-color:var(--color-neutral-20);border-radius:2px;padding:2px 4px}.myinterview-widget-permissions__button{margin-top:auto;min-height:45px}.myinterview-widget-question{margin-bottom:10px;position:relative}.myinterview-widget-question>*{position:relative;z-index:1}.myinterview-widget-question__question{letter-spacing:.5px;margin-bottom:6px}.myinterview-widget-question__description{letter-spacing:.5px}.myinterview-widget-question__question-parameters{align-items:center;display:inline-flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.myinterview-widget-question__question-parameters>*{white-space:nowrap}.myinterview-widget-questions-list{display:none}@media (min-width:1200px){.myinterview-widget-questions-list{display:flex;flex-direction:column;overflow-y:auto;padding:0;position:relative}.myinterview-widget-questions-item{align-items:center;border-radius:0 4px 4px 0;display:flex;gap:20px;letter-spacing:.5px;max-width:100%;min-height:90px;overflow:hidden;padding:20px;position:relative}.myinterview-widget-questions-item__number{align-items:center;background-color:var(--color-neutral-20);border-radius:50%;color:var(--color-neutral-90);display:flex;height:38px;justify-content:center;min-width:38px}.myinterview-widget-questions-item__number--icon{background-color:var(--color-white);color:var(--color-primary)}.myinterview-widget-questions-item__wrapper{flex:1;overflow:hidden}.myinterview-widget-questions-item__question{display:flex;flex-direction:column;gap:2px;overflow:hidden}.myinterview-widget-questions-item__duration-wrapper{align-items:center;color:var(--color-neutral-50);display:flex;font-size:12px;gap:5px;line-height:20px}.myinterview-widget-questions-item__duration-wrapper *{font-size:12px;line-height:20px}.myinterview-widget-questions-item__duration-wrapper svg{width:15px}.myinterview-widget-questions-item--active{background-color:#f7fbff}.myinterview-widget-questions-item--active:before{background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:3px}.myinterview-widget-questions-item--active .myinterview-widget-questions-item__number{background-color:var(--color-white);border:1px solid var(--color-primary);color:var(--color-primary)}}.myinterview-widget-upload{align-items:center;background-color:var(--color-white);border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-height:500px;overflow:hidden;padding:40px;text-align:center;width:100%}@media (min-width:1200px){.myinterview-widget-upload{margin:0;min-height:360px}}.myinterview-widget-upload__icon{align-items:center;background-color:#5aa4f5;border:12px solid #d7e8fb;border-radius:50%;color:var(--color-white);display:flex;height:110px;justify-content:center;margin-bottom:30px;min-height:110px;position:relative;width:110px}.myinterview-widget-upload__icon:before{background-color:initial;border:12px solid #99c6f8;border-radius:50%;content:\"\";height:100%;position:absolute;width:100%}.myinterview-widget-upload__title{margin-bottom:20px}.myinterview-widget-upload__sub-title{margin-bottom:40px;white-space:pre-line}.myinterview-widget-upload__progress{margin-bottom:10px;width:100%}.myinterview-widget-upload__time-left{align-items:center;color:var(--color-neutral-90);display:flex;gap:10px}.myinterview-widget-top-tips{background-color:var(--color-white);color:var(--color-neutral-90);display:flex;flex-direction:column;padding:50px}.myinterview-widget-top-tips__title{margin-bottom:20px}.myinterview-widget-top-tips__tips{margin-bottom:10px;padding:0 15px}.myinterview-widget-top-tips li{margin-bottom:10px}.myinterview-widget__practice-mode{border-radius:2.5rem;height:36px;padding:5px 15px}.myinterview-widget__practice-mode,.myinterview-widget__recording-button{align-items:center;background-color:var(--color-white);display:flex;justify-content:center}.myinterview-widget__recording-button{border:1px solid var(--color-neutral-30);border-radius:50%;height:64px;width:64px}.myinterview-widget__recording-button-inner{background-color:var(--color-error);border-radius:50%;height:52px;width:52px}.myinterview-widget__recording-button-inner--stop{border-radius:2px;height:16px;width:16px}.myinterview-widget__question-number{display:flex;gap:5px;position:absolute}@media (min-width:1200px){.myinterview-widget__question-number{margin-left:10px}}.myinterview-widget__question-number-track{direction:ltr;display:flex;gap:5px}.myinterview-widget__question-duration{align-items:center;display:flex;gap:8px}.myinterview-widget__question-duration svg{height:1em;width:1em}.myinterview-widget__progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2.5rem;height:15px;overflow:hidden;width:100%}.myinterview-widget__progress::-webkit-progress-bar{background-color:#e7f1ef}.myinterview-widget__progress::-webkit-progress-value{background-color:var(--color-success);transition:.3s}.myinterview-widget__dot-separator{background-color:currentColor;border-radius:50%;height:3px;width:3px}.myinterview-widget-welcome-page{display:flex;flex-direction:column;gap:20px;height:100%;margin:30px 0;max-height:100%;overflow:auto;position:relative}@media (min-width:1200px){.myinterview-widget-welcome-page{padding:0 20px}}.myinterview-widget-welcome-page__text-wrapper{display:flex;flex-direction:column;position:relative}.myinterview-widget-welcome-page__text{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.myinterview-widget-welcome-page__text--closed{-webkit-line-clamp:4;line-clamp:4}.myinterview-widget-welcome-page__toggle{margin-left:auto}.myinterview-widget-welcome-page__action-buttons{display:flex;gap:20px;justify-content:space-between}.myinterview-widget-welcome-page__continue-button{flex:1;max-width:250px;min-width:fit-content}.myinterview-widget-welcome-page__top-tips-button{margin:0 auto}.myinterview-widget-welcome-page__top-tips{align-items:center;display:flex;gap:10px;justify-content:center}.myinterview-modal-wrapper{background-color:var(--color-white);border-radius:0;height:100vh;max-height:100%;max-width:500px;opacity:0;pointer-events:none;top:calc(50% + 40px);transition:top .2s ease-out,opacity .2s ease-out;width:100vw}@media (min-width:480px){.myinterview-modal-wrapper{border-radius:10px;height:auto}}.myinterview-modal-wrapper--opened{opacity:1;pointer-events:all;top:50%}.myinterview-modal-wrapper__close-btn{color:var(--color-neutral-90)}.myinterview-widget-assessment{--myinterview-widget-assessment-spacing:20px;background-color:var(--color-white);display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow:auto;padding:var(--myinterview-widget-wrapper-padding)}@media (min-width:1200px){.myinterview-widget-assessment{--myinterview-widget-assessment-spacing:7px;align-items:center}.myinterview-widget-assessment .myinterview-widget-question{display:none}}.myinterview-widget-assessment .myinterview-widget__question-number{align-self:flex-start;margin-bottom:var(--myinterview-widget-assessment-spacing);position:relative}.myinterview-widget-assessment__countdown-wrapper{display:flex;height:100%;justify-content:center;left:0;padding:var(--myinterview-widget-wrapper-padding);pointer-events:none;position:absolute;top:0;width:100%}.myinterview-widget-assessment__countdown-wrapper .myinterview-widget__countdown-mobile{background-color:var(--color-neutral-10);position:sticky;top:0}.myinterview-widget-assessment__instructions{margin-bottom:var(--myinterview-widget-assessment-spacing);z-index:1}@media (min-width:1200px){.myinterview-widget-assessment__instructions{text-align:center}}.myinterview-widget-assessment__free-text,.myinterview-widget-assessment__multi-select,.myinterview-widget-assessment__single-select{align-items:center;display:flex;flex:1;flex-direction:column;margin-bottom:var(--myinterview-widget-assessment-spacing);position:relative;width:100%;z-index:1}@media (min-width:1200px){.myinterview-widget-assessment__free-text,.myinterview-widget-assessment__multi-select,.myinterview-widget-assessment__single-select{width:550px}}.myinterview-widget-assessment__input{border:.5px solid var(--color-neutral-40);border-radius:4px;flex:1;min-height:100px;padding:15px 15px 30px;resize:none;width:100%}.myinterview-widget-assessment__input::placeholder{color:var(--color-neutral-40)}.myinterview-widget-assessment__options-form{display:flex;flex-direction:column;width:100%}@media (min-width:1200px){.myinterview-widget-assessment__options-form{margin:auto 0}}.myinterview-widget-assessment__option{align-items:center;cursor:pointer;display:flex;gap:var(--myinterview-widget-assessment-spacing);padding:var(--myinterview-widget-assessment-spacing) 0;position:relative}.myinterview-widget-assessment__option:before{background-color:var(--color-white);border-radius:5px;content:\"\";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;transition:background-color .1s;width:100%;z-index:-1}.myinterview-widget-assessment__option:active:before{background-color:var(--color-primary)}.myinterview-widget-assessment__option:not(:last-child){border-bottom:1px solid var(--color-neutral-20)}.myinterview-widget-assessment__checkmark{align-items:center;border:1px solid var(--color-neutral-60);border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;overflow:hidden;padding:1px;pointer-events:none;position:relative;width:16px}.myinterview-widget-assessment__checkmark svg{transform:scale(0);-webkit-transform:scale(0);transition:.15s ease-out}.myinterview-widget-assessment__checkmark--selected{border:1px solid var(--color-primary)}.myinterview-widget-assessment__checkmark--selected svg{transform:scale(1);-webkit-transform:scale(1)}.myinterview-widget-assessment .myinterview-widget__characters-limit{bottom:10px;position:absolute;right:15px}.myinterview-widget-assessment__submit-button{min-height:45px;width:100%}@media (min-width:1200px){.myinterview-widget-assessment__submit-button{width:auto}}";
47047
+ var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap\");:host,:root,html[data-theme=light]{--color-primary:#5aa4f5;--color-secondary:#5ed0bc;--color-premium:#fac918;--color-special:#6690ff;--color-neutral-10:#f2f2f2;--color-neutral-20:#e6e6e6;--color-neutral-30:#ccc;--color-neutral-40:#aaa;--color-neutral-50:#8d8d8d;--color-neutral-60:#777;--color-neutral-70:#444;--color-neutral-90:#404852;--color-white:#fff;--color-black:#000;--color-success:#5ed0bc;--color-warning:#fac918;--color-error:#f25f5b;--color-info:#404852;--color-malibu:linear-gradient(50.24deg,#135 -146.43%,#557ede -0.68%,#6690ff 75.97%)}html[data-theme=dark]{--color-primary:#5aa4f5;--color-secondary:#5ed0bc;--color-premium:#fac918;--color-special:#6690ff;--color-neutral-10:#f2f2f2;--color-neutral-20:#e6e6e6;--color-neutral-30:#ccc;--color-neutral-40:#aaa;--color-neutral-50:#8d8d8d;--color-neutral-60:#777;--color-neutral-70:#444;--color-neutral-90:#404852;--color-white:#222;--color-black:#ddd;--color-success:#5ed0bc;--color-warning:#fac918;--color-error:#f25f5b;--color-info:#404852;--color-malibu:linear-gradient(135deg,#51beff,#6690ff)}.color--primary{color:var(--color-primary)}.background-color--primary{background-color:var(--color-primary)}.border-color--primary{border-color:var(--color-primary)}.color--secondary{color:var(--color-secondary)}.background-color--secondary{background-color:var(--color-secondary)}.border-color--secondary{border-color:var(--color-secondary)}.color--premium{color:var(--color-premium)}.background-color--premium{background-color:var(--color-premium)}.border-color--premium{border-color:var(--color-premium)}.color--special{color:var(--color-special)}.background-color--special{background-color:var(--color-special)}.border-color--special{border-color:var(--color-special)}.color--neutral-10{color:var(--color-neutral-10)}.background-color--neutral-10{background-color:var(--color-neutral-10)}.border-color--neutral-10{border-color:var(--color-neutral-10)}.color--neutral-20{color:var(--color-neutral-20)}.background-color--neutral-20{background-color:var(--color-neutral-20)}.border-color--neutral-20{border-color:var(--color-neutral-20)}.color--neutral-30{color:var(--color-neutral-30)}.background-color--neutral-30{background-color:var(--color-neutral-30)}.border-color--neutral-30{border-color:var(--color-neutral-30)}.color--neutral-40{color:var(--color-neutral-40)}.background-color--neutral-40{background-color:var(--color-neutral-40)}.border-color--neutral-40{border-color:var(--color-neutral-40)}.color--neutral-50{color:var(--color-neutral-50)}.background-color--neutral-50{background-color:var(--color-neutral-50)}.border-color--neutral-50{border-color:var(--color-neutral-50)}.color--neutral-60{color:var(--color-neutral-60)}.background-color--neutral-60{background-color:var(--color-neutral-60)}.border-color--neutral-60{border-color:var(--color-neutral-60)}.color--neutral-70{color:var(--color-neutral-70)}.background-color--neutral-70{background-color:var(--color-neutral-70)}.border-color--neutral-70{border-color:var(--color-neutral-70)}.color--neutral-90{color:var(--color-neutral-90)}.background-color--neutral-90{background-color:var(--color-neutral-90)}.border-color--neutral-90{border-color:var(--color-neutral-90)}.color--white{color:var(--color-white)}.background-color--white{background-color:var(--color-white)}.border-color--white{border-color:var(--color-white)}.color--black{color:var(--color-black)}.background-color--black{background-color:var(--color-black)}.border-color--black{border-color:var(--color-black)}.color--success{color:var(--color-success)}.background-color--success{background-color:var(--color-success)}.border-color--success{border-color:var(--color-success)}.color--warning{color:var(--color-warning)}.background-color--warning{background-color:var(--color-warning)}.border-color--warning{border-color:var(--color-warning)}.color--error{color:var(--color-error)}.background-color--error{background-color:var(--color-error)}.border-color--error{border-color:var(--color-error)}.color--info{color:var(--color-info)}.background-color--info{background-color:var(--color-info)}.border-color--info{border-color:var(--color-info)}.background-color--malibu{background:var(--color-malibu)}*{box-sizing:border-box;font-family:Nunito Sans,sans-serif;margin:0;outline:none;padding:0}body{background-color:var(--color-white)}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:\" \";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.myinterview-button{border:none;border-radius:10px;cursor:pointer;font-weight:700;height:45px;letter-spacing:1px}.myinterview-button:disabled{cursor:unset;opacity:.6;pointer-events:none}.myinterview-button--small{font-size:10px;height:35px;min-width:100px;padding:0 20px}.myinterview-button--medium{font-size:12px;height:45px;min-width:150px;padding:0 30px}.myinterview-button--large{font-size:16px;height:65px;min-width:180px;padding:0 45px}.dropdown{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:15px;white-space:nowrap}.dropdown--rtl{direction:rtl}.dropdown--rtl .dropdown__input{padding-left:30px;padding-right:15px}.dropdown--rtl .dropdown__arrow-wrapper,.dropdown--rtl .dropdown__clear-wrapper{margin-left:0;margin-right:5px}.dropdown--rtl .dropdown__item span{margin-left:5px;margin-right:0}.dropdown--rtl.dropdown--with-icon{padding-left:15px;padding-right:10px}.dropdown--rtl.dropdown--with-icon .dropdown__selected-item,.dropdown--rtl.dropdown--with-icon .dropdown__selected-item--placeholder{padding-left:0;padding-right:8px}.dropdown--standalone{border:.5px solid var(--color-neutral-30);border-radius:10px;border-width:.5px!important;height:50px;position:relative}.dropdown--with-icon{padding-left:10px}.dropdown--with-icon svg{height:22px}.dropdown--with-icon .dropdown__selected-item,.dropdown--with-icon .dropdown__selected-item--placeholder{padding-left:8px}.dropdown--opened{border-radius:10px 10px 0 0;box-shadow:0 0 10px -2px #0000001a}.dropdown--opened .dropdown__options{box-shadow:0 0 10px -2px #0000001a;visibility:visible}.dropdown--opened .dropdown__arrow-wrapper{transform:rotate(-180deg)}.dropdown--upside.dropdown--opened{border-radius:0 0 4px 4px;border-top:0}.dropdown--upside .dropdown__options{border-bottom:0;border-radius:10px 10px 0 0;border-top:.5px solid var(--color-neutral-30);bottom:auto;top:0;transform:translateY(-100%)}.dropdown__selected-item{flex:1;overflow:hidden;text-overflow:ellipsis}.dropdown__selected-item::selection{background-color:initial}.dropdown__selected-item--placeholder{opacity:.5}.dropdown__input{border:0;border-radius:10px;height:100%;left:0;opacity:0;padding:15px 30px 15px 15px;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.dropdown__input--searchable:focus{opacity:1}.dropdown__input--searchable:focus+.dropdown__selected-item{opacity:0!important}.dropdown__arrow-wrapper,.dropdown__clear-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:5px;transition:.2s;width:1em}.dropdown__options{background-color:var(--color-white);border:.5px solid var(--color-neutral-30);border-radius:0 0 4px 4px;border-top:0;bottom:0;left:-.75px;list-style:none;margin:0;max-height:0;overflow:auto;padding:0;position:absolute;transform:translateY(100%);visibility:hidden;width:calc(100% + 1.25px)}.dropdown__item{cursor:pointer;max-width:100%;overflow:hidden;padding:15px;text-overflow:ellipsis}.dropdown__item:not(:last-child){border-bottom:.5px solid var(--color-neutral-30)}.dropdown__item--highlighted,.dropdown__item:hover{background-color:var(--color-primary);color:var(--color-white)}.dropdown__item span{margin-right:5px}.tag{background-color:#dde8f6;border-radius:3px;color:#4a90e2;display:inline-block;font-size:13px;font-weight:500;letter-spacing:.5px;margin:5px 8px 5px 0;padding:4px 11px;text-transform:capitalize}.myinterview-text--XS{font-size:12px;line-height:20px}.myinterview-text--S{font-size:14px;line-height:22px}.myinterview-text--M{font-size:16px;line-height:24px}.myinterview-text--L{font-size:18px;line-height:26px}.myinterview-text--H3{font-size:20px;line-height:28px}.myinterview-text--H2{font-size:24px;line-height:32px}.myinterview-text--H1{font-size:30px;line-height:38px}.myinterview-text--D3{font-size:38px;line-height:46px}.myinterview-text--D2{font-size:48px;line-height:54px}.myinterview-text--D1{font-size:56px;line-height:64px}.myinterview-text--regular{font-weight:400}.myinterview-text--semibold{font-weight:600}.myinterview-text--bold{font-weight:700}.myinterview-text--italic{font-style:italic}.myinterview-text--truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-switch{align-items:center;border-radius:99999px;cursor:pointer;display:flex;position:relative;transition:.2s}.toggle-switch__indicator{border-radius:50%;height:.65em;left:10%;position:absolute;transition:.2s;width:.65em}.toggle-switch__indicator--active{left:90%;transform:translateX(-100%)}.toggle-switch:active .toggle-switch__indicator{height:.5em;width:.5em}.toggle-text{align-items:center;cursor:pointer;display:flex;justify-content:center;width:fit-content}.toggle-text__arrow-wrapepr{align-items:center;display:flex;margin-left:5px;transition:.25s ease-in-out;width:1em}.toggle-text__arrow-wrapepr--opened{transform:rotate(-180deg)}.progress{align-items:center;border-radius:50%;display:flex;height:1em;justify-content:center;width:1em}.progress__fill{border-radius:50%;height:.7em;width:.7em}.input-text{display:flex;flex-direction:column;flex-grow:1}.input-text__field{border:.5px solid var(--color-neutral-30);border-radius:10px;font-size:14px;padding:14px 16px;width:100%}.input-text__field--with-icon{padding:14px 43px!important}.input-text__icon-container{margin:10px 12px;position:absolute}.input-text__icon-container i{vertical-align:-webkit-baseline-middle}.input-text__icon-container i svg{height:22px;width:22px}.input-text--error{border:1px solid var(--color-error)}.input-text__error-msg{color:var(--color-error);margin-top:3px}.dnd-wrapper{border:1px solid var(--color-neutral-30);border-radius:10px;height:50px;max-width:500px;padding:7px 10px;position:relative;transition:.3s ease-in-out;width:100%}.dnd-wrapper--rtl{direction:rtl}.dnd-wrapper--rtl .dnd-wrapper__placeholder{margin-left:0;margin-right:5px}.dnd-wrapper--rtl .dnd-wrapper__label .progress{margin-left:5px;margin-right:0}.dnd-wrapper--rtl .dnd-wrapper__text{margin-left:0;margin-right:5px}.dnd-wrapper--rtl .dnd-wrapper__icon--close{margin-left:0;margin-right:auto}.dnd-wrapper__placeholder{color:var(--color-neutral-50);font-size:14px;margin-left:5px}.dnd-wrapper__left-hand{align-items:flex-end;display:flex}.dnd-wrapper--scale{transform:scale(1.1)}.dnd-wrapper--border-solid{border:.5px solid var(--color-neutral-30)}.dnd-wrapper__label{align-items:center;display:flex;font-size:14px;height:100%;justify-content:center}.dnd-wrapper__label svg{height:16px;vertical-align:middle;width:16px}.dnd-wrapper__label--with-icon{justify-content:space-between}.dnd-wrapper__label--with-icon i{color:var(--color-neutral-60)}.dnd-wrapper__label--uploaded,.dnd-wrapper__label--uploading{justify-content:flex-start}.dnd-wrapper__label .progress{height:18px;margin-right:5px;width:18px}.dnd-wrapper__icon{align-items:center;display:flex}.dnd-wrapper__icon--clip{font-size:18px;transform:rotate(10deg) rotateX(180deg)}.dnd-wrapper__icon--close{cursor:pointer;margin-left:auto;z-index:10}.dnd-wrapper__text{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dnd-wrapper__input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.dnd-wrapper__input:disabled{cursor:auto}.myinterview-modal-wrapper{border-radius:4px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000f;left:50%;max-height:90vh;max-width:90vw;overflow:auto;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:30}.myinterview-modal-wrapper--fullscreen{border-radius:0;box-shadow:none;height:100vh;left:0;max-height:100vh;max-width:100vw;padding:0;top:0;transform:none;width:100vw}.myinterview-modal-wrapper__box{height:100%;max-height:100%;max-width:100%;overflow:auto;width:100%}.myinterview-modal-wrapper__close-btn{cursor:pointer;height:16px;position:absolute;right:20px;top:20px;width:16px}.myinterview-modal-wrapper-background{background-color:#0000001a;height:100vh;left:0;position:fixed;top:0;width:100vw}.phone-number{border:.5px solid var(--color-neutral-30);border-radius:10px;display:flex;position:relative}.phone-number--rtl{direction:rtl}.phone-number--rtl .input-text{direction:ltr}.phone-number--rtl .input-text input{text-align:end}.phone-number--rtl .dropdown{border-left:.5px solid var(--color-neutral-20);border-right:0!important}.phone-number--opened{border-radius:10px 10px 0 0!important}.phone-number--opened--up{border-radius:0 0 10px 10px!important}.phone-number .dropdown{border-right:.5px solid var(--color-neutral-20);padding:0 15px;width:75px}.phone-number .dropdown__selected-item{font-size:16px}.phone-number .dropdown--opened{border-radius:unset!important;box-shadow:unset!important}.phone-number .input-text{border:0;flex:1}.myinterview-logo-wrapper{max-height:400px}.myinterview-checkbox{align-items:center;border-radius:4px;border-style:solid;border-width:1px;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all .15s ease-out}.myinterview-checkbox__input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.myinterview-checkbox__checkmark{border-radius:50%;display:flex;height:100%;padding:2px;transform:scale(0);transition:.15s ease-out;width:100%}.myinterview-checkbox__checkmark--checked{border-radius:0;transform:scale(1)}.myinterview-checkbox__checkmark svg{height:100%;width:100%}.myinterview-widget-no-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.myinterview-widget-scroll-indicator::-webkit-scrollbar{display:initial!important;width:5px}.myinterview-widget-scroll-indicator::-webkit-scrollbar-thumb{background:var(--color-neutral-40)}@keyframes fade-in{0%{opacity:0}}:host{--myinterview-widget-dynamic-overflow:auto;--myinterview-widget-background-height:calc(40vh - 100px);--myinterview-widget-background-preview-display:none;--myinterview-widget-video-aspect-ratio:0.75;--myinterview-widget-camera-transform:translateZ(0) rotateY(180deg);--myinterview-widget-outer-width:530px;--myinterview-widget-recorder-border-radius:10px;--myinterview-widget-preview-video-border-radius:20px;--myinterview-background-opacity:0;--myinterview-widget-wrapper-padding:20px}@media (min-width:1200px){:host{--myinterview-widget-recorder-border-radius:20px;--myinterview-widget-preview-video-border-radius:10px;--myinterview-widget-video-aspect-ratio:1.77778;--myinterview-widget-wrapper-padding:10px}}.myinterview-widget{word-wrap:normal;--myinterview-widget-layout-top:0;--myinterview-widget-layout-right:0;--myinterview-widget-layout-bottom:0;--myinterview-widget-layout-left:0;border-collapse:initial;border-spacing:0;caption-side:top;cursor:auto;direction:ltr;empty-cells:show;font-size:1rem;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:normal;line-height:normal;list-style-image:none;list-style-position:outside;list-style-type:disc;orphans:2;quotes:initial;tab-size:8;text-align:initial;text-align-last:auto;text-decoration-color:initial;text-indent:0;text-justify:auto;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;widows:2;word-break:normal;word-spacing:normal}.myinterview-widget *,.myinterview-widget :after,.myinterview-widget :before{box-sizing:border-box;font-family:Nunito Sans,sans-serif;margin:0}.myinterview-widget__layout{background-color:var(--color-white);border-radius:0;bottom:0;display:flex;flex-direction:column;left:0;max-height:100%;padding:20px 20px 0;position:fixed;right:0;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:2147483000}.myinterview-widget__layout--animated{animation:myinterview-widget-open .4s ease-out;-webkit-animation:myinterview-widget-open .4s ease-out;-moz-animation:myinterview-widget-open .4s ease-out;-o-animation:myinterview-widget-open .4s ease-out}.myinterview-widget__layout--minimized{animation:myinterview-widget-minimize .5s ease-in-out forwards;-webkit-animation:myinterview-widget-minimize .5s ease-in-out forwards;-moz-animation:myinterview-widget-minimize .5s ease-in-out forwards;-o-animation:myinterview-widget-minimize .5s ease-in-out forwards;overflow:hidden}.myinterview-widget__layout--minimized>*{opacity:0;transition:opacity .2s ease-out}@media (min-width:480px){.myinterview-widget__layout{display:grid;grid-template-columns:minmax(20px,1fr) minmax(auto,480px) minmax(20px,1fr);padding:20px 0 0}.myinterview-widget__layout>*{grid-column:2}.myinterview-widget__layout>.full{grid-column:1/-1;padding:0}}@media (min-width:1200px){.myinterview-widget__layout{grid-template-columns:10px 1fr 10px;padding:50px 0}}@keyframes myinterview-widget-open{0%{background-color:var(--color-primary);border-radius:10px;bottom:var(--myinterview-widget-layout-bottom);left:var(--myinterview-widget-layout-left);min-height:45px;overflow:hidden;padding:0;right:var(--myinterview-widget-layout-right);top:var(--myinterview-widget-layout-top)}50%{background-color:var(--color-white)}}@keyframes myinterview-widget-minimize{90%{border-radius:10px;bottom:var(--myinterview-widget-layout-bottom);left:var(--myinterview-widget-layout-left);min-height:45px;opacity:1;padding:0;right:var(--myinterview-widget-layout-right);top:var(--myinterview-widget-layout-top);z-index:2147483000}99%{opacity:0}to{background-color:var(--color-primary);border-radius:10px;bottom:var(--myinterview-widget-layout-bottom);left:var(--myinterview-widget-layout-left);min-height:45px;opacity:0;padding:0;right:var(--myinterview-widget-layout-right);top:var(--myinterview-widget-layout-top);z-index:-1}}.myinterview-widget-icons__play-button{cursor:pointer;position:relative}.myinterview-widget-icons__play-button svg{color:var(--color-primary)}.myinterview-widget-icons__play-button svg path{transition:d .4s ease-out;-webkit-transition:d .4s}.myinterview-widget-icons__play-button svg rect{transition:rx .4s;-webkit-transition:rx .4s}.myinterview-widget-icons__loading{background-color:currentColor;border-radius:50%;height:38px;overflow:hidden;position:relative;transform:translateZ(0);width:38px}.myinterview-widget-icons__loading:after{animation:slide 1s infinite;background:linear-gradient(to right,currentColor,var(--color-neutral-10),currentColor);content:\"\";height:100%;left:-50px;position:absolute;width:100%}.myinterview-widget-icons__no-camera-mic{align-items:center;background-color:#eff6fe;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.myinterview-widget-icons__no-camera-mic__camera,.myinterview-widget-icons__no-camera-mic__mic{align-items:center;border-radius:4px;display:flex;height:28px;justify-content:center;position:absolute;width:28px}.myinterview-widget-icons__no-camera-mic__camera svg,.myinterview-widget-icons__no-camera-mic__mic svg{height:20px;width:20px}.myinterview-widget-icons__no-camera-mic__camera{background-color:var(--color-primary);color:var(--color-white);transform:translate(-35%,-35%)}.myinterview-widget-icons__no-camera-mic__mic{background-color:var(--color-white);color:var(--color-primary);transform:translate(35%,35%)}.myinterview-widget__wrapper{-ms-overflow-style:none;display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative;scrollbar-width:none}.myinterview-widget__wrapper ::-webkit-scrollbar,.myinterview-widget__wrapper::-webkit-scrollbar{display:none}.myinterview-widget__wrapper--hide-header .myinterview-widget-header{visibility:hidden}.myinterview-widget__background{background:linear-gradient(50.24deg,var(--color-primary) 0,var(--color-special) 75%);height:var(--myinterview-widget-background-height);left:0;opacity:var(--myinterview-background-opacity);overflow:hidden;position:absolute;top:0;transition:opacity .5s;width:100%}.myinterview-widget__background:before{border:6vh solid hsla(0,0%,100%,.267);border-radius:50%;content:\"\";height:30vh;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:30vh}.myinterview-widget__background:after{background-color:var(--color-white);border-radius:20px 20px 0 0;bottom:0;content:\"\";display:var(--myinterview-widget-background-preview-display);height:20px;position:absolute;width:100%}@media (min-width:1200px){.myinterview-widget__background:after{display:none}.myinterview-widget__background{height:100vh;left:auto;right:0;width:calc(100% - var(--myinterview-widget-outer-width))}.myinterview-widget__background:before{border:12vh solid hsla(0,0%,100%,.267);height:70vh;width:70vh}}.myinterview-widget__watermark{display:none}@media (min-width:1200px){.myinterview-widget__watermark{bottom:20px;display:flex;height:64px;left:20px;position:absolute}}.myinterview-widget__background-dots{display:none}@media (min-width:1200px){.myinterview-widget__background-dots{background-image:radial-gradient(hsla(0,0%,100%,.467) 15%,#0000 0);background-position:0 0,50px 50px;background-size:20px 20px;bottom:0;display:flex;height:200px;position:absolute;right:0;width:200px}}.myinterview-widget__views{--myinterview-widget-views-margin-top:0px;--myinterview-widget-practice-opacity:1;-webkit-overflow-scrolling:touch;color:var(--color-primary);display:flex;flex:1;flex-direction:column;overflow-y:var(--myinterview-widget-dynamic-overflow);scroll-snap-type:y mandatory;z-index:20}.myinterview-widget__views--uploading{gap:0;justify-content:center;margin-bottom:30px}@media (min-width:1200px){.myinterview-widget__views{align-items:start;flex:initial;flex:1;flex-direction:row-reverse;gap:0;justify-content:flex-end;overflow:hidden;padding:0;scroll-snap-type:none}.myinterview-widget__views--uploading{margin-bottom:0}}.myinterview-widget__views--rtl .myinterview-widget--rtl-support{direction:rtl}.myinterview-widget-recording-action-button{margin-bottom:20px;min-height:45px;position:relative;scroll-snap-align:end;z-index:1}@media (min-width:1200px){.myinterview-widget-recording-action-button{display:none}}.myinterview-widget-recording-action-button--video-question:disabled{display:none!important}.myinterview-widget-recording-action-button--stop-recording{border:1px solid var(--color-neutral-40)!important}@media (min-width:1200px){.myinterview-widget-recording-action-button--stop-recording{border:none!important}}.myinterview-widget-rotate-screen{align-items:center;animation:fade-in .3s;background-color:var(--color-white);display:none;height:100%;justify-content:center;left:0;padding:20px!important;position:absolute;top:0;width:100%;z-index:400}.myinterview-widget-rotate-screen svg{flex:0;margin-right:40px;min-width:120px}@media screen and (orientation:landscape){.myinterview-widget-rotate-screen{display:flex}}.myinterview-widget-unsupported-modal{align-items:center;background-color:var(--color-white);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:absolute;top:0;width:100%;z-index:400}.myinterview-widget-unsupported-modal__message{text-align:center}.myinterview-widget-minimize{color:var(--color-white);cursor:pointer;display:none;height:20px;position:fixed;right:30px;top:30px;width:20px;z-index:50}@media (min-width:1024px){.myinterview-widget-minimize{display:flex}}.myinterview-widget-header{display:flex;flex-wrap:wrap;gap:18px;height:fit-content;margin:0 0 20px;max-height:112px;max-width:100%;overflow:hidden;transition:all .2s}.myinterview-widget-header--hidden{height:0;margin:0;overflow:hidden}@media (min-width:1200px){.myinterview-widget-header--hidden{height:fit-content;margin:0 0 20px}}.myinterview-widget-header__logo{height:48px}.myinterview-widget-header__logo img{flex-shrink:1;max-height:100%;max-width:100%;object-fit:contain;overflow:hidden}.myinterview-widget-header__details-wrapper{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;letter-spacing:.2px;max-width:100%;min-width:60%;overflow:hidden}@media (min-width:1200px){.myinterview-widget-header{display:none;max-width:var(--myinterview-widget-outer-width);overflow:visible;padding-left:20px}.myinterview-widget-header__company-name{color:var(--color-neutral-50)}.myinterview-widget-header__job-title{color:var(--color-neutral-90)}}.myinterview-widget-header--desktop-layout{display:none}@media (min-width:1200px){.myinterview-widget-header--desktop-layout{display:flex;min-height:48px}}.myinterview-widget-inner{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;min-height:min((100vw - 40px) * 1/var(--myinterview-widget-video-aspect-ratio),480px * 1/var(--myinterview-widget-video-aspect-ratio));position:relative;scroll-snap-align:start;z-index:1}.myinterview-widget-inner--no-snap{scroll-snap-align:none}@media (min-width:1200px){.myinterview-widget-inner{background-color:var(--color-white);border-radius:var(--myinterview-widget-recorder-border-radius);box-shadow:0 4px 14px -2px #00000026;height:calc((100vw - 20px - var(--myinterview-widget-outer-width))*9/16);margin:auto;max-height:440px;max-width:782.2222222222px;min-height:auto;overflow:hidden;width:100%}}.myinterview-widget-inner--hidden{max-height:0;min-height:0;overflow:hidden;visibility:hidden}.myinterview-widget-inner--welcome-hidden{aspect-ratio:16/9;visibility:hidden;width:100%}.myinterview-widget-inner__content{aspect-ratio:var(--myinterview-widget-video-aspect-ratio);border-radius:var(--myinterview-widget-recorder-border-radius);display:flex;flex-direction:column;height:calc(100% - var(--myinterview-widget-views-margin-top));max-height:100%;max-width:fit-content;min-height:200px;min-width:200px;overflow:hidden;position:sticky;top:0}.myinterview-widget-inner__content--full-width{min-width:100%}@media (min-width:1200px){.myinterview-widget-inner__content{height:100%;max-width:100%;position:relative;width:100%}}.myinterview-widget-inner__content--error{display:flex;flex:1;flex-direction:column;height:calc(100% - var(--myinterview-widget-views-margin-top));max-width:100%;min-height:fit-content;width:100%}.myinterview-widget-inner .myinterview-widget-explanation{align-items:center;background-color:#fffffff2;border-radius:var(--myinterview-widget-recorder-border-radius);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:absolute;text-align:center;white-space:pre-line;width:100%;z-index:1}.myinterview-widget-inner .myinterview-widget-explanation .myinterview-widget-question__question-parameters{margin-bottom:15px}.myinterview-widget-inner .myinterview-widget-explanation__main{margin-bottom:15px;max-width:50ch}.myinterview-widget-inner .myinterview-widget-explanation__header{margin-bottom:15px}.myinterview-widget-inner .myinterview-widget-times-up{align-items:center;background-color:var(--color-white);display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center;padding:20px;text-align:center}.myinterview-widget-inner .myinterview-widget-times-up__button{margin-top:50px}@media (min-width:1200px){.myinterview-widget-inner .myinterview-widget-times-up__button,.myinterview-widget-inner .myinterview-widget-times-up__title{margin-top:auto}}.myinterview-widget-inner .myinterview-widget-recording-action-button{display:none}@media (min-width:1200px){.myinterview-widget-inner .myinterview-widget-recording-action-button{bottom:20px;display:block;left:50%;margin:0;position:absolute;transform:translate(-50%);white-space:nowrap;width:fit-content;z-index:20}}.myinterview-widget-inner--video-question-state,.myinterview-widget-inner--welcome-page-state{min-height:fit-content;min-width:100%}.myinterview-widget-inner--video-question-state .myinterview-widget-inner__content,.myinterview-widget-inner--welcome-page-state .myinterview-widget-inner__content{aspect-ratio:auto;height:auto}@media (min-width:1200px){.myinterview-widget-inner--video-question-state,.myinterview-widget-inner--welcome-page-state{min-width:auto}.myinterview-widget-inner--video-question-state .myinterview-widget-recording-action-button,.myinterview-widget-inner--welcome-page-state .myinterview-widget-recording-action-button{bottom:70px}}.myinterview-widget-inner--full{flex:1;scroll-snap-align:none}.myinterview-widget-inner--full .myinterview-widget-inner__content{flex:1;height:max-content;max-width:100%;width:100%}@media (min-width:1200px){.myinterview-widget-inner--full{flex:auto}}.myinterview-widget-outer{border-radius:10px;display:flex;flex-direction:column;padding-bottom:20px;scroll-snap-align:end}.myinterview-widget-outer--no-snap{scroll-snap-align:none}.myinterview-widget-outer--hidden{display:none}.myinterview-widget-outer--uploading{flex:0;padding:0}@media (min-width:1200px){.myinterview-widget-outer{background-color:initial;flex:none;height:100%;padding:0 20px 0 0!important;width:var(--myinterview-widget-outer-width)}.myinterview-widget-outer>*{padding:0 20px}.myinterview-widget-outer--hidden{display:flex}.myinterview-widget-outer--uploading{padding:0}}.myinterview-widget-outer .myinterview-widget-question{background-color:#fffffff2;border-radius:10px;margin:0 auto;transition:opacity .25s;width:100%}@media (min-width:1200px){.myinterview-widget-outer .myinterview-widget-question{padding:40px 20px 0}.myinterview-widget-outer .myinterview-widget-question__question{font-size:26px;line-height:36px}}.myinterview-widget-outer--hide-question .myinterview-widget-question{display:none}.myinterview-widget-outer__setup{display:flex;flex:1;flex-direction:column}.myinterview-widget-outer__title{margin-bottom:15px}.myinterview-widget-outer__mode-wrapper{background-color:var(--color-white);bottom:0;display:flex;justify-content:space-around;margin-top:15px;padding:10px 0;position:sticky}.myinterview-widget-outer__mode-wrapper:before{background-color:var(--color-white);content:\"\";height:40px;left:0;mask-image:linear-gradient(#0000,var(--color-black));-webkit-mask-image:linear-gradient(#0000,var(--color-black));mask-mode:alpha;position:absolute;top:0;transform:translateY(-100%);width:100%}@media (min-width:1200px){.myinterview-widget-outer__mode-wrapper{background-color:initial;flex-direction:column;justify-content:flex-start;padding:0;position:static;width:65%}.myinterview-widget-outer__mode-wrapper:after,.myinterview-widget-outer__mode-wrapper:before{display:none}}.myinterview-widget-outer__mode-button{letter-spacing:.5px;max-width:42%!important;min-width:100px!important;padding:0 15px!important;width:150px!important}.myinterview-widget-outer__mode-button--start{border:1px solid!important}.myinterview-widget-outer__mode-button--single{background-color:var(--color-special);color:var(--color-white);max-width:100%!important;width:100%!important}@media (min-width:1200px){.myinterview-widget-outer__mode-button{max-width:100%!important;min-width:150px!important;width:100%!important}.myinterview-widget-outer__mode-button:first-child{margin-bottom:20px}}.myinterview-widget-outer__practice-mode-info{margin-bottom:20px}.myinterview-widget-outer .myinterview-widget__countdown-mobile{display:none}.myinterview-widget-video-camera{border-radius:var(--myinterview-widget-recorder-border-radius);display:flex;flex:1;flex-direction:column;max-height:100%;position:relative;width:100%}@media (min-width:1200px){.myinterview-widget-video-camera{transform:translateZ(0) scale(1.005)}}.myinterview-widget-video-camera--hidden{display:none}.myinterview-widget-video-camera video{border-radius:var(--myinterview-widget-recorder-border-radius);object-fit:contain;overflow:hidden;transform:var(--myinterview-widget-camera-transform);-webkit-transform:var(--myinterview-widget-camera-transform);width:100%}.myinterview-widget-video-camera__recording-counter-wrapper{align-self:center;position:absolute;top:var(--myinterview-widget-wrapper-padding);width:70px;z-index:2}.myinterview-widget-video-camera__permissions{align-items:center;animation:fade-in .5s;background-color:#fffffff2;border-radius:var(--myinterview-widget-recorder-border-radius);color:var(--color-neutral-90);display:flex;height:100%;justify-content:center;padding:20px;position:absolute;width:100%;z-index:21}.myinterview-widget-video-camera__permissions-close{cursor:pointer;left:25px;position:absolute;top:25px;width:20px}.myinterview-widget-video-camera .myinterview-widget__microphone-indicator{align-items:center;background-color:var(--color-primary);border-radius:50%;bottom:18px;color:var(--color-white);display:flex;height:40px;isolation:isolate;justify-content:center;left:18px;padding:10px;position:absolute;width:40px}.myinterview-widget-video-camera .myinterview-widget__microphone-indicator--hidden{visibility:hidden}@media (min-width:1200px){.myinterview-widget-video-camera .myinterview-widget__microphone-indicator{bottom:25px;left:25px}}.myinterview-widget-video-camera .myinterview-widget__microphone-indicator:after{background:radial-gradient(#0000 40%,var(--color-primary) 90%);border-radius:50%;content:\"\";height:100%;position:absolute;transform:scale(var(--myinterview-widget-voice-level));transform-origin:center;width:100%;will-change:transform;z-index:-1}.myinterview-widget-video-camera .myinterview-widget__microphone-indicator svg{height:100%;width:100%}.myinterview-widget-video-camera .myinterview-widget__practice-mode{opacity:var(--myinterview-widget-practice-opacity);position:absolute;right:10px;top:10px;transition:opacity .3s}@media (min-width:1200px){.myinterview-widget-video-camera .myinterview-widget__practice-mode{opacity:1;right:25px;top:25px}}.myinterview-widget-video-camera .myinterview-widget__question-number{left:var(--myinterview-widget-wrapper-padding);top:var(--myinterview-widget-wrapper-padding);z-index:25}@media (min-width:1200px){.myinterview-widget-video-camera .myinterview-widget__question-number{letter-spacing:.5px}}.myinterview-widget-video-camera .myinterview-widget__countdown-desktop{display:none}.myinterview-widget-video-camera__watermark{height:50px;left:15px;opacity:.5;position:absolute;top:15px;width:120px}@media (min-width:1200px){.myinterview-widget-video-camera__watermark{left:25px;top:25px}}.myinterview-widget-recorder-modal{align-items:center;animation:fade-in .5s;background-color:#fffffff2;border-radius:var(--myinterview-widget-recorder-border-radius);bottom:0;color:var(--color-neutral-90);display:flex;filter:drop-shadow(0 0 0 rgba(0,0,0,.2));justify-content:center;left:0;min-height:100%;overflow:hidden;padding:var(--myinterview-widget-wrapper-padding);position:absolute;right:0;text-align:center;top:0;z-index:20}.myinterview-widget-recorder-modal__content-wrapper{align-items:center;display:flex;flex-direction:column;gap:5px;letter-spacing:.5px}@media (min-width:1200px){.myinterview-widget-recorder-modal__content-wrapper{max-width:700px}}.myinterview-widget-recorder-modal__question{max-width:100%;overflow:hidden;overflow-wrap:break-word;text-align:start}@media (min-width:1200px){.myinterview-widget-recorder-modal__question{text-align:center}.myinterview-widget-recorder-modal__question .myinterview-widget__question-duration{justify-content:center}}.myinterview-widget-checks{display:flex;flex-direction:column}.myinterview-widget-checks__item{align-items:center;display:flex;gap:20px;margin-bottom:20px}.myinterview-widget-checks__icon{align-items:center;display:flex;height:100%;justify-content:center;width:40px}.myinterview-widget-checks__text-wrapper{display:flex;flex-direction:column}.myinterview-widget-checks__retry{background-color:initial;border:0;cursor:pointer;margin-left:10px;text-decoration:underline}.myinterview-widget-preview__container{background-color:var(--color-white);display:flex;flex-direction:column;min-height:100%;padding-top:var(--myinterview-widget-wrapper-padding);position:relative;width:100%}@media (min-width:1200px){.myinterview-widget-preview__container{max-height:100%;padding:var(--myinterview-widget-wrapper-padding)}}.myinterview-widget-preview__container .myinterview-widget__question-number{margin-bottom:var(--myinterview-widget-wrapper-padding);position:relative}.myinterview-widget-preview__container .myinterview-widget-errors{animation:fade-in .3s;background-color:var(--color-white);bottom:0;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0;transform:translateZ(150px);-webkit-transform:translateZ(150px);z-index:150}.myinterview-widget-preview__title{margin-bottom:30px;text-align:center}@media (min-width:1200px){.myinterview-widget-preview__title{color:var(--color-neutral-90);margin-bottom:12px}}.myinterview-widget-preview__background{animation:background-fade-in .3s ease-out;background-color:#000000e6;height:100%;isolation:isolate;left:0;position:fixed;top:0;transform:translateZ(150px);width:100%;z-index:150}@keyframes background-fade-in{0%{background-color:#0000;transform:translateZ(-2px);z-index:-2}}.myinterview-widget-preview__close{background-color:var(--color-neutral-60);border-radius:2.5rem;bottom:1vh;left:50%;padding:3px 8px;pointer-events:none;position:absolute;transform:translateX(-50%)}.myinterview-widget-preview__main{animation:fade-in .5s;display:flex;height:350px;margin:auto;overflow:hidden;position:relative;touch-action:pan-y;width:100%;z-index:1}.myinterview-widget-preview__items-wrapper{--myinterview-widget-preview-transform-x:0;--myinterview-widget-preview-item-transition:0ms;--myinterview-widget-item-width:100%;box-sizing:initial;display:flex;margin-bottom:10px;position:relative;transition-duration:0ms;transition-property:transform;width:100%;z-index:2}.myinterview-widget-preview__items-wrapper--centered{justify-content:center}.myinterview-widget-preview__item{display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;padding:2%;position:relative;transition:transform var(--myinterview-widget-preview-item-transition);width:var(--myinterview-widget-item-width);z-index:1}.myinterview-widget-preview__item--current{z-index:2}.myinterview-widget-preview__item--single-take{flex:1;max-width:50%}.myinterview-widget-preview__video-wrapper{border:0 solid var(--color-primary);border-radius:var(--myinterview-widget-preview-video-border-radius);display:flex;margin:0 auto;opacity:1;overflow:hidden;position:relative;transition-delay:.29s;z-index:3}.myinterview-widget-preview__video-wrapper--mobile{aspect-ratio:var(--myinterview-widget-video-aspect-ratio);height:100%}@media (min-width:1200px){.myinterview-widget-preview__video-wrapper{border-radius:var(--myinterview-widget-preview-video-border-radius);margin:0}}.myinterview-widget-preview__video-wrapper:before{background-color:rgba(0,0,0,.267);border-radius:var(--myinterview-widget-preview-video-border-radius);content:\"\";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateZ(1px);transition:background-color .3s;width:100%;z-index:1}.myinterview-widget-preview__video-wrapper--current:before,.myinterview-widget-preview__video-wrapper--preview:before,.myinterview-widget-preview__video-wrapper:hover:before{background-color:#0000;pointer-events:none}.myinterview-widget-preview__video-wrapper--preview-mobile{opacity:0}.myinterview-widget-preview__video-wrapper:after{border:0 solid var(--color-primary);border-radius:var(--myinterview-widget-preview-video-border-radius);content:\"\";height:100%;pointer-events:none;position:absolute;transition:.15s;width:100%}@media (min-width:1200px){.myinterview-widget-preview__video-wrapper:after{border-radius:var(--myinterview-widget-preview-video-border-radius)}}.myinterview-widget-preview__video-wrapper--selected:before{background-color:#0000;z-index:-1}.myinterview-widget-preview__video-wrapper--selected:after{border:3px solid var(--color-primary)}.myinterview-widget-preview__video{cursor:pointer;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%}.myinterview-widget-preview__dynamic-video{--myinterview-preview-video-top:50%;--myinterview-preview-video-left:50%;--myinterview-preview-video-width:0%;--myinterview-preview-video-height:0%;border-radius:var(--myinterview-widget-preview-video-border-radius);height:var(--myinterview-preview-video-height);left:var(--myinterview-preview-video-left);position:fixed;top:var(--myinterview-preview-video-top);transform:translateZ(-1px);transition:all .3s ease-out;transition-delay:.01s;visibility:hidden;width:var(--myinterview-preview-video-width);z-index:-1}.myinterview-widget-preview__dynamic-video--preview{border-radius:0;height:100%;left:0;max-height:70vh;top:46%;transform:translate3d(0,-50%,200px);visibility:visible;width:100%;z-index:200}.myinterview-widget-preview__number-wrapper{align-items:center;cursor:pointer;display:flex;gap:5px;margin:7px auto 0;position:relative;width:fit-content}@media (min-width:1200px){.myinterview-widget-preview__number-wrapper{margin:7px 0 0}}.myinterview-widget-preview__selected-check-mark{align-items:center;border:1px solid var(--color-neutral-60);border-radius:50%;display:flex;height:20px;justify-content:center;overflow:hidden;padding:1px;pointer-events:none;position:relative;width:20px}.myinterview-widget-preview__selected-check-mark svg{transform:scale(0);-webkit-transform:scale(0);transition:.15s ease-out}.myinterview-widget-preview__selected-check-mark--selected{border:1px solid var(--color-primary)}.myinterview-widget-preview__selected-check-mark--selected svg{transform:scale(1);-webkit-transform:scale(1)}.myinterview-widget-preview__dots-wrapper{align-items:center;display:flex;height:20px;justify-content:center;width:100%}.myinterview-widget-preview__dot{background-color:var(--color-neutral-20);border-radius:50%;cursor:pointer;height:10px;margin:0 7px;position:relative;transition:.3s ease-out;width:10px}.myinterview-widget-preview__dot--selected{background-color:var(--color-primary);cursor:auto;transform:scale(1.5);-webkit-transform:scale(1.5)}.myinterview-widget-preview__play-container{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.myinterview-widget-preview__play-button-wrapper{left:50%;top:50%;transform:translateZ(1px);transition:opacity .3s;width:60px}@media (min-width:1200px){.myinterview-widget-preview__play-button-wrapper{max-width:76px;width:25%}}.myinterview-widget-preview__horizontal-line{display:none}@media (min-width:1200px){.myinterview-widget-preview__horizontal-line{background-color:#bdbdbd;display:block;height:1px;margin:15px auto;width:50%}}.myinterview-widget-preview__preview-buttons{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:10px;margin-top:33px;max-width:100%}@media (min-width:1200px){.myinterview-widget-preview__preview-buttons{gap:10px;margin-top:auto}}.myinterview-widget-preview__preview-buttons-top{display:flex;gap:10px;justify-content:space-evenly;max-width:100%;width:100%}@media (min-width:1200px){.myinterview-widget-preview__preview-buttons-top{justify-content:center;width:auto}}.myinterview-widget-preview__preview-button{max-width:45%;min-width:100px;width:150px}.myinterview-widget-preview__preview-button--retake{align-items:center;border:1px solid var(--color-neutral-30);display:flex;justify-content:center;max-width:100%}.myinterview-widget-preview__preview-button--start-interview{background-color:initial;color:var(--color-primary);font-size:13px;max-height:30px;max-width:max-content;padding:0;width:max-content}@media (min-width:1200px){.myinterview-widget-preview__preview-button{flex:1;max-height:42px;min-width:150px}}.myinterview-widget-preview__retakes-wrapper{max-width:45%;min-width:100px;text-align:center;width:150px}@media (min-width:1200px){.myinterview-widget-preview__retakes-wrapper{max-height:42px;min-width:150px}}.myinterview-widget-preview__retakes-left{color:var(--color-neutral-60)}.myinterview-widget-preview__arrow{align-items:center;animation:fade-in .3s;display:flex;height:100%;justify-content:center;min-width:40px;position:absolute;right:0;z-index:5}@media (min-width:1200px){.myinterview-widget-preview__arrow{min-width:4%}.myinterview-widget-preview__arrow:before{background-color:#fff;content:\"\";height:100%;left:0;mask-image:linear-gradient(to right,#0000,var(--color-black));-webkit-mask-image:linear-gradient(to right,#0000,var(--color-black));position:absolute;transform:translateX(5px);width:100%}}.myinterview-widget-preview__arrow--prev{left:0;right:auto;transform:translateZ(5px) rotateY(180deg)}@media (min-width:1200px){.myinterview-widget-preview__arrow--prev{transform:translateZ(5px) rotateY(180deg)}}.myinterview-widget-preview__arrow-icon-wrapper{align-items:center;background-color:var(--color-white);border:1px solid var(--color-neutral-30);border-radius:50%;color:var(--color-neutral-90);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transform:translateY(-11px);width:36px}@media (min-width:1200px){.myinterview-widget-preview__arrow-icon-wrapper{box-shadow:0 4px 30px #00000026}}.myinterview-widget-video-question{aspect-ratio:16/9;background-color:var(--color-black);border-radius:var(--myinterview-widget-recorder-border-radius);height:fit-content;isolation:isolate;margin:auto;overflow:hidden;position:relative;width:100%;z-index:1}@media (min-width:1200px){.myinterview-widget-video-question{height:100%}}.myinterview-widget-video-question--hidden{position:absolute;visibility:hidden;z-index:-1}.myinterview-widget-video-question--loading{background-color:hsla(0,0%,100%,.467)}.myinterview-widget-video-question--loading:before{animation:slide 1.5s infinite;background:linear-gradient(to right,#0000,var(--color-neutral-10),#0000);content:\"\";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:-1}@media (min-width:1200px){.myinterview-widget-video-question--loading{background-color:#ccd7f5}}.myinterview-widget-video-question:after{content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.myinterview-widget-video-question--done:after{background-color:var(--color-black)}.myinterview-widget-video-question__play-button-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:transform .2s ease-out,opacity .3s ease-out;width:clamp(50px,15vw,76px);z-index:1}.myinterview-widget-video-question__play-button-wrapper--hidden{opacity:0;pointer-events:none;touch-action:none;transform:translate(-50%,-50%) scale(1.3);-webkit-transform:translate(-50%,-50%) scale(1.3)}.myinterview-widget-video-question__controls{align-items:center;bottom:0;display:flex;justify-content:center;left:0;margin:10px 12px;position:absolute;right:0;transition:opacity .2s,transform .2s;z-index:1}.myinterview-widget-video-question__controls--inactive{opacity:0;pointer-events:none;touch-action:none;transform:translateY(25%)}.myinterview-widget-video-question__controls>:not(:last-child){margin-right:15px}.myinterview-widget-video-question__controls .myinterview-widget-video-question__control-play-button{min-width:40px;width:50px}.myinterview-widget-video-question__controls .myinterview-widget-video-question__control-play-button .myinterview-widget-icons svg{color:var(--color-white)}.myinterview-widget-video-question__timebar-counter-wrapper{width:100%}.myinterview-widget-video-question__counter-wrapper{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:var(--color-neutral-90);color:var(--color-white);font-size:13px;font-weight:700}.myinterview-widget-video-question__time-bar{background-color:hsla(0,0%,100%,.467);border-radius:2.5rem;cursor:pointer;height:10px;margin-bottom:5px;position:relative;width:100%}.myinterview-widget-video-question__time-bar--disabled{cursor:auto;pointer-events:none}.myinterview-widget-video-question__time-bar:before{content:\"\";height:30px;left:0;position:absolute;top:0;transform:translateY(-30%);width:100%}@media (min-width:1200px){.myinterview-widget-video-question__time-bar:before{display:none}}.myinterview-widget-video-question__time-bar-progress{background-color:var(--color-primary);border-radius:2.5rem;height:100%;position:absolute;transition:width .25s linear}.myinterview-widget-video-question__time-bar-progress:after{background-color:var(--color-primary);border-radius:50%;content:\"\";height:15px;left:100%;pointer-events:none;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:15px}.myinterview-widget-video-question__time-bar-progress--changing{transition:none}.myinterview-widget-video-question__time-bar-progress--unchangeable{cursor:auto}.myinterview-widget-video-question__time-bar-progress--unchangeable:after{display:none}.myinterview-widget-video-question__retry-button{margin-top:20px;width:100%;z-index:2}.myinterview-widget-video-question__retry-button--hidden{position:absolute;visibility:hidden;z-index:-1}@media (min-width:1200px){.myinterview-widget-video-question__retry-button{bottom:70px;left:50%;margin:0 auto;position:absolute;transform:translateX(-50%);width:fit-content}}@keyframes slide{50%{opacity:.9}to{left:100%;opacity:1}}.myinterview-widget-device{align-items:center;background-color:var(--color-white);border-radius:50%;color:var(--color-neutral-90);display:flex;height:40px;justify-content:center;position:absolute;right:18px;width:40px}.myinterview-widget-device__mobile{bottom:18px}.myinterview-widget-device__desktop{right:18px;top:18px;z-index:30}@media (min-width:1200px){.myinterview-widget-device__desktop{right:25px;top:25px}}.myinterview-widget-device__menu-button{align-items:center;background-color:initial;border:none;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.myinterview-widget-device__modal{--myinterview-widget-select-device-height:48px;background-color:var(--color-white);border-radius:20px;bottom:-15px;box-shadow:0 2px 12px -4px #0000001a;max-width:400px;min-width:300px;position:absolute;right:-12px;transform:translateY(100%)}.myinterview-widget-device__modal:before{background-color:var(--color-white);border-radius:5px;content:\"\";height:20px;position:absolute;right:22px;top:-8px;transform:rotate(45deg);width:20px}.myinterview-widget-device__select-wrapper{display:flex;flex-direction:column;overflow:hidden;padding:20px}.myinterview-widget-device__select-group{display:flex;flex-direction:column}.myinterview-widget-device__select-group:not(:last-child):after{background-color:var(--color-neutral-20);content:\"\";height:1px;margin:10px 0;width:100%}.myinterview-widget-device__selected-device{cursor:pointer;display:flex;height:var(--myinterview-widget-select-device-height);width:100%}.myinterview-widget-device__select-icon{align-items:center;display:flex;min-width:40px}.myinterview-widget-device__select-icon svg{height:20px;width:20px}.myinterview-widget-device__selected-title-wrapper{flex:1;overflow:hidden;padding-right:23px}.myinterview-widget-device__selected-title{line-height:var(--myinterview-widget-select-device-height)!important;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.myinterview-widget-device__arrow{align-items:center;display:flex;margin-left:auto;transform:rotate(0);transition:.2s}.myinterview-widget-device__arrow--open{transform:rotate(-180deg)}.myinterview-widget-device__select-list{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.myinterview-widget-device__select-list--open{max-height:calc(var(--myinterview-widget-select-device-height)*2);overflow:auto;transition:max-height .2s ease-in}.myinterview-widget-device__select-option{border-radius:4px;cursor:pointer;line-height:var(--myinterview-widget-select-device-height)!important;min-height:var(--myinterview-widget-select-device-height);overflow:hidden;padding:0 40px;text-overflow:ellipsis;white-space:nowrap}.myinterview-widget-device__select-option--selected,.myinterview-widget-device__select-option:hover{color:var(--color-primary)!important}.myinterview-widget-device__select-option--selected{background-color:rgba(90,164,245,.051)!important}.myinterview-widget__countdown-mobile{align-items:center;background-color:var(--color-white);border-radius:2.5rem;display:flex;height:25px;left:50%;padding:6px 10px;position:absolute;top:var(--myinterview-widget-wrapper-padding);transform:translateX(-50%);z-index:30}.myinterview-widget__countdown-mobile--red{color:var(--color-error)}@media (min-width:1200px){.myinterview-widget__countdown-mobile[hidden]{display:none}}.myinterview-widget__countdown-desktop{display:none}@media (min-width:1200px){.myinterview-widget__countdown-desktop{--myinterview-widget-p:100;--myinterview-widget-b:5px;--myinterview-widget-w:160px;align-items:center;display:flex;height:var(--myinterview-widget-w);justify-content:center;margin:auto;padding:0;position:relative;transform:rotateY(180deg);width:var(--myinterview-widget-w)}.myinterview-widget__countdown-desktop:after,.myinterview-widget__countdown-desktop:before{border-radius:50%;content:\"\";position:absolute}.myinterview-widget__countdown-desktop:before{background:radial-gradient(farthest-side,var(--color-primary) 100%,#0000) top/var(--myinterview-widget-b) var(--myinterview-widget-b) no-repeat,conic-gradient(var(--color-primary) calc((var(--myinterview-widget-p))*1%),#0000 0);inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--myinterview-widget-b)),#000 calc(100% - var(--myinterview-widget-b)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--myinterview-widget-b)),#000 calc(100% - var(--myinterview-widget-b)));transition:all 1s}.myinterview-widget__countdown-desktop:after{background:var(--color-primary);inset:calc(50% - var(--myinterview-widget-b)/2);transform:rotate(calc(var(--myinterview-widget-p)*3.6deg)) translateY(calc(50% - var(--myinterview-widget-w)/2))}.myinterview-widget__countdown-desktop[hidden]{display:none}}.myinterview-widget__countdown-desktop .myinterview-widget__countdown-desktop-text{align-items:center;border:var(--myinterview-widget-b) solid #edf6fe;border-radius:50%;display:flex;height:100%;justify-content:center;position:absolute;transform:rotateY(180deg);width:100%;z-index:-1}.myinterview-widget-counter{align-items:center;background-color:var(--color-white);border-radius:2.5rem;color:var(--color-neutral-90);display:flex;gap:5px;height:25px;justify-content:center}.myinterview-widget-counter__dot{background-color:var(--color-error);border-radius:50%;height:10px;width:10px}.myinterview-widget-counter__clock{display:flex}.myinterview-widget-counter__timer{transition:color .25s}.myinterview-widget-counter__timer--red{color:#f45b2b}.myinterview-widget-loader{-webkit-animation:fade 1.6s infinite;-moz-animation:fade 1.6s infinite;-o-animation:fade 1.6s infinite;animation:fade 1.6s infinite;margin:auto;width:80px}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}@-o-keyframes fade{0%,to{opacity:0}50%{opacity:1}}@-moz-keyframes fade{0%,to{opacity:0}50%{opacity:1}}@-webkit-keyframes fade{0%,to{opacity:0}50%{opacity:1}}.myinterview-widget-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto}.myinterview-widget-error__message{margin-bottom:10px}.myinterview-widget-errors{align-items:center;display:flex;flex-direction:column;justify-content:center}.myinterview-widget-errors__icon{margin-bottom:15px}.myinterview-widget-errors__details,.myinterview-widget-errors__title{margin-bottom:5px}.myinterview-widget-errors__cta{cursor:pointer;margin-bottom:5px;position:relative;text-decoration:underline}.myinterview-widget-errors__cta .myinterview-widget-select-native{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.myinterview-widget-errors__cta--secondary{text-transform:capitalize}.myinterview-widget-slider-modal{animation:close-modal .3s forwards;bottom:0;height:100vh;height:-moz-available;height:-webkit-fill-available;height:stretch;left:0;min-height:100vh;min-height:-moz-available;min-height:-webkit-fill-available;min-height:stretch;overflow:hidden;position:fixed;width:100vw;z-index:50}.myinterview-widget-slider-modal__wrapper{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;width:100%}.myinterview-widget-slider-modal__top{min-height:100%;scroll-snap-align:start;touch-action:none}.myinterview-widget-slider-modal__bottom{background-color:var(--color-white);border-radius:20px 20px 0 0;display:flex;flex-direction:column;height:10%;isolation:isolate;min-height:10%;overflow:hidden;position:relative;scroll-snap-align:end;transition:min-height .5s,height .5s;visibility:hidden}.myinterview-widget-slider-modal__pill{background-color:var(--color-neutral-30);border-radius:2.5rem;margin:20px auto 32px;min-height:4px;width:60px}.myinterview-widget-slider-modal--open{animation:none;background-color:#0009;visibility:visible}.myinterview-widget-slider-modal--open .myinterview-widget-slider-modal__bottom{height:80%;min-height:80%;visibility:visible}@keyframes close-modal{0%{background-color:#0009}to{background-color:#0000;visibility:hidden}}.myinterview-widget-permissions__wrapper{display:flex;flex:1;flex-direction:column;margin:0 auto;max-height:100%;max-width:480px;overflow:auto;padding:0 20px 20px;width:100%}@media (min-width:1200px){.myinterview-widget-permissions__wrapper{padding:0 20px}}.myinterview-widget-permissions__icon-wrapper{align-items:center;background-color:#eff6fe;border-radius:50%;color:var(--color-primary);display:flex;justify-content:center;margin:0 auto 20px;min-height:70px;min-width:70px}.myinterview-widget-permissions__icon-wrapper svg{height:32px;width:32px}@media (min-width:1200px){.myinterview-widget-permissions__icon-wrapper{display:none!important}}.myinterview-widget-permissions__title{margin-bottom:20px;text-align:center}@media (min-width:1200px){.myinterview-widget-permissions__title{margin-bottom:15px}}.myinterview-widget-permissions__sub-title{margin-bottom:10px}.myinterview-widget-permissions__steps-wrapper{margin-bottom:15px;padding:0 20px}.myinterview-widget-permissions__step{font-size:14px;list-style:decimal;margin-bottom:10px}.myinterview-widget-permissions__step .text--bold{font-weight:700}.myinterview-widget-permissions__step .safari__key{background-color:var(--color-neutral-20);border-radius:2px;padding:2px 4px}.myinterview-widget-permissions__button{margin-top:auto;min-height:45px}.myinterview-widget-question{margin-bottom:10px;position:relative}.myinterview-widget-question>*{position:relative;z-index:1}.myinterview-widget-question__question{letter-spacing:.5px;margin-bottom:6px}.myinterview-widget-question__description{letter-spacing:.5px}.myinterview-widget-question__question-parameters{align-items:center;display:inline-flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.myinterview-widget-question__question-parameters>*{white-space:nowrap}.myinterview-widget-questions-list{display:none}@media (min-width:1200px){.myinterview-widget-questions-list{display:flex;flex-direction:column;overflow-y:auto;padding:0;position:relative}.myinterview-widget-questions-item{align-items:center;border-radius:0 4px 4px 0;display:flex;gap:20px;letter-spacing:.5px;max-width:100%;min-height:90px;overflow:hidden;padding:20px;position:relative}.myinterview-widget-questions-item__number{align-items:center;background-color:var(--color-neutral-20);border-radius:50%;color:var(--color-neutral-90);display:flex;height:38px;justify-content:center;min-width:38px}.myinterview-widget-questions-item__number--icon{background-color:var(--color-white);color:var(--color-primary)}.myinterview-widget-questions-item__wrapper{flex:1;overflow:hidden}.myinterview-widget-questions-item__question{display:flex;flex-direction:column;gap:2px;overflow:hidden}.myinterview-widget-questions-item__duration-wrapper{align-items:center;color:var(--color-neutral-50);display:flex;font-size:12px;gap:5px;line-height:20px}.myinterview-widget-questions-item__duration-wrapper *{font-size:12px;line-height:20px}.myinterview-widget-questions-item__duration-wrapper svg{width:15px}.myinterview-widget-questions-item--active{background-color:#f7fbff}.myinterview-widget-questions-item--active:before{background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:3px}.myinterview-widget-questions-item--active .myinterview-widget-questions-item__number{background-color:var(--color-white);border:1px solid var(--color-primary);color:var(--color-primary)}}.myinterview-widget-upload{align-items:center;background-color:var(--color-white);border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-height:500px;overflow:hidden;padding:40px;text-align:center;width:100%}@media (min-width:1200px){.myinterview-widget-upload{margin:0;min-height:360px}}.myinterview-widget-upload__icon{align-items:center;background-color:#5aa4f5;border:12px solid #d7e8fb;border-radius:50%;color:var(--color-white);display:flex;height:110px;justify-content:center;margin-bottom:30px;min-height:110px;position:relative;width:110px}.myinterview-widget-upload__icon:before{background-color:initial;border:12px solid #99c6f8;border-radius:50%;content:\"\";height:100%;position:absolute;width:100%}.myinterview-widget-upload__title{margin-bottom:20px}.myinterview-widget-upload__sub-title{margin-bottom:40px;white-space:pre-line}.myinterview-widget-upload__progress{margin-bottom:10px;width:100%}.myinterview-widget-upload__time-left{align-items:center;color:var(--color-neutral-90);display:flex;gap:10px}.myinterview-widget-top-tips{background-color:var(--color-white);color:var(--color-neutral-90);display:flex;flex-direction:column;padding:50px}.myinterview-widget-top-tips__title{margin-bottom:20px}.myinterview-widget-top-tips__tips{margin-bottom:10px;padding:0 15px}.myinterview-widget-top-tips li{margin-bottom:10px}.myinterview-widget__practice-mode{border-radius:2.5rem;height:36px;padding:5px 15px}.myinterview-widget__practice-mode,.myinterview-widget__recording-button{align-items:center;background-color:var(--color-white);display:flex;justify-content:center}.myinterview-widget__recording-button{border:1px solid var(--color-neutral-30);border-radius:50%;height:64px;width:64px}.myinterview-widget__recording-button-inner{background-color:var(--color-error);border-radius:50%;height:52px;width:52px}.myinterview-widget__recording-button-inner--stop{border-radius:2px;height:16px;width:16px}.myinterview-widget__question-number{display:flex;gap:5px;position:absolute}@media (min-width:1200px){.myinterview-widget__question-number{margin-left:10px}}.myinterview-widget__question-number-track{direction:ltr;display:flex;gap:5px}.myinterview-widget__question-duration{align-items:center;display:flex;gap:8px}.myinterview-widget__question-duration svg{height:1em;width:1em}.myinterview-widget__progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2.5rem;height:15px;overflow:hidden;width:100%}.myinterview-widget__progress::-webkit-progress-bar{background-color:#e7f1ef}.myinterview-widget__progress::-webkit-progress-value{background-color:var(--color-success);transition:.3s}.myinterview-widget__dot-separator{background-color:currentColor;border-radius:50%;height:3px;width:3px}.myinterview-widget-welcome-page{display:flex;flex-direction:column;gap:20px;height:100%;margin:30px 0;max-height:100%;overflow:auto;position:relative}@media (min-width:1200px){.myinterview-widget-welcome-page{padding:0 20px}}.myinterview-widget-welcome-page__text-wrapper{display:flex;flex-direction:column;position:relative}.myinterview-widget-welcome-page__text{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.myinterview-widget-welcome-page__text--closed{-webkit-line-clamp:4;line-clamp:4}.myinterview-widget-welcome-page__toggle{margin-left:auto}.myinterview-widget-welcome-page__action-buttons{display:flex;gap:20px;justify-content:space-between}.myinterview-widget-welcome-page__continue-button{flex:1;max-width:250px;min-width:fit-content}.myinterview-widget-welcome-page__top-tips-button{margin:0 auto}.myinterview-widget-welcome-page__top-tips{align-items:center;display:flex;gap:10px;justify-content:center}.myinterview-modal-wrapper{background-color:var(--color-white);border-radius:0;height:100vh;max-height:100%;max-width:500px;opacity:0;pointer-events:none;top:calc(50% + 40px);transition:top .2s ease-out,opacity .2s ease-out;width:100vw}@media (min-width:480px){.myinterview-modal-wrapper{border-radius:10px;height:auto}}.myinterview-modal-wrapper--opened{opacity:1;pointer-events:all;top:50%}.myinterview-modal-wrapper__close-btn{color:var(--color-neutral-90)}.myinterview-widget-assessment{--myinterview-widget-assessment-spacing:20px;background-color:var(--color-white);display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow:auto;padding:var(--myinterview-widget-wrapper-padding)}@media (min-width:1200px){.myinterview-widget-assessment{--myinterview-widget-assessment-spacing:7px;align-items:center}.myinterview-widget-assessment .myinterview-widget-question{display:none}}.myinterview-widget-assessment .myinterview-widget__question-number{align-self:flex-start;margin-bottom:var(--myinterview-widget-assessment-spacing);position:relative}.myinterview-widget-assessment__countdown-wrapper{display:flex;height:100%;justify-content:center;left:0;padding:var(--myinterview-widget-wrapper-padding);pointer-events:none;position:absolute;top:0;width:100%}.myinterview-widget-assessment__countdown-wrapper .myinterview-widget__countdown-mobile{background-color:var(--color-neutral-10);position:sticky;top:0}.myinterview-widget-assessment__instructions{margin-bottom:var(--myinterview-widget-assessment-spacing);z-index:1}@media (min-width:1200px){.myinterview-widget-assessment__instructions{text-align:center}}.myinterview-widget-assessment__free-text,.myinterview-widget-assessment__multi-select,.myinterview-widget-assessment__single-select{align-items:center;display:flex;flex:1;flex-direction:column;margin-bottom:var(--myinterview-widget-assessment-spacing);position:relative;width:100%;z-index:1}@media (min-width:1200px){.myinterview-widget-assessment__free-text,.myinterview-widget-assessment__multi-select,.myinterview-widget-assessment__single-select{width:550px}}.myinterview-widget-assessment__input{border:.5px solid var(--color-neutral-40);border-radius:4px;flex:1;min-height:100px;padding:15px 15px 30px;resize:none;width:100%}.myinterview-widget-assessment__input::placeholder{color:var(--color-neutral-40)}.myinterview-widget-assessment__options-form{display:flex;flex-direction:column;width:100%}@media (min-width:1200px){.myinterview-widget-assessment__options-form{margin:auto 0}}.myinterview-widget-assessment__option{align-items:center;cursor:pointer;display:flex;gap:var(--myinterview-widget-assessment-spacing);padding:var(--myinterview-widget-assessment-spacing) 0;position:relative}.myinterview-widget-assessment__option:before{background-color:var(--color-white);border-radius:5px;content:\"\";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;transition:background-color .1s;width:100%;z-index:-1}.myinterview-widget-assessment__option:active:before{background-color:var(--color-primary)}.myinterview-widget-assessment__option:not(:last-child){border-bottom:1px solid var(--color-neutral-20)}.myinterview-widget-assessment__checkmark{align-items:center;border:1px solid var(--color-neutral-60);border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;overflow:hidden;padding:1px;pointer-events:none;position:relative;width:16px}.myinterview-widget-assessment__checkmark svg{transform:scale(0);-webkit-transform:scale(0);transition:.15s ease-out}.myinterview-widget-assessment__checkmark--selected{border:1px solid var(--color-primary)}.myinterview-widget-assessment__checkmark--selected svg{transform:scale(1);-webkit-transform:scale(1)}.myinterview-widget-assessment .myinterview-widget__characters-limit{bottom:10px;position:absolute;right:15px}.myinterview-widget-assessment__submit-button{min-height:45px;width:100%}@media (min-width:1200px){.myinterview-widget-assessment__submit-button{width:auto}}";
47151
47048
 
47152
47049
  const RotateScreenIcon = () => (React__default.createElement("svg", { width: "824", height: "800", viewBox: "0 0 824 800", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
47153
47050
  React__default.createElement("rect", { x: "2.5", y: "2.5", width: "385", height: "795", rx: "37.5", stroke: "currentColor", strokeWidth: "5" }),
@@ -47310,15 +47207,15 @@ const Widget = ({ candidate, job, video, config, disabled = false, buttonText =
47310
47207
  revertBodyStyling();
47311
47208
  setIsWidgetOpen(false);
47312
47209
  };
47313
- const onInterviewCompleted = (data) => __awaiter(void 0, void 0, void 0, function* () {
47210
+ const onInterviewCompleted = (data) => {
47314
47211
  var _a;
47212
+ (_a = config.onFinish) === null || _a === void 0 ? void 0 : _a.call(config, data);
47315
47213
  onCloseWidget();
47316
- yield ((_a = config.onFinish) === null || _a === void 0 ? void 0 : _a.call(config, data));
47317
- });
47214
+ };
47318
47215
  const onError = (data) => {
47319
47216
  var _a;
47320
- onCloseWidget();
47321
47217
  (_a = config.onError) === null || _a === void 0 ? void 0 : _a.call(config, data);
47218
+ onCloseWidget();
47322
47219
  };
47323
47220
  const openWidget = () => {
47324
47221
  var _a;