- ID de exploración:
- 5cc10247-9a89-4f33-a498-a13136ade06eFinalizado
- URL enviada:
- https://app.bossed.ai/
- Informe finalizado:
Enlaces: 0 encontrados
Los enlaces salientes identificados en la página
Variables JavaScript: 96 encontradas
Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
| Nombre | Tipo |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| bubble_session_uid | string |
| headers_source_maps | object |
| make_proxy | function |
| appquery | function |
| Lib | function |
| load_error_function | function |
Mensajes de registro de la consola: 26 encontrados
Mensajes registrados en la consola web
| Tipo | Categoría | Registrar |
|---|---|---|
| log | other |
|
| warning | javascript |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| warning | other |
|
| log | other |
|
| warning | other |
|
| warning | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
HTML
El cuerpo HTML sin procesar de la página
<!DOCTYPE html><html lang="en" class="wf-inter-n4-active wf-inter-n5-active wf-inter-n6-active wf-inter-n7-active wf-lexend-n4-active wf-lexend-n5-active wf-active" style="height: 100%; --font_default: "Inter"; --color_text_default: rgba(7, 20, 29, 1); --color_text_default_rgb: 7,20,29; --color_alert_default: rgba(250, 181, 21, 1); --color_alert_default_rgb: 250,181,21; --color_primary_default: rgba(30, 151, 255, 1); --color_primary_default_rgb: 30,151,255; --color_success_default: rgba(23, 219, 78, 1); --color_success_default_rgb: 23,219,78; --color_surface_default: rgba(239, 245, 251, 1); --color_surface_default_rgb: 239,245,251; --color_background_default: rgba(255, 255, 255, 1); --color_background_default_rgb: 255,255,255; --color_destructive_default: rgba(255, 0, 0, 1); --color_destructive_default_rgb: 255,0,0; --color_primary_contrast_default: rgba(151,138,224,0.1); --color_primary_contrast_default_rgb: 151,138,224; --color_bTHEL_default: rgba(0, 98, 255, 1); --color_bTHEL_default_rgb: 0,98,255; --color_bTHEP_default: rgba(181,227,255,1); --color_bTHEP_default_rgb: 181,227,255; --color_bTHHV_default: rgba(255,255,255,1); --color_bTHHV_default_rgb: 255,255,255; --color_bTHIA_default: rgba(14,42,93,1); --color_bTHIA_default_rgb: 14,42,93; --color_bTIKX0_default: rgba(255,31,135,1); --color_bTIKX0_default_rgb: 255,31,135;"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Interview</title>
<script type="text/javascript" async="" src="https://cdn.mxpnl.com/libs/mixpanel-2.2.min.js"></script><script type="text/javascript" async="" src="https://js.stripe.com/v3"></script><script type="text/javascript">
window.bubble_session_uid = '1732109011613x770338077568134500';
</script>
<script type="text/javascript">
window.headers_source_maps = [["plugin_page_headers_AAC",212,214],["plugin_page_headers_AAC",215,217],["plugin_page_headers_AAC",218,220],["plugin_page_headers_AAK",221,223],["plugin_page_headers_AAK",224,226],["custom_page_header",228,248],["custom_app_header",249,257]]
</script>
<script type="text/javascript">
function make_proxy(target, name) {
return new Proxy(target, {
get: function(target, prop) {
if (prop in target) {
return target[prop];
}
throw new Error('The variable ' + name + ' is not fully initialized yet');
}
});
}
window.appquery = make_proxy({
app_version: function() { return "live"; },
last_change: function() { return "22492231016";},
}, 'appquery');
window.Lib = new Proxy(function() {}, {
get: function(target, prop) {
if (prop === 'is_skeleton') {
return true;
}
throw new Error('The variable ' + Lib + ' is not fully initialized yet');
},
apply: function() {
return make_proxy({
current_user: function() {
return make_proxy({ id: "1732109011613x770338077568134500" }, 'Lib().current_user');
}
}, 'Lib()');
}
});
</script>
<script type="text/javascript">
function load_error_function (event) {
return window.load_error_log.push({ msg: event.message, error_url: event.filename, line: event.lineno, col: event.colno })
}
window.load_error_log = [];
window.addEventListener('error', load_error_function);
window.disableLoadErrorFunction = function () {
window.removeEventListener('error', load_error_function);
}
</script>
<meta name="referrer" content="origin">
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_early_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/early_js/05ae9fe83d6b755291132aab9d325d70918aafd336da1bd91a41a31c8b25734b/early.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_early_js'] = Date.now();
</script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:regular%7CInter:regular%7CInter:500%7CInter:500%7CInter:600%7CInter:600%7CInter:700%7CInter:700%7CLexend:regular%7CLexend:500"><script type="text/javascript">(function () {
function onWebFontFinish () {
window.google_web_fonts_active = true;
if (window.google_web_fonts_active_cb) {
window.google_web_fonts_active_cb();
}
(function fontface_loaded_snippet (font) {
if (window.fontface_loaded == null) {
window.fontface_loaded = {}
}
if (font != null) {
window.fontface_loaded[font] = true
} else {
window.all_fontface_loaded = true
}
if (window.fontface_webfonts_loaded_cb) {
return window.fontface_webfonts_loaded_cb(font)
}
})()
}
const WebFontConfig = {'google': { families: ["Inter:regular","Inter:regular","Inter:500","Inter:500","Inter:600","Inter:600","Inter:700","Inter:700","Lexend:regular","Lexend:500"] },
active: function() {
onWebFontFinish()
},
inactive: function() {
console.log('Failed to load all the fonts');
onWebFontFinish()
},
fontinactive: function(family_name, fvd) {
console.log('fontinactive being called for ' + family_name + ', Google says the fonts didnt render');
onWebFontFinish()
}
}
window.WebFont.load(WebFontConfig);
})();</script>
<script>
(function initialize_data() {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
const data = JSON.parse(this.responseText);
function init_data() {
data.forEach(function(d) {
Lib().db_instance().initialize_data(d.id, d.data, d.type, d.version);
})
}
if (window.Lib && window.Lib.is_skeleton == null) {
init_data();
} else {
window.Lib_post_load = init_data;
}
}
};
xhr.open("GET", "https://app.bossed.ai/api/1.1/init/data?location=" + encodeURIComponent(window.location.href), true);
xhr.send();
})();
</script>
<script type="text/javascript">window.gm_key = "AIzaSyAlT1MzDJL1hTzjgn_-PbAD3NQEIKjcJi4";</script>
<script type="text/javascript">window.glrl_key_status = false;</script>
<script type="text/javascript">window.bubble_page_load_id = "1732109011649x2490";</script>
<script type="text/javascript">window.bubble_plp_token = "uDJVqttANwigZCsJ2y0otkAekTYFStEaWFSr2R3Y7cI=";</script>
<script type="text/javascript">window.bubble_is_leanjs = false;</script>
<script type="text/javascript">window.bubble_shim_modules = false;</script>
<script type="text/javascript">window.bubble_new_reactivity = false;</script>
<link rel="icon" type="image/png" href="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2Fb833441d39d38dc73400c37217973cb4.cdn.bubble.io%2Ff1729512267128x191649892837465920%2Ffavicon.png?w=128&h=&auto=compress&dpr=1&fit=max">
<meta name="fragment" content="!">
<meta name="description" content="Bossed is an AI-powered, voice-interactive interview simulator for any job. Practice interviews with a realistic AI interviewer in mock interviews. Personalize by uploading your CV/resume and importing your job listings. Get prepared with Bossed.">
<meta property="og:title" content="[FREE] AI Interview Practice | Bossed">
<meta name="twitter:title" content="[FREE] AI Interview Practice | Bossed">
<meta property="og:site_name" content="Bossed">
<meta name="twitter:site_name" content="Bossed">
<meta property="og:description" content="Bossed is an AI-powered, voice-interactive interview simulator for any job. Practice interviews with a realistic AI interviewer in mock interviews. Personalize by uploading your CV/resume and importing your job listings. Get prepared with Bossed.">
<meta name="twitter:description" content="Bossed is an AI-powered, voice-interactive interview simulator for any job. Practice interviews with a realistic AI interviewer in mock interviews. Personalize by uploading your CV/resume and importing your job listings. Get prepared with Bossed.">
<meta property="og:url" content="https://app.bossed.ai/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script type="text/javascript">window._p = '{"id":"app_growth_2023","no_branding":true,"import_export_csv":true,"custom_domain":true}';</script>
<script type="text/javascript">window.bubble_page_name = "index";</script>
<script type="text/javascript">window.__bubble_module_mode = false;</script>
<link type="text/css" href="/package/run_css/be364a95128a55982509be797441b9d776b36f2738075e02c4b5f0a4635432cc/conversatorai/live/index/xfalse/xfalse/run.css" rel="stylesheet">
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_run_js'] = Date.now();
</script>
<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/pre_run_jquery_js/dee903a9e36db713e4c86d0cdd96d921e37be0c1293ed8dee29e2e4d7713b9ff/pre_run_jquery.js"></script>
<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/run_js/355764626ae5933d011b0cb6cd9128ef5d3de746b2a4542c6105b3c036450c2a/xfalse/x29/run.js"></script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_run_js'] = Date.now();
</script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_static_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/static_js/f26b9d4d6c8ab234ab2f5b2a0ccbf2a2eacb7355c340f60efd93dfa6d47ba426/conversatorai/live/index/xnull/xfalse/xfalse/xfalse/static.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_static_js'] = Date.now();
</script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_dynamic_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/dynamic_js/e38711927d6518e961c075bc54f3ca29ec3fca5bbd13f481453b5c05f70a0434/conversatorai/live/index/xnull/xfalse/xfalse/en_us/xfalse/xfalse/dynamic.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_dynamic_js'] = Date.now();
</script>
<script type="text/javascript">window._bubble_page_load_data.js_execution_timings.plugin_js_start_execution = Date.now();</script>
<!-- AAC -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"></script>
<!-- AAC -->
<script src="https://b833441d39d38dc73400c37217973cb4.cdn.bubble.io/f1658181973040x963012889197834500/jquery.circle-progress.min.js"></script>
<!-- AAC -->
<script type="module"> import confetti from 'https://cdn.skypack.dev/canvas-confetti'; window.confetti = confetti</script>
<!-- AAK -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ort.js"></script><script src="https://cdn.jsdelivr.net/npm/@ricky0123/[email protected]/dist/bundle.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/lame.min.js"></script>
<!-- AAK -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ort.js"></script><script src="https://cdn.jsdelivr.net/npm/@ricky0123/[email protected]/dist/bundle.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/lame.min.js"></script>
<script type="text/javascript">window._bubble_page_load_data.js_execution_timings.plugin_js_end_execution = Date.now();</script>
<!-- custom page header -->
<style>
#pulsing-button {
animation: pulse 1.5s infinite;
box-shadow: 0 0 0 rgba(255, 31, 135, 0.4);
}
@keyframes pulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(255, 31, 135, 0.4);
}
70% {
transform: scale(1.1);
box-shadow: 0 0 0 10px rgba(255, 31, 135, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(255, 31, 135, 0);
}
}
</style>
<!-- custom app meta header -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-5CBSXQLTTY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5CBSXQLTTY');
</script>
<style>
.a1732109015947x6165.a1732109015947x6165::-webkit-input-placeholder {
color: rgba(var(--color_text_default_rgb), 0.36);
}
.a1732109015947x6165.a1732109015947x6165::-moz-placeholder {
color: rgba(var(--color_text_default_rgb), 0.36);
opacity: 1;
}
.a1732109015947x6165.a1732109015947x6165:-ms-input-placeholder {
color: rgba(var(--color_text_default_rgb), 0.36) !important;
}
.a1732109015947x6165.a1732109015947x6165:-moz-placeholder {
color: rgba(var(--color_text_default_rgb), 0.36);
opacity: 1;
}</style><style>
.a1732109016213x12328.a1732109016213x12328::-webkit-input-placeholder {
color: rgba(181, 181, 181, 1);
}
.a1732109016213x12328.a1732109016213x12328::-moz-placeholder {
color: rgba(181, 181, 181, 1);
opacity: 1;
}
.a1732109016213x12328.a1732109016213x12328:-ms-input-placeholder {
color: rgba(181, 181, 181, 1) !important;
}
.a1732109016213x12328.a1732109016213x12328:-moz-placeholder {
color: rgba(181, 181, 181, 1);
opacity: 1;
}</style><style>
.pqcnY {
-webkit-appearance: none;
width: 100%;
background: linear-gradient(to right, rgba(181,227,255,1) 0%, rgba(181,227,255,1) 0%, rgba(151,138,224,0.1) 0%, rgba(151,138,224,0.1) 100%);
height:20%;
border-radius: 100px;
box-shadow: inset 0 0 0 1px rgba(151,138,224,0.1);
}
.pqcnY::-webkit-slider-thumb {
cursor: pointer;
appearance: none;
height: 15px;
width: 15px;
background-color: rgba(30, 151, 255, 1);
border-radius: 100px;
border: 1px solid rgba(181,227,255,1);
}
.pqcnY::-moz-range-thumb {
cursor: pointer;
appearance: none;
height: 15px;
width: 15px;
background-color: rgba(30, 151, 255, 1);
border-radius: 100px;
border: 1px solid rgba(181,227,255,1);
}
</style><style type="text/css">html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;will-change:transform,opacity,height;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toast][data-theme=dark] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:0;right:0;height:100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true] [data-sonner-toast][data-type=success],[data-rich-colors=true] [data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true] [data-sonner-toast][data-type=info],[data-rich-colors=true] [data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true] [data-sonner-toast][data-type=warning],[data-rich-colors=true] [data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true] [data-sonner-toast][data-type=error],[data-rich-colors=true] [data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
</style><style>
.pqcnY {
-webkit-appearance: none;
width: 100%;
background: linear-gradient(to right, rgba(181,227,255,1) 0%, rgba(181,227,255,1) 0%, rgba(151,138,224,0.1) 0%, rgba(151,138,224,0.1) 100%);
height:20%;
border-radius: 100px;
box-shadow: inset 0 0 0 1px rgba(151,138,224,0.1);
}
.pqcnY::-webkit-slider-thumb {
cursor: pointer;
appearance: none;
height: 15px;
width: 15px;
background-color: rgba(30, 151, 255, 1);
border-radius: 100px;
border: 1px solid rgba(181,227,255,1);
}
.pqcnY::-moz-range-thumb {
cursor: pointer;
appearance: none;
height: 15px;
width: 15px;
background-color: rgba(30, 151, 255, 1);
border-radius: 100px;
border: 1px solid rgba(181,227,255,1);
}
</style><style>
#scroll::-webkit-scrollbar {
width: 5px;
height : 0px;
}
#scroll::-webkit-scrollbar-track {
background: rgba(151,138,224,0.1);
}
#scroll::-webkit-scrollbar-thumb {
background-color: rgba(7, 20, 29,0.1);
border-radius: 200px;
}
</style><style>
.pqcnY {
-webkit-appearance: none;
width: 100%;
background: linear-gradient(to right, rgba(181,227,255,1) 0%, rgba(181,227,255,1) 0%, rgba(151,138,224,0.1) 0%, rgba(151,138,224,0.1) 100%);
height:20%;
border-radius: 100px;
box-shadow: inset 0 0 0 1px rgba(151,138,224,0.1);
}
.pqcnY::-webkit-slider-thumb {
cursor: pointer;
appearance: none;
height: 15px;
width: 15px;
background-color: rgba(30, 151, 255, 1);
border-radius: 100px;
border: 1px solid rgba(181,227,255,1);
}
.pqcnY::-moz-range-thumb {
cursor: pointer;
appearance: none;
height: 15px;
width: 15px;
background-color: rgba(30, 151, 255, 1);
border-radius: 100px;
border: 1px solid rgba(181,227,255,1);
}
</style><style>
.pqcnY {
-webkit-appearance: none;
width: 100%;
background: linear-gradient(to right, rgba(181,227,255,1) 0%, rgba(181,227,255,1) 0%, rgba(151,138,224,0.1) 0%, rgba(151,138,224,0.1) 100%);
height:20%;
border-radius: 100px;
box-shadow: inset 0 0 0 1px rgba(151,138,224,0.1);
}
.pqcnY::-webkit-slider-thumb {
cursor: pointer;
appearance: none;
height: 15px;
width: 15px;
background-color: rgba(30, 151, 255, 1);
border-radius: 100px;
border: 1px solid rgba(181,227,255,1);
}
.pqcnY::-moz-range-thumb {
cursor: pointer;
appearance: none;
height: 15px;
width: 15px;
background-color: rgba(30, 151, 255, 1);
border-radius: 100px;
border: 1px solid rgba(181,227,255,1);
}
</style></head>
<body style="height: 100%;"><div data-toaster="toaster-1" class="toaster__container"></div><script type="text/javascript">
window.addEventListener('DOMContentLoaded', function () {
if (window.appquery == null) {
const css = document.createElement('style');
css.type='text/css';
css.appendChild(document.createTextNode(".warning-message-failure {padding: 30px; line-height: 1.5; white-space: pre; z-index: 1000000; position: fixed; width: 100%; height: 100%; background: white;}"));
document.getElementsByTagName("head")[0].appendChild(css);
const newDiv = document.createElement("div");
newDiv.className = "warning-message-failure";
newDiv.innerHTML = "Your browser was unable to load some necessary resources, contact your IT network administrator and ask them to allow access to <br><br> d3dqmih97rcqmh.cloudfront.net <br> b833441d39d38dc73400c37217973cb4.cdn.bubble.io/ <br> d1muf25xaso8hp.cloudfront.net";
document.body.appendChild(newDiv);
httpRequest = new XMLHttpRequest();
httpRequest.open('POST', '/user/m', true);
httpRequest.setRequestHeader('Content-Type', 'application/json');
httpRequest.send(JSON.stringify({measures: {page_load_error: 1, url: document.location.href, errors: window.load_error_log}}));
};
});
</script><script type="text/javascript">window.addEventListener('DOMContentLoaded', function () {if (window.appquery && window.app == null) {const css = document.createElement('style');
css.type='text/css';
css.appendChild(document.createTextNode(".warning-message-failure {padding: 30px; line-height: 1.5; white-space: pre; z-index: 1000000; position: fixed; width: 100%; height: 100%; background: white;}"));
document.getElementsByTagName("head")[0].appendChild(css);
const newDiv = document.createElement("div");
newDiv.className = "warning-message-failure";
newDiv.innerHTML = "Your browser was unable to load the application data. We've been notified of the issue. Please try again in a few moments and make sure not to use ad-blockers.";
document.body.appendChild(newDiv);}});</script>
<img style="display: none;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
<div class="bubble-element Page baTaHaCw main-page bubble-r-container-wrapper" style="background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position: center top; background-size: cover; min-width: 0px; min-height: max(500px, 100%); width: 100%; margin-right: auto; margin-left: auto; position: relative; z-index: 2; opacity: 1; background-image: url("https://b833441d39d38dc73400c37217973cb4.cdn.bubble.io/f1729342146574x886331898899142400/MacBook%20Pro%2016_%20-%201.svg");"><div class="bubble-r-container flex row" style="justify-content: flex-start;"><div class="bubble-element Group baTaHaLaB bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; max-width: 400px; order: 6; min-height: 100%; max-height: 100%; width: 40px; flex-grow: 1; height: 100%; margin: 0px; z-index: 11;"><div class="bubble-element Group baTaHaEaQ bubble-r-container-wrapper" style="background-color: rgba(var(--color_background_default_rgb), 0.9); box-shadow: rgba(170, 170, 170, 0.2) 0px 1px 16px 0px; overflow: visible; border-radius: 20px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: 0px; flex-grow: 1; width: calc(100% - 20px); margin: 10px; z-index: 8;"><div class="bubble-r-container flex column" style="justify-content: space-between;"><div class="bubble-element Group baTaIaJaW0 bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; padding: 0px 10px; opacity: 1; align-self: flex-start; min-width: 40px; order: 8; min-height: 50px; max-height: 50px; height: 50px; flex-grow: 1; width: calc(100% + 0px); margin: 0px; z-index: 2;"><div class="bubble-element Image baTaOaVaV" style="border-radius: 0px; opacity: 0.9; align-self: center; min-width: 100px; max-width: 100px; order: 6; min-height: 25px; width: 100px; flex-grow: 1; height: 25px; margin: 0px 10px; z-index: 4;"><img src="https://b833441d39d38dc73400c37217973cb4.cdn.bubble.io/f1729619267249x765675011706798700/final.svg" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; position: absolute; border-radius: 0px;"></div></div><div class="clickable-element bubble-element Group baTaHaIaR bubble-r-container flex column" id="scroll" style="overflow: hidden auto; justify-content: flex-start; border-radius: 0px; opacity: 1; cursor: pointer; align-self: flex-start; min-width: 40px; order: 9; min-height: 40%; max-height: 100%; height: 40%; flex-grow: 1; width: calc(100% + 0px); margin: 0px 0px 2px; z-index: 9;"><div class="bubble-element Group baTaHaHaW bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 15px; border-radius: 20px; padding: 15px; opacity: 1; align-self: flex-start; min-width: 40px; order: 5; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 1px); margin: 0px 1px 0px 0px; z-index: 7;"><div class="bubble-element Group baTaHdv bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 9;"><div class="bubble-element Text baTaHdx" style="white-space: pre-wrap; overflow: visible; font-family: Lexend; font-size: 20px; font-weight: 500; color: rgb(40, 40, 40); letter-spacing: -1px; line-height: 1; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 1; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 4;">Job details</div><div class="clickable-element bubble-element Group baTaHeaB bubble-r-container relative" style="background: linear-gradient(45deg, var(--color_primary_contrast_default) 0%, rgba(var(--color_bTHEP_default_rgb), 0.15) 100%); overflow: visible; border-radius: 5px; padding: 5px 15px; opacity: 1; cursor: pointer; align-self: flex-start; min-width: 201px; max-width: 201px; order: 3; min-height: 30px; max-height: 30px; width: 201px; flex-grow: 1; height: 30px; margin: 0px; z-index: 11;"><div class="bubble-element Group baTaHeaC bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; place-self: center end; min-width: 0px; min-height: 0px; width: max-content; height: max-content; margin: 0px; z-index: 2;"><button class="bubble-element Icon baTaHeaH" tabindex="" style="display: flex; color: var(--color_primary_default); border-radius: 4px; opacity: 1; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 5;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#link-simple"></use></svg></button><div class="bubble-element Text baTaHeaD bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 700; color: var(--color_primary_default); letter-spacing: -0.5px; line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;"><div>Import job from website</div></div></div></div></div><div class="bubble-element Group baTaHaHb bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 3; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6;"><div class="bubble-element Text baTaHaHc bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Job title</div></div><input class="bubble-element Input baTaHaHd a1732109015947x6165" type="input" placeholder="Input your name here" style="background-color: var(--color_primary_contrast_default); border-radius: 5px; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: var(--color_text_default); padding: 5px 10px; opacity: 1; align-self: flex-start; min-width: 140px; order: 2; min-height: 50px; max-height: 50px; height: 50px; flex-grow: 1; width: calc(100% + 0px); margin: 5px 0px 0px; z-index: 5;"></div><div class="bubble-element Group baTaHaHh bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 4; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6;"><div class="bubble-element Text baTaHaHi bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Job description</div></div><textarea class="bubble-element MultiLineInput a1732109016213x12328" data-gramm_editor="false" maxlength="" placeholder="Input your name here" rows="1" style="align-self: flex-start; min-width: 140px; order: 2; min-height: 100px; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 5px 0px 0px; border: none; background-color: var(--color_primary_contrast_default); overflow: hidden; overflow-wrap: break-word; border-radius: 5px; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: rgb(61, 61, 61); line-height: 1; padding: 15px 10px; opacity: 1; height: 100px;"></textarea></div></div><div class="bubble-element Group baTaHaGt bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 15px; border-radius: 20px; padding: 15px; opacity: 1; align-self: flex-start; min-width: 40px; order: 6; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 7;"><div class="bubble-element Group baTaHaRl bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 9;"><div class="bubble-element Text baTaHaHaP" style="white-space: pre-wrap; overflow: visible; font-family: Lexend; font-size: 20px; font-weight: 500; color: rgb(40, 40, 40); letter-spacing: -1px; line-height: 1; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;">Personal details</div><div class="bubble-element Group baTaHaSs bubble-r-container relative" style="background: linear-gradient(45deg, var(--color_primary_contrast_default) 0%, rgba(var(--color_bTHEP_default_rgb), 0.15) 100%); overflow: visible; border-radius: 5px; padding: 5px 15px; opacity: 1; align-self: flex-start; min-width: 166px; max-width: 166px; order: 3; min-height: 30px; max-height: 30px; width: 166px; flex-grow: 1; height: 30px; margin: 0px; z-index: 11;"><div class="bubble-element Group baTaHaTaQ bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; place-self: center end; min-width: 0px; min-height: 0px; width: max-content; height: max-content; margin: 0px; z-index: 2;"><button class="bubble-element Icon baTaHaTaE" tabindex="" style="display: flex; color: var(--color_primary_default); border-radius: 4px; opacity: 1; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 5;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#upload-simple"></use></svg></button><div class="bubble-element Text baTaHaSy bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 700; color: var(--color_primary_default); letter-spacing: -0.5px; line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;"><div>Import my resume</div></div></div><div class="bubble-element FileInput clickable-element" id="upload" style="place-self: center; min-width: 166px; max-width: 166px; min-height: 30px; max-height: 30px; width: 166px; height: 30px; margin: 0px; z-index: 3; border-radius: 100px; opacity: 1;"><div class="file-input-text bubble-r-vertical-center" style="position: absolute; top: 0px; overflow: hidden; width: 100%; height: 100%; cursor: pointer; font-family: var(--font_default); font-size: 14px; font-weight: 400; color: rgba(var(--color_text_default_rgb), 0); text-align: center; line-height: 1.5; padding: 6px;"></div><input type="file" accept=".pdf" style="opacity: 0; position: absolute; top: 0px; width: 100%; height: 100%; font-size: 0px; cursor: pointer;"></div></div></div><div class="bubble-element Group baTaHaFw bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 10; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6;"><div class="bubble-element Text baTaHaFaS bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Name</div></div><input class="bubble-element Input baTaHaFaY a1732109015947x6165" type="input" placeholder="Input your name here" style="background-color: var(--color_primary_contrast_default); border-radius: 5px; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: var(--color_text_default); padding: 5px 10px; opacity: 1; align-self: flex-start; min-width: 140px; order: 2; min-height: 50px; max-height: 50px; height: 50px; flex-grow: 1; width: calc(100% + 0px); margin: 5px 0px 0px; z-index: 5;"></div><div class="bubble-element Group baTaHaHaE bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 11; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6;"><div class="bubble-element Text baTaHaHaJ bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Employment history</div></div><textarea class="bubble-element MultiLineInput a1732109016213x12328" data-gramm_editor="false" maxlength="" placeholder="Input your name here" rows="1" style="align-self: flex-start; min-width: 140px; order: 2; min-height: 50px; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 5px 0px 0px; border: none; background-color: var(--color_primary_contrast_default); overflow: hidden; overflow-wrap: break-word; border-radius: 5px; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: rgb(61, 61, 61); line-height: 1; padding: 15px 10px; opacity: 1; height: 50px;"></textarea></div><div class="bubble-element Group baTaHdaZ bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 12; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6;"><div class="bubble-element Text baTaHde bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Skills</div></div><textarea class="bubble-element MultiLineInput a1732109016213x12328" data-gramm_editor="false" maxlength="" placeholder="Input your name here" rows="1" style="align-self: flex-start; min-width: 140px; order: 2; min-height: 50px; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 5px 0px 0px; border: none; background-color: var(--color_primary_contrast_default); overflow: hidden; overflow-wrap: break-word; border-radius: 5px; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: rgb(61, 61, 61); line-height: 1; padding: 15px 10px; opacity: 1; height: 50px;"></textarea></div><div class="bubble-element Group baTaHdk bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 13; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6;"><div class="bubble-element Text baTaHdp bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Additional candidate details</div></div><textarea class="bubble-element MultiLineInput a1732109016213x12328" data-gramm_editor="false" maxlength="" placeholder="Input your name here" rows="1" style="align-self: flex-start; min-width: 140px; order: 2; min-height: 50px; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 5px 0px 0px; border: none; background-color: var(--color_primary_contrast_default); overflow: hidden; overflow-wrap: break-word; border-radius: 5px; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: rgb(61, 61, 61); line-height: 1; padding: 15px 10px; opacity: 1; height: 50px;"></textarea></div></div><div class="bubble-element Group baTaHfc bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 15px; border-radius: 20px; padding: 15px; opacity: 1; align-self: flex-start; min-width: 40px; order: 7; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 7;"><div class="bubble-element Group baTaHft bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 9;"><div class="bubble-element Text baTaHfu" style="white-space: pre-wrap; overflow: visible; font-family: Lexend; font-size: 20px; font-weight: 500; color: rgb(40, 40, 40); letter-spacing: -1px; line-height: 1; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;">Interview settings</div></div><div class="bubble-element Group baTaHgaM bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 16; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6;"><div class="bubble-element Text baTaHgaN bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Interview difficulty</div></div><div class="bubble-element Group baTaHhf bubble-r-container flex column" style="background-color: var(--color_primary_contrast_default); overflow: visible; justify-content: flex-start; row-gap: 15px; border-radius: 5px; padding: 15px; opacity: 1; align-self: center; min-width: 0px; order: 2; min-height: 0px; max-height: 300px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 5px 0px 0px; z-index: 7;"><div class="bubble-element Text baTaHhh" style="white-space: pre-wrap; overflow: visible; font-family: Lexend; font-size: 16px; font-weight: 500; color: rgb(40, 40, 40); letter-spacing: -1px; line-height: 1; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;">Level 2: Medium difficulty</div><div class="bubble-element Text baTaHhm bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgb(61, 61, 61); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Challenging questions, medium level of pace. This is a good level for most interviews.</div></div><div class="bubble-element Group baTaHhs bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: center; min-width: 40px; order: 4; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 13;"><div class="bubble-element 1728363283080x993058295538253800-ABj" style="align-self: flex-start; min-width: 127px; order: 1; min-height: 20px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 11;"><div class="slidercontainer" id="slidercontainer" style="height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;"><input type="range" class="pqcnY" id="mWwjI" min="1" max="4" step="1" style="background: linear-gradient(to right, rgb(181, 227, 255) 0%, rgb(181, 227, 255) 33.3333%, rgba(151, 138, 224, 0.1) 33.3333%, rgba(151, 138, 224, 0.1) 100%);"></div></div><div class="bubble-element Group baTaHhaU bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 12;"><div class="bubble-element Text baTaHgq bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;"><div>Easy</div></div><div class="bubble-element Text baTaHgw bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;"><div>Very hard</div></div></div></div></div></div><div class="bubble-element Group baTaHiaJ bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 17; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6;"><div class="bubble-element Text baTaHiaL bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Audio settings</div></div><div class="bubble-element Group baTaHiaP bubble-r-container flex column" style="background-color: var(--color_primary_contrast_default); overflow: visible; justify-content: flex-start; row-gap: 5px; border-radius: 5px; padding: 15px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; max-height: 300px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 5px 0px 0px; z-index: 7;"><div class="bubble-element Text baTaHiv bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><div>Microphone</div></div><select class="bubble-element Dropdown dropdown-chevron" style="align-self: center; min-width: 0px; order: 3; min-height: 40px; max-height: 40px; height: 40px; flex-grow: 1; width: calc(100% + 0px); margin: 0px; z-index: 9; border-width: 1px; border-style: solid; border-color: rgba(var(--color_primary_default_rgb), 0.15); border-image: initial; background-color: transparent; color: rgba(var(--color_text_default_rgb), 0.36); font-family: var(--font_default); font-size: 14px; font-weight: 500; border-radius: 5px; padding: 0px 15px 0px 5px; opacity: 1;"><option class="dropdown-choice dropdown-placeholder" value=""PLACEHOLDER_1427118222253"" style="color: var(--color_text_default); display: none;"></option></select><div class="bubble-element Text baTaHjaB bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 14px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.4); line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 10px 0px 0px; z-index: 4;"><div>Interviewer voice</div></div><select class="bubble-element Dropdown dropdown-chevron" style="align-self: center; min-width: 0px; order: 5; min-height: 40px; max-height: 40px; height: 40px; flex-grow: 1; width: calc(100% + 0px); margin: 0px; z-index: 9; border-width: 1px; border-style: solid; border-color: rgba(var(--color_primary_default_rgb), 0.15); border-image: initial; background-color: transparent; color: var(--color_text_default); font-family: var(--font_default); font-size: 14px; font-weight: 500; border-radius: 5px; padding: 0px 15px 0px 5px; opacity: 1;"><option class="dropdown-choice dropdown-placeholder" value=""PLACEHOLDER_1427118222253"" disabled="" style="color: var(--color_text_default); display: none;"></option><option class="dropdown-choice" value=""alloy"" style="color: var(--color_text_default);">alloy</option><option class="dropdown-choice" value=""echo"" style="color: var(--color_text_default);">echo</option><option class="dropdown-choice" value=""shimmer"" style="color: var(--color_text_default);">shimmer</option><option class="dropdown-choice" value=""onyx"" style="color: var(--color_text_default);">onyx</option></select></div></div></div></div><div class="bubble-element Group baTaHaLaS bubble-r-container flex row" style="align-self: flex-start; min-width: 40px; order: 10; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 2; overflow: visible; justify-content: space-around; gap: 20px; border-radius: 0px; padding: 10px 15px; opacity: 1;"><div class="bubble-element Group baTaIvaO bubble-r-container flex row" style="background-color: rgba(var(--color_text_default_rgb), 0.02); align-self: center; min-width: 40px; order: 5; min-height: 40px; width: 40px; flex-grow: 1; height: max-content; margin: 0px; z-index: 10; overflow: visible; justify-content: space-between; border-radius: 5px; opacity: 1;"><button class="clickable-element bubble-element Button baTaIvaI flex-aligned-button" style="background-color: rgba(var(--color_primary_default_rgb), 0.2); font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_primary_default); text-align: center; letter-spacing: -0.5px; line-height: 1.4; border-radius: 5px; padding: 0px 15px; opacity: 1; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 0px; order: 2; min-height: 40px; max-height: 40px; width: 0px; flex-grow: 1; height: 40px; margin: 0px; z-index: 8; flex-direction: row; justify-content: center; gap: 8px; align-items: center;"><span class="icon-item" style="width: 18px; height: 18px; color: var(--color_primary_default); flex-shrink: 0; font-size: 0px;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#arrow-up"></use></svg></span><span class="label-item" style="min-width: 0px; overflow-wrap: break-word; text-align: center;">Get unlimited interviews</span></button></div></div></div></div></div><div class="bubble-element Group baTaJaQr bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: stretch; min-width: 40px; order: 9; min-height: 0px; width: 40px; flex-grow: 1; height: auto; margin: 0px; z-index: 12;"><div class="bubble-element Group baTaHaEh bubble-r-container flex column" style="background-color: rgba(255, 255, 255, 0.8); overflow: visible; justify-content: space-between; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.05); border-radius: 20px; padding: 0px 0px 20px; opacity: 1; align-self: flex-start; min-width: 40px; order: 4; min-height: 0px; height: 0px; flex-grow: 1; width: calc(100% - 20px); margin: 10px; z-index: 10;"><div class="bubble-element Group baTaLue0 bubble-r-container relative" style="overflow: visible; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 1px; max-width: 1px; order: 3; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: 1px; margin: 0px; z-index: 21;"><div class="bubble-element 1726676408738x339526426725711900-AAC" style="place-self: center end; min-width: 1px; max-width: 1px; min-height: 1px; max-height: 1px; width: 1px; height: 1px; margin: 0px; z-index: 1;"></div><div class="bubble-element 1729170340057x464428161001848800_current-AAK" style="place-self: center end; min-width: 1px; max-width: 1px; min-height: 1px; width: 1px; height: max-content; margin: 0px; z-index: 2;"></div><div class="bubble-element 1631317210592x618963856147611600-AAC" style="place-self: start; min-width: 4px; max-width: 4px; width: 4px; margin: 0px; z-index: 3; height: 5px;"></div><div class="bubble-element 1631317210592x618963856147611600-AAC" style="place-self: start; min-width: 4px; max-width: 4px; width: 4px; margin: 0px; z-index: 4; height: 5px;"></div><div class="bubble-element 1633100358403x239657077467774980-ABk" style="place-self: center; min-width: 15px; max-width: 15px; min-height: 15px; max-height: 15px; width: 15px; height: 15px; margin: 0px; z-index: 5;"></div><div class="bubble-element 1729170340057x464428161001848800-AAK" style="place-self: start; min-width: 1px; max-width: 1px; min-height: 1px; width: 1px; height: max-content; margin: 0px; z-index: 6;"></div><div class="bubble-element 1704891893896x355241830759268350-AAI" style="place-self: end; min-width: 2px; max-width: 2px; min-height: 2px; max-height: 2px; width: 2px; height: 2px; margin: 0px; z-index: 7;"><div id="dp343c9e79h5b00"><audio autoplay="" id="cpd75g360797e88" x-webkit-airplay="deny" <="" audio="" controls=""></audio></div></div><div class="bubble-element 1631317210592x618963856147611600-AAC" style="place-self: start; min-width: 1px; max-width: 1px; width: 1px; margin: 0px; z-index: 8; height: 1px;"></div><div class="bubble-element 1642683387367x708220519175946200-AAC" id="" style="place-self: center; min-width: 15px; max-width: 15px; min-height: 15px; max-height: 15px; width: 15px; height: 15px; margin: 0px; z-index: 9;"></div><div class="bubble-element 1633100358403x239657077467774980-AAC" style="place-self: end; min-width: 5px; max-width: 5px; min-height: 4px; max-height: 4px; width: 5px; height: 4px; margin: 0px; z-index: 10;"></div><div class="bubble-element 1723050324569x484116236508069900-AAC" style="place-self: end; min-width: 4px; max-width: 4px; min-height: 4px; max-height: 4px; width: 4px; height: 4px; margin: 0px; z-index: 11;"></div><div class="bubble-element 1703846728822x862076348720480300-AAC" style="place-self: center end; min-width: 1px; max-width: 1px; min-height: 1px; max-height: 1px; width: 1px; height: 1px; margin: 0px; z-index: 12;"></div></div><div class="bubble-element Group baTaHaFaA bubble-r-container flex row" style="overflow: visible; justify-content: flex-end; border-radius: 0px; padding: 0px 15px; opacity: 1; align-self: flex-start; min-width: 40px; order: 4; min-height: 50px; max-height: 50px; height: 50px; flex-grow: 1; width: calc(100% + 0px); margin: 15px 0px 10px; z-index: 2;"><div class="bubble-element Group baTaIxl bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; gap: 10px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 21; min-height: 40px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 9;"><button class="clickable-element bubble-element Button baTaIxw flex-aligned-button" style="font-family: var(--font_default); font-size: 18px; font-weight: 700; color: rgba(var(--color_text_default_rgb), 0.7); text-align: center; letter-spacing: -0.5px; line-height: 1.4; border-radius: 100px; padding: 10px 15px; opacity: 1; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 60px; order: 3; min-height: 50px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 8; user-select: none; flex-direction: row; justify-content: flex-start; gap: 8px; align-items: center;"><span class="label-item" style="min-width: 0px; overflow-wrap: break-word; text-align: center;">New </span><span class="icon-item" style="width: 22px; height: 22px; color: rgba(var(--color_text_default_rgb), 0.7); flex-shrink: 0; font-size: 0px;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#note-pencil"></use></svg></span></button><button class="clickable-element bubble-element Button baTaIxf flex-aligned-button" style="background-color: rgb(241, 241, 241); font-family: var(--font_default); font-size: 18px; font-weight: 700; color: rgba(var(--color_text_default_rgb), 0.7); text-align: center; letter-spacing: -0.5px; line-height: 1.4; border-radius: 100px; padding: 10px; opacity: 1; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 50px; max-width: 50px; order: 5; min-height: 50px; max-height: 50px; width: 50px; flex-grow: 1; height: 50px; margin: 0px; z-index: 8; flex-direction: row; justify-content: center; gap: 8px; align-items: center;"><span class="icon-item" style="width: 22px; height: 22px; color: rgba(var(--color_text_default_rgb), 0.7); flex-shrink: 0; font-size: 0px;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#user"></use></svg></span></button></div></div><div class="bubble-element Group baTaNin bubble-r-container flex column" style="overflow: visible; justify-content: flex-end; border-radius: 0px; opacity: 1; align-self: center; min-width: 40px; order: 10; min-height: 40px; height: 40px; flex-grow: 1; width: calc(100% + 0px); margin: 0px; z-index: 12;"><div class="bubble-element Group baTaHaPl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); align-self: center; min-width: 0px; max-width: 400px; order: 2; min-height: 0px; max-height: 300px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 20px); margin: 0px 10px 80px; z-index: 7; overflow: visible; justify-content: flex-start; row-gap: 15px; border-radius: 20px; padding: 15px; opacity: 1;"><div class="bubble-element Text baTaHaPz bubble-r-vertical-center" style="align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4; white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 16px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.8); text-align: center; line-height: 1.4; padding: 0px 0px 0px 5px; border-radius: 0px; opacity: 1;"><div>Microphone not detected.
Ensure you have allowed browser permission.</div></div></div><div class="bubble-element Group baTaMaDaN bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: center; min-width: 40px; max-width: 500px; order: 9; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 30px); margin: 0px 15px; z-index: 11;"><div class="bubble-element Group baTaMaDaF bubble-r-container flex row" style="visibility: hidden; align-self: flex-start; min-width: 1px; max-width: 1px; order: 1; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: 1px; margin: 0px; z-index: 10;"></div></div><div class="bubble-element Group baTaIaLaO0 bubble-r-container flex row" style="background-color: var(--color_background_default); overflow: visible; justify-content: space-around; gap: 20px; border-radius: 20px; padding: 15px; opacity: 1; align-self: center; min-width: 40px; max-width: 500px; order: 10; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 30px); margin: 0px 15px; z-index: 2;"><div class="bubble-element Group baTaIaLs0 bubble-r-container flex row" style="background-color: var(--color_primary_contrast_default); overflow: visible; justify-content: flex-start; gap: 10px; border-radius: 100px; padding: 0px 15px; opacity: 1; align-self: center; min-width: 70px; max-width: 189px; order: 7; min-height: 40px; width: 70px; flex-grow: 1; height: max-content; margin: 0px; z-index: 11;"><button class="clickable-element bubble-element Icon baTaIaLm0" tabindex="" style="display: flex; color: var(--color_bTIKX0_default); border-radius: 4px; opacity: 1; cursor: pointer; align-self: center; min-width: 22px; max-width: 22px; order: 1; min-height: 22px; max-height: 22px; width: 22px; flex-grow: 1; height: 22px; margin: 0px; z-index: 10;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#microphone-slash"></use></svg></button></div><button class="clickable-element bubble-element Button baTaHaLx flex-aligned-button" style="background-color: rgba(var(--color_primary_default_rgb), 0.2); font-family: var(--font_default); font-size: 18px; font-weight: 700; color: var(--color_primary_default); text-align: center; letter-spacing: -0.5px; line-height: 1.4; border-style: solid; border-width: 1px; border-color: rgba(var(--color_primary_default_rgb), 1); border-radius: 100px; padding: 10px 15px; opacity: 1; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 189px; order: 9; min-height: 50px; width: 189px; flex-grow: 1; height: max-content; margin: 0px; z-index: 8; flex-direction: row; justify-content: center; gap: 8px; align-items: center;"><span class="icon-item" style="width: 20px; height: 20px; color: var(--color_primary_default); flex-shrink: 0; font-size: 0px;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-fill.svg#phone"></use></svg></span><span class="label-item" style="min-width: 0px; overflow-wrap: break-word; text-align: center;">Begin interview</span></button></div></div></div></div></div></div><div class="page-is-loaded"></div><div class="bubble-element FloatingGroup baTaIaRl floating-group bubble-r-container relative" style="background-color: rgba(0, 0, 0, 0.8); width: initial; min-width: 296px; min-height: 0px; inset: 0px; height: initial; margin-right: auto; position: fixed; z-index: 1504; border-radius: 0px; padding: 20px; opacity: 1;"><div class="bubble-element Group baTaIdaP bubble-r-container flex column" style="background-color: rgb(255, 255, 255); place-self: center; min-width: 40px; max-width: 500px; min-height: 40px; width: calc(100% + 0px); height: max-content; margin: 0px; z-index: 13; overflow: visible; justify-content: flex-start; border-radius: 20px; padding: 20px; opacity: 1;"><div class="bubble-element Group baTaIaWaL bubble-r-container flex column" style="overflow: hidden auto; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 1; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 1;"><div class="bubble-element Text baTaIaWaB bubble-r-vertical-center" style="align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4; white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 24px; font-weight: 700; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1;"><div>Add job details</div></div><div class="bubble-element Text baTaIaYaW bubble-r-vertical-center" style="align-self: center; min-width: 0px; order: 3; min-height: 30px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px 10px; z-index: 4; white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 16px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.8); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1;"><div>Provide job details to tailor your interview questions.</div></div><div class="clickable-element bubble-element Group baTaIaWaM bubble-r-container flex row" style="background-color: var(--color_primary_contrast_default); overflow: visible; justify-content: flex-start; gap: 10px; border-radius: 5px; padding: 20px; opacity: 1; cursor: pointer; align-self: flex-start; min-width: 40px; order: 4; min-height: 150px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 10px 0px 0px; z-index: 11;"><button class="bubble-element Icon baTaIaYaQ" tabindex="" style="display: flex; color: var(--color_text_default); border-radius: 4px; padding: 5px 0px 5px 5px; opacity: 1; align-self: center; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; max-height: 50px; width: 50px; flex-grow: 1; height: 50px; margin: 0px; z-index: 12;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#link-simple"></use></svg></button><div class="bubble-element Group baTaIaWaT bubble-r-container flex column" style="align-self: center; min-width: 200px; order: 7; min-height: 0px; width: 200px; flex-grow: 1; height: max-content; margin: 0px; z-index: 11; overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1;"><div class="bubble-element Group baTaIaWaY bubble-r-container flex column" style="align-self: flex-start; min-width: 40px; order: 4; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 10; overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1;"><div class="bubble-element Text baTaIaWd bubble-r-vertical-center" style="align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4; white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 18px; font-weight: 700; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1;"><div>Import from job listing</div></div><div class="bubble-element Text baTaIaWaZ bubble-r-vertical-center" style="align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4; white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 16px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.8); line-height: 1.4; border-radius: 0px; opacity: 1;"><div>Paste a job listing URL link and we'll automatically fill in the details for you. You can tweak them after.</div></div></div></div><button class="bubble-element Icon baTaIaZaF" tabindex="" style="display: flex; align-self: center; min-width: 25px; max-width: 25px; order: 8; min-height: 25px; max-height: 25px; width: 25px; flex-grow: 1; height: 25px; margin: 0px; z-index: 12; color: rgba(var(--color_text_default_rgb), 0.5); border-radius: 4px; opacity: 1;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#caret-right"></use></svg></button></div><div class="clickable-element bubble-element Group baTaIaYh bubble-r-container flex row" style="background-color: var(--color_primary_contrast_default); overflow: visible; justify-content: flex-start; gap: 10px; border-radius: 5px; padding: 20px; opacity: 1; cursor: pointer; align-self: flex-start; min-width: 40px; order: 5; min-height: 150px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 10px 0px 0px; z-index: 11;"><button class="bubble-element Icon baTaIaZaA" tabindex="" style="display: flex; color: var(--color_text_default); border-radius: 4px; padding: 5px 0px 5px 5px; opacity: 1; align-self: center; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; max-height: 50px; width: 50px; flex-grow: 1; height: 50px; margin: 0px; z-index: 12;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#note-pencil"></use></svg></button><div class="bubble-element Group baTaIaYj bubble-r-container flex column" style="align-self: center; min-width: 200px; order: 7; min-height: 0px; width: 200px; flex-grow: 1; height: max-content; margin: 0px; z-index: 11; overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1;"><div class="bubble-element Group baTaIaYn bubble-r-container flex column" style="align-self: flex-start; min-width: 40px; order: 4; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 10; overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1;"><div class="bubble-element Text baTaIaYp bubble-r-vertical-center" style="align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4; white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 18px; font-weight: 700; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1;"><div>Enter job details manually</div></div><div class="bubble-element Text baTaIaYo bubble-r-vertical-center" style="align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4; white-space: pre-wrap; overflow: visible; font-family: Inter; font-size: 16px; font-weight: 500; color: rgba(var(--color_text_default_rgb), 0.8); line-height: 1.4; border-radius: 0px; opacity: 1;"><div>Provide the job title and describe the role's responsibilities.</div></div></div></div><button class="bubble-element Icon baTaIaZaL" tabindex="" style="display: flex; align-self: center; min-width: 25px; max-width: 25px; order: 8; min-height: 25px; max-height: 25px; width: 25px; flex-grow: 1; height: 25px; margin: 0px; z-index: 12; color: rgba(var(--color_text_default_rgb), 0.5); border-radius: 4px; opacity: 1;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-bold.svg#caret-right"></use></svg></button></div></div></div></div></body></html>