CINXE.COM

Current job openings - Opera

<!doctype html> <html lang="en-GB" dir="ltr" class="h-screen"> <head> <base href="https://jobs.opera.com/jobs"> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/runtime-eed5b4cdaccf27b9d5fc.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/5217-2ae580ac374aa9e4702c.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/cookies-39292efe3351f8a2b686.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8559-861c670a974ad2ba563b.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/601-ad90aa2e540909e29416.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/7107-80a4947feee363e11ee0.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4057-14cecce702c30f549526.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/663-7a0fe0d8d33e142b3d98.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/careersite-1e16232a10b145b341e6.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4254-7afc1b5cd6cedb6c1681.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8454-e4365b811e44853f90b8.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/font-awesome-5181186e645d241afc2d.js" data-turbo-track="reload" nonce="f3acee17c6bee276fafe1d247d3b4aa2" defer></script> <link rel="stylesheet" href="https://assets-aws.teamtailor-cdn.com/assets/packs/css/careersite-026895f3.css" data-turbo-track="reload" media="all"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="turbo-cache-control" content=""> <meta name="turbo-prefetch" content="false"> <title>Current job openings - Opera</title> <meta name="csrf-param" content="authenticity_token"> <meta name="csrf-token" content="781N6vpmqEhbpHz2Lyq4VZ8iY2Js9CBGmm1j8aHk5zgX9LIrZwq8qa+MLbGk7GLbyI2x4gctpyxpLJL9tAuOgQ=="> <meta name="csp-nonce" content="f3acee17c6bee276fafe1d247d3b4aa2"> <link rel="icon" type="image/png" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon-v3/image_uploads/c43e8e55-9cb0-483a-88e3-e4b00c6a5a68/original.png"> <link rel="apple-touch-icon" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon_apple-v3/image_uploads/c43e8e55-9cb0-483a-88e3-e4b00c6a5a68/original.png" sizes="180x180"> <meta name="description" content="Job openings at Opera"> <meta name="keywords" content="Job opportunities, Jobs, Career, Career site"> <link rel="alternate" type="application/rss+xml" title="Blog Posts" href="/blog/posts.rss"> <link rel="alternate" type="application/rss+xml" title="Jobs" href="/jobs.rss"> <meta property="og:locale" content="en_GB"> <meta property="og:type" content="article"> <meta property="og:title" content="Current job openings - Opera"> <meta property="og:site_name" content="Opera"> <meta property="og:url" content="https://jobs.opera.com/jobs"> <meta property="og:description" content="Job openings at Opera"> <meta property="og:image" content="https://screenshots.teamtailor-cdn.com/a38fd384-fccf-4b43-80bb-b1cdd2c4b9bf-facebook.png?update=1729170820"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://screenshots.teamtailor-cdn.com/a38fd384-fccf-4b43-80bb-b1cdd2c4b9bf-twitter.png?update=1729170820"> <meta name="twitter:title" content="Current job openings - Opera"> <meta name="twitter:description" content="Job openings at Opera"> <style media="all"> :root { --company-primary-bg-color: 255, 255, 255; --company-secondary-bg-color: 168, 121, 218; --company-secondary-bg-light-5-color: 181, 141, 224; --company-secondary-bg-fallback-color: 168, 121, 218; --company-primary-text-color: 37, 37, 37; --company-primary-text-dark-5-color: 24, 24, 24; --company-primary-text-dark-10-color: 11, 11, 11; --company-primary-text-light-50-color: 164, 164, 164; --company-primary-text-light-77-color: 233, 233, 233; --company-secondary-text-color: 255, 255, 255; --company-secondary-text-light-5-color: 255, 255, 255; --company-secondary-text-light-15-color: 255, 255, 255; --company-link-color: 168, 121, 218; --company-color: 168, 121, 218; --company-button-text-color: 255, 255, 255; --company-button-bg-color: 168, 121, 218; --company-button-bg-light-5-color: 181, 141, 224; --company-button-bg-light-15-color: 207, 181, 235; --company-border-radius: 40px; --company-header-font-family: "Be Vietnam Pro"; --company-header-font-weight: 900; --company-body-font-family: "Be Vietnam Pro"; --company-body-font-weight: 300; } </style> <meta name="theme-color" content="#a879da"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro" type="text/css"> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="it"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=corsproxy" data-sourceurl="https://jobs.opera.com/jobs"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://jobs.opera.com/jobs"></script> <meta name="robots" content="none"> </head> <body class="font-company-body min-h-screen flex flex-col text-company-primary bg-company-primary overflow-x-clip company-link-style--bold jobs index" data-controller="careersite--ready careersite--referrer-cookie careersite--preload" data-careersite--referrer-cookie-disabled-value="false" data-careersite--ready-in-editor-value="false" data-block-scripts="true"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=navigationui" data-environment="prod" data-proxy-url="https://jobs-opera-com.translate.goog" data-proxy-full-url="https://jobs-opera-com.translate.goog/jobs?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB" data-source-url="https://jobs.opera.com/jobs" data-source-language="pl" data-target-language="it" data-display-language="en-GB" data-detected-source-language="" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=pl&amp;tl=it&amp;hl=en-GB&amp;u=https://jobs.opera.com/jobs&amp;anno=2" data-client="tr"></script><dialog data-controller="common--cookies--alert" data-common--cookies--alert-block-scripts-value="true" data-common--cookies--alert-takeover-modal-value="false" data-common--cookies--alert-show-cookie-widget-value="true" class="fixed shadow-form w-auto items-center rounded p-4 bg-company-primary text-company-primary overflow-y-auto border-none max-h-[80vh] z-cookie-alert lg:gap-x-6 lg:max-h-[calc(100vh-40px)] flex-col inset-x-4 bottom-4 mb-0 mt-auto justify-between !translate-y-0 !top-0 lg:p-10 lg:flex-row lg:inset-x-[40px] lg:mb-6"> <div class="w-full max-w-screen-xl overflow-y-auto"> <h1 class="font-bold block text-md mb-2">This website uses cookies to ensure you get the best experience on our website.</h1> <p class="mb-2">Opera and selected partners use cookies and similar technologies to ensure you get the best experience on this website. If you consent to it, we will use cookies for analytics and marketing purposes.</p> <p class="mb-2">See our <a class="company-link" href="https://jobs-opera-com.translate.goog/cookie-policy?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Cookie Policy</a> to read more about the cookies we set.</p> <p>You can withdraw and manage your consent at any time, by clicking "Manage cookies" at the bottom of each website page.</p> </div> <div class="flex flex-col items-center gap-[10px] mt-6 flex-shrink-0 mb-2 w-full md:flex-row md:w-auto lg:flex-col"><button class="careersite-button w-full" data-action="click->common--cookies--alert#acceptAll">Accept all cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--alert#disableAll">Disable non-necessary cookies</button> <button class="font-medium p-2 company-link hover:opacity-animated" data-action="click->common--cookies--alert#openPreferences">Cookie preferences</button> </div> </dialog> <dialog data-controller="common--cookies--preferences" data-common--cookies--preferences-checked-categories-value="[]" data-action="open-cookie-preferences@window->common--cookies--preferences#open" class="bg-company-primary text-company-primary shadow-form inset-x-4 mb-4 rounded max-w-screen-sm p-4 overflow-auto max-h-[80vh] z-cookie-alert backdrop:bg-[rgba(0,0,0,0.6)] sm:p-10 sm:mb-auto sticky top-2"> <div class="mb-5 text-center;"> <h1 class="font-bold mb-2 text-lg">Select which cookies you accept</h1> <p class="text-left mb-2">On this site, we always set cookies that are strictly necessary, meaning they are necessary for the site to function properly.</p> <p class="text-left mb-2">If you consent to it, we will also set other types of cookies. You can provide or withdraw your consent to the different types of cookies using the toggles below. You can change or withdraw your consent at any time, by clicking the link “Manage Cookies”, which is always available at the bottom of the site.</p> <p class="text-left">To learn more about what the different types of cookies do, how your data is used when they are set etc, see our <a href="https://jobs-opera-com.translate.goog/cookie-policy?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB" class="underline text-company-link">Cookie Policy</a>.</p> </div> <div class="mb-10 text-sm leading-snug"> <div class="flex mb-3 items-start sm:mb-5 cursor-default" data-preference-type="strictly_necessary"> <div class="label-switch label-switch--disabled"><input type="checkbox" disabled id="strictly_necessary" checked class="peer"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"><label class="font-semibold" for="strictly_necessary">Strictly necessary</label> <p>These cookies are necessary to make the site work properly, and are always set when you visit the site.</p><span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div> </div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="analytics"> <div class="label-switch"><input type="checkbox" id="analytics" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"><label class="font-semibold cursor-pointer" for="analytics">Analytics</label> <p>These cookies collect information to help us understand how the site is being used.</p><span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div> </div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="marketing"> <div class="label-switch"><input type="checkbox" id="marketing" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"><label class="font-semibold cursor-pointer" for="marketing">Marketing</label> <p>These cookies are used to make advertising messages more relevant to you. In some cases, they also deliver additional functions on the site.</p><span> <strong>Vendors</strong> <span>Youtube</span> </span> </div> </div> </div> <div class="flex flex-col items-center gap-6"><button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleAccept">Accept these cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleDecline">Decline non-necessary cookies</button> </div> </dialog> <main class="flex flex-col flex-grow"> <header class="header z-career-header flex w-full h-20 hover:after:top-0 !relative" data-section-model="header" style=""> <div class="absolute top-0 w-full h-full ltr:left-0 rtl:right-0"> <div class="flex items-center h-full ltr:ml-2 rtl:mr-2" data-controller="common--header--menu" data-common--header--menu-open-value="false" data-test="header-menu"><button class="relative flex items-center gap-4 px-4 no-underline cursor-pointer h-14 sm:w-auto bg-opacity-80 sm:bg-transparent z-career-header-menu-button focus-visible-header" aria-expanded="false" data-action="click->common--header--menu#toggle" data-common--header--menu-target="button"> <span class="header-menu-burger" data-common--header--menu-target="burger"> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> </span> <span class="hidden text-sm leading-normal tracking-wider uppercase sm:block whitespace-nowrap">Career menu</span> </button> <div class="absolute inset-0 hidden w-full h-screen py-20 m-0 overflow-y-auto bottom header__nav z-career-header-menu-content" data-common--header--menu-target="menu"> <nav class="w-full main-nav-menu sm:h-full"> <ul class="w-full sm:py-12"> <li><a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://jobs-opera-com.translate.goog/?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Start</a></li> <li><a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://jobs-opera-com.translate.goog/locations?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Locations</a></li> </ul> </nav> <div class="flex flex-col items-end px-8 py-8 overflow-auto md:max-h-full scrollbar-hide main-nav-misc sm:text-right sm:fixed top-16 ltr:right-8 rtl:left-8 sm:px-0 sm:py-0"><span class="text-lg font-bold">Employee</span> <a class="hover:underline focus-visible-header self-end" href="https://jobs-opera-com.translate.goog/sso_login?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Log in</a> <span class="mt-12 text-lg font-bold">Candidate</span> <a class="hover:underline focus-visible-header self-end" href="https://jobs-opera-com.translate.goog/connect/login?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Log in to Connect</a> <span class="mt-12 text-lg font-bold">Homepage</span> <a class="hover:underline focus-visible-header self-end" href="https://translate.google.com/website?sl=pl&amp;tl=it&amp;hl=en-GB&amp;u=http://www.jobs.opera.com">jobs.opera.com</a> </div> </div> </div> </div> <div class="flex items-center mx-auto"><a class="relative h-18 flex items-center justify-center text-center focus-visible-header" id="e29ef4ef3515c1951c217a0ee0260bca5" data-test="company-logo" data-turbo-permanent="true" href="https://jobs-opera-com.translate.goog/?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <img alt="Opera career site" class="mx-auto max-w-[180px] sm:max-w-[200px] max-h-[90%]" src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/6b78a844-97d1-46ed-b156-e56491877ac5/original.png"> </a> </div> <div class="absolute top-0 flex items-center h-full mx-3 ltr:right-0 rtl:left-0"> <div data-controller="common--share" data-common--share-url-value="https://jobs.opera.com/jobs" data-test="share-button"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"><button type="button" role="button" title="Share page" tabindex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="text-current px-4 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <i class="far fa-arrow-up-from-bracket size-6"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 p-2 top-full" data-common--dropdown-target="dropdown"><button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Facebook"> <span class="flex items-center"> <i class="fab fa-facebook-square size-6"></i> <span class="mx-3">Facebook</span> </span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Twitter"> <span class="flex items-center"> <i class="fab fa-square-x-twitter size-6"></i> <span class="mx-3">X</span> </span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="LinkedIn"> <span class="flex items-center"> <i class="fab fa-linkedin size-6"></i> <span class="mx-3">LinkedIn</span> </span> </button> </div> </div> </div> </div> </header> <section id="section-34177790" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--jobs jobs-page bg-company-primary text-company-primary" data-section-route="section" data-section-model="34177790" data-section-name="jobs"><turbo-frame loading="lazy" id="jobs_list"> <div class="w-full text-lg relative pb-20 lg:pb-0" data-layout="thick" data-controller="blocks--jobs" data-blocks--jobs-show-map-value="true" data-blocks--jobs-split-view-value="true" data-blocks--jobs-split-view-candidate-value="true" data-blocks--jobs-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-blocks--jobs-first-block-value="true" data-blocks--jobs-locations-value="[{&quot;id&quot;:1074732,&quot;lat&quot;:&quot;1.352083&quot;,&quot;long&quot;:&quot;103.819836&quot;,&quot;count&quot;:1},{&quot;id&quot;:1060801,&quot;lat&quot;:&quot;51.165691&quot;,&quot;long&quot;:&quot;10.451526&quot;,&quot;count&quot;:1},{&quot;id&quot;:1000665,&quot;lat&quot;:&quot;51.10580710160397&quot;,&quot;long&quot;:&quot;17.031899173825636&quot;,&quot;count&quot;:5},{&quot;id&quot;:1000830,&quot;lat&quot;:&quot;58.41177517186748&quot;,&quot;long&quot;:&quot;15.62674421104683&quot;,&quot;count&quot;:1},{&quot;id&quot;:1000666,&quot;lat&quot;:&quot;52.21886069687595&quot;,&quot;long&quot;:&quot;21.015051412479544&quot;,&quot;count&quot;:2},{&quot;id&quot;:1000169,&quot;lat&quot;:&quot;41.395058564097475&quot;,&quot;long&quot;:&quot;2.196273665578108&quot;,&quot;count&quot;:2},{&quot;id&quot;:1000831,&quot;lat&quot;:&quot;57.70507531403195&quot;,&quot;long&quot;:&quot;11.96398968216108&quot;,&quot;count&quot;:3},{&quot;id&quot;:1000171,&quot;lat&quot;:&quot;59.945697027658476&quot;,&quot;long&quot;:&quot;10.7762795694953&quot;,&quot;count&quot;:5}]" data-blocks--jobs-headquarter-value="{&quot;id&quot;:1000171,&quot;company_id&quot;:103318,&quot;name&quot;:&quot;Oslo&quot;,&quot;email&quot;:null,&quot;address&quot;:&quot;Vitaminveien 4&quot;,&quot;zip&quot;:&quot;0483&quot;,&quot;city&quot;:&quot;Oslo&quot;,&quot;country&quot;:&quot;Norway&quot;,&quot;phone&quot;:&quot;&quot;,&quot;created_at&quot;:&quot;2024-08-13T11:40:34.638+02:00&quot;,&quot;updated_at&quot;:&quot;2024-10-04T15:31:02.310+02:00&quot;,&quot;contact_email&quot;:null,&quot;lat&quot;:&quot;59.945697027658476&quot;,&quot;long&quot;:&quot;10.7762795694953&quot;,&quot;headquarters&quot;:true,&quot;hide_on_careersite&quot;:false,&quot;region_id&quot;:50963,&quot;administrative_area&quot;:&quot;Oslo&quot;,&quot;import_id&quot;:null,&quot;language_code&quot;:null}" data-blocks--jobs-overflow-auto-class="lg:overflow-auto" data-blocks--jobs-overflow-hidden-class="lg:overflow-hidden" data-blocks--jobs-sibling-element-padding-class="lg:[&amp;.bg-block-preset-primary:not(.keep-block-padding)]:!pt-20" data-blocks--jobs-disabled-map-view-toggle-class="cursor-not-allowed" id="jobs"> <div class="jobs-container lg:flex lg:flex-col lg:max-h-[1440px] lg:h-[calc(95vh-84px)]" data-blocks--jobs-target="jobsContainer"> <template data-blocks--jobs-target="largeScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row bg-company-primary hidden lg:mx-0 lg:flex lg:shrink-0 lg:sticky lg:top-0 lg:px-5 lg:py-0 lg:py-3 lg:border-t lg:border-b lg:border-block-base-text lg:border-opacity-15 z-career-jobs-filter-no-map lg:!mb-0 splitViewFiltersComponent" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-interactive-map-value="true" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{&quot;department&quot;:&quot;Departments&quot;,&quot;location&quot;:&quot;Locations&quot;}" data-blocks--jobs--filters-default-mobile-filters-value="{&quot;department&quot;:&quot;Departments&quot;,&quot;location&quot;:&quot;Locations&quot;}" data-blocks--jobs--filters-more-count-text-value="nbr more" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"><input autocomplete="off" type="hidden" name="company" id="company"> <input autocomplete="off" type="hidden" name="division" id="division"> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department"> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role"> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country"> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region"> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location"> <input autocomplete="off" type="hidden" name="language" id="language"> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id"> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type"> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level"> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view"> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]"> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]"> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]"> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]"> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-company-primary flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form lg:shadow-none border border-block-base-text border-opacity-15"><i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Search" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query"> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵"> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="department-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"><button type="button" role="button" title="Departments" tabindex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Departments </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"><button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Accounting and Finance" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Accounting and Finance </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Gaming" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Gaming </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Human Resources" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Human Resources </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="IT Support and Operation" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> IT Support and Operation </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Legal and Compliance" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Legal and Compliance </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Product Design" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Product Design </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Product Development" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Product Development </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="QA and Testing" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> QA and Testing </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Research and Development" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Research and Development </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Sales and Marketing" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Sales and Marketing </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Talent Acquisition" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Talent Acquisition </div><span class="opacity-50 pointer-events-none"></span> </button> </div> </div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"><button type="button" role="button" title="Locations" tabindex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Locations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"><button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Barcelona" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Barcelona </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Beijing" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Beijing </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Dublin" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Dublin </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Dundee" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Dundee </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Göteborg " data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Göteborg </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Linköping" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Linköping </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Oslo" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Oslo </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="São Paulo" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> São Paulo </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Singapore" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Singapore </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Warsaw" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Warsaw </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Wrocław" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Wrocław </div><span class="opacity-50 pointer-events-none"></span> </button> </div> </div> </div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"><button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"><span class="mb-1 text-base font-semibold text-gray-800">Looking for</span> <div class="text-sm text-gray-600 flex gap-1"><span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div></button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"><button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Clear all </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"><i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Search" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_"> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="department" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels"> <div class="font-semibold px-5"> Departments </div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"><button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Accounting and Finance" data-common--options-widget-value-param="Accounting and Finance"> Accounting and Finance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Gaming" data-common--options-widget-value-param="Gaming"> Gaming <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Human Resources" data-common--options-widget-value-param="Human Resources"> Human Resources <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="IT Support and Operation" data-common--options-widget-value-param="IT Support and Operation"> IT Support and Operation <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Legal and Compliance" data-common--options-widget-value-param="Legal and Compliance"> Legal and Compliance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Product Design" data-common--options-widget-value-param="Product Design"> Product Design <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Product Development" data-common--options-widget-value-param="Product Development"> Product Development <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="QA and Testing" data-common--options-widget-value-param="QA and Testing"> QA and Testing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Research and Development" data-common--options-widget-value-param="Research and Development"> Research and Development <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Sales and Marketing" data-common--options-widget-value-param="Sales and Marketing"> Sales and Marketing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Talent Acquisition" data-common--options-widget-value-param="Talent Acquisition"> Talent Acquisition <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline"> <div class="title font-normal text-sm leading-5 text-company-primary opacity-50"> Departments </div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer"></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels"> <div class="font-semibold px-5"> Locations </div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"><button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Barcelona" data-common--options-widget-value-param="Barcelona"> Barcelona <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Beijing" data-common--options-widget-value-param="Beijing"> Beijing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Dublin" data-common--options-widget-value-param="Dublin"> Dublin <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Dundee" data-common--options-widget-value-param="Dundee"> Dundee <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Göteborg " data-common--options-widget-value-param="Göteborg "> Göteborg <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Linköping" data-common--options-widget-value-param="Linköping"> Linköping <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Oslo" data-common--options-widget-value-param="Oslo"> Oslo <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="São Paulo" data-common--options-widget-value-param="São Paulo"> São Paulo <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Singapore" data-common--options-widget-value-param="Singapore"> Singapore <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Warsaw" data-common--options-widget-value-param="Warsaw"> Warsaw <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Wrocław" data-common--options-widget-value-param="Wrocław"> Wrocław <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline"> <div class="title font-normal text-sm leading-5 text-company-primary opacity-50"> Locations </div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer"></div> </div> </div> </div><button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Show jobs</button> </div> </div> </div> </div> </div> </template> </div> </form> </template> <div class="relative lg:flex lg:grow lg:overflow-hidden lg:border-b lg:border-block-base-text lg:border-opacity-15"> <template data-blocks--jobs-target="largeMarkerIcon"><i class="text-3xl filter drop-shadow fas fa-location-dot text-company-secondary-bg"></i> </template> <template data-blocks--jobs-target="smallMarkerIcon"><i class="filter drop-shadow fas fa-circle-small fa-xs text-company-secondary-bg"></i> </template> <div class="jobs-map-container sticky top-0 lg:basis-[40%] 2xl:basis-[50%] lg:order-2"> <template data-blocks--jobs-target="smallScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row !mb-0 lg:absolute lg:top-3 lg:left-3 lg:right-3 z-[500] lg:hidden" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-interactive-map-value="true" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{&quot;department&quot;:&quot;Departments&quot;,&quot;location&quot;:&quot;Locations&quot;}" data-blocks--jobs--filters-default-mobile-filters-value="{&quot;department&quot;:&quot;Departments&quot;,&quot;location&quot;:&quot;Locations&quot;}" data-blocks--jobs--filters-more-count-text-value="nbr more" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"><input autocomplete="off" type="hidden" name="company" id="company"> <input autocomplete="off" type="hidden" name="division" id="division"> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department"> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role"> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country"> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region"> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location"> <input autocomplete="off" type="hidden" name="language" id="language"> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id"> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type"> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level"> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view"> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]"> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]"> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]"> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]"> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-company-primary flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form"><i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Search" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query"> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵"> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="department-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"><button type="button" role="button" title="Departments" tabindex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Departments </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"><button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Accounting and Finance" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Accounting and Finance </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Gaming" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Gaming </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Human Resources" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Human Resources </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="IT Support and Operation" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> IT Support and Operation </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Legal and Compliance" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Legal and Compliance </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Product Design" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Product Design </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Product Development" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Product Development </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="QA and Testing" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> QA and Testing </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Research and Development" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Research and Development </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Sales and Marketing" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Sales and Marketing </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Talent Acquisition" data-field="department"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Talent Acquisition </div><span class="opacity-50 pointer-events-none"></span> </button> </div> </div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"><button type="button" role="button" title="Locations" tabindex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Locations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"><button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Barcelona" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Barcelona </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Beijing" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Beijing </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Dublin" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Dublin </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Dundee" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Dundee </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Göteborg " data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Göteborg </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Linköping" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Linköping </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Oslo" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Oslo </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="São Paulo" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> São Paulo </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Singapore" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Singapore </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Warsaw" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Warsaw </div><span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabindex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Wrocław" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Wrocław </div><span class="opacity-50 pointer-events-none"></span> </button> </div> </div> </div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"><button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"><span class="mb-1 text-base font-semibold text-gray-800">Looking for</span> <div class="text-sm text-gray-600 flex gap-1"><span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div></button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"><button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Clear all </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"><i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Search" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_"> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="department" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels"> <div class="font-semibold px-5"> Departments </div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"><button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Accounting and Finance" data-common--options-widget-value-param="Accounting and Finance"> Accounting and Finance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Gaming" data-common--options-widget-value-param="Gaming"> Gaming <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Human Resources" data-common--options-widget-value-param="Human Resources"> Human Resources <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="IT Support and Operation" data-common--options-widget-value-param="IT Support and Operation"> IT Support and Operation <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Legal and Compliance" data-common--options-widget-value-param="Legal and Compliance"> Legal and Compliance <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Product Design" data-common--options-widget-value-param="Product Design"> Product Design <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Product Development" data-common--options-widget-value-param="Product Development"> Product Development <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="QA and Testing" data-common--options-widget-value-param="QA and Testing"> QA and Testing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Research and Development" data-common--options-widget-value-param="Research and Development"> Research and Development <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Sales and Marketing" data-common--options-widget-value-param="Sales and Marketing"> Sales and Marketing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Talent Acquisition" data-common--options-widget-value-param="Talent Acquisition"> Talent Acquisition <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline"> <div class="title font-normal text-sm leading-5 text-company-primary opacity-50"> Departments </div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer"></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels"> <div class="font-semibold px-5"> Locations </div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"><button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Barcelona" data-common--options-widget-value-param="Barcelona"> Barcelona <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Beijing" data-common--options-widget-value-param="Beijing"> Beijing <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Dublin" data-common--options-widget-value-param="Dublin"> Dublin <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Dundee" data-common--options-widget-value-param="Dundee"> Dundee <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Göteborg " data-common--options-widget-value-param="Göteborg "> Göteborg <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Linköping" data-common--options-widget-value-param="Linköping"> Linköping <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Oslo" data-common--options-widget-value-param="Oslo"> Oslo <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="São Paulo" data-common--options-widget-value-param="São Paulo"> São Paulo <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Singapore" data-common--options-widget-value-param="Singapore"> Singapore <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Warsaw" data-common--options-widget-value-param="Warsaw"> Warsaw <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Wrocław" data-common--options-widget-value-param="Wrocław"> Wrocław <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"><i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline"> <div class="title font-normal text-sm leading-5 text-company-primary opacity-50"> Locations </div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer"></div> </div> </div> </div><button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Show jobs</button> </div> </div> </div> </div> </div> </template> </div> </form> </template> <div id="jobs-map-34177790" class="jobs-map primary block w-full z-career-jobs-map lg:max-h-[600px] h-[calc(100svh-150px)] lg:h-[calc(80dvh-40px)] lg:!max-h-[1440px] lg:!h-full" data-id="jobs-map-34177790" data-blocks--jobs-target="map" data-turbo-permanent="true"><button class="bg-company-primary group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 lg:bottom-[95px] right-[10px] rounded lg:rounded-b-0 text-company-primary text-opacity-85" data-action="click->blocks--jobs#handleCurrentLocation" data-blocks--jobs-target="currentLocation"> <i class="group-disabled:opacity-50 size-5 lg:w-[14px] lg:h-[14px] fa fa-location-arrow"></i> </button> <button class="bg-company-primary group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 left-[10px] rounded text-company-primary text-opacity-85 invisible lg:visible" data-action="click->blocks--jobs#handleViewChange" data-blocks--jobs-target="splitViewCandidate"> <i class="group-disabled:opacity-50 size-5 invisible lg:visible lg:w-[14px] lg:h-[14px] far fa-map"></i> </button> </div> </div> <div class="bg-company-primary relative z-career-jobs-list jobs-list-container pt-8 lg:pt-10 shadow-[1px_-40px_38px_0px_rgba(0,0,0,0.1)] block-px lg:basis-[60%] 2xl:basis-[50%] lg:!pt-12 lg:pb-20 lg:overflow-auto lg:overflow-hidden lg:h-full lg:max-h-[1440px] lg:shadow-none" data-blocks--jobs-target="jobsListContainer"> <div class="px-2 lg:px-0 mx-auto mb-8 flex justify-center lg:justify-start block-max-w--lg"> <p><span class="text-lg font-medium">15 jobs</span> <span class="text-md opacity-50"></span></p> </div> <div> <div class="mx-auto text-lg block-max-w--lg"> <ul id="jobs_list_container"> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5203063-client-solution-manager?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Client Solution Manager">Client Solution Manager</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span>Singapore</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Hybrid Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5173891-social-media-marketing-intern?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Social Media Marketing Intern">Social Media Marketing Intern</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span>Oslo</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5170156-privacy-security-marketing-intern?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Privacy &amp; Security Marketing Intern">Privacy &amp; Security Marketing Intern</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span>Oslo</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5031263-senior-marketing-director?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Senior Marketing Director">Senior Marketing Director</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span>Oslo</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5222574-summer-internship-2025-gothenburg?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Summer Internship 2025- Gothenburg">Summer Internship 2025- Gothenburg</span> <div class="mt-1 text-md"><span>Gaming</span> <span class="mx-[2px]">·</span> <span>Göteborg </span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5204882-new-business-account-executive-desktop-browser?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="New Business Account Executive, Desktop Browser">New Business Account Executive, Desktop Browser</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span title="Wrocław, Warsaw, Barcelona">Multiple locations</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5201264-account-executive-gaming?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Account Executive, Gaming">Account Executive, Gaming</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span title="Barcelona, Wrocław, Warsaw">Multiple locations</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5176125-summer-internship-2025?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Summer Internship 2025">Summer Internship 2025</span> <div class="mt-1 text-md"><span>Product Development</span> <span class="mx-[2px]">·</span> <span>Linköping</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5113170-content-editor-german-market?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Content Editor (German Market)">Content Editor (German Market)</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span>Berlin</span> <span class="mx-[2px]">·</span> <span class="inline-flex items-center gap-x-2"> Fully Remote <i class="w-4 h-5 text-xs fas fa-wifi"></i> </span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5098341-billing-and-revenue-specialist?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Billing and Revenue Specialist">Billing and Revenue Specialist</span> <div class="mt-1 text-md"><span>Accounting and Finance</span> <span class="mx-[2px]">·</span> <span>Oslo</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5080811-backend-developer?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Backend Developer">Backend Developer</span> <div class="mt-1 text-md"><span>Research and Development</span> <span class="mx-[2px]">·</span> <span>Göteborg </span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5035836-marketing-manager-gaming?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Marketing Manager - Gaming">Marketing Manager - Gaming</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span>Wrocław</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5019049-product-designer?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="Product Designer">Product Designer</span> <div class="mt-1 text-md"><span>Product Development</span> <span class="mx-[2px]">·</span> <span>Göteborg </span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5009950-c-developer-browser-engine-team?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="C++ Developer (Browser Engine Team)">C++ Developer (Browser Engine Team)</span> <div class="mt-1 text-md"><span>Research and Development</span> <span class="mx-[2px]">·</span> <span>Wrocław</span> </div></a> <span class="block w-full h-px bg-gradient-block-base-border"></span></li> <li class="w-full"><a class="flex flex-col py-6 text-center sm:px-6 hover:bg-gradient-block-base-bg focus-visible-company focus-visible:rounded" data-turbo="false" href="https://jobs-opera-com.translate.goog/jobs/5008992-pr-copywriting-intern?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB"> <span class="text-block-base-link sm:min-w-[25%] sm:truncate company-link-style" title="PR &amp; Copywriting Intern">PR &amp; Copywriting Intern</span> <div class="mt-1 text-md"><span>Sales and Marketing</span> <span class="mx-[2px]">·</span> <span>Wrocław, Oslo</span> </div></a></li> </ul> </div> </div> </div> </div> </div> </div> </turbo-frame> </section> <div class="" data-section-model="footer"> <section class="block--about company-links bg-company-primary-text bg-opacity-3 block-px mt-auto"> <div class="py-20 mx-auto block-max-w--sm"> <div class="mx-auto block-max-w--sm"> <h2 class="mb-4 text-4xl text-center font-company-header text-block-title" data-controller="fit-title">About Opera</h2> <div class="prose prose-block font-company-body company-links"> <p>Opera is a prominent web innovator that has been at the forefront of internet technology for over 25 years. With an ever-expanding community of millions of monthly active users, Opera remains dedicated to delivering extraordinary online experiences. Opera offers a diverse range of products and services to users worldwide, including cutting-edge PC and mobile browsers like Opera One or Opera GX notable for their built-in VPN, AdBlock, and Cashback extension, enhancing security and convenience for our users. Other products include our newsreader, communication platforms, the first built-in AI: Aria, as well as gaming and sports-related apps. This comprehensive suite of products is designed to meet the diverse needs and preferences of Opera's growing user base.</p> <p>Headquartered in Oslo, Norway, Opera has a global presence with major hubs in Poland, China, Spain, Scotland&nbsp;and Sweden, coupled with operations spanning numerous other countries. As a publicly traded company, Opera is listed on the Nasdaq stock exchange under the ticker symbol "OPRA".</p> </div> </div> <div class="flex flex-wrap mt-8 text-lg gap-y-4"> <div class="flex-shrink-0 w-full md:w-half"><span class="font-bold"> Founded in </span> 1995 </div> <div class="flex-shrink-0 w-full md:w-half"><span class="font-bold"> Co-workers </span> 501 - 1,000 </div> <div class="flex-shrink-0 w-full md:w-half"><span class="font-bold"> Turnover </span> 397M </div> </div> </div> </section> <footer class="block-px mt-auto"> <div class="text-lg block-padding"> <div class="w-full mx-auto sm:flex block-max-w--lg"> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-menu"> <h2 class="mb-4 text-xl font-company-header">Career site</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"><a class="py-1 w-full company-link" href="https://jobs-opera-com.translate.goog/?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Start</a></li> <li class="w-full text-md leading-tight"><a class="py-1 w-full company-link" href="https://jobs-opera-com.translate.goog/locations?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Locations</a></li> <li class="w-full text-md leading-tight"><a class="py-1 w-full company-link" href="https://jobs-opera-com.translate.goog/data-privacy?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Data &amp; privacy</a></li> <li class="w-full text-md leading-tight"><button data-controller="cookie-preferences" data-action="click->cookie-preferences#openCookiePreferences" class="company-link font-company-body text-unset py-1">Manage cookies</button></li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-locations"> <h2 class="mb-4 text-xl font-company-header">Locations</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"><a class="py-1 w-full company-link" href="https://jobs-opera-com.translate.goog/locations/wroclaw?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Wrocław</a></li> <li class="w-full text-md leading-tight"><a class="py-1 w-full company-link" href="https://jobs-opera-com.translate.goog/locations/barcelona?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Barcelona</a></li> </ul> </div> <div class="flex flex-col items-center justify-center grow shrink-0 text-base sm:items-end sm:justify-end"><a class="text-company-primary hover:text-company-link text-ellipsis focus-visible:rounded focus-visible-company py-1" href="https://translate.google.com/website?sl=pl&amp;tl=it&amp;hl=en-GB&amp;u=http://www.jobs.opera.com">jobs.opera.com</a> <div class="flex mt-2"><a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="x-twitter" href="https://translate.google.com/website?sl=pl&amp;tl=it&amp;hl=en-GB&amp;u=https://x.com/opera"> <i class="fab fa-x-twitter size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="facebook" href="https://translate.google.com/website?sl=pl&amp;tl=it&amp;hl=en-GB&amp;u=https://www.facebook.com/Opera/"> <i class="fab fa-facebook size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="linkedin" href="https://translate.google.com/website?sl=pl&amp;tl=it&amp;hl=en-GB&amp;u=https://www.linkedin.com/company/opera-software/mycompany/verification/?viewAsMember%3Dtrue"> <i class="fab fa-linkedin size-6 p-1 text-lg"></i> </a> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded gap-x-1" target="_blank" title="instagram" href="https://translate.google.com/website?sl=pl&amp;tl=it&amp;hl=en-GB&amp;u=https://www.instagram.com/opera_inside/?hl%3Den"> <i class="fab fa-instagram size-6 p-1 text-lg"></i> </a> </div> </div> </div> </div> <div class="flex flex-col py-4 mx-auto text-center border-t sm:text-unset block-max-w--lg border-company-primary-text border-opacity-15 sm:justify-between sm:flex-row"> <div class="flex justify-center w-full sm:w-auto"><a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="https://jobs-opera-com.translate.goog/sso_login?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Employee login</a> </div> <div class="flex justify-center w-full sm:w-auto"><a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="https://jobs-opera-com.translate.goog/connect/login?_x_tr_sl=pl&amp;_x_tr_tl=it&amp;_x_tr_hl=en-GB">Candidate Connect login</a> </div> </div> </footer> </div> <section class="relative block-px mt-15 z-career-autojoin mb-[27px] md:mb-[35px]" id="section-auto-join"> <div class="w-full px-4 pt-12 mx-auto rounded pb-18 block-max-w--lg bg-company-secondary text-company-secondary block-shadow" data-controller="false"> <h2 class="text-center font-company-header text-4xl text-shadow" data-controller="fit-title">Already working at Opera?</h2> <p class="text-center text-xl text-opacity-80 text-company-secondary text-shadow">Let’s recruit together and find your next colleague.</p> <form class="flex w-full mt-6" data-turbo="false" action="/auto_join" accept-charset="UTF-8" method="post"> <input type="hidden" name="authenticity_token" value="Uqk+Zc5gEXUcouoBmyXbxJX5dEgN+Vg5P64aSOz3RsyRerjPDL1PZUlofMd8ZQ3aspQzvYtgEygXnIxLCQTBRg==" autocomplete="off"> <button type="submit" class="careersite-button careersite-button--secondary mx-auto min-w-[200px]" data-event-tracking="click" data-event-category="Account" data-event-name="Auto Joined: Create" data-event-label="Click"> Log in </button> </form> </div> <ul class="absolute bottom-[-27px] md:bottom-[-35px] flex items-center justify-center left-0 right-0" data-controller="blocks--auto-join--people"> <li class="flex-shrink-0 rounded-full ml-4 md:ml-7 first:ml-0 bg-company-secondary-text border-3 border-company-secondary-text shadow-form-strong"> <div class="size-12 md:w-16 md:h-16 rounded-full bg-cover bg-center" title="Przemysław Szczepaniak" alt="Przemysław Szczepaniak" data-background-image-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/employee_picture-v3/image_uploads/9d626285-6ed9-4775-ad10-8d8d7b632aa6/original.jpeg" data-blocks--auto-join--people-target="person"></div></li> <li class="flex-shrink-0 rounded-full ml-4 md:ml-7 first:ml-0 bg-company-secondary-text border-3 border-company-secondary-text shadow-form-strong"> <div class="size-12 md:w-16 md:h-16 rounded-full bg-cover bg-center" title="Margareta Poręba" alt="Margareta Poręba" data-background-image-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/employee_picture-v3/image_uploads/441449d1-d15e-4803-b46b-d437725ab2da/original.png" data-blocks--auto-join--people-target="person"></div></li> <li class="flex-shrink-0 rounded-full ml-4 md:ml-7 first:ml-0 bg-company-secondary-text border-3 border-company-secondary-text shadow-form-strong"> <div class="size-12 md:w-16 md:h-16 rounded-full bg-cover bg-center" title="Tatiana Lyskova" alt="Tatiana Lyskova" data-background-image-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/employee_picture-v3/image_uploads/039dac41-4c95-4609-b39e-dc7e464fec03/original.jpeg" data-blocks--auto-join--people-target="person"></div></li> <li class="flex-shrink-0 rounded-full ml-4 md:ml-7 first:ml-0 bg-company-secondary-text border-3 border-company-secondary-text shadow-form-strong"> <div class="size-12 md:w-16 md:h-16 rounded-full bg-cover bg-center" title="Anila N K" alt="Anila N K" data-background-image-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/employee_picture-v3/image_uploads/c8f0d4f1-9c24-4411-9094-e826d08b3cc0/original.png" data-blocks--auto-join--people-target="person"></div></li> <li class="flex-shrink-0 rounded-full ml-4 md:ml-7 first:ml-0 bg-company-secondary-text border-3 border-company-secondary-text shadow-form-strong hidden sm:block"> <div class="size-12 md:w-16 md:h-16 rounded-full bg-cover bg-center" title="Agata Świderek" alt="Agata Świderek" data-background-image-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/employee_picture-v3/image_uploads/ad6cdc50-1b97-4016-9099-839a1d41382f/original.jpeg" data-blocks--auto-join--people-target="person"></div></li> <li class="flex-shrink-0 rounded-full ml-4 md:ml-7 first:ml-0 bg-company-secondary-text border-3 border-company-secondary-text shadow-form-strong hidden sm:block"> <div class="size-12 md:w-16 md:h-16 rounded-full bg-cover bg-center" title="Karl Käsper" alt="Karl Käsper" data-background-image-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/employee_picture-v3/image_uploads/ad530cba-3b24-4784-bbad-97e41230148e/original.jpeg" data-blocks--auto-join--people-target="person"></div></li> </ul> </section> <footer class="relative z-career-footer flex items-center justify-center flex-shrink-0 font-sans font-normal bg-company-primary h-[152px] text-company-primary" style="display: flex !important; visibility: visible !important;" id="e75b1b2cba3853d0e07aea18514d48b9b" data-turbo-permanent><a rel="noopener" target="_blank" class="flex flex-col items-center group focus-visible-company focus-visible:rounded p-1" style="display: flex !important; visibility: visible !important;" href="https://translate.google.com/website?sl=pl&amp;tl=it&amp;hl=en-GB&amp;u=https://www.teamtailor.com/?utm_campaign%3Dpoweredby%26utm_content%3Djobs.opera.com%26utm_medium%3Dreferral%26utm_source%3Dcareer-site"> <svg xmlns="http://www.w3.org/2000/svg" width="115" height="25"><g fill="currentColor" fill-rule="evenodd" transform="translate(-672 -913)"> <g fill="currentColor" fill-rule="nonzero"> <path d="M787 923.44v-.118a1.75 1.75 0 00-.669-.917 3.397 3.397 0 00-1.095-.529 3.773 3.773 0 00-1.137-.142c-.366.013-.632.061-.8.142-.507.272-1.216.8-2.128 1.587a54.45 54.45 0 00-2.992 2.807 85.662 85.662 0 00-3.307 3.518 61.987 61.987 0 00-3.075 3.722 62.408 62.408 0 012.528-3.56 68.673 68.673 0 012.4-2.97c.76-.88 1.44-1.62 2.044-2.216.604-.597 1.06-1.044 1.369-1.343.168-.135.168-.298 0-.488s-.408-.372-.716-.549a6.329 6.329 0 00-.969-.447c-.337-.123-.604-.184-.8-.184-.225.001-.632.28-1.221.835-.59.556-1.25 1.275-1.98 2.156a74.632 74.632 0 00-2.296 2.929 58.057 58.057 0 00-2.19 3.132c-.661 1.016-1.201 1.94-1.622 2.766-.421.828-.632 1.445-.632 1.851 0 .19.105.441.315.753.211.311.449.597.716.855.267.257.534.433.8.528.267.095.47.034.612-.183l.168-.326c.533-.84 1.229-1.795 2.085-2.867.857-1.071 1.762-2.156 2.718-3.255a94.114 94.114 0 012.865-3.152 47.015 47.015 0 012.612-2.563c-.197.326-.492.732-.885 1.221-.393.487-.78.976-1.159 1.464s-.716.95-1.011 1.382c-.295.435-.442.747-.442.936 0 .19.07.394.21.61.141.217.33.42.57.61.238.19.49.352.758.488.266.136.526.203.78.203.224 0 .49-.087.8-.264.309-.176.625-.4.948-.671.322-.27.645-.57.968-.895.322-.325.596-.637.821-.935.196-.244.253-.38.169-.407-.084-.027-.225-.013-.421.04a9.853 9.853 0 00-.59.183c-.197.068-.31.089-.337.062-.057-.054.042-.217.295-.488.252-.271.575-.61.969-1.017.392-.407.828-.84 1.305-1.302.478-.46.92-.901 1.327-1.322.407-.42.738-.794.99-1.119.19-.245.3-.428.332-.55zM770.474 923.861a6.553 6.553 0 00-1.407-1.093 7.914 7.914 0 00-1.659-.73c-.574-.175-1.085-.222-1.533-.142-.615.136-1.294.473-2.036 1.013a15.695 15.695 0 00-2.225 2.005 23.315 23.315 0 00-2.12 2.653 26.517 26.517 0 00-1.744 2.875c-.489.946-.86 1.837-1.112 2.674-.252.836-.322 1.538-.21 2.105.056.27.294.56.713.871.42.31.889.595 1.408.851a9.135 9.135 0 001.554.607c.517.148.902.209 1.154.183.588-.082 1.252-.378 1.995-.892.741-.512 1.496-1.153 2.267-1.923.77-.77 1.518-1.627 2.246-2.572a26.917 26.917 0 001.89-2.774c.531-.904.944-1.755 1.238-2.552.294-.796.399-1.437.315-1.923-.083-.405-.329-.817-.734-1.236zm-1.995 1.054c-.308.688-.77 1.512-1.386 2.47a59.244 59.244 0 01-2.099 3.037 54.619 54.619 0 01-2.289 2.916c-.741.878-1.4 1.58-1.972 2.106-.575.527-.945.723-1.114.587-.196-.135-.133-.553.19-1.255.32-.702.783-1.532 1.385-2.49a51.59 51.59 0 012.058-3.018 53.449 53.449 0 012.246-2.876c.728-.863 1.38-1.552 1.953-2.065.573-.513.972-.715 1.197-.608.195.109.138.507-.169 1.196z" /> <path d="M765.502 913h-.01a.805.805 0 00-.124.009c-.254.054-.683.379-1.289.973a43.891 43.891 0 00-2.155 2.312 91.378 91.378 0 00-2.704 3.246 156.58 156.58 0 00-5.724 7.647 78.008 78.008 0 00-2.388 3.59 35.656 35.656 0 00-1.669 2.941c-.423.852-.634 1.468-.634 1.846 0 .19.07.4.211.63.142.229.324.439.55.628.225.19.479.352.76.487.282.135.55.203.803.203.225 0 .493-.087.803-.264.31-.175.626-.398.951-.67.323-.269.647-.573.971-.912.323-.337.598-.655.824-.954.197-.242.253-.378.168-.405-.084-.027-.225-.013-.421.04a6.717 6.717 0 00-.613.203c-.212.082-.332.109-.36.082-.085-.082.049-.447.402-1.096.351-.65.866-1.494 1.542-2.536a88.884 88.884 0 012.45-3.55 152.058 152.058 0 013.105-4.137 135.884 135.884 0 013.486-4.3 113.092 113.092 0 013.592-4.057c.225-.244.246-.487.063-.73a2.69 2.69 0 00-.78-.67 3.924 3.924 0 00-1.1-.446 3.322 3.322 0 00-.71-.11zM751.373 922.6c-.588.568-1.255 1.298-1.998 2.19a65.73 65.73 0 00-2.315 2.96 68.014 68.014 0 00-2.209 3.162 32.52 32.52 0 00-1.662 2.797c-.435.838-.652 1.46-.652 1.865 0 .19.07.4.21.63.141.229.33.439.568.628.238.189.49.351.758.486.266.136.526.203.778.203.224 0 .49-.087.8-.263a7.37 7.37 0 00.967-.67c.337-.269.66-.573.967-.912.31-.337.59-.655.842-.953.196-.242.245-.378.147-.405-.098-.027-.245-.013-.441.04a5.187 5.187 0 00-.589.203c-.196.081-.31.109-.337.081-.112-.107-.021-.432.273-.973.295-.54.695-1.196 1.2-1.966a47.602 47.602 0 011.746-2.474c.658-.878 1.297-1.716 1.915-2.514.616-.796 1.17-1.5 1.662-2.108.49-.608.82-1.006.988-1.196.14-.162.134-.338-.02-.527a2.354 2.354 0 00-.652-.527 5.74 5.74 0 00-.926-.425c-.337-.122-.604-.183-.8-.183-.224 0-.63.284-1.22.851zm5.008-1.905c.42-.27.84-.581 1.262-.933.42-.35.792-.71 1.115-1.074.322-.365.484-.656.484-.872 0-.27-.091-.5-.274-.69a2.134 2.134 0 00-.694-.465 3.881 3.881 0 00-.904-.264 3.475 3.475 0 00-.905-.04c-.197.027-.436.156-.715.385-.281.23-.583.494-.905.79a15.36 15.36 0 00-.946.953c-.31.338-.589.643-.842.912-.225.243-.267.48-.126.71.14.23.364.425.673.588.309.161.638.29.99.384.35.096.623.116.82.062.223-.027.545-.176.967-.446zM744.875 922.937a12.627 12.627 0 00-.61-.548 8.882 8.882 0 00-.714-.549 3.495 3.495 0 00-.736-.385 1.205 1.205 0 00-.715-.061c-.896.162-1.814.575-2.754 1.239a19.037 19.037 0 00-2.732 2.375 29.652 29.652 0 00-2.502 2.985 38.885 38.885 0 00-2.06 3.087c-.588.988-1.052 1.882-1.388 2.68-.336.8-.504 1.388-.504 1.767 0 .19.07.4.21.63.14.23.33.44.568.63.237.189.49.351.757.487.266.135.525.203.778.203.112 0 .328-.122.65-.365.323-.245.702-.57 1.136-.976a70.611 70.611 0 003.133-3.126 11.1 11.1 0 00-.714 1.461c-.169.434-.253.786-.253 1.056 0 .19.07.4.21.63.14.23.33.44.568.63.238.189.49.351.757.487.266.135.526.203.778.203.224 0 .49-.087.799-.264.308-.176.63-.4.967-.67.336-.27.658-.575.966-.914.309-.338.588-.656.84-.955.197-.243.246-.379.148-.406-.098-.027-.245-.012-.441.04a5.183 5.183 0 00-.589.204c-.196.081-.309.109-.336.081-.113-.108-.042-.419.21-.934.253-.514.616-1.13 1.093-1.848a78.588 78.588 0 011.619-2.335c.602-.838 1.184-1.63 1.744-2.376.56-.744 1.073-1.4 1.535-1.97.463-.568.792-.96.988-1.177.14-.162.133-.339-.021-.528-.154-.19-.378-.366-.673-.528a7.047 7.047 0 00-.925-.426c-.322-.122-.582-.183-.777-.183-.226-.001-.562.216-1.01.649zm-10.111 10.477c.294-.595.72-1.306 1.282-2.132a44.424 44.424 0 011.934-2.62 29.451 29.451 0 012.25-2.538c.77-.771 1.513-1.407 2.228-1.908.715-.501 1.325-.724 1.829-.67a40.591 40.591 0 00-2.291 2.66 51.075 51.075 0 00-2.46 3.35 110.65 110.65 0 01-1.766 1.828c-.588.596-1.12 1.13-1.597 1.604-.477.474-.87.846-1.178 1.116-.308.271-.476.393-.504.365-.113-.107-.021-.46.273-1.055z" /> <path d="M733.82 918.468c-.448 0-.806.101-1.072.304a3.815 3.815 0 00-.738.75 3.822 3.822 0 00-.484.913c-.099.284.049.426.442.426h1.347a140.814 140.814 0 00-3.284 4.339 114.968 114.968 0 00-3.073 4.42c-.927 1.406-1.685 2.65-2.274 3.73-.59 1.082-.884 1.813-.884 2.19 0 .19.07.4.21.63.14.23.33.44.569.629.238.189.49.351.757.486.267.136.526.203.78.203.224 0 .49-.087.8-.263.308-.176.631-.399.968-.67.337-.269.66-.573.968-.912.309-.337.59-.655.842-.953.196-.243.246-.379.148-.406-.099-.027-.246-.012-.442.04a5.192 5.192 0 00-.59.203c-.196.082-.309.11-.336.082-.141-.108.027-.588.504-1.44.478-.852 1.144-1.926 2-3.224a92.282 92.282 0 013.053-4.32c1.18-1.581 2.414-3.169 3.705-4.765h1.516c.42 0 .779-.127 1.073-.385.295-.257.568-.533.821-.83.224-.298.4-.569.527-.812.125-.243-.036-.365-.485-.365h-1.431l1.01-1.095c.14-.163.133-.338-.02-.528a2.295 2.295 0 00-.674-.527 7.263 7.263 0 00-.927-.426c-.322-.122-.583-.182-.779-.182-.224 0-.61.25-1.158.75-.547.5-1.186 1.17-1.916 2.007h-1.472v.001zM720.882 929.035c-.677.95-1.282 1.851-1.817 2.705a25.624 25.624 0 00-1.31 2.319c-.338.692-.506 1.214-.506 1.566 0 .19.07.4.21.63.141.231.331.442.57.632.24.19.493.352.761.488s.529.203.782.203c.226 0 .492-.087.803-.264.31-.176.634-.4.972-.671.338-.27.661-.576.971-.916.31-.338.592-.657.845-.956.197-.243.247-.38.148-.407-.099-.027-.246-.012-.443.04a5.171 5.171 0 00-.591.204c-.198.082-.31.11-.339.082-.112-.108-.02-.434.275-.977.295-.542.697-1.2 1.204-1.973.507-.773 1.092-1.6 1.754-2.48.662-.882 1.295-1.723 1.901-2.523.605-.8 1.155-1.505 1.647-2.115.493-.61.838-1.01 1.035-1.2.141-.136.134-.299-.02-.489a2.684 2.684 0 00-.655-.549 5.168 5.168 0 00-.908-.447c-.324-.123-.586-.184-.782-.184h-.042c-.339 0-.987.38-1.944 1.14-.958.759-2.036 1.735-3.232 2.928a79.135 79.135 0 00-3.697 3.966 71.467 71.467 0 00-3.422 4.21 46.779 46.779 0 012.62-3.722 92.25 92.25 0 012.535-3.112 50.318 50.318 0 012.112-2.338 65.549 65.549 0 011.395-1.404c.168-.136.168-.298 0-.488a2.843 2.843 0 00-.719-.55 6.33 6.33 0 00-.972-.447c-.338-.122-.606-.183-.802-.183-.339 0-.987.38-1.944 1.139-.958.76-2.035 1.736-3.232 2.928a79.135 79.135 0 00-3.697 3.966 71.467 71.467 0 00-3.422 4.21 46.779 46.779 0 012.62-3.722 92.25 92.25 0 012.535-3.111 50.318 50.318 0 012.112-2.339 65.549 65.549 0 011.395-1.404c.168-.135.168-.298 0-.488a2.843 2.843 0 00-.719-.55 6.304 6.304 0 00-.972-.447c-.338-.122-.606-.183-.802-.183-.226 0-.628.279-1.204.834-.578.556-1.24 1.275-1.986 2.156a54.91 54.91 0 00-2.303 2.929 65.748 65.748 0 00-2.176 3.132 35.412 35.412 0 00-1.648 2.766c-.436.828-.655 1.445-.655 1.852 0 .19.106.44.317.752.211.311.457.597.74.855.28.258.555.434.823.528.268.095.458.034.571-.183a.95.95 0 01.169-.244 37.684 37.684 0 011.796-2.563 88.162 88.162 0 012.302-2.908 63.597 63.597 0 012.514-2.868 64.22 64.22 0 012.43-2.481 85.624 85.624 0 00-2.008 2.685 46.78 46.78 0 00-1.774 2.644 25.857 25.857 0 00-1.268 2.258c-.324.664-.486 1.173-.486 1.525 0 .19.106.441.317.753.211.311.45.597.718.854.268.258.535.434.803.53.267.094.472.033.613-.184l.338-.57c.507-.758 1.113-1.6 1.817-2.522a72.81 72.81 0 012.261-2.807c.803-.949 1.62-1.87 2.45-2.765a58.964 58.964 0 012.345-2.4 78.454 78.454 0 00-2.03 2.725zM707.462 922.937a13.23 13.23 0 00-.61-.548 8.651 8.651 0 00-.714-.549 3.495 3.495 0 00-.736-.385 1.203 1.203 0 00-.715-.061c-.897.162-1.815.575-2.753 1.239-.94.663-1.85 1.455-2.733 2.375a29.652 29.652 0 00-2.502 2.985 38.885 38.885 0 00-2.06 3.087c-.588.988-1.051 1.882-1.388 2.68-.336.8-.504 1.388-.504 1.767 0 .19.07.4.21.63.14.23.33.44.568.63.238.189.49.351.757.487.266.135.525.203.778.203.111 0 .329-.122.651-.365.322-.245.7-.57 1.136-.976a70.71 70.71 0 003.132-3.126c-.309.542-.547 1.029-.715 1.461-.168.434-.252.786-.252 1.056 0 .19.07.4.21.63.14.23.329.44.567.63.238.189.49.351.757.487.266.135.525.203.778.203.224 0 .49-.087.799-.264.308-.176.63-.4.967-.67.336-.27.658-.575.967-.914.308-.338.588-.656.84-.955.196-.243.245-.379.148-.406-.099-.027-.246-.012-.442.04a5.183 5.183 0 00-.588.204c-.197.081-.309.109-.337.081-.112-.108-.042-.419.21-.934.253-.514.617-1.13 1.094-1.848a77.469 77.469 0 011.618-2.335c.602-.838 1.184-1.63 1.745-2.376a67.2 67.2 0 011.535-1.97c.463-.568.792-.96.988-1.177.14-.162.133-.339-.02-.528-.155-.19-.38-.366-.674-.528a7.047 7.047 0 00-.925-.426c-.322-.122-.582-.183-.778-.183-.224-.001-.56.216-1.009.649zm-10.111 10.477c.294-.595.721-1.306 1.282-2.132a44.424 44.424 0 011.934-2.62 29.355 29.355 0 012.25-2.538c.77-.771 1.513-1.407 2.228-1.908.714-.501 1.324-.724 1.829-.67a40.591 40.591 0 00-2.292 2.66 51.075 51.075 0 00-2.46 3.35c-.588.623-1.176 1.233-1.765 1.828-.588.596-1.121 1.13-1.598 1.604-.477.474-.87.846-1.177 1.116-.31.271-.477.393-.504.365-.113-.107-.021-.46.273-1.055zM689.66 923.096c-.775.57-1.537 1.241-2.283 2.014a22.683 22.683 0 00-2.115 2.542 17.417 17.417 0 00-1.65 2.787 13.047 13.047 0 00-.952 2.766c-.198.909-.198 1.743 0 2.501.084.3.281.57.592.814.31.244.662.454 1.057.63.394.177.804.306 1.227.387.423.082.761.108 1.015.082.366-.028.818-.163 1.354-.407a11.68 11.68 0 001.65-.936c.563-.38 1.12-.807 1.671-1.281a15.11 15.11 0 001.502-1.485c.281-.325.373-.529.275-.61-.1-.081-.332.014-.698.286-.565.38-1.121.746-1.671 1.098a22.88 22.88 0 01-1.545.915c-.48.258-.91.462-1.29.61-.38.15-.684.224-.91.224-.733-.055-1.014-.535-.845-1.445.169-.908.605-2.013 1.31-3.315.395.298.84.577 1.334.834.492.258.965.333 1.417.223.705-.162 1.452-.596 2.242-1.301.79-.706 1.53-1.485 2.221-2.34a17.574 17.574 0 001.714-2.501c.45-.813.69-1.424.718-1.83.028-.326-.141-.664-.507-1.018a5.177 5.177 0 00-1.354-.915 7.233 7.233 0 00-1.713-.569c-.607-.122-1.121-.115-1.545.02-.704.244-1.445.65-2.22 1.22zm-.57 5.756c.508-.61 1.05-1.213 1.629-1.81a24.586 24.586 0 011.755-1.648 19.262 19.262 0 011.608-1.24c.366-.217.564-.299.592-.245.028.055-.042.231-.211.53-.395.65-.903 1.335-1.523 2.053a23.897 23.897 0 01-1.904 1.973 16.31 16.31 0 01-1.84 1.485c-.578.393-1.036.604-1.374.63a15.73 15.73 0 011.268-1.728z" /> <path d="M675.05 938c.218-.075.533-.243.945-.504a13.928 13.928 0 001.607-1.181c.492-.42.838-.78 1.035-1.079.197-.298.028-.38-.507-.243-.536.136-.726-.211-.57-1.038.154-.828.592-1.934 1.31-3.318.719-1.384 1.691-2.95 2.917-4.7 1.226-1.751 2.67-3.508 4.333-5.272a.641.641 0 00.17-.53 1.56 1.56 0 00-.233-.589 2.787 2.787 0 00-.507-.59 4.379 4.379 0 00-.655-.489 59.048 59.048 0 014.1.061c1.325.068 2.523.17 3.594.306.282.027.529-.136.74-.488.212-.353.374-.773.487-1.262.112-.489.162-.97.148-1.445-.015-.474-.12-.82-.317-1.038-.17-.162-.677-.264-1.523-.305-.846-.04-1.896-.04-3.15 0s-2.614.136-4.079.285c-1.466.15-2.896.333-4.291.55a39.94 39.94 0 00-3.827.773c-1.156.299-2.029.625-2.621.977-.17.081-.296.298-.38.651a2.438 2.438 0 00-.021 1.058c.07.353.225.638.464.855.24.217.599.244 1.079.082.873-.298 1.972-.53 3.297-.692a49.526 49.526 0 014.27-.325c-.592.461-1.268 1.153-2.029 2.075a50.325 50.325 0 00-2.368 3.134 56.704 56.704 0 00-2.367 3.684 93.45 93.45 0 00-2.071 3.683c-.62 1.167-1.114 2.212-1.48 3.134-.367.922-.55 1.6-.55 2.035 0 .08.091.223.275.427.183.204.415.407.697.61.282.204.592.38.93.53.187.081.364.141.533.178h.614z" /> </g> </g> </svg><span class="mt-2 text-sm print:hidden"> <span class="mt-2 text-sm underline group-hover:text-teamtailor-pink">Applicant tracking system</span> by Teamtailor </span> </a> </footer> </main> <script nonce="f3acee17c6bee276fafe1d247d3b4aa2"> function trackPageView(url) { var searchParams = new URLSearchParams(window.location.search); var utmSource = searchParams.get('utm_source'); window.referrer = window.referrer || utmSource || document.referrer var payload = { ed: 'qXV+k8eoeUNNUb2e306ArdUNxn61lX6G+6REeFmZ5cNXsiIvKAgIlvc1jVGNXQOYRe1tQOcmnooG3KjKC6572B0D4eyBkEjSSW7zE+jl4eDpaG9u0HNNoFDdRVSi3BeipLyaRRapdcQuhVubxvlfm3uiagGK/2YpB1CF1uPiHS8WU1sM54yeA4EXYw4X9bgSOExdq8em8iVnKazo9b/PT2gP4P7is77etfjGNizmt8ln2GmZPKOL5vkB3FEYqsWAD1VvETk=--Z1o24pJ/8tad/NPv--XrZf6Ex7IGEN4IuwuVgJOg==', visitor_uuid: window.visitor_uuid, referrer: window.referrer, data: { ua: navigator.userAgent, }, url: url, }; var xmlhttp = new XMLHttpRequest(); xmlhttp.open('POST', '/pageview', true); xmlhttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); xmlhttp.withCredentials = true; xmlhttp.addEventListener('readystatechange', function () { if (xmlhttp.readyState === XMLHttpRequest.DONE) { const status = xmlhttp.status; if (status === 0 || (status >= 200 && status < 400)) { window.visitor_uuid = xmlhttp.responseText; } } }) xmlhttp.send(JSON.stringify(payload)); } window.trackPageView = trackPageView; if (!window.analyticsPageviewCallback) { window.analyticsPageviewCallback = true; window.addEventListener('turbo:load', function(data){ window.trackPageView(); }); } </script> <div class="opacity-0 transition-opacity duration-100 ease-in-out z-candidate-chat" data-controller="common--chat" data-common--chat-subdomain-host-value="jobs.opera.com"> </div> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('pl', 'it', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&amp;hl=en-GB&amp;client=wt" type="text/javascript"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10