NOTICE: By continued use of this site you understand and agree to the binding Terms of Service and Privacy Policy.
// ==UserScript==
// @name Duolingo PRO
// @namespace http://tampermonkey.net/
// @version 3.0BETA.02
// @description The fastest Duolingo XP farmer, working as of July 2024.
// @author anonymousHackerIV
// @match https://*.duolingo.com/*
// @grant GM_log
// @license MIT
// @updateURL https://github.com/anonymoushackerIV/Duolingo-Pro-BETA/raw/refs/heads/main/Duolingo-Pro-BETA.user.js
// @downloadURL https://github.com/anonymoushackerIV/Duolingo-Pro-BETA/raw/refs/heads/main/Duolingo-Pro-BETA.user.js
// ==/UserScript==
let storageLocal;
let storageSession;
let limits;
let versionNumber = "02";
let storageLocalVersion = "02";
let storageSessionVersion = "02";
let versionName = "BETA.02";
let versionFullname = "3.0BETA.02";
let serverURL = "https://www.duolingopro.net";
let greasyfork = true;
let hidden = false;
let lastPage;
let currentPage = 1;
let legacyMode = false;
let solvingIntervalId;
let isAutoMode;
let findReactMainElementClass = '_3yE3H';
let reactTraverseUp = 1;
const debug = false;
if (localStorage.getItem("DLP_Local_Storage") == null || JSON.parse(localStorage.getItem("DLP_Local_Storage")).storageVersion !== storageLocalVersion) {
localStorage.setItem("DLP_Local_Storage", JSON.stringify({
"version": versionNumber,
"terms": "00",
"pins": {
"home": [1, 2],
"legacy": [1, 2]
},
"legacy": {
"solveSpeed": 0.9
},
"settings": {
"autoUpdate": greasyfork,
"solveSpeed": 0.9
},
"notifications": [
{
"id": "0001"
}
],
"tips": {
"seeMore1": false
},
"onboarding": false,
"storageVersion": storageLocalVersion
}));
storageLocal = JSON.parse(localStorage.getItem("DLP_Local_Storage"));
} else {
storageLocal = JSON.parse(localStorage.getItem("DLP_Local_Storage"));
}
function saveStorageLocal() {
localStorage.setItem("DLP_Local_Storage", JSON.stringify(storageLocal));
}
if (sessionStorage.getItem("DLP_Session_Storage") == null || JSON.parse(sessionStorage.getItem("DLP_Session_Storage")).storageVersion !== storageSessionVersion) {
sessionStorage.setItem("DLP_Session_Storage", JSON.stringify({
"legacy": {
"page": 0,
"status": false,
"path": {
"type": "lesson",
"amount": 0
},
"practice": {
"type": "lesson",
"amount": 0
},
"listen": {
"type": "lesson",
"amount": 0
},
"lesson": {
"unit": 1,
"lesson": 1,
"type": "lesson",
"amount": 0
}
},
"notifications": [
{
"id": "0001"
}
],
"storageVersion": storageSessionVersion
}));
storageSession = JSON.parse(sessionStorage.getItem("DLP_Session_Storage"));
} else {
storageSession = JSON.parse(sessionStorage.getItem("DLP_Session_Storage"));
}
function saveStorageSession() {
sessionStorage.setItem("DLP_Session_Storage", JSON.stringify(storageSession));
}
let CSS1 = `
@font-face {
font-family: 'Duolingo Pro Rounded';
src: url(${serverURL}/static/3.0/assets/fonts/Duolingo-Pro-Rounded-Semibold.woff) format('woff');
}
`;
let HTML2 = `
<canvas style="position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; z-index: 8; pointer-events: none;" id="DLP_Confetti_Canvas"></canvas>
<div class="DLP_Notification_Main"></div>
<div class="DLP_Main">
<div class="DLP_HStack_8" style="align-self: flex-end;">
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Switch_Legacy_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10); backdrop-filter: blur(16px);">
<svg id="DLP_Inset_Icon_1_ID" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM12.7656 9.84375C12.7656 7.96875 11.4531 6.71875 9.47656 6.71875H7.14844L6.5 6.76562L7 6.39844L7.78125 5.67969C7.92188 5.55469 7.99219 5.375 7.99219 5.19531C7.99219 4.8125 7.66406 4.48438 7.28906 4.48438C7.10156 4.48438 6.9375 4.55469 6.80469 4.69531L4.64844 6.875C4.50781 7.02344 4.42188 7.21094 4.42188 7.40625C4.42188 7.59375 4.5 7.78125 4.64844 7.9375L6.80469 10.125C6.9375 10.2578 7.11719 10.3281 7.30469 10.3281C7.67969 10.3281 8 10 8 9.60938C8 9.42969 7.92188 9.25781 7.78125 9.125L6.91406 8.375L6.5 8.09375L7.14844 8.14062H9.47656C10.5547 8.14062 11.2656 8.82812 11.2656 9.84375C11.2656 10.9062 10.5547 11.6094 9.48438 11.6094H8.33594C7.85156 11.6094 7.52344 11.8984 7.52344 12.3359C7.52344 12.7812 7.85156 13.0859 8.33594 13.0859H9.48438C11.4531 13.0859 12.7656 11.7969 12.7656 9.84375Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM4.5625 9.84375C4.5625 11.7969 5.875 13.0859 7.84375 13.0859H8.99219C9.47656 13.0859 9.80469 12.7812 9.80469 12.3359C9.80469 11.8984 9.47656 11.6094 8.99219 11.6094H7.84375C6.77344 11.6094 6.0625 10.9062 6.0625 9.84375C6.0625 8.82812 6.77344 8.14062 7.85156 8.14062H10.1797L10.8281 8.09375L10.4141 8.375L9.54688 9.125C9.40625 9.25781 9.32812 9.42969 9.32812 9.60938C9.32812 10 9.64844 10.3281 10.0234 10.3281C10.2109 10.3281 10.3906 10.2578 10.5156 10.125L12.6797 7.9375C12.8281 7.78125 12.9062 7.59375 12.9062 7.40625C12.9062 7.21094 12.8203 7.02344 12.6797 6.875L10.5234 4.69531C10.3906 4.55469 10.2266 4.48438 10.0391 4.48438C9.66406 4.48438 9.33594 4.8125 9.33594 5.19531C9.33594 5.375 9.40625 5.55469 9.54688 5.67969L10.3281 6.39844L10.8281 6.76562L10.1797 6.71875H7.85156C5.875 6.71875 4.5625 7.96875 4.5625 9.84375Z"/>
</svg>
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #007AFF; white-space: nowrap;">Switch to Legacy</p>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Hide_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10); flex: none; backdrop-filter: blur(16px);">
<svg id="DLP_Inset_Icon_1_ID" width="23" height="16" viewBox="0 0 23 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M17.7266 14.9922L4.1875 1.47656C3.9375 1.22656 3.9375 0.796875 4.1875 0.546875C4.44531 0.289062 4.875 0.289062 5.125 0.546875L18.6562 14.0625C18.9141 14.3203 18.9219 14.7188 18.6562 14.9922C18.3984 15.2578 17.9844 15.25 17.7266 14.9922ZM18.4609 12.4062L15.3281 9.25781C15.5 8.82812 15.5938 8.35938 15.5938 7.875C15.5938 5.57812 13.7266 3.74219 11.4375 3.74219C10.9531 3.74219 10.4922 3.83594 10.0547 3.99219L7.75 1.67969C8.875 1.3125 10.1016 1.09375 11.4297 1.09375C17.8984 1.09375 22.1172 6.28906 22.1172 7.875C22.1172 8.78125 20.7344 10.8438 18.4609 12.4062ZM11.4297 14.6562C5.05469 14.6562 0.75 9.45312 0.75 7.875C0.75 6.96094 2.16406 4.85938 4.54688 3.27344L7.59375 6.32812C7.39062 6.79688 7.27344 7.32812 7.27344 7.875C7.28125 10.1172 9.13281 12.0078 11.4375 12.0078C11.9766 12.0078 12.4922 11.8906 12.9609 11.6875L15.2812 14.0078C14.125 14.4141 12.8281 14.6562 11.4297 14.6562ZM13.9609 7.71094C13.9609 7.77344 13.9609 7.82812 13.9531 7.88281L11.3203 5.25781C11.375 5.25 11.4375 5.25 11.4922 5.25C12.8594 5.25 13.9609 6.35156 13.9609 7.71094ZM8.88281 7.82031C8.88281 7.75781 8.88281 7.6875 8.89062 7.625L11.5391 10.2734C11.4766 10.2812 11.4219 10.2891 11.3594 10.2891C10 10.2891 8.88281 9.17969 8.88281 7.82031Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" width="22" height="14" viewBox="0 0 22 14" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M11.2734 13.6406C4.89844 13.6406 0.59375 8.4375 0.59375 6.85156C0.59375 5.27344 4.90625 0.078125 11.2734 0.078125C17.75 0.078125 21.9688 5.27344 21.9688 6.85156C21.9688 8.4375 17.75 13.6406 11.2734 13.6406ZM11.2812 11.0078C13.5781 11.0078 15.4375 9.14844 15.4375 6.85938C15.4375 4.5625 13.5781 2.70312 11.2812 2.70312C8.98438 2.70312 7.125 4.5625 7.125 6.85938C7.125 9.14844 8.98438 11.0078 11.2812 11.0078ZM11.2812 8.49219C10.375 8.49219 9.64844 7.76562 9.64844 6.85938C9.64844 5.95312 10.375 5.22656 11.2812 5.22656C12.1875 5.22656 12.9141 5.95312 12.9141 6.85938C12.9141 7.76562 12.1875 8.49219 11.2812 8.49219Z"/>
</svg>
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #007AFF;">Show</p>
</div>
</div>
<div class="DLP_Main_Box">
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_1_ID" style="">
<div class="DLP_VStack_8">
<div class="DLP_VStack_8">
<div class="DLP_HStack_8">
<div id="DLP_Main_1_Server_Connection_Button_1_ID" class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgb(var(--color-eel), 0.20); outline-offset: -2px; background: rgb(var(--color-eel), 0.10); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.32, 1), background 0.8s cubic-bezier(0.16, 1, 0.32, 1), outline 0.8s cubic-bezier(0.16, 1, 0.32, 1), filter 0.4s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1); padding: 10px 0px 10px 10px;">
<svg id="DLP_Inset_Icon_1_ID" width="17" height="18" viewBox="0 0 17 18" fill="rgb(var(--color-eel))" xmlns="http://www.w3.org/2000/svg" style="transition: 0.4s;">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" width="17" height="18" viewBox="0 0 17 18" fill="#FFF" xmlns="http://www.w3.org/2000/svg" display="none" style="transition: 0.4s;">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM3.89062 4.19531C4.25 4.44531 4.71094 4.65625 5.24219 4.82812C5.60938 3.85156 6.09375 3.05469 6.67188 2.49219C5.60156 2.82812 4.65625 3.42188 3.89062 4.19531ZM10.6328 2.49219C11.2031 3.05469 11.6953 3.85938 12.0547 4.82812C12.5859 4.65625 13.0469 4.44531 13.4062 4.19531C12.6484 3.42188 11.6953 2.82812 10.6328 2.49219ZM6.46094 5.11719C6.95312 5.20312 7.48438 5.25781 8.04688 5.28125V2.91406C7.42969 3.24219 6.86719 4.04688 6.46094 5.11719ZM9.25781 2.91406V5.28125C9.8125 5.25781 10.3438 5.20312 10.8359 5.11719C10.4297 4.04688 9.86719 3.24219 9.25781 2.91406ZM2.01562 8.25H4.58594C4.625 7.44531 4.73438 6.67969 4.89844 5.96875C4.19531 5.75 3.59375 5.46094 3.14062 5.11719C2.51562 6.02344 2.11719 7.10156 2.01562 8.25ZM12.7109 8.25H15.2891C15.1797 7.09375 14.7812 6.02344 14.1641 5.11719C13.7109 5.46094 13.1094 5.75 12.3984 5.96875C12.5703 6.67969 12.6719 7.44531 12.7109 8.25ZM5.82031 8.25H8.04688V6.48438C7.36719 6.46094 6.71094 6.38281 6.10938 6.27344C5.96094 6.89062 5.85938 7.5625 5.82031 8.25ZM9.25781 8.25H11.4766C11.4375 7.5625 11.3438 6.89062 11.1953 6.27344C10.5859 6.38281 9.92969 6.46094 9.25781 6.48438V8.25ZM2.01562 9.46094C2.11719 10.6328 2.52344 11.7109 3.15625 12.625C3.60938 12.2891 4.20312 12.0078 4.90625 11.7812C4.73438 11.0703 4.625 10.2891 4.58594 9.46094H2.01562ZM5.82031 9.46094C5.85938 10.1719 5.96094 10.8516 6.10938 11.4844C6.71875 11.3672 7.36719 11.2969 8.04688 11.2656V9.46094H5.82031ZM9.25781 11.2656C9.92969 11.2969 10.5781 11.3672 11.1875 11.4844C11.3438 10.8516 11.4453 10.1719 11.4844 9.46094H9.25781V11.2656ZM12.3984 11.7812C13.0938 12.0078 13.6953 12.2891 14.1484 12.625C14.7734 11.7109 15.1797 10.6328 15.2891 9.46094H12.7109C12.6797 10.2891 12.5703 11.0703 12.3984 11.7812ZM9.25781 12.4766V14.8203C9.85938 14.4922 10.4219 13.6953 10.8281 12.6406C10.3359 12.5547 9.8125 12.5 9.25781 12.4766ZM6.46875 12.6406C6.875 13.6953 7.4375 14.4922 8.04688 14.8203V12.4766C7.49219 12.5 6.96094 12.5547 6.46875 12.6406ZM3.91406 13.5391C4.66406 14.3047 5.60156 14.8828 6.64844 15.2188C6.08594 14.6641 5.60938 13.875 5.25 12.9297C4.72656 13.0938 4.27344 13.2969 3.91406 13.5391ZM12.0469 12.9297C11.6953 13.875 11.2109 14.6641 10.6484 15.2188C11.6953 14.8828 12.6328 14.3047 13.3828 13.5391C13.0312 13.2969 12.5781 13.0938 12.0469 12.9297Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" width="18" height="16" viewBox="0 0 18 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg" display="none" style="transition: 0.4s;">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: rgb(var(--color-eel)); transition: 0.4s;">Connecting</p>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_Donate_Button_1_ID" style="outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; padding: 10px 0px 10px 10px;">
<svg width="17" height="19" viewBox="0 0 17 19" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 5.90755C16.4968 3.60922 14.6997 1.72555 12.5913 1.04588C9.97298 0.201877 6.51973 0.324211 4.01956 1.49921C0.989301 2.92355 0.0373889 6.04355 0.00191597 9.15522C-0.0271986 11.7136 0.229143 18.4517 4.04482 18.4997C6.87998 18.5356 7.30214 14.8967 8.61397 13.1442C9.5473 11.8974 10.749 11.5452 12.2284 11.1806C14.7709 10.5537 16.5037 8.55506 16.5 5.90755Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #FFF;">Donate</p>
</div>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_Feedback_1_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="18" height="18" viewBox="0 0 18 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M5.22656 17.8125C4.70312 17.8125 4.39062 17.4531 4.39062 16.8906V14.6641H3.6875C1.52344 14.6641 -0.0078125 13.2109 -0.0078125 10.8438V4.64844C-0.0078125 2.27344 1.42969 0.820312 3.82031 0.820312H14.1641C16.5547 0.820312 17.9922 2.27344 17.9922 4.64844V10.8438C17.9922 13.2109 16.5547 14.6641 14.1641 14.6641H9.22656L6.29688 17.2734C5.86719 17.6562 5.57812 17.8125 5.22656 17.8125Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">Feedback</p>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_Settings_1_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="19" height="19" viewBox="0 0 19 19" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M9.46094 17.6875C9.28906 17.6875 9.13281 17.6797 8.96875 17.6719L8.55469 18.4453C8.42969 18.6875 8.17188 18.8281 7.89062 18.7891C7.60156 18.7344 7.40625 18.5156 7.36719 18.2344L7.24219 17.3672C6.92188 17.2812 6.61719 17.1641 6.32031 17.0469L5.67969 17.6172C5.47656 17.8047 5.17969 17.8516 4.92188 17.7109C4.67188 17.5547 4.57031 17.2891 4.625 17.0156L4.80469 16.1562C4.54688 15.9688 4.28906 15.7578 4.05469 15.5312L3.25781 15.8672C2.98438 15.9844 2.71094 15.9062 2.50781 15.6797C2.34375 15.4688 2.3125 15.1719 2.46094 14.9375L2.92188 14.1875C2.75 13.9219 2.59375 13.6406 2.4375 13.3438L1.57031 13.3828C1.28906 13.3984 1.03125 13.2344 0.945312 12.9531C0.851562 12.6953 0.9375 12.4062 1.15625 12.2344L1.84375 11.6953C1.76562 11.3828 1.70312 11.0625 1.67188 10.7344L0.84375 10.4609C0.5625 10.375 0.398438 10.1484 0.398438 9.85938C0.398438 9.57031 0.5625 9.34375 0.84375 9.25L1.67188 8.98438C1.70312 8.65625 1.76562 8.34375 1.84375 8.02344L1.15625 7.47656C0.9375 7.3125 0.851562 7.03125 0.945312 6.77344C1.03125 6.49219 1.28906 6.33594 1.57031 6.34375L2.4375 6.375C2.59375 6.07812 2.75 5.80469 2.92188 5.52344L2.46094 4.78125C2.3125 4.55469 2.34375 4.25781 2.50781 4.04688C2.71094 3.82031 2.98438 3.74219 3.25 3.85938L4.05469 4.17969C4.28906 3.96875 4.54688 3.75781 4.80469 3.5625L4.625 2.71875C4.5625 2.42188 4.67969 2.15625 4.91406 2.01562C5.1875 1.875 5.47656 1.91406 5.6875 2.10938L6.32031 2.67969C6.61719 2.55469 6.92969 2.44531 7.24219 2.35156L7.36719 1.49219C7.40625 1.21094 7.60156 0.992188 7.88281 0.945312C8.17188 0.898438 8.42969 1.03125 8.55469 1.26562L8.96875 2.04688C9.13281 2.03906 9.28906 2.03125 9.46094 2.03125C9.61719 2.03125 9.78125 2.03906 9.94531 2.04688L10.3594 1.26562C10.4766 1.03906 10.7344 0.898438 11.0234 0.9375C11.3047 0.992188 11.5078 1.21094 11.5469 1.49219L11.6719 2.35156C11.9844 2.44531 12.2891 2.55469 12.5859 2.67969L13.2266 2.10938C13.4375 1.91406 13.7266 1.875 13.9922 2.01562C14.2344 2.15625 14.3516 2.42188 14.2891 2.71094L14.1094 3.5625C14.3594 3.75781 14.6172 3.96875 14.8516 4.17969L15.6562 3.85938C15.9297 3.74219 16.2031 3.82031 16.4062 4.04688C16.5703 4.25781 16.5938 4.55469 16.4453 4.78125L15.9844 5.52344C16.1641 5.80469 16.3203 6.07812 16.4688 6.375L17.3438 6.34375C17.6172 6.33594 17.8828 6.49219 17.9688 6.77344C18.0625 7.03125 17.9609 7.30469 17.75 7.47656L17.0703 8.01562C17.1484 8.34375 17.2109 8.65625 17.2422 8.98438L18.0625 9.25C18.3438 9.35156 18.5234 9.57031 18.5234 9.85938C18.5234 10.1406 18.3438 10.3672 18.0625 10.4609L17.2422 10.7344C17.2109 11.0625 17.1484 11.3828 17.0703 11.6953L17.7578 12.2344C17.9688 12.4062 18.0625 12.6953 17.9688 12.9531C17.8828 13.2344 17.6172 13.3984 17.3438 13.3828L16.4688 13.3438C16.3203 13.6406 16.1641 13.9219 15.9844 14.1875L16.4453 14.9297C16.6016 15.1797 16.5703 15.4688 16.4062 15.6797C16.2031 15.9062 15.9219 15.9844 15.6562 15.8672L14.8594 15.5312C14.6172 15.7578 14.3594 15.9688 14.1094 16.1562L14.2891 17.0078C14.3516 17.2891 14.2344 17.5547 14 17.7031C13.7266 17.8516 13.4375 17.7969 13.2266 17.6172L12.5859 17.0469C12.2891 17.1641 11.9844 17.2812 11.6719 17.3672L11.5469 18.2344C11.5078 18.5156 11.3047 18.7344 11.0312 18.7812C10.7344 18.8281 10.4688 18.6953 10.3516 18.4453L9.94531 17.6719C9.78125 17.6797 9.61719 17.6875 9.46094 17.6875ZM9.44531 7.45312C10.4844 7.45312 11.375 8.10938 11.7109 9.03125H15.3281C14.9375 6.11719 12.4922 3.89062 9.46094 3.89062C8.64062 3.89062 7.86719 4.05469 7.16406 4.34375L8.99219 7.5C9.14062 7.46875 9.28906 7.45312 9.44531 7.45312ZM3.53906 9.85938C3.53906 11.7422 4.38281 13.4141 5.71875 14.5078L7.60156 11.4141C7.25 10.9922 7.03906 10.4531 7.03906 9.86719C7.03906 9.27344 7.25781 8.72656 7.60938 8.30469L5.78125 5.16406C4.40625 6.25 3.53906 7.94531 3.53906 9.85938ZM9.44531 10.7656C9.96094 10.7656 10.3516 10.375 10.3516 9.86719C10.3516 9.35938 9.96094 8.96094 9.44531 8.96094C8.94531 8.96094 8.54688 9.35938 8.54688 9.86719C8.54688 10.375 8.94531 10.7656 9.44531 10.7656ZM9.46094 15.8281C12.5078 15.8281 14.9609 13.5859 15.3359 10.6562H11.7266C11.4062 11.6016 10.5078 12.2734 9.44531 12.2734C9.28906 12.2734 9.125 12.2578 8.97656 12.2266L7.08594 15.3359C7.8125 15.6484 8.60938 15.8281 9.46094 15.8281Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">Settings</p>
</div>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_Release_Notes_1_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="17" height="16" viewBox="0 0 17 16" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 15.3359C0.96875 15.3359 -0.0078125 14.3672 -0.0078125 12.5938V3.14062C-0.0078125 1.36719 0.96875 0.398438 2.75 0.398438H13.6328C15.4219 0.398438 16.3906 1.36719 16.3906 3.14062V12.5938C16.3906 14.3672 15.4219 15.3359 13.6328 15.3359H2.75ZM2.89844 13.3203H13.4844C14.0625 13.3203 14.375 13.0391 14.375 12.4219V5.47656C14.375 4.85938 14.0625 4.57812 13.4844 4.57812H2.89844C2.3125 4.57812 2.00781 4.85938 2.00781 5.47656V12.4219C2.00781 13.0391 2.3125 13.3203 2.89844 13.3203ZM4.22656 7.23438C3.91406 7.23438 3.69531 7 3.69531 6.71094C3.69531 6.42188 3.91406 6.19531 4.22656 6.19531H12.1797C12.4766 6.19531 12.7031 6.42188 12.7031 6.71094C12.7031 7 12.4766 7.23438 12.1797 7.23438H4.22656ZM4.22656 9.46875C3.91406 9.46875 3.69531 9.25 3.69531 8.96094C3.69531 8.66406 3.91406 8.42969 4.22656 8.42969H12.1797C12.4766 8.42969 12.7031 8.66406 12.7031 8.96094C12.7031 9.25 12.4766 9.46875 12.1797 9.46875H4.22656ZM4.22656 11.7031C3.91406 11.7031 3.69531 11.4766 3.69531 11.1953C3.69531 10.8984 3.91406 10.6641 4.22656 10.6641H9.1875C9.48438 10.6641 9.71094 10.8984 9.71094 11.1953C9.71094 11.4766 9.48438 11.7031 9.1875 11.7031H4.22656Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">Release Notes</p>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_Discord_Button_1_ID" style="justify-content: center; flex: none; width: 48px; padding: 10px; outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: #5865F2;">
<svg width="22" height="16" viewBox="0 0 22 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M18.289 1.34C16.9296 0.714 15.4761 0.259052 13.9565 0C13.7699 0.332095 13.5519 0.77877 13.4016 1.1341C11.7862 0.894993 10.1857 0.894993 8.60001 1.1341C8.44972 0.77877 8.22674 0.332095 8.03844 0C6.51721 0.259052 5.06204 0.715671 3.70267 1.34331C0.960812 5.42136 0.21754 9.39811 0.589177 13.3184C2.40772 14.655 4.17011 15.467 5.90275 15.9984C6.33055 15.4189 6.71209 14.8028 7.04078 14.1536C6.41478 13.9195 5.81521 13.6306 5.24869 13.2952C5.39898 13.1856 5.546 13.071 5.68803 12.9531C9.14342 14.5438 12.8978 14.5438 16.3119 12.9531C16.4556 13.071 16.6026 13.1856 16.7512 13.2952C16.183 13.6322 15.5818 13.9211 14.9558 14.1553C15.2845 14.8028 15.6644 15.4205 16.0939 16C17.8282 15.4687 19.5922 14.6567 21.4107 13.3184C21.8468 8.77378 20.6658 4.83355 18.289 1.34ZM7.51153 10.9075C6.47426 10.9075 5.62361 9.95435 5.62361 8.7937C5.62361 7.63305 6.45609 6.67831 7.51153 6.67831C8.56699 6.67831 9.41761 7.63138 9.39945 8.7937C9.40109 9.95435 8.56699 10.9075 7.51153 10.9075ZM14.4884 10.9075C13.4511 10.9075 12.6005 9.95435 12.6005 8.7937C12.6005 7.63305 13.4329 6.67831 14.4884 6.67831C15.5438 6.67831 16.3945 7.63138 16.3763 8.7937C16.3763 9.95435 15.5438 10.9075 14.4884 10.9075Z"/>
</svg>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_GitHub_Button_1_ID" style="justify-content: center; flex: none; width: 48px; padding: 10px; outline: 2px solid rgba(255, 255, 255, 0.20); outline-offset: -2px; background: #333333;">
<svg width="22" height="22" viewBox="0 0 22 22" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0087 0.5C5.19766 0.5 0.5 5.3125 0.5 11.2662C0.5 16.0253 3.50995 20.0538 7.68555 21.4797C8.2076 21.5868 8.39883 21.248 8.39883 20.963C8.39883 20.7134 8.38162 19.8578 8.38162 18.9664C5.45836 19.6082 4.84962 17.683 4.84962 17.683C4.37983 16.4353 3.68375 16.1146 3.68375 16.1146C2.72697 15.4551 3.75345 15.4551 3.75345 15.4551C4.81477 15.5264 5.37167 16.5602 5.37167 16.5602C6.31103 18.1999 7.82472 17.7366 8.43368 17.4514C8.52058 16.7562 8.79914 16.2749 9.09491 16.0076C6.7634 15.758 4.31035 14.8312 4.31035 10.6957C4.31035 9.51928 4.72765 8.55678 5.38888 7.80822C5.28456 7.54091 4.9191 6.43556 5.49342 4.95616C5.49342 4.95616 6.38073 4.67091 8.38141 6.06128C9.23797 5.82561 10.1213 5.70573 11.0087 5.70472C11.896 5.70472 12.8005 5.82963 13.6358 6.06128C15.6367 4.67091 16.524 4.95616 16.524 4.95616C17.0983 6.43556 16.7326 7.54091 16.6283 7.80822C17.3069 8.55678 17.707 9.51928 17.707 10.6957C17.707 14.8312 15.254 15.7401 12.905 16.0076C13.2879 16.3463 13.6183 16.9878 13.6183 18.0039C13.6183 19.4477 13.6011 20.6064 13.6011 20.9627C13.6011 21.248 13.7926 21.5868 14.3144 21.4799C18.49 20.0536 21.5 16.0253 21.5 11.2662C21.5172 5.3125 16.8023 0.5 11.0087 0.5Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2">Duolingo</p>
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">PRO 3.0</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<p id="DLP_Main_Warning_1_ID" class="DLP_Text_Style_1" style="transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; opacity: 0.5; display: none;"></p>
<div class="DLP_VStack_8" id="DLP_Main_Inputs_1_Divider_1_ID" style="opacity: 0.5; pointer-events: none; transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);">
<div class="DLP_VStack_8" id="DLP_Get_XP_1_ID">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How much XP would you like to get?</p>
<div class="DLP_HStack_8">
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">XP</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">GET</p>
<svg id="DLP_Inset_Icon_1_ID" display="" width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="GEMS_UNAVAILABLE">
<div class="DLP_VStack_8" id="DLP_Get_GEMS_1_ID" style="pointer-events: none; opacity: 0.5;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How many Gems would you like to get?</p>
<div class="DLP_HStack_8">
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">GEMS</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">GET</p>
<svg id="DLP_Inset_Icon_1_ID" display="" width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
</div>
<div class="DLP_VStack_8" id="DLP_Get_SUPER_1_ID" style="display: none;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">Would you like to redeem 3 days of Super Duolingo?</p>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID" style="flex: 1 0 0;">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">REDEEM</p>
<svg id="DLP_Inset_Icon_1_ID" display="" width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_HStack_Auto" style="padding-top: 4px;">
<div class="DLP_HStack_4 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_Terms_1_Button_1_ID" style="align-items: center;">
<p class="DLP_Text_Style_1" style="color: #007AFF; opacity: 0.5;">Terms & Conditions</p>
</div>
<div class="DLP_HStack_4 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_See_More_1_Button_1_ID" style="align-items: center;">
<p class="DLP_Text_Style_1" style="color: #007AFF;">See more</p>
<svg width="9" height="15" viewBox="0 0 9 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.57031 7.35938C8.57031 7.74219 8.4375 8.0625 8.10938 8.375L2.20312 14.1641C1.96875 14.3984 1.67969 14.5156 1.33594 14.5156C0.648438 14.5156 0.0859375 13.9609 0.0859375 13.2734C0.0859375 12.9219 0.226562 12.6094 0.484375 12.3516L5.63281 7.35156L0.484375 2.35938C0.226562 2.10938 0.0859375 1.78906 0.0859375 1.44531C0.0859375 0.765625 0.648438 0.203125 1.33594 0.203125C1.67969 0.203125 1.96875 0.320312 2.20312 0.554688L8.10938 6.34375C8.42969 6.64844 8.57031 6.96875 8.57031 7.35938Z"/>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_2_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2">Duolingo</p>
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">PRO 3.0</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<div class="DLP_VStack_8" id="DLP_Main_Inputs_1_Divider_1_ID">
<div class="DLP_VStack_8" id="DLP_Get_XP_2_ID">
<div class="DLP_HStack_8" style="align-items: center;">
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.140625 12.25C0.140625 10.5156 1.50781 8.80469 3.73438 7.96875L3.98438 4.25781C2.77344 3.57812 1.875 2.85156 1.47656 2.35156C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.35156C11.1094 2.85156 10.2109 3.57031 9 4.25781L9.25781 7.96875C11.4766 8.80469 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438C0.679688 13.5547 0.140625 13.0312 0.140625 12.25Z"/>
</svg>
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="rgb(var(--color-eel))" xmlns="http://www.w3.org/2000/svg" display="none">
<path opacity="0.5" d="M1.48438 13.5547C0.679688 13.5547 0.140625 13.0312 0.140625 12.25C0.140625 10.5156 1.50781 8.85156 3.55469 8.01562L3.80469 4.25781C2.77344 3.57031 1.86719 2.85156 1.47656 2.34375C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.34375C11.1172 2.85156 10.2188 3.57031 9.17969 4.25781L9.42969 8.01562C11.4766 8.85156 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438ZM6.49219 7.44531C6.92969 7.44531 7.35156 7.47656 7.75781 7.54688L7.53125 3.55469C7.52344 3.38281 7.5625 3.29688 7.69531 3.21875C8.5625 2.76562 9.23438 2.28125 9.46094 2.07812C9.53125 2.00781 9.49219 1.92969 9.41406 1.92969H3.57812C3.5 1.92969 3.45312 2.00781 3.52344 2.07812C3.75 2.28125 4.42188 2.76562 5.28906 3.21875C5.42188 3.29688 5.46094 3.38281 5.45312 3.55469L5.22656 7.54688C5.63281 7.47656 6.05469 7.44531 6.49219 7.44531ZM1.92188 11.9844H11.0625C11.1797 11.9844 11.2344 11.9141 11.2109 11.7734C10.9922 10.3906 9.08594 8.96875 6.49219 8.96875C3.89844 8.96875 1.99219 10.3906 1.77344 11.7734C1.75 11.9141 1.80469 11.9844 1.92188 11.9844Z"/>
</svg>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How much XP would you like to get?</p>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">XP</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">GET</p>
<svg id="DLP_Inset_Icon_1_ID" display="" width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="GEMS_UNAVAILABLE">
<div class="DLP_VStack_8" id="DLP_Get_GEMS_2_ID" style="pointer-events: none; opacity: 0.5;">
<div class="DLP_HStack_8" style="align-items: center;">
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.140625 12.25C0.140625 10.5156 1.50781 8.80469 3.73438 7.96875L3.98438 4.25781C2.77344 3.57812 1.875 2.85156 1.47656 2.35156C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.35156C11.1094 2.85156 10.2109 3.57031 9 4.25781L9.25781 7.96875C11.4766 8.80469 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438C0.679688 13.5547 0.140625 13.0312 0.140625 12.25Z"/>
</svg>
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="rgb(var(--color-eel))" xmlns="http://www.w3.org/2000/svg" display="none">
<path opacity="0.5" d="M1.48438 13.5547C0.679688 13.5547 0.140625 13.0312 0.140625 12.25C0.140625 10.5156 1.50781 8.85156 3.55469 8.01562L3.80469 4.25781C2.77344 3.57031 1.86719 2.85156 1.47656 2.34375C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.34375C11.1172 2.85156 10.2188 3.57031 9.17969 4.25781L9.42969 8.01562C11.4766 8.85156 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438ZM6.49219 7.44531C6.92969 7.44531 7.35156 7.47656 7.75781 7.54688L7.53125 3.55469C7.52344 3.38281 7.5625 3.29688 7.69531 3.21875C8.5625 2.76562 9.23438 2.28125 9.46094 2.07812C9.53125 2.00781 9.49219 1.92969 9.41406 1.92969H3.57812C3.5 1.92969 3.45312 2.00781 3.52344 2.07812C3.75 2.28125 4.42188 2.76562 5.28906 3.21875C5.42188 3.29688 5.46094 3.38281 5.45312 3.55469L5.22656 7.54688C5.63281 7.47656 6.05469 7.44531 6.49219 7.44531ZM1.92188 11.9844H11.0625C11.1797 11.9844 11.2344 11.9141 11.2109 11.7734C10.9922 10.3906 9.08594 8.96875 6.49219 8.96875C3.89844 8.96875 1.99219 10.3906 1.77344 11.7734C1.75 11.9141 1.80469 11.9844 1.92188 11.9844Z"/>
</svg>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How many Gems would you like to get?</p>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">GEMS</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">GET</p>
<svg id="DLP_Inset_Icon_1_ID" display="" width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
</div>
<div class="DLP_VStack_8" id="DLP_Get_SUPER_2_ID">
<div class="DLP_HStack_8" style="align-items: center;">
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="#007AFF" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M0.140625 12.25C0.140625 10.5156 1.50781 8.80469 3.73438 7.96875L3.98438 4.25781C2.77344 3.57812 1.875 2.85156 1.47656 2.35156C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.35156C11.1094 2.85156 10.2109 3.57031 9 4.25781L9.25781 7.96875C11.4766 8.80469 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438C0.679688 13.5547 0.140625 13.0312 0.140625 12.25Z"/>
</svg>
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="rgb(var(--color-eel))" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" d="M1.48438 13.5547C0.679688 13.5547 0.140625 13.0312 0.140625 12.25C0.140625 10.5156 1.50781 8.85156 3.55469 8.01562L3.80469 4.25781C2.77344 3.57031 1.86719 2.85156 1.47656 2.34375C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.34375C11.1172 2.85156 10.2188 3.57031 9.17969 4.25781L9.42969 8.01562C11.4766 8.85156 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438ZM6.49219 7.44531C6.92969 7.44531 7.35156 7.47656 7.75781 7.54688L7.53125 3.55469C7.52344 3.38281 7.5625 3.29688 7.69531 3.21875C8.5625 2.76562 9.23438 2.28125 9.46094 2.07812C9.53125 2.00781 9.49219 1.92969 9.41406 1.92969H3.57812C3.5 1.92969 3.45312 2.00781 3.52344 2.07812C3.75 2.28125 4.42188 2.76562 5.28906 3.21875C5.42188 3.29688 5.46094 3.38281 5.45312 3.55469L5.22656 7.54688C5.63281 7.47656 6.05469 7.44531 6.49219 7.44531ZM1.92188 11.9844H11.0625C11.1797 11.9844 11.2344 11.9141 11.2109 11.7734C10.9922 10.3906 9.08594 8.96875 6.49219 8.96875C3.89844 8.96875 1.99219 10.3906 1.77344 11.7734C1.75 11.9141 1.80469 11.9844 1.92188 11.9844Z"/>
</svg>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">Would you like to redeem 3 days of Super Duolingo?</p>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID" style="flex: 1 0 0;">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">REDEEM</p>
<svg id="DLP_Inset_Icon_1_ID" display="" width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_HStack_Auto" style="padding-top: 4px;">
<div class="DLP_HStack_4 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_2_Back_1_Button_1_ID" style="align-items: center;">
<svg width="10" height="15" viewBox="0 0 10 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.90625 7.35938C0.914062 6.96875 1.04688 6.64844 1.36719 6.34375L7.27344 0.554688C7.51562 0.320312 7.79688 0.203125 8.14062 0.203125C8.82812 0.203125 9.39844 0.765625 9.39844 1.44531C9.39844 1.78906 9.25 2.10938 8.99219 2.35938L3.84375 7.35156L8.99219 12.3516C9.25 12.6094 9.39844 12.9219 9.39844 13.2734C9.39844 13.9609 8.82812 14.5156 8.14062 14.5156C7.79688 14.5156 7.51562 14.3984 7.27344 14.1641L1.36719 8.375C1.04688 8.0625 0.90625 7.74219 0.90625 7.35938Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">Back</p>
</div>
<div class="DLP_HStack_4 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Main_2_Terms_1_Button_1_ID" style="align-items: center;"">
<p class="DLP_Text_Style_1" style="color: #007AFF; opacity: 0.5;">Terms & Conditions</p>
</div>
</div>
</div>
</div>
</div>
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_3_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_VStack_8">
<div class="DLP_HStack_8">
<div id="DLP_Secondary_1_Server_Connection_Button_1_ID" class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgb(var(--color-eel), 0.20); outline-offset: -2px; background: rgb(var(--color-eel), 0.10); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.32, 1), background 0.8s cubic-bezier(0.16, 1, 0.32, 1), outline 0.8s cubic-bezier(0.16, 1, 0.32, 1), filter 0.4s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1); padding: 10px 0px 10px 10px; opacity: 0.5;">
<svg id="DLP_Inset_Icon_1_ID" width="17" height="18" viewBox="0 0 17 18" fill="(var(--color-eel))" xmlns="http://www.w3.org/2000/svg" style="transition: 0.4s;">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" width="17" height="18" viewBox="0 0 17 18" fill="#FFF" xmlns="http://www.w3.org/2000/svg" display="none" style="transition: 0.4s;">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM3.89062 4.19531C4.25 4.44531 4.71094 4.65625 5.24219 4.82812C5.60938 3.85156 6.09375 3.05469 6.67188 2.49219C5.60156 2.82812 4.65625 3.42188 3.89062 4.19531ZM10.6328 2.49219C11.2031 3.05469 11.6953 3.85938 12.0547 4.82812C12.5859 4.65625 13.0469 4.44531 13.4062 4.19531C12.6484 3.42188 11.6953 2.82812 10.6328 2.49219ZM6.46094 5.11719C6.95312 5.20312 7.48438 5.25781 8.04688 5.28125V2.91406C7.42969 3.24219 6.86719 4.04688 6.46094 5.11719ZM9.25781 2.91406V5.28125C9.8125 5.25781 10.3438 5.20312 10.8359 5.11719C10.4297 4.04688 9.86719 3.24219 9.25781 2.91406ZM2.01562 8.25H4.58594C4.625 7.44531 4.73438 6.67969 4.89844 5.96875C4.19531 5.75 3.59375 5.46094 3.14062 5.11719C2.51562 6.02344 2.11719 7.10156 2.01562 8.25ZM12.7109 8.25H15.2891C15.1797 7.09375 14.7812 6.02344 14.1641 5.11719C13.7109 5.46094 13.1094 5.75 12.3984 5.96875C12.5703 6.67969 12.6719 7.44531 12.7109 8.25ZM5.82031 8.25H8.04688V6.48438C7.36719 6.46094 6.71094 6.38281 6.10938 6.27344C5.96094 6.89062 5.85938 7.5625 5.82031 8.25ZM9.25781 8.25H11.4766C11.4375 7.5625 11.3438 6.89062 11.1953 6.27344C10.5859 6.38281 9.92969 6.46094 9.25781 6.48438V8.25ZM2.01562 9.46094C2.11719 10.6328 2.52344 11.7109 3.15625 12.625C3.60938 12.2891 4.20312 12.0078 4.90625 11.7812C4.73438 11.0703 4.625 10.2891 4.58594 9.46094H2.01562ZM5.82031 9.46094C5.85938 10.1719 5.96094 10.8516 6.10938 11.4844C6.71875 11.3672 7.36719 11.2969 8.04688 11.2656V9.46094H5.82031ZM9.25781 11.2656C9.92969 11.2969 10.5781 11.3672 11.1875 11.4844C11.3438 10.8516 11.4453 10.1719 11.4844 9.46094H9.25781V11.2656ZM12.3984 11.7812C13.0938 12.0078 13.6953 12.2891 14.1484 12.625C14.7734 11.7109 15.1797 10.6328 15.2891 9.46094H12.7109C12.6797 10.2891 12.5703 11.0703 12.3984 11.7812ZM9.25781 12.4766V14.8203C9.85938 14.4922 10.4219 13.6953 10.8281 12.6406C10.3359 12.5547 9.8125 12.5 9.25781 12.4766ZM6.46875 12.6406C6.875 13.6953 7.4375 14.4922 8.04688 14.8203V12.4766C7.49219 12.5 6.96094 12.5547 6.46875 12.6406ZM3.91406 13.5391C4.66406 14.3047 5.60156 14.8828 6.64844 15.2188C6.08594 14.6641 5.60938 13.875 5.25 12.9297C4.72656 13.0938 4.27344 13.2969 3.91406 13.5391ZM12.0469 12.9297C11.6953 13.875 11.2109 14.6641 10.6484 15.2188C11.6953 14.8828 12.6328 14.3047 13.3828 13.5391C13.0312 13.2969 12.5781 13.0938 12.0469 12.9297Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" width="18" height="16" viewBox="0 0 18 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg" display="none" style="transition: 0.4s;">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #000; transition: 0.4s;">Connecting</p>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_Donate_Button_1_ID" style="outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; padding: 10px 0px 10px 10px;">
<svg width="17" height="19" viewBox="0 0 17 19" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 5.90755C16.4968 3.60922 14.6997 1.72555 12.5913 1.04588C9.97298 0.201877 6.51973 0.324211 4.01956 1.49921C0.989301 2.92355 0.0373889 6.04355 0.00191597 9.15522C-0.0271986 11.7136 0.229143 18.4517 4.04482 18.4997C6.87998 18.5356 7.30214 14.8967 8.61397 13.1442C9.5473 11.8974 10.749 11.5452 12.2284 11.1806C14.7709 10.5537 16.5037 8.55506 16.5 5.90755Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #FFF;">Donate</p>
</div>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_Feedback_1_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="18" height="18" viewBox="0 0 18 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M5.22656 17.8125C4.70312 17.8125 4.39062 17.4531 4.39062 16.8906V14.6641H3.6875C1.52344 14.6641 -0.0078125 13.2109 -0.0078125 10.8438V4.64844C-0.0078125 2.27344 1.42969 0.820312 3.82031 0.820312H14.1641C16.5547 0.820312 17.9922 2.27344 17.9922 4.64844V10.8438C17.9922 13.2109 16.5547 14.6641 14.1641 14.6641H9.22656L6.29688 17.2734C5.86719 17.6562 5.57812 17.8125 5.22656 17.8125Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">Feedback</p>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_Settings_1_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="19" height="19" viewBox="0 0 19 19" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M9.46094 17.6875C9.28906 17.6875 9.13281 17.6797 8.96875 17.6719L8.55469 18.4453C8.42969 18.6875 8.17188 18.8281 7.89062 18.7891C7.60156 18.7344 7.40625 18.5156 7.36719 18.2344L7.24219 17.3672C6.92188 17.2812 6.61719 17.1641 6.32031 17.0469L5.67969 17.6172C5.47656 17.8047 5.17969 17.8516 4.92188 17.7109C4.67188 17.5547 4.57031 17.2891 4.625 17.0156L4.80469 16.1562C4.54688 15.9688 4.28906 15.7578 4.05469 15.5312L3.25781 15.8672C2.98438 15.9844 2.71094 15.9062 2.50781 15.6797C2.34375 15.4688 2.3125 15.1719 2.46094 14.9375L2.92188 14.1875C2.75 13.9219 2.59375 13.6406 2.4375 13.3438L1.57031 13.3828C1.28906 13.3984 1.03125 13.2344 0.945312 12.9531C0.851562 12.6953 0.9375 12.4062 1.15625 12.2344L1.84375 11.6953C1.76562 11.3828 1.70312 11.0625 1.67188 10.7344L0.84375 10.4609C0.5625 10.375 0.398438 10.1484 0.398438 9.85938C0.398438 9.57031 0.5625 9.34375 0.84375 9.25L1.67188 8.98438C1.70312 8.65625 1.76562 8.34375 1.84375 8.02344L1.15625 7.47656C0.9375 7.3125 0.851562 7.03125 0.945312 6.77344C1.03125 6.49219 1.28906 6.33594 1.57031 6.34375L2.4375 6.375C2.59375 6.07812 2.75 5.80469 2.92188 5.52344L2.46094 4.78125C2.3125 4.55469 2.34375 4.25781 2.50781 4.04688C2.71094 3.82031 2.98438 3.74219 3.25 3.85938L4.05469 4.17969C4.28906 3.96875 4.54688 3.75781 4.80469 3.5625L4.625 2.71875C4.5625 2.42188 4.67969 2.15625 4.91406 2.01562C5.1875 1.875 5.47656 1.91406 5.6875 2.10938L6.32031 2.67969C6.61719 2.55469 6.92969 2.44531 7.24219 2.35156L7.36719 1.49219C7.40625 1.21094 7.60156 0.992188 7.88281 0.945312C8.17188 0.898438 8.42969 1.03125 8.55469 1.26562L8.96875 2.04688C9.13281 2.03906 9.28906 2.03125 9.46094 2.03125C9.61719 2.03125 9.78125 2.03906 9.94531 2.04688L10.3594 1.26562C10.4766 1.03906 10.7344 0.898438 11.0234 0.9375C11.3047 0.992188 11.5078 1.21094 11.5469 1.49219L11.6719 2.35156C11.9844 2.44531 12.2891 2.55469 12.5859 2.67969L13.2266 2.10938C13.4375 1.91406 13.7266 1.875 13.9922 2.01562C14.2344 2.15625 14.3516 2.42188 14.2891 2.71094L14.1094 3.5625C14.3594 3.75781 14.6172 3.96875 14.8516 4.17969L15.6562 3.85938C15.9297 3.74219 16.2031 3.82031 16.4062 4.04688C16.5703 4.25781 16.5938 4.55469 16.4453 4.78125L15.9844 5.52344C16.1641 5.80469 16.3203 6.07812 16.4688 6.375L17.3438 6.34375C17.6172 6.33594 17.8828 6.49219 17.9688 6.77344C18.0625 7.03125 17.9609 7.30469 17.75 7.47656L17.0703 8.01562C17.1484 8.34375 17.2109 8.65625 17.2422 8.98438L18.0625 9.25C18.3438 9.35156 18.5234 9.57031 18.5234 9.85938C18.5234 10.1406 18.3438 10.3672 18.0625 10.4609L17.2422 10.7344C17.2109 11.0625 17.1484 11.3828 17.0703 11.6953L17.7578 12.2344C17.9688 12.4062 18.0625 12.6953 17.9688 12.9531C17.8828 13.2344 17.6172 13.3984 17.3438 13.3828L16.4688 13.3438C16.3203 13.6406 16.1641 13.9219 15.9844 14.1875L16.4453 14.9297C16.6016 15.1797 16.5703 15.4688 16.4062 15.6797C16.2031 15.9062 15.9219 15.9844 15.6562 15.8672L14.8594 15.5312C14.6172 15.7578 14.3594 15.9688 14.1094 16.1562L14.2891 17.0078C14.3516 17.2891 14.2344 17.5547 14 17.7031C13.7266 17.8516 13.4375 17.7969 13.2266 17.6172L12.5859 17.0469C12.2891 17.1641 11.9844 17.2812 11.6719 17.3672L11.5469 18.2344C11.5078 18.5156 11.3047 18.7344 11.0312 18.7812C10.7344 18.8281 10.4688 18.6953 10.3516 18.4453L9.94531 17.6719C9.78125 17.6797 9.61719 17.6875 9.46094 17.6875ZM9.44531 7.45312C10.4844 7.45312 11.375 8.10938 11.7109 9.03125H15.3281C14.9375 6.11719 12.4922 3.89062 9.46094 3.89062C8.64062 3.89062 7.86719 4.05469 7.16406 4.34375L8.99219 7.5C9.14062 7.46875 9.28906 7.45312 9.44531 7.45312ZM3.53906 9.85938C3.53906 11.7422 4.38281 13.4141 5.71875 14.5078L7.60156 11.4141C7.25 10.9922 7.03906 10.4531 7.03906 9.86719C7.03906 9.27344 7.25781 8.72656 7.60938 8.30469L5.78125 5.16406C4.40625 6.25 3.53906 7.94531 3.53906 9.85938ZM9.44531 10.7656C9.96094 10.7656 10.3516 10.375 10.3516 9.86719C10.3516 9.35938 9.96094 8.96094 9.44531 8.96094C8.94531 8.96094 8.54688 9.35938 8.54688 9.86719C8.54688 10.375 8.94531 10.7656 9.44531 10.7656ZM9.46094 15.8281C12.5078 15.8281 14.9609 13.5859 15.3359 10.6562H11.7266C11.4062 11.6016 10.5078 12.2734 9.44531 12.2734C9.28906 12.2734 9.125 12.2578 8.97656 12.2266L7.08594 15.3359C7.8125 15.6484 8.60938 15.8281 9.46094 15.8281Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">Settings</p>
</div>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_Release_Notes_1_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="17" height="16" viewBox="0 0 17 16" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 15.3359C0.96875 15.3359 -0.0078125 14.3672 -0.0078125 12.5938V3.14062C-0.0078125 1.36719 0.96875 0.398438 2.75 0.398438H13.6328C15.4219 0.398438 16.3906 1.36719 16.3906 3.14062V12.5938C16.3906 14.3672 15.4219 15.3359 13.6328 15.3359H2.75ZM2.89844 13.3203H13.4844C14.0625 13.3203 14.375 13.0391 14.375 12.4219V5.47656C14.375 4.85938 14.0625 4.57812 13.4844 4.57812H2.89844C2.3125 4.57812 2.00781 4.85938 2.00781 5.47656V12.4219C2.00781 13.0391 2.3125 13.3203 2.89844 13.3203ZM4.22656 7.23438C3.91406 7.23438 3.69531 7 3.69531 6.71094C3.69531 6.42188 3.91406 6.19531 4.22656 6.19531H12.1797C12.4766 6.19531 12.7031 6.42188 12.7031 6.71094C12.7031 7 12.4766 7.23438 12.1797 7.23438H4.22656ZM4.22656 9.46875C3.91406 9.46875 3.69531 9.25 3.69531 8.96094C3.69531 8.66406 3.91406 8.42969 4.22656 8.42969H12.1797C12.4766 8.42969 12.7031 8.66406 12.7031 8.96094C12.7031 9.25 12.4766 9.46875 12.1797 9.46875H4.22656ZM4.22656 11.7031C3.91406 11.7031 3.69531 11.4766 3.69531 11.1953C3.69531 10.8984 3.91406 10.6641 4.22656 10.6641H9.1875C9.48438 10.6641 9.71094 10.8984 9.71094 11.1953C9.71094 11.4766 9.48438 11.7031 9.1875 11.7031H4.22656Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">Release Notes</p>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_Discord_Button_1_ID"style="justify-content: center; flex: none; width: 48px; padding: 10px; outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: #5865F2;">
<svg width="22" height="16" viewBox="0 0 22 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M18.289 1.34C16.9296 0.714 15.4761 0.259052 13.9565 0C13.7699 0.332095 13.5519 0.77877 13.4016 1.1341C11.7862 0.894993 10.1857 0.894993 8.60001 1.1341C8.44972 0.77877 8.22674 0.332095 8.03844 0C6.51721 0.259052 5.06204 0.715671 3.70267 1.34331C0.960812 5.42136 0.21754 9.39811 0.589177 13.3184C2.40772 14.655 4.17011 15.467 5.90275 15.9984C6.33055 15.4189 6.71209 14.8028 7.04078 14.1536C6.41478 13.9195 5.81521 13.6306 5.24869 13.2952C5.39898 13.1856 5.546 13.071 5.68803 12.9531C9.14342 14.5438 12.8978 14.5438 16.3119 12.9531C16.4556 13.071 16.6026 13.1856 16.7512 13.2952C16.183 13.6322 15.5818 13.9211 14.9558 14.1553C15.2845 14.8028 15.6644 15.4205 16.0939 16C17.8282 15.4687 19.5922 14.6567 21.4107 13.3184C21.8468 8.77378 20.6658 4.83355 18.289 1.34ZM7.51153 10.9075C6.47426 10.9075 5.62361 9.95435 5.62361 8.7937C5.62361 7.63305 6.45609 6.67831 7.51153 6.67831C8.56699 6.67831 9.41761 7.63138 9.39945 8.7937C9.40109 9.95435 8.56699 10.9075 7.51153 10.9075ZM14.4884 10.9075C13.4511 10.9075 12.6005 9.95435 12.6005 8.7937C12.6005 7.63305 13.4329 6.67831 14.4884 6.67831C15.5438 6.67831 16.3945 7.63138 16.3763 8.7937C16.3763 9.95435 15.5438 10.9075 14.4884 10.9075Z"/>
</svg>
</div>
<div class="DLP_Button_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_GitHub_Button_1_ID" style="justify-content: center; flex: none; width: 48px; padding: 10px; outline: 2px solid rgba(255, 255, 255, 0.20); outline-offset: -2px; background: #333333;">
<svg width="22" height="22" viewBox="0 0 22 22" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0087 0.5C5.19766 0.5 0.5 5.3125 0.5 11.2662C0.5 16.0253 3.50995 20.0538 7.68555 21.4797C8.2076 21.5868 8.39883 21.248 8.39883 20.963C8.39883 20.7134 8.38162 19.8578 8.38162 18.9664C5.45836 19.6082 4.84962 17.683 4.84962 17.683C4.37983 16.4353 3.68375 16.1146 3.68375 16.1146C2.72697 15.4551 3.75345 15.4551 3.75345 15.4551C4.81477 15.5264 5.37167 16.5602 5.37167 16.5602C6.31103 18.1999 7.82472 17.7366 8.43368 17.4514C8.52058 16.7562 8.79914 16.2749 9.09491 16.0076C6.7634 15.758 4.31035 14.8312 4.31035 10.6957C4.31035 9.51928 4.72765 8.55678 5.38888 7.80822C5.28456 7.54091 4.9191 6.43556 5.49342 4.95616C5.49342 4.95616 6.38073 4.67091 8.38141 6.06128C9.23797 5.82561 10.1213 5.70573 11.0087 5.70472C11.896 5.70472 12.8005 5.82963 13.6358 6.06128C15.6367 4.67091 16.524 4.95616 16.524 4.95616C17.0983 6.43556 16.7326 7.54091 16.6283 7.80822C17.3069 8.55678 17.707 9.51928 17.707 10.6957C17.707 14.8312 15.254 15.7401 12.905 16.0076C13.2879 16.3463 13.6183 16.9878 13.6183 18.0039C13.6183 19.4477 13.6011 20.6064 13.6011 20.9627C13.6011 21.248 13.7926 21.5868 14.3144 21.4799C18.49 20.0536 21.5 16.0253 21.5 11.2662C21.5172 5.3125 16.8023 0.5 11.0087 0.5Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2">Duolingo</p>
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">PRO LE</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<p class="DLP_Text_Style_1" style="display: none; transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; filter: blur(4px);">You are using an outdated version of Duolingo PRO. <br><br>Please update Duolingo PRO or turn on automatic updates. </p>
<p class="DLP_Text_Style_1" style="display: none; transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; filter: blur(4px);">Duolingo PRO failed to connect. This might be happening because of an issue on our system or your device. <br><br>Try updating Duolingo PRO. If the issue persists afterwards, join our Discord Server to get support. </p>
<p class="DLP_Text_Style_1" style="display: none; transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; filter: blur(4px);">We are currently unable to receive new requests due to high demand. Join our Discord Server to learn more. <br><br>You can help us handle more demand by donating on Patreon while getting exclusive features and higher limits. </p>
<div class="DLP_VStack_8" id="DLP_Main_Inputs_2_Divider_1_ID">
<div class="DLP_VStack_8" id="DLP_Get_PATH_1_ID">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How many lessons would you like to solve on the path?</p>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_2_ID" style="width: 48px; padding: 0;">
<svg id="DLP_Inset_Icon_1_ID" width="15" height="16" viewBox="0 0 15 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49219 11.3594C0.875 11.3594 0.492188 11 0.492188 10.4297C0.492188 9.72656 0.960938 9.25 1.71875 9.25H3.5625L4.17188 6.17969H2.5C1.88281 6.17969 1.49219 5.80469 1.49219 5.24219C1.49219 4.53125 1.96875 4.05469 2.72656 4.05469H4.59375L5.17188 1.17188C5.30469 0.507812 5.67969 0.15625 6.35938 0.15625C6.97656 0.15625 7.35938 0.507812 7.35938 1.07031C7.35938 1.19531 7.33594 1.35938 7.32031 1.45312L6.79688 4.05469H9.71094L10.2891 1.17188C10.4219 0.507812 10.7891 0.15625 11.4688 0.15625C12.0781 0.15625 12.4609 0.507812 12.4609 1.07031C12.4609 1.19531 12.4453 1.35938 12.4297 1.45312L11.9062 4.05469H13.6875C14.3047 4.05469 14.6875 4.4375 14.6875 4.99219C14.6875 5.70312 14.2188 6.17969 13.4609 6.17969H11.4844L10.875 9.25H12.6797C13.2969 9.25 13.6797 9.64062 13.6797 10.1953C13.6797 10.8984 13.2109 11.3594 12.4453 11.3594H10.4531L9.82031 14.5469C9.6875 15.2266 9.27344 15.5547 8.61719 15.5547C8.00781 15.5547 7.63281 15.2109 7.63281 14.6406C7.63281 14.5391 7.64844 14.375 7.67188 14.2656L8.25 11.3594H5.34375L4.71094 14.5469C4.57812 15.2266 4.15625 15.5547 3.51562 15.5547C2.90625 15.5547 2.52344 15.2109 2.52344 14.6406C2.52344 14.5391 2.53906 14.375 2.5625 14.2656L3.14062 11.3594H1.49219ZM5.76562 9.25H8.67188L9.28906 6.17969H6.375L5.76562 9.25Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.30859 11.789C0.683594 11.789 0.191406 11.3359 0.191406 10.7656C0.191406 10.4765 0.285156 10.2265 0.511719 9.91407L3.32422 5.99219V5.92969L0.605469 2.22656C0.347656 1.88281 0.261719 1.62501 0.261719 1.32032C0.261719 0.679687 0.769532 0.210938 1.45703 0.210938C1.90234 0.210938 2.21484 0.40625 2.51953 0.867187L4.93359 4.42969H4.99609L7.48828 0.789063C7.76172 0.382813 7.99609 0.210938 8.44922 0.210938C9.0664 0.210938 9.59765 0.65625 9.59765 1.21874C9.59765 1.52343 9.51172 1.77343 9.28515 2.06251L6.35546 5.97656V6.03125L9.19922 9.86718C9.41796 10.1484 9.51172 10.414 9.51172 10.7265C9.51172 11.3437 9.03515 11.789 8.3789 11.789C7.94922 11.789 7.66015 11.6172 7.35546 11.2031L4.83984 7.69531H4.77734L2.30078 11.2109C2.0039 11.6406 1.7539 11.789 1.30859 11.789ZM12.496 11.789C11.7539 11.789 11.3164 11.3359 11.3164 10.5625V1.59374C11.3164 0.820313 11.7539 0.367187 12.496 0.367187H15.9023C18.2148 0.367187 19.8086 1.90624 19.8086 4.22656C19.8086 6.53906 18.1601 8.08594 15.7851 8.08594H13.6757V10.5625C13.6757 11.3359 13.2382 11.789 12.496 11.789ZM13.6757 6.24219H15.2695C16.621 6.24219 17.4101 5.52344 17.4101 4.23438C17.4101 2.95312 16.6289 2.23438 15.2773 2.23438H13.6757V6.24219Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="24" height="12" viewBox="0 0 24 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.898438 5.85938C0.898438 2.69531 2.94531 0.609375 5.97656 0.609375C7.53125 0.609375 8.875 1.26562 10.2578 2.60938L11.9688 4.25781L13.6719 2.60938C15.0547 1.26562 16.3984 0.609375 17.9531 0.609375C20.9844 0.609375 23.0312 2.69531 23.0312 5.85938C23.0312 9.01562 20.9844 11.1016 17.9531 11.1016C16.3984 11.1016 15.0547 10.4531 13.6719 9.10938L11.9688 7.45312L10.2578 9.10938C8.875 10.4531 7.53125 11.1016 5.97656 11.1016C2.94531 11.1016 0.898438 9.01562 0.898438 5.85938ZM3.21875 5.85938C3.21875 7.63281 4.32031 8.78125 5.97656 8.78125C6.875 8.78125 7.70312 8.34375 8.63281 7.46094L10.3281 5.85938L8.63281 4.25781C7.70312 3.375 6.875 2.92969 5.97656 2.92969C4.32031 2.92969 3.21875 4.07812 3.21875 5.85938ZM13.6016 5.85938L15.2969 7.46094C16.2344 8.34375 17.0547 8.78125 17.9531 8.78125C19.6094 8.78125 20.7109 7.63281 20.7109 5.85938C20.7109 4.07812 19.6094 2.92969 17.9531 2.92969C17.0547 2.92969 16.2266 3.375 15.2969 4.25781L13.6016 5.85938Z"/>
</svg>
</div>
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PATH</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" width="13" height="16" viewBox="0 0 13 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.0078125 13.5391V2.17188C-0.0078125 1.17969 0.609375 0.671875 1.34375 0.671875C1.64844 0.671875 1.97656 0.757812 2.29688 0.945312L11.75 6.45312C12.4688 6.86719 12.8203 7.25781 12.8203 7.85938C12.8203 8.46094 12.4688 8.84375 11.75 9.26562L2.29688 14.7734C1.97656 14.9531 1.64844 15.0469 1.34375 15.0469C0.609375 15.0469 -0.0078125 14.5391 -0.0078125 13.5391Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="11" height="15" viewBox="0 0 11 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.24219 14.8984C0.398438 14.8984 -0.0078125 14.4766 -0.0078125 13.6484V2.07031C-0.0078125 1.24219 0.414062 0.820312 1.24219 0.820312H3.17188C4 0.820312 4.42188 1.24219 4.42188 2.07031V13.6484C4.42188 14.4766 4 14.8984 3.17188 14.8984H1.24219ZM7.57031 14.8984C6.72656 14.8984 6.32031 14.4766 6.32031 13.6484V2.07031C6.32031 1.24219 6.74219 0.820312 7.57031 0.820312H9.5C10.3281 0.820312 10.75 1.24219 10.75 2.07031V13.6484C10.75 14.4766 10.3281 14.8984 9.5 14.8984H7.57031Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_VStack_8" id="DLP_Get_PRACTICE_1_ID">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How many practices would you like to solve?</p>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_2_ID" style="width: 48px; padding: 0;">
<svg id="DLP_Inset_Icon_1_ID" width="15" height="16" viewBox="0 0 15 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49219 11.3594C0.875 11.3594 0.492188 11 0.492188 10.4297C0.492188 9.72656 0.960938 9.25 1.71875 9.25H3.5625L4.17188 6.17969H2.5C1.88281 6.17969 1.49219 5.80469 1.49219 5.24219C1.49219 4.53125 1.96875 4.05469 2.72656 4.05469H4.59375L5.17188 1.17188C5.30469 0.507812 5.67969 0.15625 6.35938 0.15625C6.97656 0.15625 7.35938 0.507812 7.35938 1.07031C7.35938 1.19531 7.33594 1.35938 7.32031 1.45312L6.79688 4.05469H9.71094L10.2891 1.17188C10.4219 0.507812 10.7891 0.15625 11.4688 0.15625C12.0781 0.15625 12.4609 0.507812 12.4609 1.07031C12.4609 1.19531 12.4453 1.35938 12.4297 1.45312L11.9062 4.05469H13.6875C14.3047 4.05469 14.6875 4.4375 14.6875 4.99219C14.6875 5.70312 14.2188 6.17969 13.4609 6.17969H11.4844L10.875 9.25H12.6797C13.2969 9.25 13.6797 9.64062 13.6797 10.1953C13.6797 10.8984 13.2109 11.3594 12.4453 11.3594H10.4531L9.82031 14.5469C9.6875 15.2266 9.27344 15.5547 8.61719 15.5547C8.00781 15.5547 7.63281 15.2109 7.63281 14.6406C7.63281 14.5391 7.64844 14.375 7.67188 14.2656L8.25 11.3594H5.34375L4.71094 14.5469C4.57812 15.2266 4.15625 15.5547 3.51562 15.5547C2.90625 15.5547 2.52344 15.2109 2.52344 14.6406C2.52344 14.5391 2.53906 14.375 2.5625 14.2656L3.14062 11.3594H1.49219ZM5.76562 9.25H8.67188L9.28906 6.17969H6.375L5.76562 9.25Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.30859 11.789C0.683594 11.789 0.191406 11.3359 0.191406 10.7656C0.191406 10.4765 0.285156 10.2265 0.511719 9.91407L3.32422 5.99219V5.92969L0.605469 2.22656C0.347656 1.88281 0.261719 1.62501 0.261719 1.32032C0.261719 0.679687 0.769532 0.210938 1.45703 0.210938C1.90234 0.210938 2.21484 0.40625 2.51953 0.867187L4.93359 4.42969H4.99609L7.48828 0.789063C7.76172 0.382813 7.99609 0.210938 8.44922 0.210938C9.0664 0.210938 9.59765 0.65625 9.59765 1.21874C9.59765 1.52343 9.51172 1.77343 9.28515 2.06251L6.35546 5.97656V6.03125L9.19922 9.86718C9.41796 10.1484 9.51172 10.414 9.51172 10.7265C9.51172 11.3437 9.03515 11.789 8.3789 11.789C7.94922 11.789 7.66015 11.6172 7.35546 11.2031L4.83984 7.69531H4.77734L2.30078 11.2109C2.0039 11.6406 1.7539 11.789 1.30859 11.789ZM12.496 11.789C11.7539 11.789 11.3164 11.3359 11.3164 10.5625V1.59374C11.3164 0.820313 11.7539 0.367187 12.496 0.367187H15.9023C18.2148 0.367187 19.8086 1.90624 19.8086 4.22656C19.8086 6.53906 18.1601 8.08594 15.7851 8.08594H13.6757V10.5625C13.6757 11.3359 13.2382 11.789 12.496 11.789ZM13.6757 6.24219H15.2695C16.621 6.24219 17.4101 5.52344 17.4101 4.23438C17.4101 2.95312 16.6289 2.23438 15.2773 2.23438H13.6757V6.24219Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="24" height="12" viewBox="0 0 24 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.898438 5.85938C0.898438 2.69531 2.94531 0.609375 5.97656 0.609375C7.53125 0.609375 8.875 1.26562 10.2578 2.60938L11.9688 4.25781L13.6719 2.60938C15.0547 1.26562 16.3984 0.609375 17.9531 0.609375C20.9844 0.609375 23.0312 2.69531 23.0312 5.85938C23.0312 9.01562 20.9844 11.1016 17.9531 11.1016C16.3984 11.1016 15.0547 10.4531 13.6719 9.10938L11.9688 7.45312L10.2578 9.10938C8.875 10.4531 7.53125 11.1016 5.97656 11.1016C2.94531 11.1016 0.898438 9.01562 0.898438 5.85938ZM3.21875 5.85938C3.21875 7.63281 4.32031 8.78125 5.97656 8.78125C6.875 8.78125 7.70312 8.34375 8.63281 7.46094L10.3281 5.85938L8.63281 4.25781C7.70312 3.375 6.875 2.92969 5.97656 2.92969C4.32031 2.92969 3.21875 4.07812 3.21875 5.85938ZM13.6016 5.85938L15.2969 7.46094C16.2344 8.34375 17.0547 8.78125 17.9531 8.78125C19.6094 8.78125 20.7109 7.63281 20.7109 5.85938C20.7109 4.07812 19.6094 2.92969 17.9531 2.92969C17.0547 2.92969 16.2266 3.375 15.2969 4.25781L13.6016 5.85938Z"/>
</svg>
</div>
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PRACTICE</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" width="13" height="16" viewBox="0 0 13 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.0078125 13.5391V2.17188C-0.0078125 1.17969 0.609375 0.671875 1.34375 0.671875C1.64844 0.671875 1.97656 0.757812 2.29688 0.945312L11.75 6.45312C12.4688 6.86719 12.8203 7.25781 12.8203 7.85938C12.8203 8.46094 12.4688 8.84375 11.75 9.26562L2.29688 14.7734C1.97656 14.9531 1.64844 15.0469 1.34375 15.0469C0.609375 15.0469 -0.0078125 14.5391 -0.0078125 13.5391Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="11" height="15" viewBox="0 0 11 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.24219 14.8984C0.398438 14.8984 -0.0078125 14.4766 -0.0078125 13.6484V2.07031C-0.0078125 1.24219 0.414062 0.820312 1.24219 0.820312H3.17188C4 0.820312 4.42188 1.24219 4.42188 2.07031V13.6484C4.42188 14.4766 4 14.8984 3.17188 14.8984H1.24219ZM7.57031 14.8984C6.72656 14.8984 6.32031 14.4766 6.32031 13.6484V2.07031C6.32031 1.24219 6.74219 0.820312 7.57031 0.820312H9.5C10.3281 0.820312 10.75 1.24219 10.75 2.07031V13.6484C10.75 14.4766 10.3281 14.8984 9.5 14.8984H7.57031Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_VStack_8" id="DLP_Get_LISTEN_1_ID" style="display: none;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How many listening practices would you like to solve? (Requires Super Duolingo)</p>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_2_ID" style="width: 48px; padding: 0;">
<svg id="DLP_Inset_Icon_1_ID" width="15" height="16" viewBox="0 0 15 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49219 11.3594C0.875 11.3594 0.492188 11 0.492188 10.4297C0.492188 9.72656 0.960938 9.25 1.71875 9.25H3.5625L4.17188 6.17969H2.5C1.88281 6.17969 1.49219 5.80469 1.49219 5.24219C1.49219 4.53125 1.96875 4.05469 2.72656 4.05469H4.59375L5.17188 1.17188C5.30469 0.507812 5.67969 0.15625 6.35938 0.15625C6.97656 0.15625 7.35938 0.507812 7.35938 1.07031C7.35938 1.19531 7.33594 1.35938 7.32031 1.45312L6.79688 4.05469H9.71094L10.2891 1.17188C10.4219 0.507812 10.7891 0.15625 11.4688 0.15625C12.0781 0.15625 12.4609 0.507812 12.4609 1.07031C12.4609 1.19531 12.4453 1.35938 12.4297 1.45312L11.9062 4.05469H13.6875C14.3047 4.05469 14.6875 4.4375 14.6875 4.99219C14.6875 5.70312 14.2188 6.17969 13.4609 6.17969H11.4844L10.875 9.25H12.6797C13.2969 9.25 13.6797 9.64062 13.6797 10.1953C13.6797 10.8984 13.2109 11.3594 12.4453 11.3594H10.4531L9.82031 14.5469C9.6875 15.2266 9.27344 15.5547 8.61719 15.5547C8.00781 15.5547 7.63281 15.2109 7.63281 14.6406C7.63281 14.5391 7.64844 14.375 7.67188 14.2656L8.25 11.3594H5.34375L4.71094 14.5469C4.57812 15.2266 4.15625 15.5547 3.51562 15.5547C2.90625 15.5547 2.52344 15.2109 2.52344 14.6406C2.52344 14.5391 2.53906 14.375 2.5625 14.2656L3.14062 11.3594H1.49219ZM5.76562 9.25H8.67188L9.28906 6.17969H6.375L5.76562 9.25Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.30859 11.789C0.683594 11.789 0.191406 11.3359 0.191406 10.7656C0.191406 10.4765 0.285156 10.2265 0.511719 9.91407L3.32422 5.99219V5.92969L0.605469 2.22656C0.347656 1.88281 0.261719 1.62501 0.261719 1.32032C0.261719 0.679687 0.769532 0.210938 1.45703 0.210938C1.90234 0.210938 2.21484 0.40625 2.51953 0.867187L4.93359 4.42969H4.99609L7.48828 0.789063C7.76172 0.382813 7.99609 0.210938 8.44922 0.210938C9.0664 0.210938 9.59765 0.65625 9.59765 1.21874C9.59765 1.52343 9.51172 1.77343 9.28515 2.06251L6.35546 5.97656V6.03125L9.19922 9.86718C9.41796 10.1484 9.51172 10.414 9.51172 10.7265C9.51172 11.3437 9.03515 11.789 8.3789 11.789C7.94922 11.789 7.66015 11.6172 7.35546 11.2031L4.83984 7.69531H4.77734L2.30078 11.2109C2.0039 11.6406 1.7539 11.789 1.30859 11.789ZM12.496 11.789C11.7539 11.789 11.3164 11.3359 11.3164 10.5625V1.59374C11.3164 0.820313 11.7539 0.367187 12.496 0.367187H15.9023C18.2148 0.367187 19.8086 1.90624 19.8086 4.22656C19.8086 6.53906 18.1601 8.08594 15.7851 8.08594H13.6757V10.5625C13.6757 11.3359 13.2382 11.789 12.496 11.789ZM13.6757 6.24219H15.2695C16.621 6.24219 17.4101 5.52344 17.4101 4.23438C17.4101 2.95312 16.6289 2.23438 15.2773 2.23438H13.6757V6.24219Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="24" height="12" viewBox="0 0 24 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.898438 5.85938C0.898438 2.69531 2.94531 0.609375 5.97656 0.609375C7.53125 0.609375 8.875 1.26562 10.2578 2.60938L11.9688 4.25781L13.6719 2.60938C15.0547 1.26562 16.3984 0.609375 17.9531 0.609375C20.9844 0.609375 23.0312 2.69531 23.0312 5.85938C23.0312 9.01562 20.9844 11.1016 17.9531 11.1016C16.3984 11.1016 15.0547 10.4531 13.6719 9.10938L11.9688 7.45312L10.2578 9.10938C8.875 10.4531 7.53125 11.1016 5.97656 11.1016C2.94531 11.1016 0.898438 9.01562 0.898438 5.85938ZM3.21875 5.85938C3.21875 7.63281 4.32031 8.78125 5.97656 8.78125C6.875 8.78125 7.70312 8.34375 8.63281 7.46094L10.3281 5.85938L8.63281 4.25781C7.70312 3.375 6.875 2.92969 5.97656 2.92969C4.32031 2.92969 3.21875 4.07812 3.21875 5.85938ZM13.6016 5.85938L15.2969 7.46094C16.2344 8.34375 17.0547 8.78125 17.9531 8.78125C19.6094 8.78125 20.7109 7.63281 20.7109 5.85938C20.7109 4.07812 19.6094 2.92969 17.9531 2.92969C17.0547 2.92969 16.2266 3.375 15.2969 4.25781L13.6016 5.85938Z"/>
</svg>
</div>
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PATH</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" width="13" height="16" viewBox="0 0 13 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.0078125 13.5391V2.17188C-0.0078125 1.17969 0.609375 0.671875 1.34375 0.671875C1.64844 0.671875 1.97656 0.757812 2.29688 0.945312L11.75 6.45312C12.4688 6.86719 12.8203 7.25781 12.8203 7.85938C12.8203 8.46094 12.4688 8.84375 11.75 9.26562L2.29688 14.7734C1.97656 14.9531 1.64844 15.0469 1.34375 15.0469C0.609375 15.0469 -0.0078125 14.5391 -0.0078125 13.5391Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="11" height="15" viewBox="0 0 11 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.24219 14.8984C0.398438 14.8984 -0.0078125 14.4766 -0.0078125 13.6484V2.07031C-0.0078125 1.24219 0.414062 0.820312 1.24219 0.820312H3.17188C4 0.820312 4.42188 1.24219 4.42188 2.07031V13.6484C4.42188 14.4766 4 14.8984 3.17188 14.8984H1.24219ZM7.57031 14.8984C6.72656 14.8984 6.32031 14.4766 6.32031 13.6484V2.07031C6.32031 1.24219 6.74219 0.820312 7.57031 0.820312H9.5C10.3281 0.820312 10.75 1.24219 10.75 2.07031V13.6484C10.75 14.4766 10.3281 14.8984 9.5 14.8984H7.57031Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_VStack_8" id="DLP_Get_LESSON_1_ID" style="display: none;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">Which and how many lessons would you like to repeat?</p>
<div class="DLP_HStack_8">
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PRACTICE</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<div style="display: flex; align-items: center; gap: 8px; width: 100%; justify-content: flex-end;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5;">Unit:</p>
<input type="text" value="1" placeholder="0" id="DLP_Get_GEMS_Input_1_ID" class="DLP_Input_Input_Style_1" style="width: 30px;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5;">Lesson:</p>
<input type="text" value="1" placeholder="0" id="DLP_Get_GEMS_Input_1_ID" class="DLP_Input_Input_Style_1" style="width: 30px;">
</div>
</div>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_2_ID" style="width: 48px; padding: 0;">
<svg id="DLP_Inset_Icon_1_ID" width="15" height="16" viewBox="0 0 15 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49219 11.3594C0.875 11.3594 0.492188 11 0.492188 10.4297C0.492188 9.72656 0.960938 9.25 1.71875 9.25H3.5625L4.17188 6.17969H2.5C1.88281 6.17969 1.49219 5.80469 1.49219 5.24219C1.49219 4.53125 1.96875 4.05469 2.72656 4.05469H4.59375L5.17188 1.17188C5.30469 0.507812 5.67969 0.15625 6.35938 0.15625C6.97656 0.15625 7.35938 0.507812 7.35938 1.07031C7.35938 1.19531 7.33594 1.35938 7.32031 1.45312L6.79688 4.05469H9.71094L10.2891 1.17188C10.4219 0.507812 10.7891 0.15625 11.4688 0.15625C12.0781 0.15625 12.4609 0.507812 12.4609 1.07031C12.4609 1.19531 12.4453 1.35938 12.4297 1.45312L11.9062 4.05469H13.6875C14.3047 4.05469 14.6875 4.4375 14.6875 4.99219C14.6875 5.70312 14.2188 6.17969 13.4609 6.17969H11.4844L10.875 9.25H12.6797C13.2969 9.25 13.6797 9.64062 13.6797 10.1953C13.6797 10.8984 13.2109 11.3594 12.4453 11.3594H10.4531L9.82031 14.5469C9.6875 15.2266 9.27344 15.5547 8.61719 15.5547C8.00781 15.5547 7.63281 15.2109 7.63281 14.6406C7.63281 14.5391 7.64844 14.375 7.67188 14.2656L8.25 11.3594H5.34375L4.71094 14.5469C4.57812 15.2266 4.15625 15.5547 3.51562 15.5547C2.90625 15.5547 2.52344 15.2109 2.52344 14.6406C2.52344 14.5391 2.53906 14.375 2.5625 14.2656L3.14062 11.3594H1.49219ZM5.76562 9.25H8.67188L9.28906 6.17969H6.375L5.76562 9.25Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.30859 11.789C0.683594 11.789 0.191406 11.3359 0.191406 10.7656C0.191406 10.4765 0.285156 10.2265 0.511719 9.91407L3.32422 5.99219V5.92969L0.605469 2.22656C0.347656 1.88281 0.261719 1.62501 0.261719 1.32032C0.261719 0.679687 0.769532 0.210938 1.45703 0.210938C1.90234 0.210938 2.21484 0.40625 2.51953 0.867187L4.93359 4.42969H4.99609L7.48828 0.789063C7.76172 0.382813 7.99609 0.210938 8.44922 0.210938C9.0664 0.210938 9.59765 0.65625 9.59765 1.21874C9.59765 1.52343 9.51172 1.77343 9.28515 2.06251L6.35546 5.97656V6.03125L9.19922 9.86718C9.41796 10.1484 9.51172 10.414 9.51172 10.7265C9.51172 11.3437 9.03515 11.789 8.3789 11.789C7.94922 11.789 7.66015 11.6172 7.35546 11.2031L4.83984 7.69531H4.77734L2.30078 11.2109C2.0039 11.6406 1.7539 11.789 1.30859 11.789ZM12.496 11.789C11.7539 11.789 11.3164 11.3359 11.3164 10.5625V1.59374C11.3164 0.820313 11.7539 0.367187 12.496 0.367187H15.9023C18.2148 0.367187 19.8086 1.90624 19.8086 4.22656C19.8086 6.53906 18.1601 8.08594 15.7851 8.08594H13.6757V10.5625C13.6757 11.3359 13.2382 11.789 12.496 11.789ZM13.6757 6.24219H15.2695C16.621 6.24219 17.4101 5.52344 17.4101 4.23438C17.4101 2.95312 16.6289 2.23438 15.2773 2.23438H13.6757V6.24219Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="24" height="12" viewBox="0 0 24 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.898438 5.85938C0.898438 2.69531 2.94531 0.609375 5.97656 0.609375C7.53125 0.609375 8.875 1.26562 10.2578 2.60938L11.9688 4.25781L13.6719 2.60938C15.0547 1.26562 16.3984 0.609375 17.9531 0.609375C20.9844 0.609375 23.0312 2.69531 23.0312 5.85938C23.0312 9.01562 20.9844 11.1016 17.9531 11.1016C16.3984 11.1016 15.0547 10.4531 13.6719 9.10938L11.9688 7.45312L10.2578 9.10938C8.875 10.4531 7.53125 11.1016 5.97656 11.1016C2.94531 11.1016 0.898438 9.01562 0.898438 5.85938ZM3.21875 5.85938C3.21875 7.63281 4.32031 8.78125 5.97656 8.78125C6.875 8.78125 7.70312 8.34375 8.63281 7.46094L10.3281 5.85938L8.63281 4.25781C7.70312 3.375 6.875 2.92969 5.97656 2.92969C4.32031 2.92969 3.21875 4.07812 3.21875 5.85938ZM13.6016 5.85938L15.2969 7.46094C16.2344 8.34375 17.0547 8.78125 17.9531 8.78125C19.6094 8.78125 20.7109 7.63281 20.7109 5.85938C20.7109 4.07812 19.6094 2.92969 17.9531 2.92969C17.0547 2.92969 16.2266 3.375 15.2969 4.25781L13.6016 5.85938Z"/>
</svg>
</div>
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PRACTICE</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" width="13" height="16" viewBox="0 0 13 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.0078125 13.5391V2.17188C-0.0078125 1.17969 0.609375 0.671875 1.34375 0.671875C1.64844 0.671875 1.97656 0.757812 2.29688 0.945312L11.75 6.45312C12.4688 6.86719 12.8203 7.25781 12.8203 7.85938C12.8203 8.46094 12.4688 8.84375 11.75 9.26562L2.29688 14.7734C1.97656 14.9531 1.64844 15.0469 1.34375 15.0469C0.609375 15.0469 -0.0078125 14.5391 -0.0078125 13.5391Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="11" height="15" viewBox="0 0 11 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.24219 14.8984C0.398438 14.8984 -0.0078125 14.4766 -0.0078125 13.6484V2.07031C-0.0078125 1.24219 0.414062 0.820312 1.24219 0.820312H3.17188C4 0.820312 4.42188 1.24219 4.42188 2.07031V13.6484C4.42188 14.4766 4 14.8984 3.17188 14.8984H1.24219ZM7.57031 14.8984C6.72656 14.8984 6.32031 14.4766 6.32031 13.6484V2.07031C6.32031 1.24219 6.74219 0.820312 7.57031 0.820312H9.5C10.3281 0.820312 10.75 1.24219 10.75 2.07031V13.6484C10.75 14.4766 10.3281 14.8984 9.5 14.8984H7.57031Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_HStack_Auto" style="padding-top: 4px;">
<div class="DLP_HStack_4 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_Terms_1_Button_1_ID" style="align-items: center;">
<p class="DLP_Text_Style_1" style="color: #007AFF; opacity: 0.5;">Terms & Conditions</p>
</div>
<div class="DLP_HStack_4 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_See_More_1_Button_1_ID" style="align-items: center;">
<p class="DLP_Text_Style_1" style="color: #007AFF;">See more</p>
<svg width="9" height="15" viewBox="0 0 9 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.57031 7.35938C8.57031 7.74219 8.4375 8.0625 8.10938 8.375L2.20312 14.1641C1.96875 14.3984 1.67969 14.5156 1.33594 14.5156C0.648438 14.5156 0.0859375 13.9609 0.0859375 13.2734C0.0859375 12.9219 0.226562 12.6094 0.484375 12.3516L5.63281 7.35156L0.484375 2.35938C0.226562 2.10938 0.0859375 1.78906 0.0859375 1.44531C0.0859375 0.765625 0.648438 0.203125 1.33594 0.203125C1.67969 0.203125 1.96875 0.320312 2.20312 0.554688L8.10938 6.34375C8.42969 6.64844 8.57031 6.96875 8.57031 7.35938Z"/>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_4_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2">Duolingo</p>
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">PRO LE</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<div class="DLP_VStack_8" id="DLP_Main_Inputs_1_Divider_1_ID">
<div class="DLP_VStack_8" id="DLP_Get_PATH_2_ID">
<div class="DLP_HStack_8" style="align-items: center;">
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.140625 12.25C0.140625 10.5156 1.50781 8.80469 3.73438 7.96875L3.98438 4.25781C2.77344 3.57812 1.875 2.85156 1.47656 2.35156C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.35156C11.1094 2.85156 10.2109 3.57031 9 4.25781L9.25781 7.96875C11.4766 8.80469 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438C0.679688 13.5547 0.140625 13.0312 0.140625 12.25Z"/>
</svg>
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="rgb(var(--color-eel))" xmlns="http://www.w3.org/2000/svg" display="none">
<path opacity="0.5" d="M1.48438 13.5547C0.679688 13.5547 0.140625 13.0312 0.140625 12.25C0.140625 10.5156 1.50781 8.85156 3.55469 8.01562L3.80469 4.25781C2.77344 3.57031 1.86719 2.85156 1.47656 2.34375C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.34375C11.1172 2.85156 10.2188 3.57031 9.17969 4.25781L9.42969 8.01562C11.4766 8.85156 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438ZM6.49219 7.44531C6.92969 7.44531 7.35156 7.47656 7.75781 7.54688L7.53125 3.55469C7.52344 3.38281 7.5625 3.29688 7.69531 3.21875C8.5625 2.76562 9.23438 2.28125 9.46094 2.07812C9.53125 2.00781 9.49219 1.92969 9.41406 1.92969H3.57812C3.5 1.92969 3.45312 2.00781 3.52344 2.07812C3.75 2.28125 4.42188 2.76562 5.28906 3.21875C5.42188 3.29688 5.46094 3.38281 5.45312 3.55469L5.22656 7.54688C5.63281 7.47656 6.05469 7.44531 6.49219 7.44531ZM1.92188 11.9844H11.0625C11.1797 11.9844 11.2344 11.9141 11.2109 11.7734C10.9922 10.3906 9.08594 8.96875 6.49219 8.96875C3.89844 8.96875 1.99219 10.3906 1.77344 11.7734C1.75 11.9141 1.80469 11.9844 1.92188 11.9844Z"/>
</svg>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How many lessons would you like to solve on the path?</p>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_2_ID" style="width: 48px; padding: 0;">
<svg id="DLP_Inset_Icon_1_ID" width="15" height="16" viewBox="0 0 15 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49219 11.3594C0.875 11.3594 0.492188 11 0.492188 10.4297C0.492188 9.72656 0.960938 9.25 1.71875 9.25H3.5625L4.17188 6.17969H2.5C1.88281 6.17969 1.49219 5.80469 1.49219 5.24219C1.49219 4.53125 1.96875 4.05469 2.72656 4.05469H4.59375L5.17188 1.17188C5.30469 0.507812 5.67969 0.15625 6.35938 0.15625C6.97656 0.15625 7.35938 0.507812 7.35938 1.07031C7.35938 1.19531 7.33594 1.35938 7.32031 1.45312L6.79688 4.05469H9.71094L10.2891 1.17188C10.4219 0.507812 10.7891 0.15625 11.4688 0.15625C12.0781 0.15625 12.4609 0.507812 12.4609 1.07031C12.4609 1.19531 12.4453 1.35938 12.4297 1.45312L11.9062 4.05469H13.6875C14.3047 4.05469 14.6875 4.4375 14.6875 4.99219C14.6875 5.70312 14.2188 6.17969 13.4609 6.17969H11.4844L10.875 9.25H12.6797C13.2969 9.25 13.6797 9.64062 13.6797 10.1953C13.6797 10.8984 13.2109 11.3594 12.4453 11.3594H10.4531L9.82031 14.5469C9.6875 15.2266 9.27344 15.5547 8.61719 15.5547C8.00781 15.5547 7.63281 15.2109 7.63281 14.6406C7.63281 14.5391 7.64844 14.375 7.67188 14.2656L8.25 11.3594H5.34375L4.71094 14.5469C4.57812 15.2266 4.15625 15.5547 3.51562 15.5547C2.90625 15.5547 2.52344 15.2109 2.52344 14.6406C2.52344 14.5391 2.53906 14.375 2.5625 14.2656L3.14062 11.3594H1.49219ZM5.76562 9.25H8.67188L9.28906 6.17969H6.375L5.76562 9.25Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.30859 11.789C0.683594 11.789 0.191406 11.3359 0.191406 10.7656C0.191406 10.4765 0.285156 10.2265 0.511719 9.91407L3.32422 5.99219V5.92969L0.605469 2.22656C0.347656 1.88281 0.261719 1.62501 0.261719 1.32032C0.261719 0.679687 0.769532 0.210938 1.45703 0.210938C1.90234 0.210938 2.21484 0.40625 2.51953 0.867187L4.93359 4.42969H4.99609L7.48828 0.789063C7.76172 0.382813 7.99609 0.210938 8.44922 0.210938C9.0664 0.210938 9.59765 0.65625 9.59765 1.21874C9.59765 1.52343 9.51172 1.77343 9.28515 2.06251L6.35546 5.97656V6.03125L9.19922 9.86718C9.41796 10.1484 9.51172 10.414 9.51172 10.7265C9.51172 11.3437 9.03515 11.789 8.3789 11.789C7.94922 11.789 7.66015 11.6172 7.35546 11.2031L4.83984 7.69531H4.77734L2.30078 11.2109C2.0039 11.6406 1.7539 11.789 1.30859 11.789ZM12.496 11.789C11.7539 11.789 11.3164 11.3359 11.3164 10.5625V1.59374C11.3164 0.820313 11.7539 0.367187 12.496 0.367187H15.9023C18.2148 0.367187 19.8086 1.90624 19.8086 4.22656C19.8086 6.53906 18.1601 8.08594 15.7851 8.08594H13.6757V10.5625C13.6757 11.3359 13.2382 11.789 12.496 11.789ZM13.6757 6.24219H15.2695C16.621 6.24219 17.4101 5.52344 17.4101 4.23438C17.4101 2.95312 16.6289 2.23438 15.2773 2.23438H13.6757V6.24219Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="24" height="12" viewBox="0 0 24 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.898438 5.85938C0.898438 2.69531 2.94531 0.609375 5.97656 0.609375C7.53125 0.609375 8.875 1.26562 10.2578 2.60938L11.9688 4.25781L13.6719 2.60938C15.0547 1.26562 16.3984 0.609375 17.9531 0.609375C20.9844 0.609375 23.0312 2.69531 23.0312 5.85938C23.0312 9.01562 20.9844 11.1016 17.9531 11.1016C16.3984 11.1016 15.0547 10.4531 13.6719 9.10938L11.9688 7.45312L10.2578 9.10938C8.875 10.4531 7.53125 11.1016 5.97656 11.1016C2.94531 11.1016 0.898438 9.01562 0.898438 5.85938ZM3.21875 5.85938C3.21875 7.63281 4.32031 8.78125 5.97656 8.78125C6.875 8.78125 7.70312 8.34375 8.63281 7.46094L10.3281 5.85938L8.63281 4.25781C7.70312 3.375 6.875 2.92969 5.97656 2.92969C4.32031 2.92969 3.21875 4.07812 3.21875 5.85938ZM13.6016 5.85938L15.2969 7.46094C16.2344 8.34375 17.0547 8.78125 17.9531 8.78125C19.6094 8.78125 20.7109 7.63281 20.7109 5.85938C20.7109 4.07812 19.6094 2.92969 17.9531 2.92969C17.0547 2.92969 16.2266 3.375 15.2969 4.25781L13.6016 5.85938Z"/>
</svg>
</div>
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PATH</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" width="13" height="16" viewBox="0 0 13 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.0078125 13.5391V2.17188C-0.0078125 1.17969 0.609375 0.671875 1.34375 0.671875C1.64844 0.671875 1.97656 0.757812 2.29688 0.945312L11.75 6.45312C12.4688 6.86719 12.8203 7.25781 12.8203 7.85938C12.8203 8.46094 12.4688 8.84375 11.75 9.26562L2.29688 14.7734C1.97656 14.9531 1.64844 15.0469 1.34375 15.0469C0.609375 15.0469 -0.0078125 14.5391 -0.0078125 13.5391Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="11" height="15" viewBox="0 0 11 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.24219 14.8984C0.398438 14.8984 -0.0078125 14.4766 -0.0078125 13.6484V2.07031C-0.0078125 1.24219 0.414062 0.820312 1.24219 0.820312H3.17188C4 0.820312 4.42188 1.24219 4.42188 2.07031V13.6484C4.42188 14.4766 4 14.8984 3.17188 14.8984H1.24219ZM7.57031 14.8984C6.72656 14.8984 6.32031 14.4766 6.32031 13.6484V2.07031C6.32031 1.24219 6.74219 0.820312 7.57031 0.820312H9.5C10.3281 0.820312 10.75 1.24219 10.75 2.07031V13.6484C10.75 14.4766 10.3281 14.8984 9.5 14.8984H7.57031Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_VStack_8" id="DLP_Get_PRACTICE_2_ID">
<div class="DLP_HStack_8" style="align-items: center;">
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.140625 12.25C0.140625 10.5156 1.50781 8.80469 3.73438 7.96875L3.98438 4.25781C2.77344 3.57812 1.875 2.85156 1.47656 2.35156C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.35156C11.1094 2.85156 10.2109 3.57031 9 4.25781L9.25781 7.96875C11.4766 8.80469 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438C0.679688 13.5547 0.140625 13.0312 0.140625 12.25Z"/>
</svg>
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="rgb(var(--color-eel))" xmlns="http://www.w3.org/2000/svg" display="none">
<path opacity="0.5" d="M1.48438 13.5547C0.679688 13.5547 0.140625 13.0312 0.140625 12.25C0.140625 10.5156 1.50781 8.85156 3.55469 8.01562L3.80469 4.25781C2.77344 3.57031 1.86719 2.85156 1.47656 2.34375C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.34375C11.1172 2.85156 10.2188 3.57031 9.17969 4.25781L9.42969 8.01562C11.4766 8.85156 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438ZM6.49219 7.44531C6.92969 7.44531 7.35156 7.47656 7.75781 7.54688L7.53125 3.55469C7.52344 3.38281 7.5625 3.29688 7.69531 3.21875C8.5625 2.76562 9.23438 2.28125 9.46094 2.07812C9.53125 2.00781 9.49219 1.92969 9.41406 1.92969H3.57812C3.5 1.92969 3.45312 2.00781 3.52344 2.07812C3.75 2.28125 4.42188 2.76562 5.28906 3.21875C5.42188 3.29688 5.46094 3.38281 5.45312 3.55469L5.22656 7.54688C5.63281 7.47656 6.05469 7.44531 6.49219 7.44531ZM1.92188 11.9844H11.0625C11.1797 11.9844 11.2344 11.9141 11.2109 11.7734C10.9922 10.3906 9.08594 8.96875 6.49219 8.96875C3.89844 8.96875 1.99219 10.3906 1.77344 11.7734C1.75 11.9141 1.80469 11.9844 1.92188 11.9844Z"/>
</svg>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How many practices would you like to solve?</p>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_2_ID" style="width: 48px; padding: 0;">
<svg id="DLP_Inset_Icon_1_ID" width="15" height="16" viewBox="0 0 15 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49219 11.3594C0.875 11.3594 0.492188 11 0.492188 10.4297C0.492188 9.72656 0.960938 9.25 1.71875 9.25H3.5625L4.17188 6.17969H2.5C1.88281 6.17969 1.49219 5.80469 1.49219 5.24219C1.49219 4.53125 1.96875 4.05469 2.72656 4.05469H4.59375L5.17188 1.17188C5.30469 0.507812 5.67969 0.15625 6.35938 0.15625C6.97656 0.15625 7.35938 0.507812 7.35938 1.07031C7.35938 1.19531 7.33594 1.35938 7.32031 1.45312L6.79688 4.05469H9.71094L10.2891 1.17188C10.4219 0.507812 10.7891 0.15625 11.4688 0.15625C12.0781 0.15625 12.4609 0.507812 12.4609 1.07031C12.4609 1.19531 12.4453 1.35938 12.4297 1.45312L11.9062 4.05469H13.6875C14.3047 4.05469 14.6875 4.4375 14.6875 4.99219C14.6875 5.70312 14.2188 6.17969 13.4609 6.17969H11.4844L10.875 9.25H12.6797C13.2969 9.25 13.6797 9.64062 13.6797 10.1953C13.6797 10.8984 13.2109 11.3594 12.4453 11.3594H10.4531L9.82031 14.5469C9.6875 15.2266 9.27344 15.5547 8.61719 15.5547C8.00781 15.5547 7.63281 15.2109 7.63281 14.6406C7.63281 14.5391 7.64844 14.375 7.67188 14.2656L8.25 11.3594H5.34375L4.71094 14.5469C4.57812 15.2266 4.15625 15.5547 3.51562 15.5547C2.90625 15.5547 2.52344 15.2109 2.52344 14.6406C2.52344 14.5391 2.53906 14.375 2.5625 14.2656L3.14062 11.3594H1.49219ZM5.76562 9.25H8.67188L9.28906 6.17969H6.375L5.76562 9.25Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.30859 11.789C0.683594 11.789 0.191406 11.3359 0.191406 10.7656C0.191406 10.4765 0.285156 10.2265 0.511719 9.91407L3.32422 5.99219V5.92969L0.605469 2.22656C0.347656 1.88281 0.261719 1.62501 0.261719 1.32032C0.261719 0.679687 0.769532 0.210938 1.45703 0.210938C1.90234 0.210938 2.21484 0.40625 2.51953 0.867187L4.93359 4.42969H4.99609L7.48828 0.789063C7.76172 0.382813 7.99609 0.210938 8.44922 0.210938C9.0664 0.210938 9.59765 0.65625 9.59765 1.21874C9.59765 1.52343 9.51172 1.77343 9.28515 2.06251L6.35546 5.97656V6.03125L9.19922 9.86718C9.41796 10.1484 9.51172 10.414 9.51172 10.7265C9.51172 11.3437 9.03515 11.789 8.3789 11.789C7.94922 11.789 7.66015 11.6172 7.35546 11.2031L4.83984 7.69531H4.77734L2.30078 11.2109C2.0039 11.6406 1.7539 11.789 1.30859 11.789ZM12.496 11.789C11.7539 11.789 11.3164 11.3359 11.3164 10.5625V1.59374C11.3164 0.820313 11.7539 0.367187 12.496 0.367187H15.9023C18.2148 0.367187 19.8086 1.90624 19.8086 4.22656C19.8086 6.53906 18.1601 8.08594 15.7851 8.08594H13.6757V10.5625C13.6757 11.3359 13.2382 11.789 12.496 11.789ZM13.6757 6.24219H15.2695C16.621 6.24219 17.4101 5.52344 17.4101 4.23438C17.4101 2.95312 16.6289 2.23438 15.2773 2.23438H13.6757V6.24219Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="24" height="12" viewBox="0 0 24 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.898438 5.85938C0.898438 2.69531 2.94531 0.609375 5.97656 0.609375C7.53125 0.609375 8.875 1.26562 10.2578 2.60938L11.9688 4.25781L13.6719 2.60938C15.0547 1.26562 16.3984 0.609375 17.9531 0.609375C20.9844 0.609375 23.0312 2.69531 23.0312 5.85938C23.0312 9.01562 20.9844 11.1016 17.9531 11.1016C16.3984 11.1016 15.0547 10.4531 13.6719 9.10938L11.9688 7.45312L10.2578 9.10938C8.875 10.4531 7.53125 11.1016 5.97656 11.1016C2.94531 11.1016 0.898438 9.01562 0.898438 5.85938ZM3.21875 5.85938C3.21875 7.63281 4.32031 8.78125 5.97656 8.78125C6.875 8.78125 7.70312 8.34375 8.63281 7.46094L10.3281 5.85938L8.63281 4.25781C7.70312 3.375 6.875 2.92969 5.97656 2.92969C4.32031 2.92969 3.21875 4.07812 3.21875 5.85938ZM13.6016 5.85938L15.2969 7.46094C16.2344 8.34375 17.0547 8.78125 17.9531 8.78125C19.6094 8.78125 20.7109 7.63281 20.7109 5.85938C20.7109 4.07812 19.6094 2.92969 17.9531 2.92969C17.0547 2.92969 16.2266 3.375 15.2969 4.25781L13.6016 5.85938Z"/>
</svg>
</div>
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PRACTICE</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" width="13" height="16" viewBox="0 0 13 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.0078125 13.5391V2.17188C-0.0078125 1.17969 0.609375 0.671875 1.34375 0.671875C1.64844 0.671875 1.97656 0.757812 2.29688 0.945312L11.75 6.45312C12.4688 6.86719 12.8203 7.25781 12.8203 7.85938C12.8203 8.46094 12.4688 8.84375 11.75 9.26562L2.29688 14.7734C1.97656 14.9531 1.64844 15.0469 1.34375 15.0469C0.609375 15.0469 -0.0078125 14.5391 -0.0078125 13.5391Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="11" height="15" viewBox="0 0 11 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.24219 14.8984C0.398438 14.8984 -0.0078125 14.4766 -0.0078125 13.6484V2.07031C-0.0078125 1.24219 0.414062 0.820312 1.24219 0.820312H3.17188C4 0.820312 4.42188 1.24219 4.42188 2.07031V13.6484C4.42188 14.4766 4 14.8984 3.17188 14.8984H1.24219ZM7.57031 14.8984C6.72656 14.8984 6.32031 14.4766 6.32031 13.6484V2.07031C6.32031 1.24219 6.74219 0.820312 7.57031 0.820312H9.5C10.3281 0.820312 10.75 1.24219 10.75 2.07031V13.6484C10.75 14.4766 10.3281 14.8984 9.5 14.8984H7.57031Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_VStack_8" id="DLP_Get_LISTEN_2_ID">
<div class="DLP_HStack_8" style="align-items: center;">
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="#007AFF" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M0.140625 12.25C0.140625 10.5156 1.50781 8.80469 3.73438 7.96875L3.98438 4.25781C2.77344 3.57812 1.875 2.85156 1.47656 2.35156C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.35156C11.1094 2.85156 10.2109 3.57031 9 4.25781L9.25781 7.96875C11.4766 8.80469 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438C0.679688 13.5547 0.140625 13.0312 0.140625 12.25Z"/>
</svg>
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="rgb(var(--color-eel))" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" d="M1.48438 13.5547C0.679688 13.5547 0.140625 13.0312 0.140625 12.25C0.140625 10.5156 1.50781 8.85156 3.55469 8.01562L3.80469 4.25781C2.77344 3.57031 1.86719 2.85156 1.47656 2.34375C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.34375C11.1172 2.85156 10.2188 3.57031 9.17969 4.25781L9.42969 8.01562C11.4766 8.85156 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438ZM6.49219 7.44531C6.92969 7.44531 7.35156 7.47656 7.75781 7.54688L7.53125 3.55469C7.52344 3.38281 7.5625 3.29688 7.69531 3.21875C8.5625 2.76562 9.23438 2.28125 9.46094 2.07812C9.53125 2.00781 9.49219 1.92969 9.41406 1.92969H3.57812C3.5 1.92969 3.45312 2.00781 3.52344 2.07812C3.75 2.28125 4.42188 2.76562 5.28906 3.21875C5.42188 3.29688 5.46094 3.38281 5.45312 3.55469L5.22656 7.54688C5.63281 7.47656 6.05469 7.44531 6.49219 7.44531ZM1.92188 11.9844H11.0625C11.1797 11.9844 11.2344 11.9141 11.2109 11.7734C10.9922 10.3906 9.08594 8.96875 6.49219 8.96875C3.89844 8.96875 1.99219 10.3906 1.77344 11.7734C1.75 11.9141 1.80469 11.9844 1.92188 11.9844Z"/>
</svg>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">How many listening practices would you like to solve? (Requires Super Duolingo)</p>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_2_ID" style="width: 48px; padding: 0;">
<svg id="DLP_Inset_Icon_1_ID" width="15" height="16" viewBox="0 0 15 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49219 11.3594C0.875 11.3594 0.492188 11 0.492188 10.4297C0.492188 9.72656 0.960938 9.25 1.71875 9.25H3.5625L4.17188 6.17969H2.5C1.88281 6.17969 1.49219 5.80469 1.49219 5.24219C1.49219 4.53125 1.96875 4.05469 2.72656 4.05469H4.59375L5.17188 1.17188C5.30469 0.507812 5.67969 0.15625 6.35938 0.15625C6.97656 0.15625 7.35938 0.507812 7.35938 1.07031C7.35938 1.19531 7.33594 1.35938 7.32031 1.45312L6.79688 4.05469H9.71094L10.2891 1.17188C10.4219 0.507812 10.7891 0.15625 11.4688 0.15625C12.0781 0.15625 12.4609 0.507812 12.4609 1.07031C12.4609 1.19531 12.4453 1.35938 12.4297 1.45312L11.9062 4.05469H13.6875C14.3047 4.05469 14.6875 4.4375 14.6875 4.99219C14.6875 5.70312 14.2188 6.17969 13.4609 6.17969H11.4844L10.875 9.25H12.6797C13.2969 9.25 13.6797 9.64062 13.6797 10.1953C13.6797 10.8984 13.2109 11.3594 12.4453 11.3594H10.4531L9.82031 14.5469C9.6875 15.2266 9.27344 15.5547 8.61719 15.5547C8.00781 15.5547 7.63281 15.2109 7.63281 14.6406C7.63281 14.5391 7.64844 14.375 7.67188 14.2656L8.25 11.3594H5.34375L4.71094 14.5469C4.57812 15.2266 4.15625 15.5547 3.51562 15.5547C2.90625 15.5547 2.52344 15.2109 2.52344 14.6406C2.52344 14.5391 2.53906 14.375 2.5625 14.2656L3.14062 11.3594H1.49219ZM5.76562 9.25H8.67188L9.28906 6.17969H6.375L5.76562 9.25Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.30859 11.789C0.683594 11.789 0.191406 11.3359 0.191406 10.7656C0.191406 10.4765 0.285156 10.2265 0.511719 9.91407L3.32422 5.99219V5.92969L0.605469 2.22656C0.347656 1.88281 0.261719 1.62501 0.261719 1.32032C0.261719 0.679687 0.769532 0.210938 1.45703 0.210938C1.90234 0.210938 2.21484 0.40625 2.51953 0.867187L4.93359 4.42969H4.99609L7.48828 0.789063C7.76172 0.382813 7.99609 0.210938 8.44922 0.210938C9.0664 0.210938 9.59765 0.65625 9.59765 1.21874C9.59765 1.52343 9.51172 1.77343 9.28515 2.06251L6.35546 5.97656V6.03125L9.19922 9.86718C9.41796 10.1484 9.51172 10.414 9.51172 10.7265C9.51172 11.3437 9.03515 11.789 8.3789 11.789C7.94922 11.789 7.66015 11.6172 7.35546 11.2031L4.83984 7.69531H4.77734L2.30078 11.2109C2.0039 11.6406 1.7539 11.789 1.30859 11.789ZM12.496 11.789C11.7539 11.789 11.3164 11.3359 11.3164 10.5625V1.59374C11.3164 0.820313 11.7539 0.367187 12.496 0.367187H15.9023C18.2148 0.367187 19.8086 1.90624 19.8086 4.22656C19.8086 6.53906 18.1601 8.08594 15.7851 8.08594H13.6757V10.5625C13.6757 11.3359 13.2382 11.789 12.496 11.789ZM13.6757 6.24219H15.2695C16.621 6.24219 17.4101 5.52344 17.4101 4.23438C17.4101 2.95312 16.6289 2.23438 15.2773 2.23438H13.6757V6.24219Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="24" height="12" viewBox="0 0 24 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.898438 5.85938C0.898438 2.69531 2.94531 0.609375 5.97656 0.609375C7.53125 0.609375 8.875 1.26562 10.2578 2.60938L11.9688 4.25781L13.6719 2.60938C15.0547 1.26562 16.3984 0.609375 17.9531 0.609375C20.9844 0.609375 23.0312 2.69531 23.0312 5.85938C23.0312 9.01562 20.9844 11.1016 17.9531 11.1016C16.3984 11.1016 15.0547 10.4531 13.6719 9.10938L11.9688 7.45312L10.2578 9.10938C8.875 10.4531 7.53125 11.1016 5.97656 11.1016C2.94531 11.1016 0.898438 9.01562 0.898438 5.85938ZM3.21875 5.85938C3.21875 7.63281 4.32031 8.78125 5.97656 8.78125C6.875 8.78125 7.70312 8.34375 8.63281 7.46094L10.3281 5.85938L8.63281 4.25781C7.70312 3.375 6.875 2.92969 5.97656 2.92969C4.32031 2.92969 3.21875 4.07812 3.21875 5.85938ZM13.6016 5.85938L15.2969 7.46094C16.2344 8.34375 17.0547 8.78125 17.9531 8.78125C19.6094 8.78125 20.7109 7.63281 20.7109 5.85938C20.7109 4.07812 19.6094 2.92969 17.9531 2.92969C17.0547 2.92969 16.2266 3.375 15.2969 4.25781L13.6016 5.85938Z"/>
</svg>
</div>
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PATH</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" width="13" height="16" viewBox="0 0 13 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.0078125 13.5391V2.17188C-0.0078125 1.17969 0.609375 0.671875 1.34375 0.671875C1.64844 0.671875 1.97656 0.757812 2.29688 0.945312L11.75 6.45312C12.4688 6.86719 12.8203 7.25781 12.8203 7.85938C12.8203 8.46094 12.4688 8.84375 11.75 9.26562L2.29688 14.7734C1.97656 14.9531 1.64844 15.0469 1.34375 15.0469C0.609375 15.0469 -0.0078125 14.5391 -0.0078125 13.5391Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="11" height="15" viewBox="0 0 11 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.24219 14.8984C0.398438 14.8984 -0.0078125 14.4766 -0.0078125 13.6484V2.07031C-0.0078125 1.24219 0.414062 0.820312 1.24219 0.820312H3.17188C4 0.820312 4.42188 1.24219 4.42188 2.07031V13.6484C4.42188 14.4766 4 14.8984 3.17188 14.8984H1.24219ZM7.57031 14.8984C6.72656 14.8984 6.32031 14.4766 6.32031 13.6484V2.07031C6.32031 1.24219 6.74219 0.820312 7.57031 0.820312H9.5C10.3281 0.820312 10.75 1.24219 10.75 2.07031V13.6484C10.75 14.4766 10.3281 14.8984 9.5 14.8984H7.57031Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_VStack_8" id="DLP_Get_LESSON_2_ID">
<div class="DLP_HStack_8" style="align-items: center;">
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="#007AFF" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M0.140625 12.25C0.140625 10.5156 1.50781 8.80469 3.73438 7.96875L3.98438 4.25781C2.77344 3.57812 1.875 2.85156 1.47656 2.35156C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.35156C11.1094 2.85156 10.2109 3.57031 9 4.25781L9.25781 7.96875C11.4766 8.80469 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438C0.679688 13.5547 0.140625 13.0312 0.140625 12.25Z"/>
</svg>
<svg class="DLP_Magnetic_Hover_1 DLP_NoSelect" width="13" height="20" viewBox="0 0 13 20" fill="rgb(var(--color-eel))" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" d="M1.48438 13.5547C0.679688 13.5547 0.140625 13.0312 0.140625 12.25C0.140625 10.5156 1.50781 8.85156 3.55469 8.01562L3.80469 4.25781C2.77344 3.57031 1.86719 2.85156 1.47656 2.34375C1.24219 2.05469 1.13281 1.74219 1.13281 1.46094C1.13281 0.875 1.57812 0.453125 2.22656 0.453125H10.7578C11.4062 0.453125 11.8516 0.875 11.8516 1.46094C11.8516 1.74219 11.7422 2.05469 11.5078 2.34375C11.1172 2.85156 10.2188 3.57031 9.17969 4.25781L9.42969 8.01562C11.4766 8.85156 12.8438 10.5156 12.8438 12.25C12.8438 13.0312 12.3047 13.5547 11.5 13.5547H7.40625V17.3203C7.40625 18.2578 6.74219 19.5703 6.49219 19.5703C6.24219 19.5703 5.57812 18.2578 5.57812 17.3203V13.5547H1.48438ZM6.49219 7.44531C6.92969 7.44531 7.35156 7.47656 7.75781 7.54688L7.53125 3.55469C7.52344 3.38281 7.5625 3.29688 7.69531 3.21875C8.5625 2.76562 9.23438 2.28125 9.46094 2.07812C9.53125 2.00781 9.49219 1.92969 9.41406 1.92969H3.57812C3.5 1.92969 3.45312 2.00781 3.52344 2.07812C3.75 2.28125 4.42188 2.76562 5.28906 3.21875C5.42188 3.29688 5.46094 3.38281 5.45312 3.55469L5.22656 7.54688C5.63281 7.47656 6.05469 7.44531 6.49219 7.44531ZM1.92188 11.9844H11.0625C11.1797 11.9844 11.2344 11.9141 11.2109 11.7734C10.9922 10.3906 9.08594 8.96875 6.49219 8.96875C3.89844 8.96875 1.99219 10.3906 1.77344 11.7734C1.75 11.9141 1.80469 11.9844 1.92188 11.9844Z"/>
</svg>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5;">Which and how many lessons would you like to repeat?</p>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PRACTICE</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<div style="display: flex; align-items: center; gap: 8px; width: 100%; justify-content: flex-end;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5;">Unit:</p>
<input type="text" value="1" placeholder="0" id="DLP_Get_GEMS_Input_1_ID" class="DLP_Input_Input_Style_1" style="width: 30px;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5;">Lesson:</p>
<input type="text" value="1" placeholder="0" id="DLP_Get_GEMS_Input_1_ID" class="DLP_Input_Input_Style_1" style="width: 30px;">
</div>
</div>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_2_ID" style="width: 48px; padding: 0;">
<svg id="DLP_Inset_Icon_1_ID" width="15" height="16" viewBox="0 0 15 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49219 11.3594C0.875 11.3594 0.492188 11 0.492188 10.4297C0.492188 9.72656 0.960938 9.25 1.71875 9.25H3.5625L4.17188 6.17969H2.5C1.88281 6.17969 1.49219 5.80469 1.49219 5.24219C1.49219 4.53125 1.96875 4.05469 2.72656 4.05469H4.59375L5.17188 1.17188C5.30469 0.507812 5.67969 0.15625 6.35938 0.15625C6.97656 0.15625 7.35938 0.507812 7.35938 1.07031C7.35938 1.19531 7.33594 1.35938 7.32031 1.45312L6.79688 4.05469H9.71094L10.2891 1.17188C10.4219 0.507812 10.7891 0.15625 11.4688 0.15625C12.0781 0.15625 12.4609 0.507812 12.4609 1.07031C12.4609 1.19531 12.4453 1.35938 12.4297 1.45312L11.9062 4.05469H13.6875C14.3047 4.05469 14.6875 4.4375 14.6875 4.99219C14.6875 5.70312 14.2188 6.17969 13.4609 6.17969H11.4844L10.875 9.25H12.6797C13.2969 9.25 13.6797 9.64062 13.6797 10.1953C13.6797 10.8984 13.2109 11.3594 12.4453 11.3594H10.4531L9.82031 14.5469C9.6875 15.2266 9.27344 15.5547 8.61719 15.5547C8.00781 15.5547 7.63281 15.2109 7.63281 14.6406C7.63281 14.5391 7.64844 14.375 7.67188 14.2656L8.25 11.3594H5.34375L4.71094 14.5469C4.57812 15.2266 4.15625 15.5547 3.51562 15.5547C2.90625 15.5547 2.52344 15.2109 2.52344 14.6406C2.52344 14.5391 2.53906 14.375 2.5625 14.2656L3.14062 11.3594H1.49219ZM5.76562 9.25H8.67188L9.28906 6.17969H6.375L5.76562 9.25Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="20" height="12" viewBox="0 0 20 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.30859 11.789C0.683594 11.789 0.191406 11.3359 0.191406 10.7656C0.191406 10.4765 0.285156 10.2265 0.511719 9.91407L3.32422 5.99219V5.92969L0.605469 2.22656C0.347656 1.88281 0.261719 1.62501 0.261719 1.32032C0.261719 0.679687 0.769532 0.210938 1.45703 0.210938C1.90234 0.210938 2.21484 0.40625 2.51953 0.867187L4.93359 4.42969H4.99609L7.48828 0.789063C7.76172 0.382813 7.99609 0.210938 8.44922 0.210938C9.0664 0.210938 9.59765 0.65625 9.59765 1.21874C9.59765 1.52343 9.51172 1.77343 9.28515 2.06251L6.35546 5.97656V6.03125L9.19922 9.86718C9.41796 10.1484 9.51172 10.414 9.51172 10.7265C9.51172 11.3437 9.03515 11.789 8.3789 11.789C7.94922 11.789 7.66015 11.6172 7.35546 11.2031L4.83984 7.69531H4.77734L2.30078 11.2109C2.0039 11.6406 1.7539 11.789 1.30859 11.789ZM12.496 11.789C11.7539 11.789 11.3164 11.3359 11.3164 10.5625V1.59374C11.3164 0.820313 11.7539 0.367187 12.496 0.367187H15.9023C18.2148 0.367187 19.8086 1.90624 19.8086 4.22656C19.8086 6.53906 18.1601 8.08594 15.7851 8.08594H13.6757V10.5625C13.6757 11.3359 13.2382 11.789 12.496 11.789ZM13.6757 6.24219H15.2695C16.621 6.24219 17.4101 5.52344 17.4101 4.23438C17.4101 2.95312 16.6289 2.23438 15.2773 2.23438H13.6757V6.24219Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="24" height="12" viewBox="0 0 24 12" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.898438 5.85938C0.898438 2.69531 2.94531 0.609375 5.97656 0.609375C7.53125 0.609375 8.875 1.26562 10.2578 2.60938L11.9688 4.25781L13.6719 2.60938C15.0547 1.26562 16.3984 0.609375 17.9531 0.609375C20.9844 0.609375 23.0312 2.69531 23.0312 5.85938C23.0312 9.01562 20.9844 11.1016 17.9531 11.1016C16.3984 11.1016 15.0547 10.4531 13.6719 9.10938L11.9688 7.45312L10.2578 9.10938C8.875 10.4531 7.53125 11.1016 5.97656 11.1016C2.94531 11.1016 0.898438 9.01562 0.898438 5.85938ZM3.21875 5.85938C3.21875 7.63281 4.32031 8.78125 5.97656 8.78125C6.875 8.78125 7.70312 8.34375 8.63281 7.46094L10.3281 5.85938L8.63281 4.25781C7.70312 3.375 6.875 2.92969 5.97656 2.92969C4.32031 2.92969 3.21875 4.07812 3.21875 5.85938ZM13.6016 5.85938L15.2969 7.46094C16.2344 8.34375 17.0547 8.78125 17.9531 8.78125C19.6094 8.78125 20.7109 7.63281 20.7109 5.85938C20.7109 4.07812 19.6094 2.92969 17.9531 2.92969C17.0547 2.92969 16.2266 3.375 15.2969 4.25781L13.6016 5.85938Z"/>
</svg>
</div>
<div class="DLP_Input_Style_1_Active">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="color: #007AFF; opacity: 0.5; display: none;">PRACTICE</p>
<svg width="15" height="16" viewBox="0 0 15 16" fill="#007AFF" opacity="0.5" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M1.39844 11.3594C0.78125 11.3594 0.398438 11 0.398438 10.4297C0.398438 9.72656 0.867188 9.25 1.625 9.25H3.46875L4.07812 6.17969H2.40625C1.78906 6.17969 1.39844 5.80469 1.39844 5.24219C1.39844 4.53125 1.875 4.05469 2.63281 4.05469H4.5L5.07812 1.17188C5.21094 0.507812 5.58594 0.15625 6.26562 0.15625C6.88281 0.15625 7.26562 0.507812 7.26562 1.07031C7.26562 1.19531 7.24219 1.35938 7.22656 1.45312L6.70312 4.05469H9.61719L10.1953 1.17188C10.3281 0.507812 10.6953 0.15625 11.375 0.15625C11.9844 0.15625 12.3672 0.507812 12.3672 1.07031C12.3672 1.19531 12.3516 1.35938 12.3359 1.45312L11.8125 4.05469H13.5938C14.2109 4.05469 14.5938 4.4375 14.5938 4.99219C14.5938 5.70312 14.125 6.17969 13.3672 6.17969H11.3906L10.7812 9.25H12.5859C13.2031 9.25 13.5859 9.64062 13.5859 10.1953C13.5859 10.8984 13.1172 11.3594 12.3516 11.3594H10.3594L9.72656 14.5469C9.59375 15.2266 9.17969 15.5547 8.52344 15.5547C7.91406 15.5547 7.53906 15.2109 7.53906 14.6406C7.53906 14.5391 7.55469 14.375 7.57812 14.2656L8.15625 11.3594H5.25L4.61719 14.5469C4.48438 15.2266 4.0625 15.5547 3.42188 15.5547C2.8125 15.5547 2.42969 15.2109 2.42969 14.6406C2.42969 14.5391 2.44531 14.375 2.46875 14.2656L3.04688 11.3594H1.39844ZM5.67188 9.25H8.57812L9.19531 6.17969H6.28125L5.67188 9.25Z"/>
</svg>
<input type="text" placeholder="0" id="DLP_Inset_Input_1_ID" class="DLP_Input_Input_Style_1">
</div>
<div class="DLP_Input_Button_Style_1_Active DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Inset_Button_1_ID">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" width="13" height="16" viewBox="0 0 13 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M-0.0078125 13.5391V2.17188C-0.0078125 1.17969 0.609375 0.671875 1.34375 0.671875C1.64844 0.671875 1.97656 0.757812 2.29688 0.945312L11.75 6.45312C12.4688 6.86719 12.8203 7.25781 12.8203 7.85938C12.8203 8.46094 12.4688 8.84375 11.75 9.26562L2.29688 14.7734C1.97656 14.9531 1.64844 15.0469 1.34375 15.0469C0.609375 15.0469 -0.0078125 14.5391 -0.0078125 13.5391Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="11" height="15" viewBox="0 0 11 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.24219 14.8984C0.398438 14.8984 -0.0078125 14.4766 -0.0078125 13.6484V2.07031C-0.0078125 1.24219 0.414062 0.820312 1.24219 0.820312H3.17188C4 0.820312 4.42188 1.24219 4.42188 2.07031V13.6484C4.42188 14.4766 4 14.8984 3.17188 14.8984H1.24219ZM7.57031 14.8984C6.72656 14.8984 6.32031 14.4766 6.32031 13.6484V2.07031C6.32031 1.24219 6.74219 0.820312 7.57031 0.820312H9.5C10.3281 0.820312 10.75 1.24219 10.75 2.07031V13.6484C10.75 14.4766 10.3281 14.8984 9.5 14.8984H7.57031Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
<div class="DLP_HStack_Auto" style="padding-top: 4px;">
<div class="DLP_HStack_4 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_2_Back_1_Button_1_ID" style="align-items: center;">
<svg width="10" height="15" viewBox="0 0 10 15" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.90625 7.35938C0.914062 6.96875 1.04688 6.64844 1.36719 6.34375L7.27344 0.554688C7.51562 0.320312 7.79688 0.203125 8.14062 0.203125C8.82812 0.203125 9.39844 0.765625 9.39844 1.44531C9.39844 1.78906 9.25 2.10938 8.99219 2.35938L3.84375 7.35156L8.99219 12.3516C9.25 12.6094 9.39844 12.9219 9.39844 13.2734C9.39844 13.9609 8.82812 14.5156 8.14062 14.5156C7.79688 14.5156 7.51562 14.3984 7.27344 14.1641L1.36719 8.375C1.04688 8.0625 0.90625 7.74219 0.90625 7.35938Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">Back</p>
</div>
<div class="DLP_HStack_4 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Secondary_2_Terms_1_Button_1_ID"style="align-items: center;">
<p class="DLP_Text_Style_1" style="color: #007AFF; opacity: 0.5;">Terms & Conditions</p>
</div>
</div>
</div>
</div>
</div>
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_5_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2">Duolingo</p>
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">PRO 3.0</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<p class="DLP_Text_Style_1 DLP_NoSelect" id="DLP_Terms_1_Text_1_ID" style="opacity: 0.5;">Please read and accept the Terms & Conditions to use Duolingo PRO 3.0. </p>
<p class="DLP_Text_Style_1 DLP_NoSelect" id="DLP_Terms_1_Text_2_ID" style="opacity: 0.5; display: none;">These are the Terms & Conditions you agreed to use Duolingo PRO 3.0. </p>
<div class="DLP_Scroll_Box_Style_1">
<p id="DLP_Terms_Main_Text_1_ID" class="DLP_Scroll_Box_Text_Style_1">MIT License<br><br>Copyright (c) 2024 anonymoushackerIV<br><br>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:<br><br>The above copyright notice and this permission notice shall be included in allcopies or substantial portions of the Software.<br><br>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
</div>
<div class="DLP_HStack_8" id="DLP_Terms_1_Button_1_ID">
<div id="DLP_Terms_Decline_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="14" height="14" viewBox="0 0 14 14" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.867188 12.9922C0.414062 12.5469 0.429688 11.7578 0.851562 11.3359L5.32031 6.86719L0.851562 2.41406C0.429688 1.98438 0.414062 1.20312 0.867188 0.75C1.32031 0.289062 2.10938 0.304688 2.53125 0.734375L6.99219 5.19531L11.4531 0.734375C11.8906 0.296875 12.6562 0.296875 13.1094 0.75C13.5703 1.20312 13.5703 1.96875 13.125 2.41406L8.67188 6.86719L13.125 11.3281C13.5703 11.7734 13.5625 12.5312 13.1094 12.9922C12.6641 13.4453 11.8906 13.4453 11.4531 13.0078L6.99219 8.54688L2.53125 13.0078C2.10938 13.4375 1.32812 13.4453 0.867188 12.9922Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">DECLINE</p>
</div>
<div id="DLP_Terms_Accept_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: #007AFF;">
<p class="DLP_Text_Style_1" style="color: #FFF;">ACCEPT</p>
<svg width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
</div>
</div>
<div class="DLP_HStack_8" id="DLP_Terms_1_Button_2_ID" style="display: none;">
<div class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Terms_Back_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="9" height="16" viewBox="0 0 9 16" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.164062 7.85938C0.171875 7.46875 0.304688 7.14844 0.625 6.84375L6.53125 1.05469C6.77344 0.820312 7.05469 0.703125 7.39844 0.703125C8.08594 0.703125 8.65625 1.26562 8.65625 1.94531C8.65625 2.28906 8.50781 2.60938 8.25 2.85938L3.10156 7.85156L8.25 12.8516C8.50781 13.1094 8.65625 13.4219 8.65625 13.7734C8.65625 14.4609 8.08594 15.0156 7.39844 15.0156C7.05469 15.0156 6.77344 14.8984 6.53125 14.6641L0.625 8.875C0.304688 8.5625 0.164062 8.24219 0.164062 7.85938Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">BACK</p>
</div>
</div>
</div>
</div>
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_6_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2">Duolingo</p>
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">PRO 3.0</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.5;">Without accepting the Terms & Conditions, you cannot use Duolingo PRO 3.0. </p>
<div class="DLP_HStack_8">
<div id="DLP_Terms_Declined_Back_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="9" height="16" viewBox="0 0 9 16" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.164062 7.85938C0.171875 7.46875 0.304688 7.14844 0.625 6.84375L6.53125 1.05469C6.77344 0.820312 7.05469 0.703125 7.39844 0.703125C8.08594 0.703125 8.65625 1.26562 8.65625 1.94531C8.65625 2.28906 8.50781 2.60938 8.25 2.85938L3.10156 7.85156L8.25 12.8516C8.50781 13.1094 8.65625 13.4219 8.65625 13.7734C8.65625 14.4609 8.08594 15.0156 7.39844 15.0156C7.05469 15.0156 6.77344 14.8984 6.53125 14.6641L0.625 8.875C0.304688 8.5625 0.164062 8.24219 0.164062 7.85938Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">BACK</p>
</div>
</div>
</div>
</div>
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_7_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Settings</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<div class="DLP_HStack_8" style="justify-content: center; align-items: center;">
<div class="DLP_VStack_0" style="align-items: flex-start;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.5;">Automatic Updates</p>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.25;">Duolingo PRO 3.0 will automatically update itself when there's a new version available. </p>
</div>
<div class="DLP_Toggle_Style_1 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Settings_Auto_Update_Toggle_1_ID">
<svg id="DLP_Inset_Icon_1_ID" width="18" height="18" viewBox="0 0 18 18" fill="#FFF" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M9 17.1094C4.44531 17.1094 0.75 13.4141 0.75 8.85938C0.75 4.30469 4.44531 0.609375 9 0.609375C13.5547 0.609375 17.25 4.30469 17.25 8.85938C17.25 13.4141 13.5547 17.1094 9 17.1094ZM8.14062 12.7812C8.47656 12.7812 8.78125 12.6094 8.98438 12.3125L12.6094 6.76562C12.75 6.5625 12.8281 6.35156 12.8281 6.15625C12.8281 5.67188 12.3984 5.32812 11.9297 5.32812C11.625 5.32812 11.3672 5.49219 11.1641 5.82031L8.11719 10.6641L6.75781 8.98438C6.54688 8.73438 6.32812 8.625 6.04688 8.625C5.57031 8.625 5.17969 9.00781 5.17969 9.49219C5.17969 9.71875 5.25 9.91406 5.42969 10.1328L7.26562 12.3203C7.51562 12.625 7.78906 12.7812 8.14062 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" width="18" height="18" viewBox="0 0 18 18" fill="#FFF" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M9 17.1094C4.44531 17.1094 0.75 13.4141 0.75 8.85938C0.75 4.30469 4.44531 0.609375 9 0.609375C13.5547 0.609375 17.25 4.30469 17.25 8.85938C17.25 13.4141 13.5547 17.1094 9 17.1094ZM6.53906 12.2188C6.8125 12.2188 7.03125 12.125 7.20312 11.9531L9 10.1484L10.8047 11.9531C10.9766 12.125 11.2031 12.2188 11.4688 12.2188C11.9766 12.2188 12.3672 11.8203 12.3672 11.3125C12.3672 11.0781 12.2734 10.8594 12.0938 10.6875L10.2812 8.875L12.1016 7.04688C12.2812 6.875 12.3672 6.65625 12.3672 6.42188C12.3672 5.92188 11.9766 5.53125 11.4766 5.53125C11.2109 5.53125 11.0078 5.60938 10.8203 5.79688L9 7.60156L7.19531 5.79688C7.01562 5.625 6.8125 5.53906 6.53906 5.53906C6.03906 5.53906 5.64844 5.92188 5.64844 6.4375C5.64844 6.66406 5.74219 6.88281 5.91406 7.05469L7.73438 8.875L5.91406 10.6953C5.74219 10.8594 5.64844 11.0859 5.64844 11.3125C5.64844 11.8203 6.03906 12.2188 6.53906 12.2188Z"/>
</svg>
</div>
</div>
<div class="DLP_HStack_8">
<div class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Settings_Back_1_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="9" height="16" viewBox="0 0 9 16" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.164062 7.85938C0.171875 7.46875 0.304688 7.14844 0.625 6.84375L6.53125 1.05469C6.77344 0.820312 7.05469 0.703125 7.39844 0.703125C8.08594 0.703125 8.65625 1.26562 8.65625 1.94531C8.65625 2.28906 8.50781 2.60938 8.25 2.85938L3.10156 7.85156L8.25 12.8516C8.50781 13.1094 8.65625 13.4219 8.65625 13.7734C8.65625 14.4609 8.08594 15.0156 7.39844 15.0156C7.05469 15.0156 6.77344 14.8984 6.53125 14.6641L0.625 8.875C0.304688 8.5625 0.164062 8.24219 0.164062 7.85938Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">BACK</p>
</div>
<div id="DLP_Settings_Save_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: #007AFF;">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">SAVE</p>
<svg id="DLP_Inset_Icon_1_ID" width="17" height="18" viewBox="0 0 17 18" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
</div>
</div>
</div>
</div>
<div clas="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_8_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Send Feedback</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.5;">Help us make Duolingo PRO 3.0 better. </p>
<textarea id="DLP_Feedback_Text_Input_1_ID" class="DLP_Large_Input_Box_Style_1" style="height: 128px;" placeholder="Write here as much as you can with as many details as possible."/></textarea>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.5; align-self: stretch;">Feedback Type </p>
<div class="DLP_HStack_8">
<div id="DLP_Feedback_Type_Bug_Report_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect DLP_Feedback_Type_Button_Style_1_OFF" style="transition: background 0.4s, outline 0.4s, filter 0.4s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1);">
<p class="DLP_Text_Style_1" style="transition: 0.4s;">BUG REPORT</p>
</div>
<div id="DLP_Feedback_Type_Suggestion_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect DLP_Feedback_Type_Button_Style_2_ON" style="transition: background 0.4s, outline 0.4s, filter 0.4s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1);">
<p class="DLP_Text_Style_1" style="transition: 0.4s;">SUGGESTION</p>
</div>
</div>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.5; align-self: stretch;">Add Attachment (Optional) </p>
<div class="DLP_HStack_8">
<div id="DLP_Feedback_Attachment_Upload_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10); transition: background 0.4s, outline 0.4s, filter 0.4s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1);">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #007AFF; transition: 0.4s;">UPLOAD</p>
<svg id="DLP_Inset_Icon_1_ID" width="14" height="14" viewBox="0 0 14 14" fill="#007AFF" xmlns="http://www.w3.org/2000/svg" style="transition: 0.4s;">
<path d="M-0.0078125 6.85938C-0.0078125 6.21094 0.523438 5.67969 1.17969 5.67969H5.51562V1.34375C5.51562 0.695312 6.03906 0.15625 6.69531 0.15625C7.35156 0.15625 7.88281 0.695312 7.88281 1.34375V5.67969H12.2188C12.8672 5.67969 13.3984 6.21094 13.3984 6.85938C13.3984 7.51562 12.8672 8.04688 12.2188 8.04688H7.88281V12.3828C7.88281 13.0312 7.35156 13.5703 6.69531 13.5703C6.03906 13.5703 5.51562 13.0312 5.51562 12.3828V8.04688H1.17969C0.523438 8.04688 -0.0078125 7.51562 -0.0078125 6.85938Z"/>
</svg>
</div>
</div>
<input type="file" accept="image/png, image/jpeg, video/mp4" id="DLP_Feedback_Attachment_Input_Hidden_1_ID" style="display: none;"/>
<div class="DLP_HStack_8">
<div id="DLP_Feedback_Cancel_1_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="9" height="16" viewBox="0 0 9 16" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.164062 7.85938C0.171875 7.46875 0.304688 7.14844 0.625 6.84375L6.53125 1.05469C6.77344 0.820312 7.05469 0.703125 7.39844 0.703125C8.08594 0.703125 8.65625 1.26562 8.65625 1.94531C8.65625 2.28906 8.50781 2.60938 8.25 2.85938L3.10156 7.85156L8.25 12.8516C8.50781 13.1094 8.65625 13.4219 8.65625 13.7734C8.65625 14.4609 8.08594 15.0156 7.39844 15.0156C7.05469 15.0156 6.77344 14.8984 6.53125 14.6641L0.625 8.875C0.304688 8.5625 0.164062 8.24219 0.164062 7.85938Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">BACK</p>
</div>
<div id="DLP_Feedback_Send_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: #007AFF;">
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="color: #FFF;">SEND</p>
<svg id="DLP_Inset_Icon_1_ID" display="" width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 2.66406C8.03125 2.66406 7.4375 2.75 6.875 2.92188L6.07812 1.02344C6.89062 0.757812 7.75781 0.609375 8.64844 0.609375C9.53906 0.609375 10.3984 0.757812 11.2031 1.02344L10.4219 2.92188C9.85938 2.75781 9.26562 2.66406 8.64844 2.66406ZM14.1016 5.91406C13.5312 4.84375 12.6562 3.96875 11.5859 3.39844L12.375 1.50781C13.9297 2.30469 15.2031 3.57812 16 5.125L14.1016 5.91406ZM5.70312 3.39844C4.63281 3.97656 3.75781 4.85156 3.19531 5.92188L1.29688 5.125C2.09375 3.57812 3.36719 2.30469 4.91406 1.50781L5.70312 3.39844ZM14.8438 8.85938C14.8438 8.24219 14.7578 7.64844 14.5859 7.08594L16.4844 6.29688C16.7578 7.10156 16.8984 7.96875 16.8984 8.85938C16.8984 9.75 16.7578 10.6172 16.4844 11.4219L14.5938 10.6328C14.75 10.0703 14.8438 9.47656 14.8438 8.85938ZM2.46094 8.85938C2.46094 9.47656 2.54688 10.0703 2.71094 10.625L0.8125 11.4219C0.546875 10.6094 0.398438 9.75 0.398438 8.85938C0.398438 7.96875 0.546875 7.10938 0.8125 6.29688L2.71094 7.08594C2.54688 7.64844 2.46094 8.24219 2.46094 8.85938ZM11.5859 14.3125C12.6562 13.7422 13.5391 12.875 14.1094 11.8047L16 12.5938C15.2031 14.1406 13.9297 15.4141 12.375 16.2109L11.5859 14.3125ZM3.19531 11.8047C3.76562 12.8672 4.63281 13.7422 5.70312 14.3125L4.91406 16.2031C3.36719 15.4141 2.09375 14.1406 1.29688 12.5938L3.19531 11.8047ZM8.64844 15.0547C9.26562 15.0547 9.85938 14.9609 10.4141 14.7969L11.2109 16.6953C10.3984 16.9609 9.53906 17.1094 8.64844 17.1094C7.75781 17.1094 6.89062 16.9609 6.08594 16.6953L6.875 14.7969C7.4375 14.9609 8.03125 15.0547 8.64844 15.0547Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" display="none" width="17" height="18" viewBox="0 0 17 18" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M8.64844 17.1094C4.09375 17.1094 0.398438 13.4141 0.398438 8.85938C0.398438 4.30469 4.09375 0.609375 8.64844 0.609375C13.2031 0.609375 16.8984 4.30469 16.8984 8.85938C16.8984 13.4141 13.2031 17.1094 8.64844 17.1094ZM7.78906 12.7812C8.125 12.7812 8.42969 12.6094 8.63281 12.3125L12.2578 6.76562C12.3984 6.5625 12.4766 6.35156 12.4766 6.15625C12.4766 5.67188 12.0469 5.32812 11.5781 5.32812C11.2734 5.32812 11.0156 5.49219 10.8125 5.82031L7.76562 10.6641L6.40625 8.98438C6.19531 8.73438 5.97656 8.625 5.69531 8.625C5.21875 8.625 4.82812 9.00781 4.82812 9.49219C4.82812 9.71875 4.89844 9.91406 5.07812 10.1328L6.91406 12.3203C7.16406 12.625 7.4375 12.7812 7.78906 12.7812Z"/>
</svg>
<svg id="DLP_Inset_Icon_4_ID" display="none" width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.96094 15.5469C1.53125 15.5469 0.59375 14.4688 0.59375 13.1797C0.59375 12.7812 0.695312 12.375 0.914062 11.9922L6.92969 1.47656C7.38281 0.695312 8.17188 0.289062 8.97656 0.289062C9.77344 0.289062 10.5547 0.6875 11.0156 1.47656L17.0312 11.9844C17.25 12.3672 17.3516 12.7812 17.3516 13.1797C17.3516 14.4688 16.4141 15.5469 14.9844 15.5469H2.96094ZM8.98438 9.96094C9.52344 9.96094 9.83594 9.65625 9.86719 9.09375L9.99219 5.72656C10.0234 5.14062 9.59375 4.73438 8.97656 4.73438C8.35156 4.73438 7.92969 5.13281 7.96094 5.72656L8.08594 9.10156C8.10938 9.65625 8.42969 9.96094 8.98438 9.96094ZM8.98438 12.7812C9.60156 12.7812 10.0859 12.3906 10.0859 11.7891C10.0859 11.2031 9.60938 10.8047 8.98438 10.8047C8.35938 10.8047 7.875 11.2031 7.875 11.7891C7.875 12.3906 8.35938 12.7812 8.98438 12.7812Z"/>
</svg>
</div>
</div>
</div>
</div>
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_9_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_HStack_Auto DLP_NoSelect">
<div class="DLP_HStack_4" style="align-items: flex-start;">
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Release Notes</p>
</div>
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">${versionName}</p>
</div>
<div class="DLP_VStack_8" id="DLP_Release_Notes_List_1_ID"></div>
<div class="DLP_HStack_8">
<div class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" id="DLP_Release_Notes_Back_1_Button_1_ID" style="outline: 2px solid rgba(0, 122, 255, 0.20); outline-offset: -2px; background: rgba(0, 122, 255, 0.10);">
<svg width="9" height="16" viewBox="0 0 9 16" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M0.164062 7.85938C0.171875 7.46875 0.304688 7.14844 0.625 6.84375L6.53125 1.05469C6.77344 0.820312 7.05469 0.703125 7.39844 0.703125C8.08594 0.703125 8.65625 1.26562 8.65625 1.94531C8.65625 2.28906 8.50781 2.60938 8.25 2.85938L3.10156 7.85156L8.25 12.8516C8.50781 13.1094 8.65625 13.4219 8.65625 13.7734C8.65625 14.4609 8.08594 15.0156 7.39844 15.0156C7.05469 15.0156 6.77344 14.8984 6.53125 14.6641L0.625 8.875C0.304688 8.5625 0.164062 8.24219 0.164062 7.85938Z"/>
</svg>
<p class="DLP_Text_Style_1" style="color: #007AFF;">BACK</p>
</div>
<div class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: #007AFF;">
<p class="DLP_Text_Style_1" style="color: #FFF;">LEARN MORE</p>
</div>
</div>
</div>
</div>
<div class="DLP_Main_Box_Divider" id="DLP_Main_Box_Divider_10_ID" style="display: none;">
<div class="DLP_VStack_8">
<div class="DLP_VStack_8" style="padding: 8px 0;">
<div class="DLP_VStack_0">
<p class="DLP_Text_Style_1" style="font-size: 14px; background: url(${serverURL}/static/3.0/assets/images/flow_2_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Welcome to</p>
<div class="DLP_HStack_4" style="align-self: auto;">
<p class="DLP_Text_Style_2">Duolingo</p>
<p class="DLP_Text_Style_2" style="background: url(${serverURL}/static/3.0/assets/images/flow_1_light.png) lightgray 50% / cover no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">PRO 3.0</p>
</div>
</div>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="align-self: stretch; opacity: 0.5; text-align: center;">The next generation of Duolingo PRO is here, with Instant XP, Magnet UI, all powerful than ever. <br><br>BETA.02 brings numerous bug fixes and improvements, including notification limits and fixes for chests and lessons endlessly repeating Legacy Mode. </p>
</div>
<div class="DLP_HStack_8">
<div id="DLP_Onboarding_Start_Button_1_ID" class="DLP_Button_Style_2 DLP_Magnetic_Hover_1 DLP_NoSelect" style="outline: 2px solid rgba(0, 0, 0, 0.20); outline-offset: -2px; background: #007AFF;">
<p class="DLP_Text_Style_1" style="color: #FFF;">START</p>
<svg id="DLP_Inset_Icon_1_ID" display="" width="16" height="16" viewBox="0 0 16 16" fill="#FFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.25 15.0156C0.554688 15.0156 -0.0078125 14.4609 -0.0078125 13.7734C-0.0078125 13.4297 0.140625 13.1094 0.390625 12.8516L5.54688 7.85156L0.390625 2.85938C0.132812 2.60156 -0.0078125 2.28125 -0.0078125 1.94531C-0.0078125 1.25781 0.554688 0.703125 1.25 0.703125C1.59375 0.703125 1.875 0.820312 2.10938 1.05469L8.02344 6.83594C8.33594 7.14062 8.48438 7.46875 8.48438 7.85938C8.48438 8.24219 8.34375 8.5625 8.02344 8.88281L2.10938 14.6641C1.86719 14.8984 1.58594 15.0156 1.25 15.0156ZM8.22656 15.0156C7.53125 15.0156 6.96875 14.4609 6.96875 13.7734C6.96875 13.4297 7.11719 13.1094 7.375 12.8516L12.5234 7.85156L7.375 2.85938C7.10938 2.60156 6.96875 2.28125 6.96875 1.94531C6.96875 1.25781 7.53125 0.703125 8.22656 0.703125C8.57031 0.703125 8.85156 0.820312 9.09375 1.05469L15 6.83594C15.3203 7.14062 15.4609 7.46875 15.4688 7.85938C15.4688 8.24219 15.3203 8.5625 15.0078 8.88281L9.09375 14.6641C8.85156 14.8984 8.57031 15.0156 8.22656 15.0156Z"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
`;
let CSS2 = `
.DLP_NoSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.DLP_Text_Style_1 {
font-family: "Duolingo Pro Rounded";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
-webkit-font-smoothing: antialiased;
}
.DLP_Text_Style_2 {
font-family: "Duolingo Pro Rounded";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
-webkit-font-smoothing: antialiased;
}
.DLP_Magnetic_Hover_1 {
transition: filter 0.4s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1);
cursor: pointer;
}
.DLP_Magnetic_Hover_1:hover {
filter: brightness(0.9);
transform: scale(1.05);
}
.DLP_Magnetic_Hover_1:active {
filter: brightness(0.9);
transform: scale(0.9);
}
.DLP_Main {
display: inline-flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
gap: 8px;
position: fixed;
right: 16px;
bottom: 16px;
z-index: 2;
}
.DLP_Main_Box {
display: flex;
width: 300px;
padding: 16px;
box-sizing: border-box;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
overflow: hidden;
border-radius: 16px;
border: 2px solid rgb(var(--color-eel), 0.10);
background: rgb(var(--color-snow), 0.90);
backdrop-filter: blur(16px);
}
.DLP_Main_Box_Divider {
display: flex;
box-sizing: border-box;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
svg {
flex-shrink: 0;
}
.DLP_HStack_Auto {
display: flex;
align-items: flex-start;
justify-content: space-between;
align-self: stretch;
}
.DLP_HStack_8 {
display: flex;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.DLP_HStack_4 {
display: flex;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}
.DLP_HStack_0 {
display: flex;
align-items: flex-start;
gap: 0;
align-self: stretch;
}
.DLP_VStack_0 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0;
align-self: stretch;
}
.DLP_VStack_8 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
}
.DLP_Button_Style_1 {
display: flex;
height: 40px;
padding: 10px 12px 10px 10px;
box-sizing: border-box;
align-items: center;
gap: 6px;
flex: 1 0 0;
border-radius: 8px;
}
.DLP_Input_Input_Style_1 {
border: none;
outline: none;
background: none;
text-align: right;
font-family: "Duolingo Pro Rounded";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #007AFF;
width: 100%;
}
.DLP_Input_Input_Style_1::placeholder {
color: rgba(0, 122, 255, 0.50);
}
.DLP_Input_Style_1_Active {
display: flex;
height: 48px;
padding: 16px;
box-sizing: border-box;
align-items: center;
flex: 1 0 0;
gap: 6px;
border-radius: 8px;
outline: 2px solid rgba(0, 122, 255, 0.20);
outline-offset: -2px;
background: rgba(0, 122, 255, 0.10);
}
.DLP_Input_Button_Style_1_Active {
display: flex;
height: 48px;
padding: 12px 12px 12px 14px;
box-sizing: border-box;
justify-content: center;
align-items: center;
gap: 6px;
border-radius: 8px;
outline: 2px solid rgba(0, 0, 0, 0.20);
outline-offset: -2px;
background: #007AFF;
}
@keyframes DLP_Rotate_360_Animation_1 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes DLP_Pulse_Opacity_Animation_1 {
0% {
opacity: 1;
}
16.66666666% {
opacity: 0.75;
}
33.33333333% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.DLP_Scroll_Box_Style_1 {
display: flex;
height: 200px;
padding: 14px 16px;
box-sizing: border-box;
justify-content: center;
align-items: flex-start;
gap: 8px;
align-self: stretch;
border-radius: 8px;
outline: 2px solid rgb(var(--color-eel), 0.10);
outline-offset: -2px;
background: rgb(var(--color-snow), 0.90);
position: relative;
}
.DLP_Scroll_Box_Text_Style_1 {
font-family: "Duolingo Pro Rounded";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
opacity: 0.5;
margin: 0;
overflow-y: scroll;
position: absolute;
top: 0;
bottom: 0;
right: 16px;
left: 16px;
padding-top: 16px;
padding-bottom: 16px;
}
.DLP_Scroll_Box_Text_Style_1::-webkit-scrollbar {
transform: translateX(16px);
}
.DLP_Button_Style_2 {
display: flex;
height: 48px;
box-sizing: border-box;
justify-content: center;
align-items: center;
gap: 6px;
flex: 1 0 0;
border-radius: 8px;
}
.DLP_Toggle_Style_1 {
display: flex;
width: 48px;
height: 48px;
padding: 16px;
box-sizing: border-box;
justify-content: center;
align-items: center;
gap: 6px;
border-radius: 8px;
transition: background 0.8s cubic-bezier(0.16, 1, 0.32, 1), filter 0.4s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1);
}
.DLP_Toggle_Style_1_ON {
outline: 2px solid rgba(0, 0, 0, 0.20);
outline-offset: -2px;
background: #34C759;
}
.DLP_Toggle_Style_1_OFF {
outline: 2px solid rgba(0, 0, 0, 0.20);
outline-offset: -2px;
background: #FF2D55;
}
.DLP_Large_Input_Box_Style_1 {
display: flex;
padding: 16px;
box-sizing: border-box;
justify-content: center;
align-items: flex-start;
align-self: stretch;
border-radius: 8px;
border: none;
outline: 2px solid rgb(var(--color-eel), 0.10);
outline-offset: -2px;
background: rgb(var(--color-snow), 0.90);
color: rgb(var(--color-eel), 0.50);
font-size: 16px;
font-weight: 700;
font-family: Duolingo Pro Rounded, 'din-round' !important;
resize: vertical;
transition: .2s;
}
.DLP_Large_Input_Box_Style_1::placeholder {
font-weight: 700;
color: rgb(var(--color-eel), 0.25);
}
.DLP_Large_Input_Box_Style_1:focus {
outline: 2px solid #007AFF;
}
.DLP_Feedback_Type_Button_Style_1_ON {
outline: 2px solid rgba(0, 0, 0, 0.20);
outline-offset: -2px;
background: #FF2D55;
}
.DLP_Feedback_Type_Button_Style_1_ON .DLP_Text_Style_1 {
color: #FFF;
}
.DLP_Feedback_Type_Button_Style_1_OFF {
outline: 2px solid rgba(255, 45, 85, 0.20);
outline-offset: -2px;
background: rgba(255, 45, 85, 0.10);
}
.DLP_Feedback_Type_Button_Style_1_OFF .DLP_Text_Style_1 {
color: #FF2D55;
}
.DLP_Feedback_Type_Button_Style_2_ON {
outline: 2px solid rgba(0, 0, 0, 0.20);
outline-offset: -2px;
background: #34C759;
}
.DLP_Feedback_Type_Button_Style_2_ON .DLP_Text_Style_1 {
color: #FFF;
}
.DLP_Feedback_Type_Button_Style_2_OFF {
outline: 2px solid rgba(52, 199, 89, 0.20);
outline-offset: -2px;
background: rgba(52, 199, 89, 0.10);
}
.DLP_Feedback_Type_Button_Style_2_OFF .DLP_Text_Style_1 {
color: #34C759;
}
.DLP_Notification_Main {
display: flex;
justify-content: center;
align-items: center;
transition: 0.8s cubic-bezier(0.16, 1, 0.32, 1);
width: 100%;
position: fixed;
left: 16px;
}
.DLP_Notification_Box {
display: flex;
width: 300px;
padding: 16px;
box-sizing: border-box;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 4px;
border-radius: 16px;
border: 2px solid rgb(var(--color-eel), 0.10);
background: rgb(var(--color-snow), 0.90);
backdrop-filter: blur(16px);
transition: 0.8s cubic-bezier(0.16, 1, 0.32, 1);
filter: blur(16px);
opacity: 0;
}
`;
let HTML3 = `
<div class="DLP_Notification_Box" style="position: fixed;">
<div class="DLP_HStack_4" style="align-items: center;">
<svg id="DLP_Inset_Icon_1_ID" width="18" height="17" viewBox="0 0 18 17" fill="#34C759" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M9 16.6094C4.44531 16.6094 0.75 12.9141 0.75 8.35938C0.75 3.80469 4.44531 0.109375 9 0.109375C13.5547 0.109375 17.25 3.80469 17.25 8.35938C17.25 12.9141 13.5547 16.6094 9 16.6094ZM8.14062 12.2812C8.47656 12.2812 8.78125 12.1094 8.98438 11.8125L12.6094 6.26562C12.75 6.0625 12.8281 5.85156 12.8281 5.65625C12.8281 5.17188 12.3984 4.82812 11.9297 4.82812C11.625 4.82812 11.3672 4.99219 11.1641 5.32031L8.11719 10.1641L6.75781 8.48438C6.54688 8.23438 6.32812 8.125 6.04688 8.125C5.57031 8.125 5.17969 8.50781 5.17969 8.99219C5.17969 9.21875 5.25 9.41406 5.42969 9.63281L7.26562 11.8203C7.51562 12.125 7.78906 12.2812 8.14062 12.2812Z"/>
</svg>
<svg id="DLP_Inset_Icon_2_ID" width="18" height="17" viewBox="0 0 18 17" fill="#FFB000" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M9 16.6172C4.47656 16.6172 0.75 12.8906 0.75 8.35938C0.75 3.83594 4.46875 0.109375 9 0.109375C13.5234 0.109375 17.25 3.83594 17.25 8.35938C17.25 12.8906 13.5312 16.6172 9 16.6172ZM9.00781 9.53125C9.54688 9.53125 9.85938 9.22656 9.89062 8.66406L10.0156 5.29688C10.0469 4.71094 9.61719 4.30469 9 4.30469C8.375 4.30469 7.95312 4.70312 7.98438 5.29688L8.10938 8.67188C8.13281 9.22656 8.45312 9.53125 9.00781 9.53125ZM9.00781 12.3516C9.625 12.3516 10.1016 11.9609 10.1016 11.3594C10.1016 10.7734 9.63281 10.375 9.00781 10.375C8.38281 10.375 7.89844 10.7734 7.89844 11.3594C7.89844 11.9609 8.38281 12.3516 9.00781 12.3516Z"/>
</svg>
<svg id="DLP_Inset_Icon_3_ID" width="18" height="17" viewBox="0 0 18 17" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg" display="none">
<path d="M2.98438 16.0469C1.55469 16.0469 0.617188 14.9688 0.617188 13.6797C0.617188 13.2812 0.71875 12.875 0.9375 12.4922L6.95312 1.97656C7.40625 1.19531 8.19531 0.789062 9 0.789062C9.79688 0.789062 10.5781 1.1875 11.0391 1.97656L17.0547 12.4844C17.2734 12.8672 17.375 13.2812 17.375 13.6797C17.375 14.9688 16.4375 16.0469 15.0078 16.0469H2.98438ZM9.00781 10.4609C9.54688 10.4609 9.85938 10.1562 9.89062 9.59375L10.0156 6.22656C10.0469 5.64062 9.61719 5.23438 9 5.23438C8.375 5.23438 7.95312 5.63281 7.98438 6.22656L8.10938 9.60156C8.13281 10.1562 8.45312 10.4609 9.00781 10.4609ZM9.00781 13.2812C9.625 13.2812 10.1094 12.8906 10.1094 12.2891C10.1094 11.7031 9.63281 11.3047 9.00781 11.3047C8.38281 11.3047 7.89844 11.7031 7.89844 12.2891C7.89844 12.8906 8.38281 13.2812 9.00781 13.2812Z"/>
</svg>
<p id="DLP_Inset_Text_1_ID" class="DLP_Text_Style_1" style="opacity: 0.5; flex: 1 0 0;"></p>
<svg id="DLP_Notification_Dismiss_Button_1_ID" width="15" height="14" viewBox="0 0 15 14" fill="#007AFF" xmlns="http://www.w3.org/2000/svg">
<path d="M1.32812 13.4922C0.875 13.0469 0.890625 12.2578 1.3125 11.8359L5.78125 7.36719L1.3125 2.91406C0.890625 2.48438 0.875 1.70312 1.32812 1.25C1.78125 0.789062 2.57031 0.804688 2.99219 1.23438L7.45312 5.69531L11.9141 1.23438C12.3516 0.796875 13.1172 0.796875 13.5703 1.25C14.0312 1.70312 14.0312 2.46875 13.5859 2.91406L9.13281 7.36719L13.5859 11.8281C14.0312 12.2734 14.0234 13.0312 13.5703 13.4922C13.125 13.9453 12.3516 13.9453 11.9141 13.5078L7.45312 9.04688L2.99219 13.5078C2.57031 13.9375 1.78906 13.9453 1.32812 13.4922Z"/>
</svg>
</div>
<p id="DLP_Inset_Text_2_ID" class="DLP_Text_Style_1" style="opacity: 0.25; align-self: stretch;"></p>
</div>
`;
let HTML4 = `
.solve-btn {
position: relative;
min-width: 150px;
font-size: 17px;
border: none;
border-bottom: 4px solid #2b70c9;
border-radius: 16px;
padding: 13px 16px;
transition: filter .0s;
font-weight: 700;
letter-spacing: .8px;
background: #1cb0f6;
color: rgb(var(--color-snow));
cursor: pointer;
}
.pause-btn {
position: relative;
min-width: 100px;
font-size: 17px;
border: none;
border-bottom: 4px solid #ff9600;
border-radius: 16px;
padding: 13px 16px;
transition: filter .0s;
font-weight: 700;
letter-spacing: .8px;
background: #ffc800;
color: rgb(var(--color-snow));
cursor: pointer;
}
.auto-solver-btn:hover {
filter: brightness(1.1);
}
.auto-solver-btn:active {
border-bottom: 0px;
margin-bottom: 4px;
top: 4px;
}
`;
function One() {
document.head.appendChild(Object.assign(document.createElement('style'), { type: 'text/css', textContent: CSS1 }));
document.body.insertAdjacentHTML('beforeend', HTML2);
document.head.appendChild(Object.assign(document.createElement('style'), { type: 'text/css', textContent: CSS2 }));
setTimeout(() => {
if (!storageLocal.onboarding) {
if (currentPage !== 10) goToPage(currentPage, 10);
} else if (storageSession.legacy.page === 1) {
let button = document.querySelector('#DLP_Switch_Legacy_Button_1_ID');
goToPage(currentPage, 3);
setTimeout(() => {
setButtonState(button, 'Switch to 3.0', button.querySelector('#DLP_Inset_Icon_2_ID'), button.querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20', '#007AFF', 400);
}, 1000);
} else if (storageSession.legacy.page === 2) {
let button = document.querySelector('#DLP_Switch_Legacy_Button_1_ID');
goToPage(currentPage, 4);
setTimeout(() => {
setButtonState(button, 'Switch to 3.0', button.querySelector('#DLP_Inset_Icon_2_ID'), button.querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20', '#007AFF', 400);
}, 1000);
}
document.getElementById("DLP_Main_Discord_Button_1_ID").addEventListener("click", function() {
window.open("https://duolingopro.net/discord", "_blank");
});
document.getElementById("DLP_Main_GitHub_Button_1_ID").addEventListener("click", function() {
window.open("https://duolingopro.net/github", "_blank");
});
document.getElementById("DLP_Secondary_Discord_Button_1_ID").addEventListener("click", function() {
window.open("https://duolingopro.net/discord", "_blank");
});
document.getElementById("DLP_Secondary_GitHub_Button_1_ID").addEventListener("click", function() {
window.open("https://duolingopro.net/github", "_blank");
});
document.getElementById("DLP_Main_Donate_Button_1_ID").addEventListener("click", function() {
window.open("https://duolingopro.net/patreon", "_blank");
});
document.getElementById("DLP_Secondary_Donate_Button_1_ID").addEventListener("click", function() {
window.open("https://duolingopro.net/patreon", "_blank");
});
document.querySelectorAll('.GEMS_UNAVAILABLE').forEach(item => {
item.addEventListener('click', () => {
showNotification("warning", "Gems Function is Unavailable", "The Gems function is currently unavailable. We plan to make it accessible to everyone soon.", 6);
});
});
}, 400);
function addButtons() {
function createButton(id, text, styleClass, eventHandlers) {
const button = document.createElement('button');
button.id = id;
button.innerText = text;
button.className = styleClass;
Object.keys(eventHandlers).forEach(event => {
button.addEventListener(event, eventHandlers[event]);
});
return button;
}
if (window.location.pathname === '/learn' && document.querySelector('a[data-test="global-practice"]')) {
return;
}
if (document.querySelector("#solveAllButton")) {
return;
}
const nextButton = document.querySelector('[data-test="player-next"]');
const storiesContinueButton = document.querySelector('[data-test="stories-player-continue"]');
const storiesDoneButton = document.querySelector('[data-test="stories-player-done"]');
const target = nextButton || storiesContinueButton || storiesDoneButton;
if (document.querySelector('[data-test="story-start"]') && storageSession.legacy.status) {
document.querySelector('[data-test="story-start"]').click();
}
if (!target) {
const startButton = document.querySelector('[data-test="start-button"]');
if (!startButton) {
return;
}
const solveAllButton = createButton("solveAllButton", "COMPLETE SKILL", "solve-all-btn", {
'click': () => {
solving(true);
setInterval(() => {
const startButton = document.querySelector('[data-test="start-button"]');
if (startButton && startButton.innerText.startsWith("START")) {
startButton.click();
}
}, 1000);
startButton.click();
}
});
startButton.parentNode.appendChild(solveAllButton);
} else {
if (document.querySelector('.MYehf') !== null) {
document.querySelector('.MYehf').style.display = "flex";
document.querySelector('.MYehf').style.gap = "20px";
} else if (document.querySelector(".FmlUF") !== null) { // Story
findReactMainElementClass = '_3TJzR';
reactTraverseUp = 0;
document.querySelector('._3TJzR').style.display = "flex";
document.querySelector('._3TJzR').style.gap = "20px";
}
const buttonsCSS = document.createElement('style');
buttonsCSS.innerHTML = HTML4;
document.head.appendChild(buttonsCSS);
const solveCopy = createButton('solveAllButton', solvingIntervalId ? 'PAUSE SOLVE' : 'SOLVE ALL', 'auto-solver-btn solve-btn', {
'click': solving
});
const pauseCopy = createButton('', 'SOLVE', 'auto-solver-btn pause-btn', {
'click': solve
});
target.parentElement.appendChild(pauseCopy);
target.parentElement.appendChild(solveCopy);
if (storageSession.legacy.status) {
solving("start");
}
}
}
setInterval(addButtons, 500);
let notificationCount = 0;
let currentNotification = [];
function showNotification(icon, head, body, time) {
notificationCount++;
let notificationID = notificationCount;
currentNotification.push(notificationID);
let notificationMain = document.querySelector('.DLP_Notification_Main');
let element = new DOMParser().parseFromString(HTML3, 'text/html').body.firstChild;
element.id = 'DLP_Notification_Box_' + notificationID + '_ID';
notificationMain.appendChild(element);
if (icon === "") element.querySelector('#DLP_Inset_Icon_1_ID').remove();
else if (icon === "checkmark") element.querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
else if (icon === "warning") element.querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
else if (icon === "error") element.querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
element.querySelector('#DLP_Inset_Text_1_ID').innerHTML = head;
element.querySelector('#DLP_Inset_Text_2_ID').innerHTML = body;
//document.head.appendChild(Object.assign(document.createElement('style'), { type: 'text/css', textContent: CSS4 }));
let notification = document.querySelector('#DLP_Notification_Box_' + notificationID + '_ID');
let notificationHeight = notification.offsetHeight;
notification.style.bottom = '-' + notificationHeight + 'px';
setTimeout(() => {
requestAnimationFrame(() => {
notification.style.bottom = "16px";
notification.style.filter = "blur(0px)";
notification.style.opacity = "1";
});
}, "50");
let isBusyDisappearing = false;
function repeat() {
if (document.body.offsetWidth <= 963) {
requestAnimationFrame(() => {
notificationMain.style.width = "300px";
notificationMain.style.position = "fixed";
notificationMain.style.left = "16px";
});
} else {
requestAnimationFrame(() => {
notificationMain.style.width = "";
notificationMain.style.position = "";
notificationMain.style.left = "";
});
}
if (isBusyDisappearing) return;
if (currentNotification[currentNotification.length - 1] !== notificationID) {
notification.style.height = notificationHeight + 'px';
requestAnimationFrame(() => {
//console.log('#DLP_Notification_Box_' + String(currentNotification.pop()) + '_ID');
//console.log(notificationID, currentNotification[currentNotification.length - 1], currentNotification);
notification.style.height = document.querySelector('#DLP_Notification_Box_' + String(currentNotification[currentNotification.length - 1]) + '_ID').offsetHeight + 'px';
notification.style.width = "284px";
notification.style.transform = "translateY(-8px)";
});
} else {
requestAnimationFrame(() => {
notification.style.height = notificationHeight + "px";
notification.style.width = "";
notification.style.transform = "";
});
}
}
let repeatInterval = setInterval(repeat, 100);
function disappear() {
if (isBusyDisappearing) return;
isBusyDisappearing = true;
if (currentNotification[currentNotification.length - 1] === notificationID) {
currentNotification.splice(currentNotification.indexOf(notificationID), 1);
requestAnimationFrame(() => {
notification.style.bottom = "-" + notificationHeight + "px";
notification.style.filter = "blur(16px)";
notification.style.opacity = "0";
});
clearInterval(repeatInterval);
setTimeout(() => {
notification.remove();
}, "800");
} else if (currentNotification[currentNotification.length - 2] === notificationID) {
currentNotification.splice(currentNotification.indexOf(notificationID), 1);
requestAnimationFrame(() => {
notification.style.transform = "";
notification.style.filter = "blur(16px)";
notification.style.opacity = "0";
});
clearInterval(repeatInterval);
setTimeout(() => {
notification.remove();
}, "800");
} else {
currentNotification.splice(currentNotification.indexOf(notificationID), 1);
notification.remove();
clearInterval(repeatInterval);
}
}
notification.querySelector('#DLP_Notification_Dismiss_Button_1_ID').addEventListener("click", disappear);
if (time !== 0) setTimeout(disappear, time * 1000);
}
let isBusySwitchingPages = false;
let pages = {
"DLP_Onboarding_Start_Button_1_ID": [10, 1],
"DLP_Switch_Legacy_Button_1_ID": [1, 3],
"DLP_Main_See_More_1_Button_1_ID": [1, 2],
"DLP_Main_2_Back_1_Button_1_ID": [2, 1],
"DLP_Main_2_Terms_1_Button_1_ID": [2, 5],
"DLP_Main_Terms_1_Button_1_ID": [1, 5],
"DLP_Secondary_Feedback_1_Button_1_ID": [3, 8],
"DLP_Secondary_Settings_1_Button_1_ID": [1, 7],
"DLP_Secondary_Release_Notes_1_Button_1_ID": [1, 9],
"DLP_Secondary_Terms_1_Button_1_ID": [3, 5],
"DLP_Secondary_See_More_1_Button_1_ID": [3, 4],
"DLP_Secondary_2_Back_1_Button_1_ID": [4, 3],
"DLP_Secondary_2_Terms_1_Button_1_ID": [4, 5],
"DLP_Terms_Back_Button_1_ID": [5, 1],
"DLP_Terms_Accept_Button_1_ID": [5, 1],
"DLP_Terms_Decline_Button_1_ID": [5, 6],
"DLP_Terms_Declined_Back_Button_1_ID": [6, 5],
"DLP_Main_Feedback_1_Button_1_ID": [1, 8],
"DLP_Feedback_Cancel_1_Button_1_ID": [8, 1],
"DLP_Main_Settings_1_Button_1_ID": [1, 7],
"DLP_Settings_Back_1_Button_1_ID": [7, 1],
"DLP_Main_Release_Notes_1_Button_1_ID": [1, 9],
"DLP_Release_Notes_Back_1_Button_1_ID": [9, 1]
};
function goToPage(from, to, buttonID) {
isBusySwitchingPages = true;
let mainBox = document.querySelector(`.DLP_Main_Box`);
let fromNumber = from;
let toNumber = to;
let fromPage = document.querySelector(`#DLP_Main_Box_Divider_${fromNumber}_ID`);
let toPage = document.querySelector(`#DLP_Main_Box_Divider_${toNumber}_ID`);
if (buttonID === 'DLP_Main_Terms_1_Button_1_ID' || buttonID === 'DLP_Main_2_Terms_1_Button_1_ID' || buttonID === 'DLP_Secondary_Terms_1_Button_1_ID' || buttonID === 'DLP_Secondary_2_Terms_1_Button_1_ID') {
document.querySelector(`#DLP_Terms_1_Text_1_ID`).style.display = 'none';
document.querySelector(`#DLP_Terms_1_Button_1_ID`).style.display = 'none';
document.querySelector(`#DLP_Terms_1_Text_2_ID`).style.display = 'block';
document.querySelector(`#DLP_Terms_1_Button_2_ID`).style.display = 'block';
} else if (buttonID === 'DLP_Terms_Back_Button_1_ID') {
toPage = document.querySelector(`#DLP_Main_Box_Divider_${lastPage}_ID`);
setTimeout(() => {
document.querySelector(`#DLP_Terms_1_Text_1_ID`).style.display = 'block';
document.querySelector(`#DLP_Terms_1_Button_1_ID`).style.display = 'block';
document.querySelector(`#DLP_Terms_1_Text_2_ID`).style.display = 'none';
document.querySelector(`#DLP_Terms_1_Button_2_ID`).style.display = 'none';
}, "400");
} else if (buttonID === 'DLP_Switch_Legacy_Button_1_ID') {
let button = document.querySelector('#DLP_Switch_Legacy_Button_1_ID');
if (legacyMode) {
fromPage = document.querySelector(`#DLP_Main_Box_Divider_${currentPage}_ID`);
toPage = document.querySelector(`#DLP_Main_Box_Divider_${fromNumber}_ID`);
toNumber = fromNumber;
setButtonState(button, 'Switch to Legacy', button.querySelector('#DLP_Inset_Icon_1_ID'), button.querySelector('#DLP_Inset_Icon_2_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20', '#007AFF', 400);
storageSession.legacy.page = 0;
saveStorageSession();
} else {
fromPage = document.querySelector(`#DLP_Main_Box_Divider_${currentPage}_ID`);
setButtonState(button, 'Switch to 3.0', button.querySelector('#DLP_Inset_Icon_2_ID'), button.querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20', '#007AFF', 400);
}
legacyMode = !legacyMode;
} else if (buttonID === 'DLP_Terms_Accept_Button_1_ID') {
storageLocal.terms = newTermID;
saveStorageLocal();
} else if (buttonID === 'DLP_Onboarding_Start_Button_1_ID') {
storageLocal.onboarding = true;
saveStorageLocal();
goToPage(10, 1);
}
//if (to === 1 || to === 3) {
// if (buttonID === 'DLP_Terms_Back_Button_1_ID') {
// if (lastPage === 1 || lastPage === 3) legacyButtonVisibility(true);
// } else legacyButtonVisibility(true);
//} else if (from === 1 || from === 3) legacyButtonVisibility(false);
if (to === 1 || to === 2 || to === 3 || to === 4) {
legacyButtonVisibility(true);
} else legacyButtonVisibility(false);
let mainBoxOldHeight = mainBox.offsetHeight;
fromPage.style.display = "none";
toPage.style.display = "block";
let mainBoxNewHeight = mainBox.offsetHeight;
fromPage.style.display = "block";
toPage.style.display = "none";
mainBox.style.height = `${mainBoxOldHeight}px`;
mainBox.offsetHeight;
mainBox.style.transition = "0.8s cubic-bezier(0.16, 1, 0.32, 1)";
mainBox.offsetHeight;
mainBox.style.height = `${mainBoxNewHeight}px`;
fromPage.style.transition = "0.4s cubic-bezier(0.16, 1, 0.32, 1)";
fromPage.style.opacity = "0";
fromPage.style.filter = "blur(4px)";
toPage.style.opacity = "0";
toPage.style.filter = "blur(4px)";
setTimeout(() => {
fromPage.style.display = "none";
toPage.style.display = "block";
toPage.style.transition = "0.4s cubic-bezier(0.16, 1, 0.32, 1)";
toPage.offsetHeight;
toPage.style.opacity = "1";
toPage.style.filter = "blur(0px)";
setTimeout(() => {
toPage.style.opacity = "";
toPage.style.filter = "";
toPage.style.transition = "";
fromPage.style.transition = "";
toPage.style.opacity = "";
toPage.style.filter = "";
mainBox.style.height = "";
lastPage = currentPage;
currentPage = toNumber;
isBusySwitchingPages = false;
}, "400");
}, "400");
}
Object.keys(pages).forEach(function (key) {
document.getElementById(key).addEventListener("click", function () {
if (isBusySwitchingPages || isGetButtonsBusy) return;
goToPage(pages[this.id][0], pages[this.id][1], key);
});
});
document.getElementById('DLP_Hide_Button_1_ID').addEventListener("click", function () {
if (isBusySwitchingPages) return;
hidden = !hidden;
hide(hidden);
});
function hide(value) {
if (isBusySwitchingPages) return;
isBusySwitchingPages = true;
let button = document.querySelector(`#DLP_Hide_Button_1_ID`);
let main = document.querySelector(`.DLP_Main`);
let mainBox = document.querySelector(`.DLP_Main_Box`);
let mainBoxHeight = mainBox.offsetHeight;
main.style.transition = "0.8s cubic-bezier(0.16, 1, 0.32, 1)";
mainBox.style.transition = "0.8s cubic-bezier(0.16, 1, 0.32, 1)";
if (value) {
setButtonState(button, 'Show', button.querySelector('#DLP_Inset_Icon_2_ID'), button.querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
main.style.bottom = `-${mainBoxHeight - 8}px`;
legacyButtonVisibility(false);
mainBox.style.filter = "blur(8px)";
mainBox.style.opacity = "0";
} else {
setButtonState(button, 'Hide', button.querySelector('#DLP_Inset_Icon_1_ID'), button.querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
main.style.bottom = "16px";
if (currentPage === 1 || currentPage === 3) legacyButtonVisibility(true);
mainBox.style.filter = "";
mainBox.style.opacity = "";
}
setTimeout(() => {
main.style.transition = "";
mainBox.style.transition = "";
isBusySwitchingPages = false;
}, "800");
}
document.querySelector(`.DLP_Main`).style.bottom = `-${document.querySelector(`.DLP_Main_Box`).offsetHeight - 8}px`;
document.querySelector(`.DLP_Main_Box`).style.opacity = "0";
document.querySelector(`.DLP_Main_Box`).style.filter = "blur(8px)";
document.querySelector(`#DLP_Switch_Legacy_Button_1_ID`).style.filter = "blur(8px)";
document.querySelector(`#DLP_Switch_Legacy_Button_1_ID`).style.opacity = "0";
document.querySelector(`#DLP_Switch_Legacy_Button_1_ID`).style.display = "none";
hide(false, false);
function legacyButtonVisibility(value) {
let legacyButton = document.querySelector(`#DLP_Switch_Legacy_Button_1_ID`);
legacyButton.style.transition = 'width 0.8s cubic-bezier(0.77,0,0.18,1), opacity 0.8s cubic-bezier(0.16, 1, 0.32, 1), filter 0.8s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1)';
if (value) {
legacyButton.style.display = "";
legacyButton.offsetWidth;
legacyButton.style.filter = "";
legacyButton.style.opacity = "";
} else {
legacyButton.style.filter = "blur(8px)";
legacyButton.style.opacity = "0";
setTimeout(() => {
legacyButton.style.display = "none";
}, "800");
}
}
function handleVisibility() {
if (document.querySelector('.MYehf') !== null || window.location.pathname.includes('/lesson') || window.location.pathname === '/practice') {
document.querySelector('.DLP_Main').style.display = 'none';
} else {
document.querySelector('.DLP_Main').style.display = '';
}
}
setInterval(handleVisibility, 200);
const DLP_Get_PATH_1_ID = document.getElementById("DLP_Get_PATH_1_ID");
const DLP_Get_PATH_2_ID = document.getElementById("DLP_Get_PATH_2_ID");
const DLP_Get_PRACTICE_1_ID = document.getElementById("DLP_Get_PRACTICE_1_ID");
const DLP_Get_PRACTICE_2_ID = document.getElementById("DLP_Get_PRACTICE_2_ID");
const DLP_Get_LISTEN_1_ID = document.getElementById("DLP_Get_LISTEN_1_ID");
const DLP_Get_LISTEN_2_ID = document.getElementById("DLP_Get_LISTEN_2_ID");
const DLP_Get_LESSON_1_ID = document.getElementById("DLP_Get_LESSON_1_ID");
const DLP_Get_LESSON_2_ID = document.getElementById("DLP_Get_LESSON_2_ID");
function inputCheck2() {
const ids = {
"DLP_Get_PATH_1_ID": ["path"],
"DLP_Get_PATH_2_ID": ["path"],
"DLP_Get_PRACTICE_1_ID": ["practice"],
"DLP_Get_PRACTICE_2_ID": ["practice"],
"DLP_Get_LISTEN_1_ID": ["listen"],
"DLP_Get_LISTEN_2_ID": ["listen"],
"DLP_Get_LESSON_1_ID": ["lesson"],
"DLP_Get_LESSON_2_ID": ["lesson"]
};
Object.keys(ids).forEach(id => {
const element = document.getElementById(id);
if (!element) return;
const input = element.querySelector('#DLP_Inset_Input_1_ID');
const button = element.querySelector('#DLP_Inset_Button_1_ID');
if (!input || !button) return;
const updateButtonState = () => {
const isEmpty = input.value.length === 0;
button.style.opacity = isEmpty ? '0.5' : '';
button.style.pointerEvents = isEmpty ? 'none' : '';
};
const category = ids[id][0];
input.addEventListener("input", function () {
this.value = this.value.replace(/[^0-9]/g, "");
if (this.value.length = 1 && this.value[0] === '0') this.value = this.value.slice(1);
if (this.value.length > 6) this.value = this.value.slice(0, 6);
updateButtonState();
if (!storageSession.legacy[category]) storageSession.legacy[category] = [];
storageSession.legacy[category].amount = Number(this.value);
saveStorageSession();
});
if (storageSession.legacy[category].amount !== 0) input.value = storageSession.legacy[category].amount; updateButtonState();
});
}
inputCheck2();
DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (!storageSession.legacy.status && storageSession.legacy.path.amount > 0) {
setButtonState(DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
storageSession.legacy.page = 1;
storageSession.legacy.status = 'path';
saveStorageSession();
} else if (storageSession.legacy.status === 'path') {
setButtonState(DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'START', DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
storageSession.legacy.page = 0;
storageSession.legacy.status = false;
saveStorageSession();
}
});
DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_2_ID').addEventListener('click', () => {
if (storageSession.legacy.path.type === 'lesson') {
DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
storageSession.legacy.path.type = 'xp';
saveStorageSession();
} else if (storageSession.legacy.path.type === 'xp') {
DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'none';
DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
storageSession.legacy.path.type = 'infinity';
saveStorageSession();
} else if (storageSession.legacy.path.type === 'infinity') {
DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'none';
DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
storageSession.legacy.path.type = 'lesson';
saveStorageSession();
}
});
DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (!storageSession.legacy.status && storageSession.legacy.path.amount > 0) {
setButtonState(DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
storageSession.legacy.page = 2;
storageSession.legacy.status = 'path';
saveStorageSession();
} else if (storageSession.legacy.status === 'path') {
setButtonState(DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'START', DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
storageSession.legacy.page = 0;
storageSession.legacy.status = false;
saveStorageSession();
}
});
DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_2_ID').addEventListener('click', () => {
if (storageSession.legacy.path.type === 'lesson') {
DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
storageSession.legacy.path.type = 'xp';
saveStorageSession();
} else if (storageSession.legacy.path.type === 'xp') {
DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'none';
DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
storageSession.legacy.path.type = 'infinity';
saveStorageSession();
} else if (storageSession.legacy.path.type === 'infinity') {
DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'none';
DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
storageSession.legacy.path.type = 'lesson';
saveStorageSession();
}
});
DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (!storageSession.legacy.status && storageSession.legacy.practice.amount > 0) {
setButtonState(DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
storageSession.legacy.page = 1;
storageSession.legacy.status = 'practice';
saveStorageSession();
} else if (storageSession.legacy.status === 'practice') {
setButtonState(DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'START', DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
storageSession.legacy.page = 0;
storageSession.legacy.status = false;
saveStorageSession();
}
});
DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_2_ID').addEventListener('click', () => {
if (storageSession.legacy.practice.type === 'lesson') {
DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
storageSession.legacy.practice.type = 'xp';
saveStorageSession();
} else if (storageSession.legacy.practice.type === 'xp') {
DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'none';
DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
storageSession.legacy.practice.type = 'infinity';
saveStorageSession();
} else if (storageSession.legacy.practice.type === 'infinity') {
DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'none';
DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
storageSession.legacy.practice.type = 'lesson';
saveStorageSession();
}
});
DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (!storageSession.legacy.status && storageSession.legacy.practice.amount > 0) {
setButtonState(DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
storageSession.legacy.page = 2;
storageSession.legacy.status = 'practice';
saveStorageSession();
} else if (storageSession.legacy.status === 'practice') {
setButtonState(DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'START', DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
storageSession.legacy.page = 0;
storageSession.legacy.status = false;
saveStorageSession();
}
});
DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_2_ID').addEventListener('click', () => {
if (storageSession.legacy.practice.type === 'lesson') {
DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
storageSession.legacy.practice.type = 'xp';
saveStorageSession();
} else if (storageSession.legacy.practice.type === 'xp') {
DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'none';
DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
storageSession.legacy.practice.type = 'infinity';
saveStorageSession();
} else if (storageSession.legacy.practice.type === 'infinity') {
DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'none';
DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
storageSession.legacy.practice.type = 'lesson';
saveStorageSession();
}
});
DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (!storageSession.legacy.status && storageSession.legacy.listen.amount > 0) {
setButtonState(DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
storageSession.legacy.page = 1;
storageSession.legacy.status = 'listen';
saveStorageSession();
} else if (storageSession.legacy.status === 'listen') {
setButtonState(DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'START', DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
storageSession.legacy.page = 0;
storageSession.legacy.status = false;
saveStorageSession();
}
});
DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_2_ID').addEventListener('click', () => {
if (storageSession.legacy.listen.type === 'lesson') {
DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
storageSession.legacy.listen.type = 'xp';
saveStorageSession();
} else if (storageSession.legacy.listen.type === 'xp') {
DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'none';
DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
storageSession.legacy.listen.type = 'infinity';
saveStorageSession();
} else if (storageSession.legacy.listen.type === 'infinity') {
DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'none';
DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
storageSession.legacy.listen.type = 'lesson';
saveStorageSession();
}
});
DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (!storageSession.legacy.status && storageSession.legacy.listen.amount > 0) {
setButtonState(DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
storageSession.legacy.page = 2;
storageSession.legacy.status = 'listen';
saveStorageSession();
} else if (storageSession.legacy.status === 'listen') {
setButtonState(DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'START', DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
storageSession.legacy.page = 0;
storageSession.legacy.status = false;
saveStorageSession();
}
});
DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_2_ID').addEventListener('click', () => {
if (storageSession.legacy.listen.type === 'lesson') {
DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
storageSession.legacy.listen.type = 'xp';
saveStorageSession();
} else if (storageSession.legacy.listen.type === 'xp') {
DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'none';
DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
storageSession.legacy.listen.type = 'infinity';
saveStorageSession();
} else if (storageSession.legacy.listen.type === 'infinity') {
DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'none';
DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
storageSession.legacy.listen.type = 'lesson';
saveStorageSession();
}
});
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (!storageSession.legacy.status && storageSession.legacy.lesson.amount > 0) {
setButtonState(DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
storageSession.legacy.page = 1;
storageSession.legacy.status = 'listen';
saveStorageSession();
} else if (storageSession.legacy.status === 'listen') {
setButtonState(DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'START', DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
storageSession.legacy.page = 0;
storageSession.legacy.status = false;
saveStorageSession();
}
});
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_2_ID').addEventListener('click', () => {
if (storageSession.legacy.lesson.type === 'lesson') {
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
storageSession.legacy.lesson.type = 'xp';
saveStorageSession();
} else if (storageSession.legacy.lesson.type === 'xp') {
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'none';
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
storageSession.legacy.lesson.type = 'infinity';
saveStorageSession();
} else if (storageSession.legacy.lesson.type === 'infinity') {
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'none';
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
storageSession.legacy.lesson.type = 'lesson';
saveStorageSession();
}
});
DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (!storageSession.legacy.status && storageSession.legacy.lesson.amount > 0) {
setButtonState(DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
storageSession.legacy.page = 2;
storageSession.legacy.status = 'listen';
saveStorageSession();
} else if (storageSession.legacy.status === 'listen') {
setButtonState(DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'START', DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
storageSession.legacy.page = 0;
storageSession.legacy.status = false;
saveStorageSession();
}
});
DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_2_ID').addEventListener('click', () => {
if (storageSession.legacy.lesson.type === 'lesson') {
DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'block';
storageSession.legacy.lesson.type = 'xp';
saveStorageSession();
} else if (storageSession.legacy.lesson.type === 'xp') {
DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_2_ID').style.display = 'none';
DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'block';
storageSession.legacy.lesson.type = 'infinity';
saveStorageSession();
} else if (storageSession.legacy.lesson.type === 'infinity') {
DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_3_ID').style.display = 'none';
DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_2_ID').querySelector('#DLP_Inset_Icon_1_ID').style.display = 'block';
storageSession.legacy.lesson.type = 'lesson';
saveStorageSession();
}
});
function restoreClick2() {
if (storageSession.legacy.status === 'path' && storageSession.legacy.path.amount > 0) {
if (storageSession.legacy.page === 1) {
setButtonState(DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_PATH_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
} else if (storageSession.legacy.page === 2) {
setButtonState(DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_PATH_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
}
} else if (storageSession.legacy.status === 'practice' && storageSession.legacy.practice.amount > 0) {
if (storageSession.legacy.page === 1) {
setButtonState(DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_PRACTICE_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
} else if (storageSession.legacy.page === 2) {
setButtonState(DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_PRACTICE_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
}
} else if (storageSession.legacy.status === 'listen' && storageSession.legacy.practice.listen > 0) {
if (storageSession.legacy.page === 1) {
setButtonState(DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_LISTEN_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
} else if (storageSession.legacy.page === 2) {
setButtonState(DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_LISTEN_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
}
} else if (storageSession.legacy.status === 'lesson' && storageSession.legacy.practice.lesson > 0) {
if (storageSession.legacy.page === 1) {
setButtonState(DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_LESSON_1_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
} else if (storageSession.legacy.page === 2) {
setButtonState(DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'STOP', DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_2_ID'), DLP_Get_LESSON_2_ID.querySelector('#DLP_Inset_Button_1_ID').querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400);
}
}
}
setTimeout(restoreClick2, 400);
let pageSwitching = false;
function process1() {
if (window.location.href.includes('/lesson') || window.location.href.includes('/practice') || window.location.href.includes('/practice-hub/listening-practice')) return;
if (storageSession.legacy.status && storageSession.legacy[storageSession.legacy.status].amount > 0) {
if (pageSwitching) return;
pageSwitching = true;
setTimeout(() => {
checkChest();
}, 2000);
} else {
pageSwitching = false;
}
}
setInterval(process1, 500);
function process2() {
if (storageSession.legacy.status && storageSession.legacy[storageSession.legacy.status].amount > 0) {
if (storageSession.legacy.status === 'path') {
window.location.href = "https://duolingo.com/lesson";
} else if (storageSession.legacy.status === 'practice') {
window.location.href = "https://duolingo.com/practice";
} else if (storageSession.legacy.status === 'listen') {
window.location.href = "https://duolingo.com/practice-hub/listening-practice";
} else if (storageSession.legacy.status === 'lesson') {
window.location.href = "https://duolingo.com/lesson/unit/1/level/1";
}
} else {
pageSwitching = false;
}
}
let checkChestCount = 0;
function checkChest() {
try {
if (document.readyState === 'complete') {
const imageUrl = 'https://d35aaqx5ub95lt.cloudfront.net/images/path/09f977a3e299d1418fde0fd053de0beb.svg';
const images = document.querySelectorAll('.TI9Is');
if (!images.length) {
setTimeout(function() {
process2();
}, 2000);
} else {
let imagesProcessed = 0;
let chestFound = false;
images.forEach(image => {
if (image.src === imageUrl) {
image.click();
chestFound = true;
setTimeout(function() {
process2();
}, 2000);
}
imagesProcessed++;
if (imagesProcessed >= images.length && !chestFound) {
process2();
}
});
}
} else {
setTimeout(function() {
checkChestCount++;
checkChest();
}, 100);
}
} catch (error) {
setTimeout(function() {
process2();
}, 2000);
}
};
const DLP_Get_XP_1_ID = document.getElementById("DLP_Get_XP_1_ID");
const DLP_Get_XP_2_ID = document.getElementById("DLP_Get_XP_2_ID");
const DLP_Get_GEMS_1_ID = document.getElementById("DLP_Get_GEMS_1_ID");
const DLP_Get_GEMS_2_ID = document.getElementById("DLP_Get_GEMS_2_ID");
const DLP_Get_SUPER_2_ID = document.getElementById("DLP_Get_SUPER_2_ID");
function inputCheck1() {
const ids = {
"DLP_Get_XP_1_ID": ["xp"],
"DLP_Get_XP_2_ID": ["xp"],
"DLP_Get_GEMS_1_ID": ["gems"],
"DLP_Get_GEMS_2_ID": ["gems"],
//"DLP_Get_SUPER_1_ID": ["super"],
"DLP_Get_SUPER_2_ID": ["super"]
};
Object.keys(ids).forEach(id => {
const element = document.getElementById(id);
if (!element) return;
const input = element.querySelector('#DLP_Inset_Input_1_ID');
const button = element.querySelector('#DLP_Inset_Button_1_ID');
if (!input || !button) return;
const updateButtonState = () => {
const isEmpty = input.value.length === 0;
button.style.opacity = isEmpty ? '0.5' : '';
button.style.pointerEvents = isEmpty ? 'none' : '';
};
const category = ids[id][0];
input.addEventListener("input", function () {
this.value = this.value.replace(/[^0-9]/g, "");
if (this.value.length = 1 && this.value[0] === '0') this.value = this.value.slice(1);
if (this.value.length > 8) this.value = this.value.slice(0, 8);
updateButtonState();
});
if (!input.value) updateButtonState();
});
}
inputCheck1();
let DLP_Magnetic_Hover_1 = document.querySelectorAll('.DLP_Magnetic_Hover_1');
DLP_Magnetic_Hover_1.forEach(element => {
let mouseDown = false;
element.addEventListener('mousemove', (e) => {
const rect = element.getBoundingClientRect();
const x = e.clientX - rect.left - rect.width / 2;
const y = e.clientY - rect.top - rect.height / 2;
if (mouseDown) {
element.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px) scale(0.9)`;
} else {
element.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px) scale(1.1)`;
}
});
element.addEventListener('mouseleave', () => {
element.style.transform = 'translate(0, 0) scale(1)';
mouseDown = false;
});
element.addEventListener('mousedown', (e) => {
mouseDown = true;
const rect = element.getBoundingClientRect();
const x = e.clientX - rect.left - rect.width / 2;
const y = e.clientY - rect.top - rect.height / 2;
if (mouseDown) {
element.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px) scale(0.9)`;
} else {
element.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px) scale(1.1)`;
}
});
element.addEventListener('mouseup', (e) => {
mouseDown = false;
const rect = element.getBoundingClientRect();
const x = e.clientX - rect.left - rect.width / 2;
const y = e.clientY - rect.top - rect.height / 2;
if (mouseDown) {
element.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px) scale(0.9)`;
} else {
element.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px) scale(1.1)`;
}
});
});
let DLP_Server_Connection_Button = document.getElementById("DLP_Main_1_Server_Connection_Button_1_ID");
let DLP_Server_Connection_Button_2 = document.getElementById("DLP_Secondary_1_Server_Connection_Button_1_ID");
DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_1_ID").style.animation = 'DLP_Rotate_360_Animation_1 4s ease-in-out infinite';
DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_1_ID").style.animation = 'DLP_Rotate_360_Animation_1 4s ease-in-out infinite';
function updateConnetionButtonStyles(button, text, iconToShow, iconToHide, buttonColor) {
let textToChange = button.querySelector("#DLP_Inset_Text_1_ID");
textToChange.style.animation = '';
iconToHide.style.animation = '';
iconToShow.style.animation = '';
textToChange.offsetWidth;
iconToHide.offsetWidth;
iconToShow.offsetWidth;
requestAnimationFrame(() => {
textToChange.style.filter = 'blur(4px)';
textToChange.style.opacity = '0';
iconToHide.style.filter = 'blur(4px)';
iconToHide.style.opacity = '0';
iconToShow.style.filter = 'blur(4px)';
iconToShow.style.opacity = '0';
button.style.background = buttonColor;
button.style.outline = '2px solid rgba(0, 0, 0, 0.20)';
});
setTimeout(() => {
iconToHide.style.display = 'none';
iconToShow.style.display = 'block';
requestAnimationFrame(() => {
textToChange.style.transition = '0s';
textToChange.textContent = text;
textToChange.style.color = '#FFF';
textToChange.offsetWidth;
textToChange.style.transition = '0.4s';
textToChange.offsetWidth;
textToChange.style.filter = '';
textToChange.style.opacity = '';
iconToShow.offsetWidth;
iconToShow.style.filter = '';
iconToShow.style.opacity = '';
setTimeout(() => {
textToChange.style.animation = 'DLP_Pulse_Opacity_Animation_1 6s ease-in-out infinite';
iconToShow.style.animation = 'DLP_Pulse_Opacity_Animation_1 6s ease-in-out infinite';
}, 400);
});
}, 400);
}
let serverConnectedBefore = 'no';
let newTermID;
function connectToServer() {
let mainInputsDiv1 = document.getElementById('DLP_Main_Inputs_1_Divider_1_ID');
fetch(serverURL + '/static/3.0/server.json')
.then(response => response.json())
.then(data => {
if (data.global || data.versions) {
const globalData = data.global;
const versionData = data.versions[versionName];
const warnings = versionData.warnings || [];
const termsText = Object.entries(globalData.terms)[0][1];
newTermID = Object.entries(globalData.terms)[0][0];
console.log('Global Warning:', globalData.warning);
console.log('Notifications:', globalData.notifications);
document.querySelector(`#DLP_Terms_Main_Text_1_ID`).innerHTML = termsText;
if (versionData.status === 'latest') {
if (storageLocal.terms === newTermID) {
if (serverConnectedBefore === 'no' || serverConnectedBefore === 'error') {
updateReleaseNotes(warnings);
mainInputsDiv1.style.opacity = '1';
mainInputsDiv1.style.pointerEvents = 'auto';
if (serverConnectedBefore === 'no') {
updateConnetionButtonStyles(DLP_Server_Connection_Button, 'Connected', DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_2_ID"), DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_1_ID"), '#34C759');
updateConnetionButtonStyles(DLP_Server_Connection_Button_2, 'Connected', DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_2_ID"), DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_1_ID"), '#34C759');
} else if (serverConnectedBefore === 'error') {
updateConnetionButtonStyles(DLP_Server_Connection_Button, 'Connected', DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_2_ID"), DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_3_ID"), '#34C759');
updateConnetionButtonStyles(DLP_Server_Connection_Button_2, 'Connected', DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_2_ID"), DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_3_ID"), '#34C759');
}
serverConnectedBefore = 'yes';
}
} else {
if (storageLocal.onboarding) if (currentPage !== 5 && currentPage !== 6) goToPage(currentPage, 5);
}
} else if (document.getElementById('DLP_Main_Warning_1_ID').style.display === 'none') {
document.getElementById('DLP_Main_Inputs_1_Divider_1_ID').style.display = 'none';
document.getElementById('DLP_Main_Warning_1_ID').style.display = 'block';
document.getElementById('DLP_Main_Warning_1_ID').innerHTML = `You are using an outdated version of Duolingo PRO.<br><br>Please <a href="https://www.duolingopro.net/greasyfork" target="_blank" style="font-family: 'Duolingo Pro Rounded'; color: #007AFF; text-decoration: underline;">update Duolingo PRO</a> or turn on <a href="https://www.duolingopro.net/greasyfork" target="_blank" style="font-family: 'Duolingo Pro Rounded'; color: #007AFF; text-decoration: underline;">automatic updates</a>.`;
throw new Error('Outdated Client');
}
} else {
console.error(`Version ${versionNumber} not found in the data`);
}
})
.catch(error => {
console.error('Error fetching data:', error);
if (serverConnectedBefore === 'yes') {
serverConnectedBefore = 'error';
mainInputsDiv1.style.opacity = '0.5';
mainInputsDiv1.style.pointerEvents = 'none';
updateConnetionButtonStyles(DLP_Server_Connection_Button, 'Error', DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_3_ID"), DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_2_ID"), '#FF2D55');
updateConnetionButtonStyles(DLP_Server_Connection_Button_2, 'Error', DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_3_ID"), DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_2_ID"), '#FF2D55');
} else if (serverConnectedBefore === 'no') {
serverConnectedBefore = 'error';
mainInputsDiv1.style.opacity = '0.5';
mainInputsDiv1.style.pointerEvents = 'none';
updateConnetionButtonStyles(DLP_Server_Connection_Button, 'Error', DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_3_ID"), DLP_Server_Connection_Button.querySelector("#DLP_Inset_Icon_1_ID"), '#FF2D55');
updateConnetionButtonStyles(DLP_Server_Connection_Button_2, 'Error', DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_3_ID"), DLP_Server_Connection_Button_2.querySelector("#DLP_Inset_Icon_1_ID"), '#FF2D55');
}
});
}
connectToServer();
setInterval(() => {
connectToServer();
}, 6000);
function updateReleaseNotes(warnings) {
const releaseNotesContainer = document.getElementById('DLP_Release_Notes_List_1_ID');
releaseNotesContainer.innerHTML = '';
warnings.forEach(warning => {
if (warning.head && warning.body && warning.icon) {
console.log(warning);
let warningHTML = '';
if (warning.icon === 'error') {
warningHTML = `
<div class="DLP_HStack_8" style="align-items: center;">
<svg width="18" height="16" viewBox="0 0 18 16" fill="#FF2D55" xmlns="http://www.w3.org/2000/svg">
<path d="M2.98438 15.5469C1.55469 15.5469 0.617188 14.4688 0.617188 13.1797C0.617188 12.7812 0.71875 12.375 0.9375 11.9922L6.95312 1.47656C7.40625 0.695312 8.19531 0.289062 9 0.289062C9.79688 0.289062 10.5781 0.6875 11.0391 1.47656L17.0547 11.9844C17.2734 12.3672 17.375 12.7812 17.375 13.1797C17.375 14.4688 16.4375 15.5469 15.0078 15.5469H2.98438ZM9.00781 9.96094C9.54688 9.96094 9.85938 9.65625 9.89062 9.09375L10.0156 5.72656C10.0469 5.14062 9.61719 4.73438 9 4.73438C8.375 4.73438 7.95312 5.13281 7.98438 5.72656L8.10938 9.10156C8.13281 9.65625 8.45312 9.96094 9.00781 9.96094ZM9.00781 12.7812C9.625 12.7812 10.1094 12.3906 10.1094 11.7891C10.1094 11.2031 9.63281 10.8047 9.00781 10.8047C8.38281 10.8047 7.89844 11.2031 7.89844 11.7891C7.89844 12.3906 8.38281 12.7812 9.00781 12.7812Z"/>
</svg>
<div class="DLP_VStack_0" style="align-items: flex-start;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.5;">${warning.head}</p>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.25;">${warning.body}</p>
</div>
</div>`;
} else if (warning.icon === 'warning') {
warningHTML = `
<div class="DLP_HStack_8" style="align-items: center;">
<svg width="18" height="18" viewBox="0 0 18 18" fill="#FFB000" xmlns="http://www.w3.org/2000/svg">
<path d="M9 17.1094C4.44531 17.1094 0.75 13.4141 0.75 8.85938C0.75 4.30469 4.44531 0.609375 9 0.609375C13.5547 0.609375 17.25 4.30469 17.25 8.85938C17.25 13.4141 13.5547 17.1094 9 17.1094ZM9.00781 10.0312C9.54688 10.0312 9.85938 9.72656 9.89062 9.16406L10.0156 5.79688C10.0469 5.21094 9.61719 4.80469 9 4.80469C8.375 4.80469 7.95312 5.20312 7.98438 5.79688L8.10938 9.17188C8.13281 9.72656 8.45312 10.0312 9.00781 10.0312ZM9.00781 12.8516C9.625 12.8516 10.1016 12.4609 10.1016 11.8594C10.1016 11.2734 9.63281 10.875 9.00781 10.875C8.38281 10.875 7.89844 11.2734 7.89844 11.8594C7.89844 12.4609 8.38281 12.8516 9.00781 12.8516Z"/>
</svg>
<div class="DLP_VStack_0" style="align-items: flex-start;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.5;">${warning.head}</p>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.25;">${warning.body}</p>
</div>
</div>`;
} else if (warning.icon === 'checkmark') {
warningHTML = `
<div class="DLP_HStack_8" style="align-items: center;">
<svg width="18" height="17" viewBox="0 0 18 17" fill="#34C759" xmlns="http://www.w3.org/2000/svg">
<path d="M9 16.6094C4.44531 16.6094 0.75 12.9141 0.75 8.35938C0.75 3.80469 4.44531 0.109375 9 0.109375C13.5547 0.109375 17.25 3.80469 17.25 8.35938C17.25 12.9141 13.5547 16.6094 9 16.6094ZM8.14062 12.2812C8.47656 12.2812 8.78125 12.1094 8.98438 11.8125L12.6094 6.26562C12.75 6.0625 12.8281 5.85156 12.8281 5.65625C12.8281 5.17188 12.3984 4.82812 11.9297 4.82812C11.625 4.82812 11.3672 4.99219 11.1641 5.32031L8.11719 10.1641L6.75781 8.48438C6.54688 8.23438 6.32812 8.125 6.04688 8.125C5.57031 8.125 5.17969 8.50781 5.17969 8.99219C5.17969 9.21875 5.25 9.41406 5.42969 9.63281L7.26562 11.8203C7.51562 12.125 7.78906 12.2812 8.14062 12.2812Z"/>
</svg>
<div class="DLP_VStack_0" style="align-items: flex-start;">
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.5;">${warning.head}</p>
<p class="DLP_Text_Style_1 DLP_NoSelect" style="opacity: 0.25;">${warning.body}</p>
</div>
</div>`;
}
releaseNotesContainer.insertAdjacentHTML('beforeend', warningHTML);
}
});
}
let DLP_Feedback_Text_Input_1_ID = document.getElementById("DLP_Feedback_Text_Input_1_ID");
let DLP_Feedback_Type_Bug_Report_Button_1_ID = document.getElementById("DLP_Feedback_Type_Bug_Report_Button_1_ID");
let DLP_Feedback_Type_Suggestion_Button_1_ID = document.getElementById("DLP_Feedback_Type_Suggestion_Button_1_ID");
let DLP_Feedback_Attachment_Upload_Button_1_ID = document.getElementById("DLP_Feedback_Attachment_Upload_Button_1_ID");
let DLP_Feedback_Attachment_Input_Hidden_1_ID = document.getElementById("DLP_Feedback_Attachment_Input_Hidden_1_ID");
let DLP_Feedback_Send_Button_1_ID = document.getElementById("DLP_Feedback_Send_Button_1_ID");
let sendFeedbackStatus = '';
DLP_Feedback_Send_Button_1_ID.addEventListener('click', () => {
if (sendFeedbackStatus !== '') return;
let FeedbackText = DLP_Feedback_Text_Input_1_ID.value;
sendFeedbackServer('', FeedbackText, feedbackType, '');
const ogIcon = DLP_Feedback_Send_Button_1_ID.querySelector('#DLP_Inset_Icon_1_ID');
const loadingIcon = DLP_Feedback_Send_Button_1_ID.querySelector('#DLP_Inset_Icon_2_ID');
const doneIcon = DLP_Feedback_Send_Button_1_ID.querySelector('#DLP_Inset_Icon_3_ID');
const failedIcon = DLP_Feedback_Send_Button_1_ID.querySelector('#DLP_Inset_Icon_4_ID');
setButtonState(DLP_Feedback_Send_Button_1_ID, 'SENDING', loadingIcon, ogIcon, 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400, () => {
loadingIcon.style.animation = 'DLP_Rotate_360_Animation_1 4s ease-in-out infinite';
function f() {
if (sendFeedbackStatus === 'sent') {
setButtonState(DLP_Feedback_Send_Button_1_ID, 'SENT', doneIcon, loadingIcon, 'rgba(52, 199, 89, 0.10)', '2px solid rgba(52, 199, 89, 0.20)', '#34C759', 400, () => {
confetti();
setTimeout(() => {
setButtonState(DLP_Feedback_Send_Button_1_ID, 'SEND', ogIcon, doneIcon, '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
sendFeedbackStatus = '';
}, 4000);
});
} else if (sendFeedbackStatus === 'error') {
setButtonState(DLP_Feedback_Send_Button_1_ID, 'FAILED', failedIcon, loadingIcon, 'rgba(255, 45, 85, 0.10)', '2px solid rgba(255, 45, 85, 0.20)', '#FF2D55', 400, () => {
setTimeout(() => {
setButtonState(DLP_Feedback_Send_Button_1_ID, 'SEND', ogIcon, failedIcon, '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
sendFeedbackStatus = '';
}, 4000);
});
} else if (sendFeedbackStatus === 'sending') {
setTimeout(() => { f(); }, 800);
}
}
f();
});
});
let feedbackType = 'Suggestion';
DLP_Feedback_Type_Bug_Report_Button_1_ID.addEventListener('click', () => {
feedbackType = 'Bug Report';
DLP_Feedback_Type_Bug_Report_Button_1_ID.classList.add('DLP_Feedback_Type_Button_Style_1_ON');
DLP_Feedback_Type_Bug_Report_Button_1_ID.classList.remove('DLP_Feedback_Type_Button_Style_1_OFF');
DLP_Feedback_Type_Suggestion_Button_1_ID.classList.add('DLP_Feedback_Type_Button_Style_2_OFF');
DLP_Feedback_Type_Suggestion_Button_1_ID.classList.remove('DLP_Feedback_Type_Button_Style_2_ON');
});
DLP_Feedback_Type_Suggestion_Button_1_ID.addEventListener('click', () => {
feedbackType = 'Suggestion';
DLP_Feedback_Type_Bug_Report_Button_1_ID.classList.add('DLP_Feedback_Type_Button_Style_1_OFF');
DLP_Feedback_Type_Bug_Report_Button_1_ID.classList.remove('DLP_Feedback_Type_Button_Style_1_ON');
DLP_Feedback_Type_Suggestion_Button_1_ID.classList.add('DLP_Feedback_Type_Button_Style_2_ON');
DLP_Feedback_Type_Suggestion_Button_1_ID.classList.remove('DLP_Feedback_Type_Button_Style_2_OFF');
});
let currentFileName = '';
setInterval(() => {
if (DLP_Feedback_Attachment_Input_Hidden_1_ID.files.length > 0) {
let fileName = DLP_Feedback_Attachment_Input_Hidden_1_ID.files[0].name;
if (currentFileName === fileName) return;
currentFileName = fileName;
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Text_1_ID').style.filter = 'blur(4px)';
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Text_1_ID').style.opacity = '0';
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Icon_1_ID').style.filter = 'blur(4px)';
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Icon_1_ID').style.opacity = '0';
DLP_Feedback_Attachment_Upload_Button_1_ID.style.background = '#007AFF';
DLP_Feedback_Attachment_Upload_Button_1_ID.style.outline = '2px solid rgba(0, 0, 0, 0.20)';
setTimeout(() => {
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Icon_1_ID').style.display = 'none';
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Text_1_ID').textContent = fileName;
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Text_1_ID').style.color = '#FFF';
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Text_1_ID').style.filter = '';
DLP_Feedback_Attachment_Upload_Button_1_ID.querySelector('#DLP_Inset_Text_1_ID').style.opacity = '';
}, 400);
}
}, 1000);
DLP_Feedback_Attachment_Upload_Button_1_ID.addEventListener('click', () => {
DLP_Feedback_Attachment_Input_Hidden_1_ID.click();
});
async function sendFeedbackServer(head, body, type, email) {
try {
sendFeedbackStatus = 'sending';
const formData = new FormData();
if (DLP_Feedback_Attachment_Input_Hidden_1_ID.files.length > 0) {
formData.append('file', DLP_Feedback_Attachment_Input_Hidden_1_ID.files[0]);
}
formData.append('head', head);
formData.append('body', body);
formData.append('type', type);
formData.append('email', email);
formData.append('version', versionFullname);
const userResponse = await fetch('https://www.duolingo.com/2017-06-30/users/' + JSON.parse(atob(document.cookie.split(';').find(cookie => cookie.includes('jwt_token')).split('=')[1].split('.')[1])).sub + '?fields=username');
if (!userResponse.ok) throw new Error('Failed to fetch user data');
const userData = await userResponse.json();
formData.append('pro_id', userData.username);
const response = await fetch(serverURL + "/feedback", {
method: 'POST',
body: formData
});
if (!response.ok) {
console.error("HTTP error! Status:", response.status);
return;
}
const responseData = await response.text();
if (responseData === 'success') {
sendFeedbackStatus = 'sent';
showNotification("checkmark", "Feedback Sent", "Your feedback was successfully sent, and our developers will look over it. Keep in mind, we cannot respond back to your feedback. ", 30);
} else {
sendFeedbackStatus = 'error';
console.log('0001 Response:', responseData);
}
} catch (error) {
sendFeedbackStatus = 'error';
}
}
let isGetButtonsBusy = false;
function setButtonState(button, text, iconToShow, iconToHide, bgColor, outlineColor, textColor, delay, callback) {
const textElement = button.querySelector('#DLP_Inset_Text_1_ID');
const icons = [1, 2, 3, 4].map(num => button.querySelector(`#DLP_Inset_Icon_${num}_ID`));
let previousText = textElement.textContent;
textElement.textContent = text;
iconToShow.style.display = 'block';
iconToHide.style.display = 'none';
let buttonNewWidth = button.offsetWidth;
textElement.textContent = previousText;
iconToShow.style.display = 'none';
iconToHide.style.display = 'block';
button.style.transition = 'width 0.8s cubic-bezier(0.77,0,0.18,1), background 0.8s cubic-bezier(0.16, 1, 0.32, 1), outline 0.8s cubic-bezier(0.16, 1, 0.32, 1), filter 0.4s cubic-bezier(0.16, 1, 0.32, 1), transform 0.4s cubic-bezier(0.16, 1, 0.32, 1)';
button.style.width = `${button.offsetWidth}px`;
requestAnimationFrame(() => {
textElement.style.transition = '0.4s';
iconToShow.style.transition = '0.4s';
iconToHide.style.transition = '0.4s';
textElement.style.filter = 'blur(4px)';
textElement.style.opacity = '0';
iconToHide.style.filter = 'blur(4px)';
iconToHide.style.opacity = '0';
button.style.width = `${buttonNewWidth}px`;
button.style.background = bgColor;
button.style.outline = outlineColor;
});
setTimeout(() => {
textElement.style.transition = '0s';
textElement.style.color = textColor;
textElement.offsetWidth;
textElement.style.transition = '0.4s';
iconToShow.style.display = 'block';
iconToHide.style.display = 'none';
iconToShow.style.filter = 'blur(4px)';
iconToShow.style.opacity = '0';
textElement.textContent = text;
requestAnimationFrame(() => {
textElement.style.filter = '';
textElement.style.opacity = '';
iconToShow.style.filter = '';
iconToShow.style.opacity = '1';
});
setTimeout(() => {
button.style.width = '';
}, 400);
if (callback) callback();
}, delay);
}
function handleClick(button, id, amount) {
const ogIcon = button.querySelector('#DLP_Inset_Icon_1_ID');
const loadingIcon = button.querySelector('#DLP_Inset_Icon_2_ID');
const doneIcon = button.querySelector('#DLP_Inset_Icon_3_ID');
const failedIcon = button.querySelector('#DLP_Inset_Icon_4_ID');
setButtonState(button, 'LOADING', loadingIcon, ogIcon, 'rgba(0, 122, 255, 0.10)', '2px solid rgba(0, 122, 255, 0.20)', '#007AFF', 400, () => {
loadingIcon.style.animation = 'DLP_Rotate_360_Animation_1 4s ease-in-out infinite';
let status = 'loading';
fetch(serverURL + '/limits/user', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
token: document.cookie.split(';').find(cookie => cookie.includes('jwt_token')).split('=')[1]
})
})
.then(response => response.json())
.then(data => {
limits = data;
console.log(limits);
if (amount <= limits[id].limit_amount) {
fetch(serverURL + '/request', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
token: document.cookie.split(';').find(cookie => cookie.includes('jwt_token')).split('=')[1],
gain_type: id,
amount: amount
})
})
.then(response => response.json())
.then(data => {
if (data.status === true) {
status = 'done';
console.log('Status true:', data.status);
if (id === 'xp') {
let timeMessage = `${Math.floor(limits[id].limit_time / 3600) > 0 ? Math.floor(limits[id].limit_time / 3600) + " hour" + (Math.floor(limits[id].limit_time / 3600) > 1 ? "s" : "") : ""}${Math.floor(limits[id].limit_time / 3600) > 0 && Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? " and " : ""}${Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? Math.floor((limits[id].limit_time % 3600) / 60) + " minute" + (Math.floor((limits[id].limit_time % 3600) / 60) > 1 ? "s" : "") : ""}`;
showNotification("checkmark", "XP Successfully Recieved", "You received " + amount + " XP. You can request up to " + (limits[id].limit_amount - amount) + " XP before your limit resets back to " + limits[id].total_limit_amount + " XP in " + timeMessage + ". To boost your limits, <a href='https://duolingopro.net/patreon' target='_blank' style='font-family: Duolingo Pro Rounded; text-decoration: underline; color: #007AFF;'>donate</a>.", 15);
button.parentElement.querySelector('#DLP_Inset_Input_1_ID').value = '';
} else if (id === 'super') {
let timeMessage = `${Math.floor(limits[id].limit_time / 86400) > 0 ? Math.floor(limits[id].limit_time / 86400) + " day" + (Math.floor(limits[id].limit_time / 86400) > 1 ? "s" : "") : ""}${Math.floor(limits[id].limit_time / 86400) > 0 && (Math.floor((limits[id].limit_time % 86400) / 3600) > 0 || Math.floor((limits[id].limit_time % 3600) / 60) > 0) ? " and " : ""}${Math.floor((limits[id].limit_time % 86400) / 3600) > 0 ? Math.floor((limits[id].limit_time % 86400) / 3600) + " hour" + (Math.floor((limits[id].limit_time % 86400) / 3600) > 1 ? "s" : "") : ""}${(Math.floor((limits[id].limit_time % 86400) / 3600) > 0 || Math.floor(limits[id].limit_time / 86400) > 0) && Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? " and " : ""}${Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? Math.floor((limits[id].limit_time % 3600) / 60) + " minute" + (Math.floor((limits[id].limit_time % 3600) / 60) > 1 ? "s" : "") : ""}`;
showNotification("checkmark", "Super Duolingo Successfully Redeemed", "You redeemed a 3 day Super Duolingo trial. You can request another 3 day Super Duolingo trial in " + timeMessage + ".", 15);
}
} else {
status = 'error';
console.error('Status false:', data);
showNotification(data.notification.icon, data.notification.head, data.notification.body, data.notification.duration);
}
})
.catch(error => {
status = 'error';
console.error('Error fetching data:', error);
showNotification("error", "Unknown Error", "An unknown error occurred. Please try again later.", 15);
});
} else if (limits[id].limit_amount > 0) {
status = 'rejected';
if (id === 'xp') {
let timeMessage = `${Math.floor(limits[id].limit_time / 3600) > 0 ? Math.floor(limits[id].limit_time / 3600) + " hour" + (Math.floor(limits[id].limit_time / 3600) > 1 ? "s" : "") : ""}${Math.floor(limits[id].limit_time / 3600) > 0 && Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? " and " : ""}${Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? Math.floor((limits[id].limit_time % 3600) / 60) + " minute" + (Math.floor((limits[id].limit_time % 3600) / 60) > 1 ? "s" : "") : ""}`;
showNotification("warning", "Limit Warning", "You can only request up to " + limits[id].limit_amount + " XP before your limit resets back to " + limits[id].total_limit_amount + " XP in " + timeMessage + ". To boost your limits, <a href='https://duolingopro.net/patreon' target='_blank' style='font-family: Duolingo Pro Rounded; text-decoration: underline; color: #007AFF;'>donate</a>.", 30);
button.parentElement.querySelector('#DLP_Inset_Input_1_ID').value = limits[id].limit_amount;
}
} else if (limits[id].limit_amount === 0) {
status = 'rejected';
if (id === 'xp') {
showNotification("warning", "Limit Reached", "You can request up to " + limits[id].limit_amount + " XP. To get higher limits, donate.", 15);
button.parentElement.querySelector('#DLP_Inset_Input_1_ID').value = limits[id].limit_amount;
} else if (id === 'super') {
let timeMessage = `${Math.floor(limits[id].limit_time / 86400) > 0 ? Math.floor(limits[id].limit_time / 86400) + " day" + (Math.floor(limits[id].limit_time / 86400) > 1 ? "s" : "") + (Math.floor((limits[id].limit_time % 86400) / 3600) > 0 || Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? ", " : "") : ""}${Math.floor((limits[id].limit_time % 86400) / 3600) > 0 ? Math.floor((limits[id].limit_time % 86400) / 3600) + " hour" + (Math.floor((limits[id].limit_time % 86400) / 3600) > 1 ? "s" : "") + (Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? " and " : "") : ""}${Math.floor((limits[id].limit_time % 3600) / 60) > 0 ? Math.floor((limits[id].limit_time % 3600) / 60) + " minute" + (Math.floor((limits[id].limit_time % 3600) / 60) > 1 ? "s" : "") : ""}`;
showNotification("warning", "Limit Reached", "You already redeemed a 3 day Super Duolingo trial. You can request another 3 day Super Duolingo trial in " + timeMessage + ".", 15);
}
}
})
.catch(error => {
status = 'error';
showNotification("error", "Unknown Error", "An unknown error occurred. Please try again later.", 15);
console.error('Error fetching data:', error);
});
setTimeout(() => {
f();
}, 800);
function f() {
if (status === 'done') {
setButtonState(button, 'DONE', doneIcon, loadingIcon, 'rgba(52, 199, 89, 0.10)', '2px solid rgba(52, 199, 89, 0.20)', '#34C759', 400, () => {
confetti();
isGetButtonsBusy = false;
setTimeout(() => {
setButtonState(button, 'GET', ogIcon, doneIcon, '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
}, 3000);
});
} else if (status === 'error') {
setButtonState(button, 'FAILED', failedIcon, loadingIcon, 'rgba(255, 45, 85, 0.10)', '2px solid rgba(255, 45, 85, 0.20)', '#FF2D55', 400, () => {
isGetButtonsBusy = false;
setTimeout(() => {
setButtonState(button, 'GET', ogIcon, failedIcon, '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
}, 3000);
});
} else if (status === 'rejected') {
isGetButtonsBusy = false;
setButtonState(button, 'GET', ogIcon, loadingIcon, '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
} else {
setTimeout(() => { f(); }, 400);
}
}
});
}
DLP_Get_XP_1_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (isGetButtonsBusy) return;
isGetButtonsBusy = true;
handleClick(DLP_Get_XP_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'xp', Number(DLP_Get_XP_1_ID.querySelector('#DLP_Inset_Input_1_ID').value));
});
DLP_Get_XP_2_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (isGetButtonsBusy) return;
isGetButtonsBusy = true;
handleClick(DLP_Get_XP_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'xp', Number(DLP_Get_XP_2_ID.querySelector('#DLP_Inset_Input_1_ID').value));
});
DLP_Get_GEMS_1_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (isGetButtonsBusy) return;
isGetButtonsBusy = true;
handleClick(DLP_Get_GEMS_1_ID.querySelector('#DLP_Inset_Button_1_ID'), 'gems', Number(DLP_Get_GEMS_1_ID.querySelector('#DLP_Inset_Input_1_ID').value));
});
DLP_Get_GEMS_2_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (isGetButtonsBusy) return;
isGetButtonsBusy = true;
handleClick(DLP_Get_GEMS_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'gems', Number(DLP_Get_GEMS_2_ID.querySelector('#DLP_Inset_Input_1_ID').value));
});
DLP_Get_SUPER_2_ID.querySelector('#DLP_Inset_Button_1_ID').addEventListener('click', () => {
if (isGetButtonsBusy) return;
isGetButtonsBusy = true;
handleClick(DLP_Get_SUPER_2_ID.querySelector('#DLP_Inset_Button_1_ID'), 'super', 1);
});
let DLP_Settings_Save_Button_1_ID = document.getElementById("DLP_Settings_Save_Button_1_ID");
let DLP_Settings_Save_Button_1_ID_Busy = false;
DLP_Settings_Save_Button_1_ID.addEventListener('click', () => {
if (DLP_Settings_Save_Button_1_ID_Busy) return;
DLP_Settings_Save_Button_1_ID_Busy = true;
storageLocal.settings.autoUpdate = DLP_Settings_Auto_Update;
saveStorageLocal();
setButtonState(DLP_Settings_Save_Button_1_ID, 'SAVED', DLP_Settings_Save_Button_1_ID.querySelector('#DLP_Inset_Icon_3_ID'), DLP_Settings_Save_Button_1_ID.querySelector('#DLP_Inset_Icon_1_ID'), 'rgba(52, 199, 89, 0.10)', '2px solid rgba(52, 199, 89, 0.20)', '#34C759', 400, () => {
//confetti();
setTimeout(() => {
goToPage(7, 1);
}, 1600);
setTimeout(() => {
setButtonState(DLP_Settings_Save_Button_1_ID, 'SAVE', DLP_Settings_Save_Button_1_ID.querySelector('#DLP_Inset_Icon_1_ID'), DLP_Settings_Save_Button_1_ID.querySelector('#DLP_Inset_Icon_3_ID'), '#007AFF', '2px solid rgba(0, 0, 0, 0.20)', '#FFF', 400);
DLP_Settings_Save_Button_1_ID_Busy = false;
}, 2400);
});
});
let DLP_Settings_Auto_Update = storageLocal.settings.autoUpdate;
let DLP_Settings_Auto_Update_Toggle_1_ID_Busy = false;
let DLP_Settings_Auto_Update_Toggle_1_ID = document.getElementById("DLP_Settings_Auto_Update_Toggle_1_ID");
handleToggleClick(DLP_Settings_Auto_Update_Toggle_1_ID, DLP_Settings_Auto_Update);
function handleToggleClick(button, state) {
let iconToHide;
let iconToShow;
if (state) {
iconToHide = button.querySelector("#DLP_Inset_Icon_2_ID");
iconToShow = button.querySelector("#DLP_Inset_Icon_1_ID");
} else {
iconToHide = button.querySelector("#DLP_Inset_Icon_1_ID");
iconToShow = button.querySelector("#DLP_Inset_Icon_2_ID");
}
if (state) {
button.classList.add('DLP_Toggle_Style_1_ON');
button.classList.remove('DLP_Toggle_Style_1_OFF');
} else {
button.classList.add('DLP_Toggle_Style_1_OFF');
button.classList.remove('DLP_Toggle_Style_1_ON');
}
iconToHide.style.transition = '0.4s';
iconToShow.style.transition = '0.4s';
if (iconToHide.style.display === 'block') {
iconToHide.style.display = 'block';
iconToShow.style.display = 'none';
requestAnimationFrame(() => {
iconToHide.style.filter = 'blur(4px)';
iconToHide.style.opacity = '0';
});
}
setTimeout(() => {
iconToHide.style.display = 'none';
iconToShow.style.display = 'block';
iconToShow.offsetWidth; // idk
iconToShow.style.filter = 'blur(4px)';
iconToShow.style.opacity = '0';
setTimeout(() => { // idk
requestAnimationFrame(() => {
iconToShow.offsetWidth;
iconToShow.style.filter = '';
iconToShow.style.opacity = '1';
});
}, 20); // idk
}, (iconToHide.style.display === 'block') ? 400 : 0);
}
DLP_Settings_Auto_Update_Toggle_1_ID.addEventListener('click', () => {
if (DLP_Settings_Auto_Update_Toggle_1_ID_Busy) return;
if (greasyfork) {
} else {
DLP_Settings_Auto_Update = !DLP_Settings_Auto_Update;
DLP_Settings_Auto_Update_Toggle_1_ID_Busy = true;
handleToggleClick(DLP_Settings_Auto_Update_Toggle_1_ID, DLP_Settings_Auto_Update);
setTimeout(() => {
DLP_Settings_Auto_Update_Toggle_1_ID_Busy = false;
}, 800);
}
});
function confetti() {
let canvas = document.getElementById("DLP_Confetti_Canvas");
let ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
let cx = ctx.canvas.width / 2;
let cy = ctx.canvas.height / 2;
let confetti = [];
const confettiCount = 500;
const gravity = 0.5;
const terminalVelocity = 10;
const drag = 0.01;
const colors = [
{ front: "#FF2D55", back: "#FF2D55" },
{ front: "#FF9500", back: "#FF9500" },
{ front: "#FFCC00", back: "#FFCC00" },
{ front: "#34C759", back: "#34C759" },
{ front: "#5AC8FA", back: "#5AC8FA" },
{ front: "#007AFF", back: "#007AFF" },
{ front: "#5856D6", back: "#5856D6" },
{ front: "#AF52DE", back: "#AF52DE" },
];
let resizeCanvas = () => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
cx = ctx.canvas.width / 2;
cy = ctx.canvas.height / 2;
};
let randomRange = (min, max) => Math.random() * (max - min) + min;
let initConfetti = () => {
for (let i = 0; i < confettiCount; i++) {
confetti.push({
color: colors[Math.floor(randomRange(0, colors.length))],
dimensions: {
x: randomRange(5, 10),
y: randomRange(5, 10),
},
position: {
x: randomRange(0, canvas.width),
y: canvas.height - 1,
},
rotation: randomRange(0, 2 * Math.PI),
scale: {
x: 1,
y: 1,
},
velocity: {
x: randomRange(-25, 25),
y: randomRange(0, -50),
},
});
}
};
let render = () => {
ctx.clearRect(0, 0, canvas.width, canvas.height);
confetti.forEach((confetto, index) => {
let width = confetto.dimensions.x * confetto.scale.x;
let height = confetto.dimensions.y * confetto.scale.y;
ctx.translate(confetto.position.x, confetto.position.y);
ctx.rotate(confetto.rotation);
confetto.velocity.x -= confetto.velocity.x * drag;
confetto.velocity.y = Math.min(
confetto.velocity.y + gravity,
terminalVelocity,
);
confetto.velocity.x +=
Math.random() > 0.5 ? Math.random() : -Math.random();
confetto.position.x += confetto.velocity.x;
confetto.position.y += confetto.velocity.y;
if (confetto.position.y >= canvas.height) confetti.splice(index, 1);
if (confetto.position.x > canvas.width) confetto.position.x = 0;
if (confetto.position.x < 0) confetto.position.x = canvas.width;
ctx.fillStyle = confetto.color.front;
ctx.fillRect(-width / 2, -height / 2, width, height);
ctx.setTransform(1, 0, 0, 1, 0, 0);
});
window.requestAnimationFrame(render);
};
render();
window.addEventListener("resize", function () {
resizeCanvas();
});
initConfetti();
}
function carryOn() {
if (document.querySelector('.DLP_Main')) {
fetch('https://www.duolingo.com/2017-06-30/users/' + JSON.parse(atob(document.cookie.split(';').find(cookie => cookie.includes('jwt_token')).split('=')[1].split('.')[1])).sub + '?fields=username')
.then(response => response.json())
.then(data => {
console.log(data.username);
fetch(serverURL + '/analytics/3.0/userscript', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
type: 'foreign',
token: document.cookie.split(';').find(cookie => cookie.includes('jwt_token')).split('=')[1]
})
})
.then(response => response.json())
.then(data => {
})
.catch(error => {
console.error('Error fetching data:', error);
});
})
.catch(error => {
console.error('Error fetching data:', error);
});
}
}
//carryOn();
const originalPlay = HTMLAudioElement.prototype.play;
function muteTab(value) {
HTMLAudioElement.prototype.play = function () {
if (value) {
this.muted = true;
} else {
this.muted = false;
}
return originalPlay.apply(this, arguments);
};
}
function updateSolveButtonText(text) {
document.getElementById("solveAllButton").innerText = text;
}
function solving(value) {
if (value === "start") {
isAutoMode = true;
updateSolveButtonText(isAutoMode ? "PAUSE SOLVE" : "SOLVE ALL");
solvingIntervalId = isAutoMode ? setInterval(solve, storageLocal.settings.solveSpeed * 1000) : clearInterval(solvingIntervalId);
} else if (value === "stop") {
isAutoMode = false;
updateSolveButtonText(isAutoMode ? "PAUSE SOLVE" : "SOLVE ALL");
solvingIntervalId = isAutoMode ? setInterval(solve, storageLocal.settings.solveSpeed * 1000) : clearInterval(solvingIntervalId);
} else {
isAutoMode = !isAutoMode;
updateSolveButtonText(isAutoMode ? "PAUSE SOLVE" : "SOLVE ALL");
solvingIntervalId = isAutoMode ? setInterval(solve, storageLocal.settings.solveSpeed * 1000) : clearInterval(solvingIntervalId);
}
}
let hcwNIIOdaQqCZRDL = false;
function solve() {
const practiceAgain = document.querySelector('[data-test="player-practice-again"]');
const sessionCompleteSlide = document.querySelector('[data-test="session-complete-slide"]');
const selectorsForSkip = [
'[data-test="practice-hub-ad-no-thanks-button"]',
'.vpDIE',
'[data-test="plus-no-thanks"]',
'._1N-oo._36Vd3._16r-S._1ZBYz._23KDq._1S2uf.HakPM',
'._8AMBh._2vfJy._3Qy5R._28UWu._3h0lA._1S2uf._1E9sc',
'._1Qh5D._36g4N._2YF0P._28UWu._3h0lA._1S2uf._1E9sc',
'[data-test="story-start"]',
'._3bBpU._1x5JY._1M9iF._36g4N._2YF0P.T7I0c._2EnxW.MYehf'
];
selectorsForSkip.forEach(selector => {
const element = document.querySelector(selector);
if (element) element.click();
});
const status = storageSession.legacy.status;
const type = status ? storageSession.legacy[status]?.type : null;
let amount;
if (sessionCompleteSlide !== null && isAutoMode && storageSession.legacy.status) {
if (!hcwNIIOdaQqCZRDL) {
hcwNIIOdaQqCZRDL = true;
if (type === 'lesson') {
storageSession.legacy[status].amount -= 1;
saveStorageSession();
amount = status ? storageSession.legacy[status]?.amount : null;
if (amount > 0) {
if (practiceAgain !== null) {
practiceAgain.click();
return;
} else {
location.reload();
}
} else {
storageSession.legacy[status].amount = 0;
saveStorageSession();
window.location.href = "https://duolingo.com";
return;
}
} else if (type === 'xp') {
storageSession.legacy[status].amount -= findSubReact(document.getElementsByClassName("_1XNQX")[0]).xpGoalSessionProgress.totalXpThisSession;
saveStorageSession();
amount = status ? storageSession.legacy[status]?.amount : null;
if (amount > 0) {
if (practiceAgain !== null) {
practiceAgain.click();
return;
} else {
location.reload();
}
} else {
storageSession.legacy[status].amount = 0;
saveStorageSession();
window.location.href = "https://duolingo.com";
return;
}
} else if (type === 'infinity') {
if (practiceAgain !== null) {
practiceAgain.click();
return;
} else {
location.reload();
}
}
}
}
try {
window.sol = findReact(document.getElementsByClassName(findReactMainElementClass)[0]).props.currentChallenge;
} catch (error) {
console.log(error);
//let next = document.querySelector('[data-test="player-next"]');
//if (next) {
// next.click();
//}
//return;
}
//if (!window.sol) {
// return;
//}
let challengeType;
if (window.sol) {
challengeType = determineChallengeType();
} else {
challengeType = 'error';
nextClickFunc();
}
if (challengeType === 'error') {
nextClickFunc();
} else if (challengeType) {
if (debug) document.getElementById("solveAllButton").innerText = challengeType;
handleChallenge(challengeType);
nextClickFunc();
} else {
nextClickFunc();
}
}
let zXIArDomWMPkmTVf = 0;
let GtPzsoCcLnDAVvjb;
let SciiOTPybxFAimRW = false;
function nextClickFunc() {
setTimeout(function () {
try {
let nextButtonNormal = document.querySelector('[data-test="player-next"]');
let storiesContinueButton = document.querySelector('[data-test="stories-player-continue"]');
let storiesDoneButton = document.querySelector('[data-test="stories-player-done"]');
let nextButtonAriaValueNormal = nextButtonNormal ? nextButtonNormal.getAttribute('aria-disabled') : null;
let nextButtonAriaValueStoriesContinue = storiesContinueButton ? storiesContinueButton.disabled : null;
let nextButton = nextButtonNormal || storiesContinueButton || storiesDoneButton;
let nextButtonAriaValue = nextButtonAriaValueNormal || nextButtonAriaValueStoriesContinue || storiesDoneButton;
if (nextButton) {
if (nextButtonAriaValue === 'true' || nextButtonAriaValue === true) {
if (document.querySelectorAll('._35QY2._3jIlr.f2zGP._18W4a.xtPuL').length > 0) {
} else {
if (nextButtonAriaValue === 'true') {
console.log('The next button is disabled.');
}
}
if (zXIArDomWMPkmTVf >= 3 && !SciiOTPybxFAimRW && nextButtonAriaValue === 'true') {
SciiOTPybxFAimRW = true;
LhEqEHHc();
//notificationCall("Can't Recognize Question Type", "Duolingo Pro ran into an error while solving this question, an automatic question error report is being made.");
}
} else if (nextButtonAriaValue === 'false' || nextButtonAriaValue === false) {
nextButton.click();
//mainSolveStatistics('question', 1);
zXIArDomWMPkmTVf = 0;
if (document.querySelector('[data-test="player-next"]').classList.contains('_2oGJR')) {
if (isAutoMode) {
setTimeout(function () {
nextButton.click();
}, 100);
}
} else if (document.querySelector('[data-test="player-next"]').classList.contains('_3S8jJ')) {
//if (solveSpeed < 0.6) {
// solveSpeed = 0.6;
// localStorage.setItem('duopro.autoSolveDelay', solveSpeed);
//}
} else {
console.log('The element does not have the class ._9C_ii or .NAidc or the element is not found.');
}
} else {
console.log('The aria-disabled attribute is not set or has an unexpected value.');
//notificationCall("what", "Idk");
nextButton.click();
}
} else {
console.log('Element with data-test="player-next" or data-test="stories-player-continue" not found.');
}
} catch (error) { }
}, 100);
}
let fPuxeFVNBsHJUBgP = false;
function LhEqEHHc() {
if (!fPuxeFVNBsHJUBgP) {
fPuxeFVNBsHJUBgP = true;
const randomImageValue = Math.random().toString(36).substring(2, 15);
//questionErrorLogs(findReact(document.getElementsByClassName(findReactMainElementClass)[0]).props.currentChallenge, document.body.innerHTML, randomImageValue);
//const challengeAssistElement = document.querySelector('[data-test="challenge challenge-assist"]');
const challengeAssistElement = document.querySelector('._3x0ok');
if (challengeAssistElement) {
} else {
console.log('Element not found');
}
}
}
function determineChallengeType() {
try {
console.log(window.sol);
if (document.getElementsByClassName("FmlUF").length > 0) {
// Story
if (window.sol.type === "arrange") {
return "Story Arrange"
} else if (window.sol.type === "multiple-choice" || window.sol.type === "select-phrases") {
return "Story Multiple Choice"
} else if (window.sol.type === "point-to-phrase") {
return "Story Point to Phrase"
} else if (window.sol.type === "match") {
return "Story Pairs"
}
} else {
// Lesson
if (document.querySelectorAll('[data-test*="challenge-speak"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
return 'Challenge Speak';
} else if (document.querySelectorAll('[data-test*="challenge-name"]').length > 0 && document.querySelectorAll('[data-test="challenge-choice"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
return 'Challenge Name';
} else if (window.sol.type === 'listenMatch') {
hcwNIIOdaQqCZRDL = false;
return 'Listen Match';
} else if (document.querySelectorAll('[data-test="challenge challenge-listenSpeak"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
return 'Listen Speak';
} else if (document.querySelectorAll('[data-test="challenge-choice"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
if (document.querySelectorAll('[data-test="challenge-text-input"]').length > 0) {
return 'Challenge Choice with Text Input';
} else {
return 'Challenge Choice'
}
} else if (document.querySelectorAll('[data-test$="challenge-tap-token"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
if (window.sol.pairs !== undefined) {
return 'Pairs';
} else if (window.sol.correctTokens !== undefined) {
return 'Tokens Run';
} else if (window.sol.correctIndices !== undefined) {
return 'Indices Run';
}
} else if (document.querySelectorAll('[data-test="challenge-tap-token-text"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
return 'Fill in the Gap';
} else if (document.querySelectorAll('[data-test="challenge-text-input"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
return 'Challenge Text Input';
} else if (document.querySelectorAll('[data-test*="challenge-partialReverseTranslate"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
return 'Partial Reverse';
} else if (document.querySelectorAll('textarea[data-test="challenge-translate-input"]').length > 0) {
hcwNIIOdaQqCZRDL = false;
return 'Challenge Translate Input';
} else if (document.querySelectorAll('[data-test="session-complete-slide"]').length > 0) {
return 'Session Complete';
} else if (document.querySelectorAll('[data-test="daily-quest-progress-slide"]').length > 0) {
return 'Daily Quest Progress';
} else if (document.querySelectorAll('[data-test="streak-slide"]').length > 0) {
return 'Streak';
} else if (document.querySelectorAll('[data-test="leaderboard-slide"]').length > 0) { // needs maintainance
return 'Leaderboard';
} else {
return false;
}
}
} catch (error) {
console.log(error);
return 'error';
}
}
function handleChallenge(challengeType) {
// Implement logic to handle different challenge types
// This function should encapsulate the logic for each challenge type
if (challengeType === 'Challenge Speak' || challengeType === 'Listen Match' || challengeType === 'Listen Speak') {
const buttonSkip = document.querySelector('button[data-test="player-skip"]');
buttonSkip?.click();
} else if (challengeType === 'Challenge Choice' || challengeType === 'Challenge Choice with Text Input') {
// Text input
if (challengeType === 'Challenge Choice with Text Input') {
let elm = document.querySelectorAll('[data-test="challenge-text-input"]')[0];
let nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
nativeInputValueSetter.call(elm, window.sol.correctSolutions ? window.sol.correctSolutions[0].split(/(?<=^\S+)\s/)[1] : (window.sol.displayTokens ? window.sol.displayTokens.find(t => t.isBlank).text : window.sol.prompt));
let inputEvent = new Event('input', {
bubbles: true
});
elm.dispatchEvent(inputEvent);
} else if (challengeType === 'Challenge Choice') {
document.querySelectorAll("[data-test='challenge-choice']")[window.sol.correctIndex].click();
}
} else if (challengeType === 'Pairs') {
let nl = document.querySelectorAll('[data-test*="challenge-tap-token"]:not(span)');
if (document.querySelectorAll('[data-test="challenge-tap-token-text"]').length === nl.length) {
window.sol.pairs?.forEach((pair) => {
for (let i = 0; i < nl.length; i++) {
const nlInnerText = nl[i].querySelector('[data-test="challenge-tap-token-text"]').innerText.toLowerCase().trim();
try {
if (
(
nlInnerText === pair.transliteration.toLowerCase().trim() ||
nlInnerText === pair.character.toLowerCase().trim()
)
&& !nl[i].disabled
) {
nl[i].click()
}
} catch (TypeError) {
if (
(
nlInnerText === pair.learningToken.toLowerCase().trim() ||
nlInnerText === pair.fromToken.toLowerCase().trim()
)
&& !nl[i].disabled
) {
nl[i].click()
}
}
}
})
}
} else if (challengeType === 'Story Pairs') {
let nl = document.querySelectorAll('[data-test*="challenge-tap-token"]:not(span)');
const pairs = [];
if (document.querySelectorAll('[data-test="challenge-tap-token-text"]').length === nl.length) {
Object.keys(window.sol.dictionary).forEach((key) => {
if (!pairs.includes(key.split(":")[1])) {
pairs.push(key.split(":")[1]);
pairs.push(window.sol.dictionary[key]);
}
for (let p = 0; p < pairs.length; p++) {
for (let i = 0; i < nl.length; i++) {
const nlInnerText = nl[i].querySelector('[data-test="challenge-tap-token-text"]').innerText.toLowerCase().trim();
if (nlInnerText === pairs[p] && !nl[i].disabled) {
nl[i].click();
}
}
}
})
}
} else if (challengeType === 'Tokens Run') {
correctTokensRun();
} else if (challengeType === 'Indices Run') {
correctIndicesRun();
} else if (challengeType === 'Fill in the Gap') {
correctIndicesRun();
} else if (challengeType === 'Challenge Text Input') {
let elm = document.querySelectorAll('[data-test="challenge-text-input"]')[0];
let nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
nativeInputValueSetter.call(elm, window.sol.correctSolutions ? window.sol.correctSolutions[0] : (window.sol.displayTokens ? window.sol.displayTokens.find(t => t.isBlank).text : window.sol.prompt));
let inputEvent = new Event('input', {
bubbles: true
});
elm.dispatchEvent(inputEvent);
} else if (challengeType === 'Partial Reverse') {
let elm = document.querySelector('[data-test*="challenge-partialReverseTranslate"]')?.querySelector("span[contenteditable]");
let nativeInputNodeTextSetter = Object.getOwnPropertyDescriptor(Node.prototype, "textContent").set
nativeInputNodeTextSetter.call(elm, window.sol?.displayTokens?.filter(t => t.isBlank)?.map(t => t.text)?.join()?.replaceAll(',', ''));
let inputEvent = new Event('input', {
bubbles: true
});
elm.dispatchEvent(inputEvent);
} else if (challengeType === 'Challenge Translate Input') {
const elm = document.querySelector('textarea[data-test="challenge-translate-input"]');
const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, "value").set;
nativeInputValueSetter.call(elm, window.sol.correctSolutions ? window.sol.correctSolutions[0] : window.sol.prompt);
let inputEvent = new Event('input', {
bubbles: true
});
elm.dispatchEvent(inputEvent);
} else if (challengeType === 'Challenge Name') {
let articles = findReact(document.getElementsByClassName(findReactMainElementClass)[0]).props.currentChallenge.articles;
let correctSolutions = findReact(document.getElementsByClassName(findReactMainElementClass)[0]).props.currentChallenge.correctSolutions[0];
let matchingArticle = articles.find(article => correctSolutions.startsWith(article));
let matchingIndex = matchingArticle !== undefined ? articles.indexOf(matchingArticle) : null;
let remainingValue = correctSolutions.substring(matchingArticle.length);
let selectedElement = document.querySelector(`[data-test="challenge-choice"]:nth-child(${matchingIndex + 1})`);
if (selectedElement) {
selectedElement.click();
}
let elm = document.querySelector('[data-test="challenge-text-input"]');
let nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
nativeInputValueSetter.call(elm, remainingValue);
let inputEvent = new Event('input', {
bubbles: true
});
elm.dispatchEvent(inputEvent);
} else if (challengeType === 'Session Complete') {
} else if (challengeType === 'Story Arrange') {
let choices = document.querySelectorAll('[data-test*="challenge-tap-token"]:not(span)');
for (let i = 0; i < window.sol.phraseOrder.length; i++) {
choices[window.sol.phraseOrder[i]].click();
}
} else if (challengeType === 'Story Multiple Choice') {
let choices = document.querySelectorAll('[data-test="stories-choice"]');
choices[window.sol.correctAnswerIndex].click();
} else if (challengeType === 'Story Point to Phrase') {
let choices = document.querySelectorAll('[data-test="challenge-tap-token-text"]');
var correctIndex = -1;
for (let i = 0; i < window.sol.parts.length; i++) {
if (window.sol.parts[i].selectable === true) {
correctIndex += 1;
if (window.sol.correctAnswerIndex === i) {
choices[correctIndex].parentElement.click();
}
}
}
}
}
function correctTokensRun() {
const all_tokens = document.querySelectorAll('[data-test$="challenge-tap-token"]');
const correct_tokens = window.sol.correctTokens;
const clicked_tokens = [];
correct_tokens.forEach(correct_token => {
const matching_elements = Array.from(all_tokens).filter(element => element.textContent.trim() === correct_token.trim());
if (matching_elements.length > 0) {
const match_index = clicked_tokens.filter(token => token.textContent.trim() === correct_token.trim()).length;
if (match_index < matching_elements.length) {
matching_elements[match_index].click();
clicked_tokens.push(matching_elements[match_index]);
} else {
clicked_tokens.push(matching_elements[0]);
}
}
});
}
function correctIndicesRun() {
if (window.sol.correctIndices) {
window.sol.correctIndices?.forEach(index => {
document.querySelectorAll('div[data-test="word-bank"] [data-test*="challenge-tap-token"]:not(span)')[index].click();
});
}
}
function findSubReact(dom, traverseUp = reactTraverseUp) {
const key = Object.keys(dom).find(key => key.startsWith("__reactProps"));
return dom?.[key]?.children?.props?.slide;
}
function findReact(dom, traverseUp = reactTraverseUp) {
const key = Object.keys(dom).find(key => {
return key.startsWith("__reactFiber$") // react 17+
|| key.startsWith("__reactInternalInstance$"); // react <17
});
const domFiber = dom[key];
if (domFiber == null) return null;
// react <16
if (domFiber._currentElement) {
let compFiber = domFiber._currentElement._owner;
for (let i = 0; i < traverseUp; i++) {
compFiber = compFiber._currentElement._owner;
}
return compFiber._instance;
}
// react 16+
const GetCompFiber = fiber => {
//return fiber._debugOwner; // this also works, but is __DEV__ only
let parentFiber = fiber.return;
while (typeof parentFiber.type == "string") {
parentFiber = parentFiber.return;
}
return parentFiber;
};
let compFiber = GetCompFiber(domFiber);
for (let i = 0; i < traverseUp; i++) {
compFiber = GetCompFiber(compFiber);
}
return compFiber.stateNode;
}
window.findReact = findReact;
window.findSubReact = findSubReact;
window.ss = solving;
}
One();